perf(nouislider): upgrade nouislider, shaves some more ms

See leongersen/noUiSlider#601
algolia · Feb 11, 2016 · fefbe65 · fefbe65
1 parent 358b5cd
commit fefbe65
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 13 deletions.
diff --git a/npm-shrinkwrap.json b/npm-shrinkwrap.json
diff --git a/package.json b/package.json
@@ -92,7 +92,7 @@
     "lodash": "^3.10.1",
     "react": "^0.14.7",
     "react-dom": "^0.14.7",
-    "react-nouislider": "^1.7.0",
+    "react-nouislider": "^1.7.1",
     "to-factory": "^1.0.0"
   },
   "license": "MIT"

diff --git a/src/components/Slider/Slider.js b/src/components/Slider/Slider.js
@@ -39,6 +39,7 @@ class Slider extends React.Component {
     } else {
       pips = this.props.pips;
     }
+
     return (
       <Nouislider
         {...this.props}
@@ -64,7 +65,11 @@ Slider.propTypes = {
   start: React.PropTypes.arrayOf(React.PropTypes.number).isRequired,
   tooltips: React.PropTypes.oneOfType([
     React.PropTypes.bool,
-    React.PropTypes.object
+    React.PropTypes.arrayOf(
+      React.PropTypes.shape({
+        to: React.PropTypes.func
+      })
+    )
   ])
 };
 

diff --git a/src/widgets/range-slider/range-slider.js b/src/widgets/range-slider/range-slider.js
@@ -66,6 +66,13 @@ function rangeSlider({
     Slider = autoHideContainerHOC(Slider);
   }
 
+  let cssClasses = {
+    root: cx(bem(null), userCssClasses.root),
+    header: cx(bem('header'), userCssClasses.header),
+    body: cx(bem('body'), userCssClasses.body),
+    footer: cx(bem('footer'), userCssClasses.footer)
+  };
+
   return {
     getConfiguration: () => ({
       disjunctiveFacets: [attributeName]
@@ -109,13 +116,6 @@ function rangeSlider({
       });
     },
     render({results, helper}) {
-      let cssClasses = {
-        root: cx(bem(null), userCssClasses.root),
-        header: cx(bem('header'), userCssClasses.header),
-        body: cx(bem('body'), userCssClasses.body),
-        footer: cx(bem('footer'), userCssClasses.footer)
-      };
-
       let facet = find(results.disjunctiveFacets, {name: attributeName});
       let stats = facet !== undefined ? facet.stats : undefined;
       let currentRefinement = this._getCurrentRefinement(helper);
@@ -127,6 +127,10 @@ function rangeSlider({
         };
       }
 
+      if (tooltips.format !== undefined) {
+        tooltips = [{to: tooltips.format}, {to: tooltips.format}];
+      }
+
       ReactDOM.render(
         <Slider
           cssClasses={cssClasses}