react-ranger - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

es/index.js

@@ -163,3 +163,3 @@ 'use strict';
 
-      return (val - min) / (max - min) * 100;
+      return Math.max(0, Math.min(100, (val - min) / (max - min) * 100));
     }, _this.getValueForClientX = function (clientX) {
@@ -166,0 +166,0 @@ var _this$props4 = _this.props,

lib/index.js

@@ -163,3 +163,3 @@ 'use strict';
 
-      return (val - min) / (max - min) * 100;
+      return Math.max(0, Math.min(100, (val - min) / (max - min) * 100));
     }, _this.getValueForClientX = function (clientX) {
@@ -166,0 +166,0 @@ var _this$props4 = _this.props,

package.json

 {
   "name": "react-ranger",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A render-prop component to build range and multi-range sliders in React",
@@ -41,2 +41,4 @@ "main": "lib/index.js",
   "devDependencies": {
+    "babel-plugin-source": "^0.0.2",
+    "babel-preset-env": "^1.7.0",
     "eslint-config-react-tools": "^1.0.10",
@@ -47,5 +49,3 @@ "nwb": "0.18.x",
     "react-dom": "^15.6.1 || 16",
-    "styled-components": "^2.2.3",
-    "babel-plugin-source": "^0.0.2",
-    "babel-preset-env": "^1.7.0"
+    "styled-components": "^2.2.3"
   },
@@ -52,0 +52,0 @@ "dependencies": {

umd/react-ranger.js

 /*!
- * react-ranger v1.0.0 - https://react-ranger.js.org
+ * react-ranger v1.0.1 - https://react-ranger.js.org
  * MIT Licensed
@@ -11,5 +11,5 @@ */
 	else if(typeof exports === 'object')
-		exports["ReactShow"] = factory(require("react"), require("prop-types"));
+		exports["ReactRanger"] = factory(require("react"), require("prop-types"));
 	else
-		root["ReactShow"] = factory(root["React"], root["PropTypes"]);
+		root["ReactRanger"] = factory(root["React"], root["PropTypes"]);
 })(this, function(__WEBPACK_EXTERNAL_MODULE_2__, __WEBPACK_EXTERNAL_MODULE_3__) {
@@ -241,3 +241,3 @@ return /******/ (function(modules) { // webpackBootstrap
 
-      return (val - min) / (max - min) * 100;
+      return Math.max(0, Math.min(100, (val - min) / (max - min) * 100));
     }, _this.getValueForClientX = function (clientX) {
@@ -244,0 +244,0 @@ var _this$props4 = _this.props,

umd/react-ranger.min.js

 /*!
- * react-ranger v1.0.0 - https://react-ranger.js.org
+ * react-ranger v1.0.1 - https://react-ranger.js.org
  * MIT Licensed
  */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.ReactShow=t(require("react")):e.ReactShow=t(e.React)}(this,function(e){return function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";function o(e,t){var n={};for(var o in e)t.indexOf(o)>=0||Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s,u,c=n(2),l=n.n(c),p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},f=function(e){var t=e.getBoundingClientRect();return{left:Math.ceil(t.left),width:Math.ceil(t.width)}},d=(u=s=function(e){function t(){var n,a,s;r(this,t);for(var u=arguments.length,c=Array(u),l=0;l<u;l++)c[l]=arguments[l];return n=a=i(this,e.call.apply(e,[this].concat(c))),a.state={activeHandleIndex:null},a.handleEls=[],a.handleDimensions=[],a.onPress=function(e,t){a.setState({activeHandleIndex:t}),document.addEventListener("mousemove",a.onDrag),document.addEventListener("touchmove",a.onDrag),document.addEventListener("mouseup",a.onRelease),document.addEventListener("touchend",a.onRelease),a.props.onPress&&a.props.onPress(e)},a.onDrag=function(e){var t=a.props,n=t.onChange,o=t.onDrag,r=a.state.activeHandleIndex,i=a.getValues(),s=a.getValueForClientX(e.clientX),u=a.roundToStep(s),c=[].concat(i.slice(0,r),[u],i.slice(r+1));o&&o(e),n(c)},a.onRelease=function(e){document.removeEventListener("mousemove",a.onDrag),document.removeEventListener("touchmove",a.onDrag),document.removeEventListener("mouseup",a.onRelease),document.removeEventListener("touchend",a.onRelease),a.setState({activeHandleIndex:null},function(){a.props.onRelease&&a.props.onRelease(e)})},a.roundToStep=function(e){var t=a.props,n=t.min,o=t.max,r=t.steps,i=t.stepSize,s=n,u=o;if(r)r.forEach(function(t){t<=e&&t>s&&(s=t),t>=e&&t<u&&(u=t)});else{for(;s<e&&s+i<e;)s+=i;u=Math.min(s+i,o)}return e-s<u-e?s:u},a.getValues=function(){return Array.isArray(a.props.value)?a.props.value:[a.props.value]},a.getPercentageForValue=function(e){var t=a.props,n=t.min;return(e-n)/(t.max-n)*100},a.getValueForClientX=function(e){var t=a.props,n=t.min,o=t.max,r=f(a.trackEl);return(o-n)*((e-r.left)/r.width)+n},a.getTicks=function(){var e=a.props,t=e.min,n=e.max,o=e.tickSize,r=e.ticks,i=e.steps,s=r;if(!s)if(i)s=i;else{for(s=[t];s[s.length-1]<n-o;)s.push(s[s.length-1]+o);s.push(n)}return s.map(function(e,t){return{value:e,index:t,getTickProps:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},o=n.key,r=n.style,i=void 0===r?{}:r;return{key:void 0!==o?o:t,style:p({},i,{position:"absolute",left:a.getPercentageForValue(e)+"%"})}}}})},a.getSegments=function(){var e=a.props,t=e.min,n=e.max,o=a.getValues(),r=[].concat(o).sort(function(e,t){return e-t});return[].concat(r,[n]).map(function(e,n){return{value:e,index:n,getSegmentProps:function(){var o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=o.key,s=o.style,u=void 0===s?{}:s,c=a.getPercentageForValue(r[n-1]?r[n-1]:t),l=a.getPercentageForValue(e)-c;return{key:void 0!==i?i:n,style:p({},u,{position:"absolute",left:c+"%",width:l+"%"})}}}})},a.getHandles=function(){var e=a.state.activeHandleIndex;return a.getValues().map(function(t,n){return{value:t,index:n,active:n===e,getHandleProps:function(){var r,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},s=i.key,u=i.refProp,c=void 0===u?"ref":u,l=i.innerRef,f=void 0===l?function(){}:l,d=i.onMouseDown,v=void 0===d?function(){}:d,g=i.onTouchStart,h=void 0===g?function(){}:g,m=i.style,y=void 0===m?{}:m,x=o(i,["key","refProp","innerRef","onMouseDown","onTouchStart","style"]);return p((r={key:void 0!==s?s:n},r[c]=function(e){a.handleEls[n]=e,f(e)},r.onMouseDown=function(e){e.persist(),a.onPress(e,n),v(e)},r.onTouchStart=function(e){e.persist(),a.onPress(e,n),h(e)},r.style=p({},y,{position:"absolute",top:"50%",left:a.getPercentageForValue(t)+"%",transform:"translate(-50%, -50%)",zIndex:n===e?"1":"0"}),r),x)}}})},a.getTrackProps=function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=t.style,o=void 0===n?{}:n,r=t.refProp,i=void 0===r?"ref":r,s=a.props.onTrackClick,u=a.state.activeHandleIndex;return e={},e[i]=function(e){a.trackEl=e},e.onClick=function(e){if(e.persist(),null===u&&s&&!a.handleEls.find(function(t){return t.contains(e.target)})){var t=a.getValueForClientX(e.clientX);s(a.roundToStep(t),t)}},e.style=p({},o,{position:"relative",userSelect:"none"}),e},s=n,i(a,s)}return a(t,e),t.prototype.render=function(){var e=this.props.children,t=this.state.activeHandleIndex;return e({getTrackProps:this.getTrackProps,ticks:this.getTicks(),segments:this.getSegments(),handles:this.getHandles(),activeHandleIndex:t})},t}(l.a.Component),s.defaultProps={tickSize:10},u);t.default=d},function(t,n){t.exports=e}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.ReactRanger=t(require("react")):e.ReactRanger=t(e.React)}(this,function(e){return function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";function o(e,t){var n={};for(var o in e)t.indexOf(o)>=0||Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s,u,c=n(2),l=n.n(c),p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},f=function(e){var t=e.getBoundingClientRect();return{left:Math.ceil(t.left),width:Math.ceil(t.width)}},d=(u=s=function(e){function t(){var n,a,s;r(this,t);for(var u=arguments.length,c=Array(u),l=0;l<u;l++)c[l]=arguments[l];return n=a=i(this,e.call.apply(e,[this].concat(c))),a.state={activeHandleIndex:null},a.handleEls=[],a.handleDimensions=[],a.onPress=function(e,t){a.setState({activeHandleIndex:t}),document.addEventListener("mousemove",a.onDrag),document.addEventListener("touchmove",a.onDrag),document.addEventListener("mouseup",a.onRelease),document.addEventListener("touchend",a.onRelease),a.props.onPress&&a.props.onPress(e)},a.onDrag=function(e){var t=a.props,n=t.onChange,o=t.onDrag,r=a.state.activeHandleIndex,i=a.getValues(),s=a.getValueForClientX(e.clientX),u=a.roundToStep(s),c=[].concat(i.slice(0,r),[u],i.slice(r+1));o&&o(e),n(c)},a.onRelease=function(e){document.removeEventListener("mousemove",a.onDrag),document.removeEventListener("touchmove",a.onDrag),document.removeEventListener("mouseup",a.onRelease),document.removeEventListener("touchend",a.onRelease),a.setState({activeHandleIndex:null},function(){a.props.onRelease&&a.props.onRelease(e)})},a.roundToStep=function(e){var t=a.props,n=t.min,o=t.max,r=t.steps,i=t.stepSize,s=n,u=o;if(r)r.forEach(function(t){t<=e&&t>s&&(s=t),t>=e&&t<u&&(u=t)});else{for(;s<e&&s+i<e;)s+=i;u=Math.min(s+i,o)}return e-s<u-e?s:u},a.getValues=function(){return Array.isArray(a.props.value)?a.props.value:[a.props.value]},a.getPercentageForValue=function(e){var t=a.props,n=t.min,o=t.max;return Math.max(0,Math.min(100,(e-n)/(o-n)*100))},a.getValueForClientX=function(e){var t=a.props,n=t.min,o=t.max,r=f(a.trackEl);return(o-n)*((e-r.left)/r.width)+n},a.getTicks=function(){var e=a.props,t=e.min,n=e.max,o=e.tickSize,r=e.ticks,i=e.steps,s=r;if(!s)if(i)s=i;else{for(s=[t];s[s.length-1]<n-o;)s.push(s[s.length-1]+o);s.push(n)}return s.map(function(e,t){return{value:e,index:t,getTickProps:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},o=n.key,r=n.style,i=void 0===r?{}:r;return{key:void 0!==o?o:t,style:p({},i,{position:"absolute",left:a.getPercentageForValue(e)+"%"})}}}})},a.getSegments=function(){var e=a.props,t=e.min,n=e.max,o=a.getValues(),r=[].concat(o).sort(function(e,t){return e-t});return[].concat(r,[n]).map(function(e,n){return{value:e,index:n,getSegmentProps:function(){var o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=o.key,s=o.style,u=void 0===s?{}:s,c=a.getPercentageForValue(r[n-1]?r[n-1]:t),l=a.getPercentageForValue(e)-c;return{key:void 0!==i?i:n,style:p({},u,{position:"absolute",left:c+"%",width:l+"%"})}}}})},a.getHandles=function(){var e=a.state.activeHandleIndex;return a.getValues().map(function(t,n){return{value:t,index:n,active:n===e,getHandleProps:function(){var r,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},s=i.key,u=i.refProp,c=void 0===u?"ref":u,l=i.innerRef,f=void 0===l?function(){}:l,d=i.onMouseDown,v=void 0===d?function(){}:d,g=i.onTouchStart,h=void 0===g?function(){}:g,m=i.style,y=void 0===m?{}:m,x=o(i,["key","refProp","innerRef","onMouseDown","onTouchStart","style"]);return p((r={key:void 0!==s?s:n},r[c]=function(e){a.handleEls[n]=e,f(e)},r.onMouseDown=function(e){e.persist(),a.onPress(e,n),v(e)},r.onTouchStart=function(e){e.persist(),a.onPress(e,n),h(e)},r.style=p({},y,{position:"absolute",top:"50%",left:a.getPercentageForValue(t)+"%",transform:"translate(-50%, -50%)",zIndex:n===e?"1":"0"}),r),x)}}})},a.getTrackProps=function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=t.style,o=void 0===n?{}:n,r=t.refProp,i=void 0===r?"ref":r,s=a.props.onTrackClick,u=a.state.activeHandleIndex;return e={},e[i]=function(e){a.trackEl=e},e.onClick=function(e){if(e.persist(),null===u&&s&&!a.handleEls.find(function(t){return t.contains(e.target)})){var t=a.getValueForClientX(e.clientX);s(a.roundToStep(t),t)}},e.style=p({},o,{position:"relative",userSelect:"none"}),e},s=n,i(a,s)}return a(t,e),t.prototype.render=function(){var e=this.props.children,t=this.state.activeHandleIndex;return e({getTrackProps:this.getTrackProps,ticks:this.getTicks(),segments:this.getSegments(),handles:this.getHandles(),activeHandleIndex:t})},t}(l.a.Component),s.defaultProps={tickSize:10},u);t.default=d},function(t,n){t.exports=e}])});
 //# sourceMappingURL=react-ranger.min.js.map

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

101574

increased by0.23%

Lines of code

1062

increased by0.09%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes