monday-ui-react-core/dist/mocked_classnames_esm/src/components/Slider/Slider.js

Official monday.com UI resources for application development in React.js

import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as t,useRef as o,useMemo as r}from"react";import"../../constants/dialog.js";import{BASE_SIZES as a}from"../../constants/sizes.js";import"../../constants/positions.js";import s from"../../hooks/useMergeRef.js";import{NOOP as l}from"../../utils/function-utils.js";import{ensureDefaultValue as n}from"./SliderHelpers.js";import{SliderProvider as d}from"./SliderContext.js";import m from"./SliderBase/SliderBase.js";import c from"./SliderInfix.js";import{SliderColor as p}from"./SliderConstants.js";import u from"classnames";import{withStaticProps as f}from"../../types/withStaticProps.js";import v from"./Slider.module.scss.js";var j=t((function(t,a){var p=t.ariaLabel,f=t.ariaLabelledby,x=t.className,S=t.color,b=t["data-testid"],h=void 0===b?"monday-slider":b,g=t.disabled,E=void 0!==g&&g,L=t.id,k=t.max,y=void 0===k?100:k,z=t.min,I=void 0===z?0:z,P=t.onChange,w=void 0===P?l:P,C=t.ranged,F=void 0!==C&&C,V=t.step,B=void 0===V?1:V,T=t.showValue,H=void 0!==T&&T,M=t.size,N=void 0===M?j.sizes.SMALL:M,O=t.value,R=t.defaultValue,W=void 0===R?0:R,X=t.valueFormatter,_=void 0===X?function(e){return"".concat(e,"%")}:X,A=t.valueText,q=t.indicateSelection,D=void 0!==q&&q,G=t.prefix,J=t.postfix,K=t.selectionIndicatorWidth,Q=void 0===K?"60px":K,U=o(null),Y=s(a,U),Z=r((function(){return{prefix:G,postfix:J,indicateSelection:D,selectionIndicatorWidth:Q}}),[G,J,D,Q]);return i.createElement(d,{ariaLabel:p,ariaLabelledby:f,color:S,"data-testid":h,disabled:E,infixOptions:Z,max:y,min:I,onChange:w,ranged:F,showValue:H,size:N,step:B,value:O,defaultValue:n(W,I,y,F),valueFormatter:_,valueText:A},i.createElement("div",{className:u(v.slider,e({},v.valueShown,H),x),"data-testid":h,id:L,ref:Y},i.createElement(c,{kind:c.kinds.PREFIX}),i.createElement(m,null),i.createElement(c,{kind:c.kinds.POSTFIX})))})),x=f(j,{sizes:a,colors:p});export{x as default};
//# sourceMappingURL=Slider.js.map