add-onFocus-to-rangeSlider (#491)

* added optional onFocus event for rangeslider that can be used for GA * bumped version
kununu · Apr 11, 2019 · d048bda · d048bda
1 parent 752e8e9
commit d048bda
Show file tree

Hide file tree

Showing 13 changed files with 19 additions and 11 deletions.
diff --git a/docs/iframe.html b/docs/iframe.html
@@ -57,4 +57,4 @@
     console.warn('unable to connect to parent frame for connecting dev tools');
   }</script></head><body><div class="sb-nopreview sb-wrapper"><div class="sb-nopreview_main"><h1 class="sb-nopreview_heading sb-heading">No Preview</h1><p>Sorry, but you either have no stories or none are selected somehow.</p><ul><li>Please check the storybook config.</li><li>Try reloading the page.</li></ul></div></div><div class="sb-errordisplay sb-wrapper"><div id="error-message" class="sb-heading"></div><pre class="sb-errordisplay_code">
     <code id="error-stack"></code>
-  </pre></div><div id="root"></div><script src="runtime~main.83669f2b005ee258e7d6.bundle.js"></script><script src="vendors~main.83669f2b005ee258e7d6.bundle.js"></script><script src="main.83669f2b005ee258e7d6.bundle.js"></script></body></html>
+  </pre></div><div id="root"></div><script src="runtime~main.e60190c357946296b8a1.bundle.js"></script><script src="vendors~main.e60190c357946296b8a1.bundle.js"></script><script src="main.e60190c357946296b8a1.bundle.js"></script></body></html>
diff --git a/docs/main.83669f2b005ee258e7d6.bundle.js b/docs/main.83669f2b005ee258e7d6.bundle.js
diff --git a/docs/main.e60190c357946296b8a1.bundle.js b/docs/main.e60190c357946296b8a1.bundle.js
diff --git a/docs/main.83669f2b005ee258e7d6.bundle.js.map → docs/main.e60190c357946296b8a1.bundle.js.map b/docs/main.83669f2b005ee258e7d6.bundle.js.map → docs/main.e60190c357946296b8a1.bundle.js.map
diff --git a/...ntime~main.83669f2b005ee258e7d6.bundle.js → ...ntime~main.e60190c357946296b8a1.bundle.js b/...ntime~main.83669f2b005ee258e7d6.bundle.js → ...ntime~main.e60190c357946296b8a1.bundle.js
diff --git a/...e~main.83669f2b005ee258e7d6.bundle.js.map → ...e~main.e60190c357946296b8a1.bundle.js.map b/...e~main.83669f2b005ee258e7d6.bundle.js.map → ...e~main.e60190c357946296b8a1.bundle.js.map
diff --git a/...ndors~main.83669f2b005ee258e7d6.bundle.js → ...ndors~main.e60190c357946296b8a1.bundle.js b/...ndors~main.83669f2b005ee258e7d6.bundle.js → ...ndors~main.e60190c357946296b8a1.bundle.js
diff --git a/...s~main.83669f2b005ee258e7d6.bundle.js.map → ...s~main.e60190c357946296b8a1.bundle.js.map b/...s~main.83669f2b005ee258e7d6.bundle.js.map → ...s~main.e60190c357946296b8a1.bundle.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nukleus",
-  "version": "14.2.0",
+  "version": "14.2.1",
   "description": "Shared components repo for kununu projects",
   "main": "dist/components/index.js",
   "repository": {

diff --git a/src/components/RangeSlider/index.jsx b/src/components/RangeSlider/index.jsx
@@ -20,6 +20,7 @@ const RangeSliderComponent = ({
   onChange,
   label,
   containerClass,
+  onFocus,
 }) => (
   <>
     <div className={containerClass}>
@@ -35,6 +36,7 @@ const RangeSliderComponent = ({
           value={value}
           onChange={onChange}
           onBlur={onBlur}
+          onFocus={onFocus}
           className={styles.slider}
         />
       </label>
@@ -58,6 +60,7 @@ RangeSliderComponent.propTypes = {
   onChange: PropTypes.func.isRequired,
   name: PropTypes.string.isRequired,
   onBlur: PropTypes.func.isRequired,
+  onFocus: PropTypes.func,
   meta: PropTypes.shape({
     value: PropTypes.number.isRequired,
     touched: PropTypes.bool,
@@ -73,6 +76,7 @@ RangeSliderComponent.propTypes = {
 RangeSliderComponent.defaultProps = {
   label: '',
   containerClass: styles.sliderWrapper,
+  onFocus: null,
 };