@start-base/react-form-elements/Slider/index.js

Simplify form elements and form management. Selection of user friendly inputs and wide customization abilities to match your design and functionality.

"use strict";var e=require("react"),l=require("clsx"),a=require("rc-slider");function r(e){return e&&e.__esModule?e:{default:e}}var t=r(e),d=r(l),u=r(a),o=Object.defineProperty,s=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,m=(e,l,a)=>l in e?o(e,l,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[l]=a,c=(e,l)=>{for(var a in l||(l={}))n.call(l,a)&&m(e,a,l[a]);if(s)for(var a of s(l))i.call(l,a)&&m(e,a,l[a]);return e},f="SUI-Slider-module-root-nimwu",b="SUI-Slider-module-inputRoot-H61xi",S="SUI-Slider-module-label-CfIjh",v="SUI-Slider-module-slider-gTQ5h",N="SUI-Slider-module-vertical-6u-n8",p="SUI-Slider-module-tracks-3aY2r",C="SUI-Slider-module-track-cy5dF",g="SUI-Slider-module-rail-K-UNZ",I="SUI-Slider-module-handle-G5nbR",U="SUI-Slider-module-horizontal-B05eH",y="SUI-Slider-module-disabled-hAd0M",h="SUI-Slider-module-error-Qeso1",k="SUI-Slider-module-errorLabel-2RUQj",O=e.forwardRef((l,a)=>{var r=l,{name:o,onChange:m,label:O=null,value:j=null,range:x=!1,vertical:E=!1,defaultValue:w=[0,0],tracksClassName:R=null,trackClassName:q=null,railClassName:M=null,handleClassName:P=null,labelClassName:Q=null,errorClassName:H=null,disabled:V=!1,error:_=null}=r,z=((e,l)=>{var a={};for(var r in e)n.call(e,r)&&l.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&s)for(var r of s(e))l.indexOf(r)<0&&i.call(e,r)&&(a[r]=e[r]);return a})(r,["name","onChange","label","value","range","vertical","defaultValue","tracksClassName","trackClassName","railClassName","handleClassName","labelClassName","errorClassName","disabled","error"]);const A=e.useMemo(()=>_&&"string"==typeof _?_:_&&"object"==typeof _&&_.message?_.message:null,[_]);return t.default.createElement("div",{className:f},O&&t.default.createElement("div",{className:d.default(S,c({},Q?{[Q]:!0}:{}))},O),t.default.createElement("div",{className:d.default(b)},t.default.createElement(u.default,c({ref:a,classNames:{tracks:d.default(p,c({},R?{[R]:!0}:{})),track:d.default(C,c({},q?{[q]:!0}:{})),rail:d.default(g,c({},M?{[M]:!0}:{})),handle:d.default(I,c({},P?{[P]:!0}:{}))},activeDotStyle:{borderColor:"var(--rfe-black)",background:"var(--rfe-black)"},className:d.default(v,{[N]:E,[U]:!E,[y]:V,[h]:"boolean"==typeof _&&_}),dotStyle:{top:E?"unset":"1px",right:E?"-5px":"unset",borderColor:"var(--rfe-border)",background:"var(--rfe-border)"},value:null===j&&x?w:null===j?0:j,onChange:e=>{m({target:{name:o,value:e}})},disabled:V,range:x,vertical:E},z))),A&&t.default.createElement("div",{className:d.default(k,c({},H?{[H]:!0}:{}))},A))});O.displayName="Slider";var j=O;module.exports=j;