Rename format -> template.

Author: T4rk1n

components/dash-core-components/src/components/RangeSlider.react.js

@@ -126,10 +126,12 @@ RangeSlider.propTypes = {
             'bottomRight',
         ]),
         /**
-         * Format to apply to the tooltip
-         * The string must contain `{value}`
+         * Template string to display the tooltip in.
+         * Must contain `{value}`, which will be replaced with either
+         * the default string representation of the value or the result of the
+         * transform function if there is one.
          */
-        format: PropTypes.string,
+        template: PropTypes.string,
         /**
          * Custom style for the tooltip.
          */

components/dash-core-components/src/components/Slider.react.js

@@ -108,10 +108,12 @@ Slider.propTypes = {
             'bottomRight',
         ]),
         /**
-         * Format to apply to the tooltip
-         * The string must contain `{value}`
+         * Template string to display the tooltip in.
+         * Must contain `{value}`, which will be replaced with either
+         * the default string representation of the value or the result of the
+         * transform function if there is one.
          */
-        format: PropTypes.string,
+        template: PropTypes.string,
         /**
          * Custom style for the tooltip.
          */

components/dash-core-components/src/fragments/RangeSlider.react.js

@@ -85,9 +85,9 @@ export default class RangeSlider extends Component {
              */
             tipProps = pipe(
                 assoc('visible', tooltip.always_visible),
-                omit(['always_visible', 'format', 'style', 'transform'])
+                omit(['always_visible', 'template', 'style', 'transform'])
             )(tooltip);
-            if (tooltip.format || tooltip.style || tooltip.transform) {
+            if (tooltip.template || tooltip.style || tooltip.transform) {
                 tipFormatter = tipValue => {
                     let t = tipValue;
                     if (tooltip.transform) {
@@ -96,7 +96,7 @@ export default class RangeSlider extends Component {
                     return (
                         <div style={tooltip.style}>
                             {formatSliderTooltip(
-                                tooltip.format || '{value}',
+                                tooltip.template || '{value}',
                                 t
                             )}
                         </div>

components/dash-core-components/src/fragments/Slider.react.js

@@ -85,9 +85,9 @@ export default class Slider extends Component {
              */
             tipProps = pipe(
                 assoc('visible', tooltip.always_visible),
-                omit(['always_visible', 'format', 'style', 'transform'])
+                omit(['always_visible', 'template', 'style', 'transform'])
             )(tooltip);
-            if (tooltip.format || tooltip.style || tooltip.transform) {
+            if (tooltip.template || tooltip.style || tooltip.transform) {
                 tipFormatter = tipValue => {
                     let t = tipValue;
                     if (tooltip.transform) {
@@ -96,7 +96,7 @@ export default class Slider extends Component {
                     return (
                         <div style={tooltip.style}>
                             {formatSliderTooltip(
-                                tooltip.format || '{value}',
+                                tooltip.template || '{value}',
                                 t
                             )}
                         </div>

components/dash-core-components/tests/integration/sliders/test_sliders.py

@@ -571,7 +571,7 @@ def test_sls016_sliders_format_tooltips(dash_dcc):
                 max=100,
                 id="slider",
                 tooltip={
-                    "format": "Custom tooltip: {value}",
+                    "template": "Custom tooltip: {value}",
                     "always_visible": True,
                     "style": {"padding": "8px"},
                 },
@@ -581,7 +581,7 @@ def test_sls016_sliders_format_tooltips(dash_dcc):
                 min=20,
                 max=100,
                 id="range-slider",
-                tooltip={"format": "Custom tooltip: {value}", "always_visible": True},
+                tooltip={"template": "Custom tooltip: {value}", "always_visible": True},
             ),
             dcc.Slider(
                 min=20,