UNPKG

@x1mrdonut1x/nouislider-react

Version:

React component wrapping leongersen/noUiSlider

3 lines (2 loc) 5.62 kB
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("react"),require("nouislider")):"function"==typeof define&&define.amd?define(["react","nouislider"],e):(t="undefined"!=typeof globalThis?globalThis:t||self).ReactNouislider=e(t.React,t.nouislider)}(this,(function(t,e){"use strict";function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var r=n(t),o=n(e);function i(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function a(t){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a(t)}function u(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function c(){return c=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},c.apply(this,arguments)}function l(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==n)return;var r,o,i=[],a=!0,u=!1;try{for(n=n.call(t);!(a=(r=n.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(t){u=!0,o=t}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return i}(t,e)||s(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f(t){return function(t){if(Array.isArray(t))return d(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||s(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(t,e){if(t){if("string"==typeof t)return d(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(t,e):void 0}}function d(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var p=function(t){return Object.entries(t).sort().reduce((function(t,e){var n=l(e,2),r=n[0],o=n[1];return t[r]=o,t}),{})},y=function(t,e){return"number"==typeof t&&"number"==typeof e||"string"==typeof t&&"string"==typeof e?t===e:Array.isArray(t)&&Array.isArray(e)?JSON.stringify(t)===JSON.stringify(e):"object"===a(t)&&"object"===a(e)&&JSON.stringify(p(t))===JSON.stringify(p(e))},b=function(t,e){var n=t.start,r=t.step,o=t.disabled,i=t.range;return e.step===r&&y(e.start,n)&&e.disabled===o&&y(e.range,i)},m=function(e){var n=r.default.createRef(),a=function(){return(n.current||{}).noUiSlider};t.useEffect((function(){var t=e.instanceRef,r=t&&Object.prototype.hasOwnProperty.call(t,"current");return t&&t instanceof Function&&t(n.current),r&&(t.current=n.current),function(){r&&(t.current=null)}}),[n]);var l=function(t){var e=Number(t.target.getAttribute("data-value")),n=a();n&&n.set(e)},s=function(t){var e=n.current;e&&(t?e.setAttribute("disabled",!0):e.removeAttribute("disabled"))},d=e.onUpdate,p=e.onChange,y=e.onSlide,b=e.onStart,m=e.onEnd,v=e.onSet,g=function(t){b&&(t.off("start"),t.on("start",b)),y&&(t.off("slide"),t.on("slide",y)),d&&(t.off("update"),t.on("update",d)),p&&(t.off("change"),t.on("change",p)),v&&(t.off("set"),t.on("set",v)),m&&(t.off("end"),t.on("end",m))},O=function(){e.clickablePips&&f(n.current.querySelectorAll(".noUi-value")).forEach((function(t){t.style.cursor="pointer",t.addEventListener("click",l)}))},h=function(){var t=o.default.create(n.current,function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?i(Object(n),!0).forEach((function(e){u(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},e));g(t),O()};t.useEffect((function(){var t=e.disabled,r=n.current;return r&&(s(t),h()),function(){var t=a();t&&t.destroy(),r&&f(r.querySelectorAll(".noUi-value")).forEach((function(t){t.removeEventListener("click",l)}))}}),[]);var S=e.start,j=e.disabled,A=e.range,w=e.step,E=e.margin,P=e.padding,N=e.limit,U=e.pips,k=e.snap,I=e.animate;t.useEffect((function(){var t=a();t&&(!function(t){n.current.noUiSlider.updateOptions(t)}({range:A,step:w,padding:P,margin:E,limit:N,pips:U,snap:k,animate:I}),t.set(S),O()),s(j)}),[S,j,A,w,E,P,N,U,k,I]),t.useEffect((function(){var t=a();t&&g(t)}),[d,p,y,b,m,v]);var R=e.id,q=e.className,D=e.style,J={};return R&&(J.id=R),q&&(J.className=q),r.default.createElement("div",c({},J,{ref:n,style:D}))};return m.defaultProps={animate:!0,behaviour:"tap",className:null,clickablePips:!1,connect:!1,direction:"ltr",disabled:!1,format:null,margin:null,limit:null,keyboardSupport:!0,id:null,instanceRef:null,padding:0,pips:null,snap:!1,step:null,style:null,orientation:"horizontal",tooltips:!1,onChange:function(){},onEnd:function(){},onSet:function(){},onSlide:function(){},onStart:function(){},onUpdate:function(){}},r.default.memo(m,b)})); //# sourceMappingURL=nouislider-react.umd.production.min.js.map