UNPKG

@x1mrdonut1x/nouislider-react

Version:

React component wrapping leongersen/noUiSlider

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