npm - @scbt-ecom/ui - Versions diffs - 0.152.4 → 0.152.6 - Mend

@scbt-ecom/ui 0.152.4 → 0.152.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (281) hide show

package/dist/lib/shared/ui/formElements/uncontrolled/checkbox/Checkbox.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as i}from"react/jsx-runtime";import{forwardRef as c}from"react";import{Root as l,Indicator as g}from"@radix-ui/react-checkbox";import{cn as m}from"../../../../utils/cn.js";import"uuid";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import{Icon as u}from"../../../icon/Icon.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../autocomplete/Autocomplete.js";import"../combobox/combobox.js";import"../dayPicker/DayPicker.js";import"../input/Input.js";import"../inputOtp/InputOtpBase.js";import"../maskInput/MaskInput.js";import"../radio/RadioGroup.js";import"../radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../slider/SliderBase.js";import"../switch/Switch.js";import"../textarea/Textarea.js";import"../uploader/UploaderBase.js";import"../inputCurrency/InputCurrency.js";import"../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../controlled/editor/ui/Editor.js";import"../../controlled/input/MaskInputControl.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const C=c(({classes:r,className:d,invalid:e,disabled:p,externalHandlers:f,dataLayers:o,...t},h)=>{const{onChange:n,...b}=f||{};return i(l,{...t,...b,onCheckedChange:a=>{t.onCheckedChange&&t.onCheckedChange(a),n&&n(a)},disabled:p,ref:h,"aria-invalid":e,"data-layer-id":o==null?void 0:o.targetId,className:m("flex h-6 max-h-6 min-h-6 w-6 min-w-6 max-w-6 items-center justify-center rounded-full","relative rounded-sm border-2 border-blue-grey-700 outline-none",'after:left-1/2 after:top-1/2 after:h-10 after:w-10 after:-translate-x-1/2 after:-translate-y-1/2 after:content-[""]',"after:absolute after:rounded-full [&:not(:disabled)]:hover:after:bg-color-primary-tr-hover","after:duration-100 [&:not(:disabled)]:active:after:bg-color-primary-tr-pressed","after:-z-10 [&:not(:disabled)]:focus:after:bg-color-primary-tr-focus",{"border-negative":e,"disabled:border-0 disabled:bg-color-blue-grey-300":p},r==null?void 0:r.root,d),children:i(g,{className:m("h-6 w-6 rounded-sm bg-color-primary-default group-disabled:bg-color-primary-disabled",r==null?void 0:r.indicator),children:i(u,{name:"general/check",className:m("size-6 text-icon-white",r==null?void 0:r.icon)})})})});C.displayName="CheckboxBase";export{C as CheckboxBase};
+import{jsx as i}from"react/jsx-runtime";import{forwardRef as c}from"react";import{Root as l,Indicator as g}from"@radix-ui/react-checkbox";import{cn as m}from"../../../../utils/cn.js";import"uuid";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import{Icon as u}from"../../../icon/Icon.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../autocomplete/Autocomplete.js";import"../combobox/combobox.js";import"../dayPicker/DayPicker.js";import"../input/Input.js";import"../inputOtp/InputOtpBase.js";import"../maskInput/MaskInput.js";import"../radio/RadioGroup.js";import"../radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../slider/SliderBase.js";import"../switch/Switch.js";import"../textarea/Textarea.js";import"../uploader/UploaderBase.js";import"../inputCurrency/InputCurrency.js";import"../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../controlled/editor/ui/Editor.js";import"../../controlled/input/MaskInputControl.js";import"../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const C=c(({classes:r,className:d,invalid:e,disabled:p,externalHandlers:f,dataLayers:o,...t},h)=>{const{onChange:n,...b}=f||{};return i(l,{...t,...b,onCheckedChange:a=>{t.onCheckedChange&&t.onCheckedChange(a),n&&n(a)},disabled:p,ref:h,"aria-invalid":e,"data-layer-id":o==null?void 0:o.targetId,className:m("flex h-6 max-h-6 min-h-6 w-6 min-w-6 max-w-6 items-center justify-center rounded-full","relative rounded-sm border-2 border-blue-grey-700 outline-none",'after:left-1/2 after:top-1/2 after:h-10 after:w-10 after:-translate-x-1/2 after:-translate-y-1/2 after:content-[""]',"after:absolute after:rounded-full [&:not(:disabled)]:hover:after:bg-color-primary-tr-hover","after:duration-100 [&:not(:disabled)]:active:after:bg-color-primary-tr-pressed","after:-z-10 [&:not(:disabled)]:focus:after:bg-color-primary-tr-focus",{"border-negative":e,"disabled:border-0 disabled:bg-color-blue-grey-300":p},r==null?void 0:r.root,d),children:i(g,{className:m("h-6 w-6 rounded-sm bg-color-primary-default group-disabled:bg-color-primary-disabled",r==null?void 0:r.indicator),children:i(u,{name:"general/check",className:m("size-6 text-icon-white",r==null?void 0:r.icon)})})})});C.displayName="CheckboxBase";export{C as CheckboxBase};
 //# sourceMappingURL=Checkbox.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/checkbox/Checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { type CheckboxProps as CheckboxPrimitiveProps, type CheckedState, Indicator, Root } from '@radix-ui/react-checkbox'\nimport { type DataLayers } from '../../../../types'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type CheckboxBaseClasses = {\n root?: string\n indicator?: string\n icon?: string\n}\n\nexport type { CheckedState }\n\ntype ExternalHandlers = {\n onChange?: (value: CheckedState) => void\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void\n onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void\n onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void\n}\n\nexport type CheckboxBaseProps = CheckboxPrimitiveProps & {\n /*\n Дополнительные стили внутренних компонентов\n /\n classes?: CheckboxBaseClasses\n /\n Свойство для отображения не валидного поля\n /\n invalid?: boolean\n /\n Дополнительные хендлеры\n /\n externalHandlers?: ExternalHandlers\n /\n Даталееры\n */\n dataLayers?: DataLayers\n}\n\nexport const CheckboxBase = forwardRef<HTMLButtonElement, CheckboxBaseProps>(\n ({ classes, className, invalid, disabled, externalHandlers, dataLayers, ...props }, ref) => {\n const { onChange, ...restHandlers } = externalHandlers \|\| {}\n\n const onCheckedChange = (value: CheckedState) => {\n if (props.onCheckedChange) props.onCheckedChange(value)\n if (onChange) onChange(value)\n }\n\n return (\n <Root\n {...props}\n {...restHandlers}\n onCheckedChange={onCheckedChange}\n disabled={disabled}\n ref={ref}\n aria-invalid={invalid}\n data-layer-id={dataLayers?.targetId}\n className={cn(\n 'flex h-6 max-h-6 min-h-6 w-6 min-w-6 max-w-6 items-center justify-center rounded-full',\n 'relative rounded-sm border-2 border-blue-grey-700 outline-none',\n 'after:left-1/2 after:top-1/2 after:h-10 after:w-10 after:-translate-x-1/2 after:-translate-y-1/2 after:content-[\"\"]',\n 'after:absolute after:rounded-full [&:not(:disabled)]:hover:after:bg-color-primary-tr-hover',\n 'after:duration-100 [&:not(:disabled)]:active:after:bg-color-primary-tr-pressed',\n 'after:-z-10 [&:not(:disabled)]:focus:after:bg-color-primary-tr-focus',\n {\n 'border-negative': invalid,\n 'disabled:border-0 disabled:bg-color-blue-grey-300': disabled\n },\n classes?.root,\n className\n )}\n >\n <Indicator\n className={cn(\n 'h-6 w-6 rounded-sm bg-color-primary-default group-disabled:bg-color-primary-disabled',\n classes?.indicator\n )}\n >\n <Icon name='general/check' className={cn('size-6 text-icon-white', classes?.icon)} />\n </Indicator>\n </Root>\n )\n }\n)\nCheckboxBase.displayName = 'CheckboxBase'\n"],"names":["CheckboxBase","forwardRef","classes","className","invalid","disabled","externalHandlers","dataLayers","props","ref","onChange","restHandlers","jsx","Root","value","cn","Indicator","Icon"],"mappings":"~~w4DAwCO~~,MAAMA,EAAeC,EAC1B,CAAC,CAAE,QAAAC,EAAS,UAAAC,EAAW,QAAAC,EAAS,SAAAC,EAAU,iBAAAC,EAAkB,WAAAC,EAAY,GAAGC,CAAA,EAASC,IAAQ,CAC1F,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAAiBL,GAAoB,CAAA,EAO1D,OACEM,EAACC,EAAA,CACE,GAAGL,EACH,GAAGG,EACJ,gBATqBG,GAAwB,CAC3CN,EAAM,iBAAiBA,EAAM,gBAAgBM,CAAK,EAClDJ,KAAmBI,CAAK,CAC9B,EAOI,SAAAT,EACA,IAAAI,EACA,eAAcL,EACd,gBAAeG,GAAA,YAAAA,EAAY,SAC3B,UAAWQ,EACT,wFACA,iEACA,sHACA,6FACA,iFACA,uEACA,CACE,kBAAmBX,EACnB,oDAAqDC,CAAA,EAEvDH,GAAA,YAAAA,EAAS,KACTC,CAAA,EAGF,SAAAS,EAACI,EAAA,CACC,UAAWD,EACT,uFACAb,GAAA,YAAAA,EAAS,SAAA,EAGX,SAAAU,EAACK,GAAK,KAAK,gBAAgB,UAAWF,EAAG,yBAA0Bb,GAAA,YAAAA,EAAS,IAAI,CAAA,CAAG,CAAA,CAAA,CACrF,CAAA,CAGN,CACF,EACAF,EAAa,YAAc"}
1	+ {"version":3,"file":"Checkbox.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { type CheckboxProps as CheckboxPrimitiveProps, type CheckedState, Indicator, Root } from '@radix-ui/react-checkbox'\nimport { type DataLayers } from '../../../../types'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type CheckboxBaseClasses = {\n root?: string\n indicator?: string\n icon?: string\n}\n\nexport type { CheckedState }\n\ntype ExternalHandlers = {\n onChange?: (value: CheckedState) => void\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void\n onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void\n onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void\n}\n\nexport type CheckboxBaseProps = CheckboxPrimitiveProps & {\n /*\n Дополнительные стили внутренних компонентов\n /\n classes?: CheckboxBaseClasses\n /\n Свойство для отображения не валидного поля\n /\n invalid?: boolean\n /\n Дополнительные хендлеры\n /\n externalHandlers?: ExternalHandlers\n /\n Даталееры\n */\n dataLayers?: DataLayers\n}\n\nexport const CheckboxBase = forwardRef<HTMLButtonElement, CheckboxBaseProps>(\n ({ classes, className, invalid, disabled, externalHandlers, dataLayers, ...props }, ref) => {\n const { onChange, ...restHandlers } = externalHandlers \|\| {}\n\n const onCheckedChange = (value: CheckedState) => {\n if (props.onCheckedChange) props.onCheckedChange(value)\n if (onChange) onChange(value)\n }\n\n return (\n <Root\n {...props}\n {...restHandlers}\n onCheckedChange={onCheckedChange}\n disabled={disabled}\n ref={ref}\n aria-invalid={invalid}\n data-layer-id={dataLayers?.targetId}\n className={cn(\n 'flex h-6 max-h-6 min-h-6 w-6 min-w-6 max-w-6 items-center justify-center rounded-full',\n 'relative rounded-sm border-2 border-blue-grey-700 outline-none',\n 'after:left-1/2 after:top-1/2 after:h-10 after:w-10 after:-translate-x-1/2 after:-translate-y-1/2 after:content-[\"\"]',\n 'after:absolute after:rounded-full [&:not(:disabled)]:hover:after:bg-color-primary-tr-hover',\n 'after:duration-100 [&:not(:disabled)]:active:after:bg-color-primary-tr-pressed',\n 'after:-z-10 [&:not(:disabled)]:focus:after:bg-color-primary-tr-focus',\n {\n 'border-negative': invalid,\n 'disabled:border-0 disabled:bg-color-blue-grey-300': disabled\n },\n classes?.root,\n className\n )}\n >\n <Indicator\n className={cn(\n 'h-6 w-6 rounded-sm bg-color-primary-default group-disabled:bg-color-primary-disabled',\n classes?.indicator\n )}\n >\n <Icon name='general/check' className={cn('size-6 text-icon-white', classes?.icon)} />\n </Indicator>\n </Root>\n )\n }\n)\nCheckboxBase.displayName = 'CheckboxBase'\n"],"names":["CheckboxBase","forwardRef","classes","className","invalid","disabled","externalHandlers","dataLayers","props","ref","onChange","restHandlers","jsx","Root","value","cn","Indicator","Icon"],"mappings":"o9DAwCO,MAAMA,EAAeC,EAC1B,CAAC,CAAE,QAAAC,EAAS,UAAAC,EAAW,QAAAC,EAAS,SAAAC,EAAU,iBAAAC,EAAkB,WAAAC,EAAY,GAAGC,CAAA,EAASC,IAAQ,CAC1F,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAAiBL,GAAoB,CAAA,EAO1D,OACEM,EAACC,EAAA,CACE,GAAGL,EACH,GAAGG,EACJ,gBATqBG,GAAwB,CAC3CN,EAAM,iBAAiBA,EAAM,gBAAgBM,CAAK,EAClDJ,KAAmBI,CAAK,CAC9B,EAOI,SAAAT,EACA,IAAAI,EACA,eAAcL,EACd,gBAAeG,GAAA,YAAAA,EAAY,SAC3B,UAAWQ,EACT,wFACA,iEACA,sHACA,6FACA,iFACA,uEACA,CACE,kBAAmBX,EACnB,oDAAqDC,CAAA,EAEvDH,GAAA,YAAAA,EAAS,KACTC,CAAA,EAGF,SAAAS,EAACI,EAAA,CACC,UAAWD,EACT,uFACAb,GAAA,YAAAA,EAAS,SAAA,EAGX,SAAAU,EAACK,GAAK,KAAK,gBAAgB,UAAWF,EAAG,yBAA0Bb,GAAA,YAAAA,EAAS,IAAI,CAAA,CAAG,CAAA,CAAA,CACrF,CAAA,CAGN,CACF,EACAF,EAAa,YAAc"}

package/dist/lib/shared/ui/formElements/uncontrolled/combobox/combobox.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as V,jsx as m}from"react/jsx-runtime";import{forwardRef as W}from"react";import{useFloating as X,autoUpdate as Y,flip as Z,offset as _}from"@floating-ui/react";import{AnimatePresence as $,motion as l}from"framer-motion";import{cn as u}from"../../../../utils/cn.js";import"uuid";import"react-hook-form";import"@hookform/resolvers/zod";import{useClickOutsideMany as x}from"../../../../hooks/useClickOutsideMany.js";import{useCombobox as H}from"./hooks/useCombobox.js";import{useKeyboardNavigation as oo}from"./hooks/useKeyboardNavigation.js";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import{Icon as to}from"../../../icon/Icon.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../autocomplete/Autocomplete.js";import"../checkbox/Checkbox.js";import"../dayPicker/DayPicker.js";import{InputBase as io}from"../input/Input.js";import"../inputOtp/InputOtpBase.js";import"../maskInput/MaskInput.js";import"../radio/RadioGroup.js";import"../radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../slider/SliderBase.js";import"../switch/Switch.js";import"../textarea/Textarea.js";import"../uploader/UploaderBase.js";import"../inputCurrency/InputCurrency.js";import"../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"date-fns";import"../../controlled/editor/ui/Editor.js";import"../../controlled/input/MaskInputControl.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{DropdownList as ro}from"../../../dropdownList/DropdownList.js";import{Portal as mo}from"../../../portal/Portal.js";const po=({options:R,multiple:g,value:f,onChange:k,defaultOpen:s,attachmentProps:B,searchable:p,invalid:C,displayValue:d,label:L,disabled:a,readOnly:b,className:N,externalHandlers:o,inputValue:y,filterDisabled:P,onInputChange:v,empty:A,classes:t,portal:F=globalThis?(O=>(O=globalThis==null?void 0:globalThis.document)==null?void 0:O.body)():void 0,...c},M)=>{var I;const T=c["data-error-message"],{floating:j,...z}=(t==null?void 0:t.list)??{},{refs:r,floatingStyles:D}=X({placement:"bottom-start",strategy:"absolute",middleware:[Z({boundary:"clippingAncestors",crossAxis:!1}),_(4)],whileElementsMounted:Y}),{open:h,setOpen:n,state:E,changeHandler:K,options:S,search:U,onInputChange:q,comboboxDisplayValue:w}=H({multiple:g,value:f,onChange:k,searchable:p,defaultOpen:s,displayValue:d,initialOptions:R,filterDisabled:P,externalHandlers:o,externalInputValue:y,externalOnInputChange:v});oo({ref:r.domReference,openChangeHandler:n});const G=()=>f?g&&p?w(f):p?U:w(f):"",J=i=>{i.target&&i.relatedTarget&&n(!1)};x([r.floating,r.reference],()=>n(!1));const Q=F??r.domReference.current;return V("div",{ref:r.setReference,className:u("relative w-full",t==null?void 0:t.root,N),children:[m(io,{ref:M,label:L,invalid:C,readOnly:b||!p,value:y||G(),onChange:q,disabled:a,onClick:i=>{var e;h||n(!0),(e=o==null?void 0:o.clickHandler)==null||e.call(o,i)},onBlur:i=>{var e;(e=o==null?void 0:o.blurHandler)==null||e.call(o,i),J(i)},onFocus:o==null?void 0:o.focusHandler,classes:{input:u({"cursor-pointer":!p,"cursor-default":a,"pointer-events-none":a||b}),...t==null?void 0:t.input},autoComplete:"off",attachmentProps:{icon:m(to,{name:"arrows/arrowRight",className:u("size-6 rotate-90 text-color-blue-grey-600 duration-100",{"-rotate-90":h,"text-color-negative":C})}),onClickIcon:()=>n(i=>!i),...B},"data-id":"combobox-input","data-error-message":T,dataLayers:c==null?void 0:c.dataLayers}),m(mo,{root:Q,children:m($,{children:h&&m(l.div,{ref:r.setFloating,initial:{opacity:0},animate:{opacity:1},transition:{duration:.1},className:u("z-[1000]",j),style:{...D,width:(I=r.reference.current)==null?void 0:I.getBoundingClientRect().width},children:m(ro,{empty:A,options:S,multiple:g,onPick:K,value:E,displayValue:d,classes:z,target:r.domReference})})})})]})},gt=W(po);export{gt as Combobox};
+import{jsxs as V,jsx as m}from"react/jsx-runtime";import{forwardRef as W}from"react";import{useFloating as X,autoUpdate as Y,flip as Z,offset as _}from"@floating-ui/react";import{AnimatePresence as $,motion as l}from"framer-motion";import{cn as u}from"../../../../utils/cn.js";import"uuid";import"react-hook-form";import"@hookform/resolvers/zod";import{useClickOutsideMany as x}from"../../../../hooks/useClickOutsideMany.js";import{useCombobox as H}from"./hooks/useCombobox.js";import{useKeyboardNavigation as oo}from"./hooks/useKeyboardNavigation.js";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import{Icon as to}from"../../../icon/Icon.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../autocomplete/Autocomplete.js";import"../checkbox/Checkbox.js";import"../dayPicker/DayPicker.js";import{InputBase as io}from"../input/Input.js";import"../inputOtp/InputOtpBase.js";import"../maskInput/MaskInput.js";import"../radio/RadioGroup.js";import"../radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../slider/SliderBase.js";import"../switch/Switch.js";import"../textarea/Textarea.js";import"../uploader/UploaderBase.js";import"../inputCurrency/InputCurrency.js";import"../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"date-fns";import"../../controlled/editor/ui/Editor.js";import"../../controlled/input/MaskInputControl.js";import"../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{DropdownList as ro}from"../../../dropdownList/DropdownList.js";import{Portal as mo}from"../../../portal/Portal.js";const po=({options:R,multiple:g,value:f,onChange:k,defaultOpen:s,attachmentProps:B,searchable:p,invalid:C,displayValue:d,label:L,disabled:a,readOnly:b,className:N,externalHandlers:o,inputValue:y,filterDisabled:P,onInputChange:v,empty:A,classes:t,portal:F=globalThis?(O=>(O=globalThis==null?void 0:globalThis.document)==null?void 0:O.body)():void 0,...c},M)=>{var I;const T=c["data-error-message"],{floating:j,...z}=(t==null?void 0:t.list)??{},{refs:r,floatingStyles:D}=X({placement:"bottom-start",strategy:"absolute",middleware:[Z({boundary:"clippingAncestors",crossAxis:!1}),_(4)],whileElementsMounted:Y}),{open:h,setOpen:n,state:E,changeHandler:K,options:S,search:U,onInputChange:q,comboboxDisplayValue:w}=H({multiple:g,value:f,onChange:k,searchable:p,defaultOpen:s,displayValue:d,initialOptions:R,filterDisabled:P,externalHandlers:o,externalInputValue:y,externalOnInputChange:v});oo({ref:r.domReference,openChangeHandler:n});const G=()=>f?g&&p?w(f):p?U:w(f):"",J=i=>{i.target&&i.relatedTarget&&n(!1)};x([r.floating,r.reference],()=>n(!1));const Q=F??r.domReference.current;return V("div",{ref:r.setReference,className:u("relative w-full",t==null?void 0:t.root,N),children:[m(io,{ref:M,label:L,invalid:C,readOnly:b||!p,value:y||G(),onChange:q,disabled:a,onClick:i=>{var e;h||n(!0),(e=o==null?void 0:o.clickHandler)==null||e.call(o,i)},onBlur:i=>{var e;(e=o==null?void 0:o.blurHandler)==null||e.call(o,i),J(i)},onFocus:o==null?void 0:o.focusHandler,classes:{input:u({"cursor-pointer":!p,"cursor-default":a,"pointer-events-none":a||b}),...t==null?void 0:t.input},autoComplete:"off",attachmentProps:{icon:m(to,{name:"arrows/arrowRight",className:u("size-6 rotate-90 text-color-blue-grey-600 duration-100",{"-rotate-90":h,"text-color-negative":C})}),onClickIcon:()=>n(i=>!i),...B},"data-id":"combobox-input","data-error-message":T,dataLayers:c==null?void 0:c.dataLayers}),m(mo,{root:Q,children:m($,{children:h&&m(l.div,{ref:r.setFloating,initial:{opacity:0},animate:{opacity:1},transition:{duration:.1},className:u("z-[1000]",j),style:{...D,width:(I=r.reference.current)==null?void 0:I.getBoundingClientRect().width},children:m(ro,{empty:A,options:S,multiple:g,onPick:K,value:E,displayValue:d,classes:z,target:r.domReference})})})})]})},gt=W(po);export{gt as Combobox};
 //# sourceMappingURL=combobox.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/combobox/combobox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"combobox.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/combobox/combobox.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef } from 'react'\nimport { autoUpdate, flip, offset, useFloating } from '@floating-ui/react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { useClickOutsideMany } from '../../../../hooks'\nimport { useCombobox, useKeyboardNavigation } from './hooks'\nimport type { ChangeHandler, ComboboxValue } from './model'\nimport type { ComboboxItemOption } from './ui'\nimport { type DataLayers, type DeepPartial } from '$/shared/types'\nimport { DropdownList, Icon, InputBase, type InputBaseProps, Portal } from '$/shared/ui'\nimport { type DropdownListClasses, type DropdownListProps } from '$/shared/ui/dropdownList'\nimport { type IFieldAttachmentProps } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\nexport type ComboboxClasses = {\n root?: string\n list?: { floating?: string } & DropdownListClasses\n input?: InputBaseProps['classes']\n}\n\nexport type ExternalHandlers<Multi extends boolean> = {\n changeHandler?: ChangeHandler<Multi>\n clickHandler?: (event: React.MouseEvent<HTMLElement>) => void\n blurHandler?: (event: React.FocusEvent<HTMLElement>) => void\n focusHandler?: (event: React.FocusEvent<HTMLElement>) => void\n inputChangeHandler?: (value: string) => void\n onKeyDown?: (value: React.KeyboardEventHandler<HTMLInputElement>) => void\n}\n\nexport interface ComboboxProps<Multi extends boolean>\n extends Omit<DropdownListProps<Multi>, 'options' \| 'value' \| 'onChange'>,\n Record<`data-${string}`, unknown> {\n /*\n Список опций\n /\n options: ComboboxItemOption[]\n /\n Выбранное значение\n /\n value?: ComboboxValue<Multi>\n /\n Функция для изменения значения\n /\n onChange?: ChangeHandler<Multi>\n /\n Свойство управляющее поиском\n /\n searchable?: boolean\n /\n Открыть список по умолчанию\n /\n defaultOpen?: boolean\n /\n Свойства дополнительной иконки\n /\n attachmentProps?: DeepPartial<IFieldAttachmentProps>\n /\n Пометить поле как не валидное\n /\n invalid?: boolean\n /\n Функция для управления отображаемым значением\n /\n displayValue?: (option: ComboboxItemOption) => string\n /\n Отображаемый лейбл\n /\n label: string\n /\n Выключено поле\n /\n disabled?: boolean\n /\n Только для чтения\n /\n readOnly?: boolean\n /\n Дополнительные стили\n /\n classes?: ComboboxClasses\n /\n Дополнительные события\n /\n externalHandlers?: ExternalHandlers<Multi>\n /\n Функция для изменения значения поиска\n /\n onInputChange?: (value: string) => void\n /\n Значение инпута\n /\n inputValue?: string\n /\n Выключить фильтрацию списка\n /\n filterDisabled?: boolean\n /\n Включить рендеринг в портале\n * @property {false \| HTMLElement} portal document.body\n /\n portal?: false \| HTMLElement\n /\n Обработка ошибок для даталееров\n /\n ['data-error-message']?: string\n /\n Даталееры\n */\n dataLayers?: DataLayers\n}\n\nconst InnerComponent = <Multi extends boolean>(\n {\n options: initialOptions,\n multiple,\n value,\n onChange,\n defaultOpen,\n attachmentProps,\n searchable,\n invalid,\n displayValue,\n label,\n disabled,\n readOnly,\n className,\n externalHandlers,\n inputValue,\n filterDisabled,\n onInputChange: externalInputChangeHandler,\n empty,\n classes,\n portal = globalThis ? globalThis?.document?.body : undefined,\n ...props\n }: ComboboxProps<Multi>,\n ref: ForwardedRef<HTMLInputElement>\n) => {\n const dataErrorMessage = props['data-error-message']\n\n const { floating, ...dropdownClasses } = classes?.list ?? {}\n\n const { refs, floatingStyles } = useFloating<HTMLDivElement>({\n placement: 'bottom-start',\n strategy: 'absolute',\n middleware: [\n flip({\n boundary: 'clippingAncestors',\n crossAxis: false\n }),\n offset(4)\n ],\n whileElementsMounted: autoUpdate\n })\n\n const { open, setOpen, state, changeHandler, options, search, onInputChange, comboboxDisplayValue } = useCombobox({\n multiple,\n value,\n onChange,\n searchable,\n defaultOpen,\n displayValue,\n initialOptions,\n filterDisabled,\n externalHandlers,\n externalInputValue: inputValue,\n externalOnInputChange: externalInputChangeHandler\n })\n\n useKeyboardNavigation({ ref: refs.domReference, openChangeHandler: setOpen })\n\n const getLabel = () => {\n if (!value) return ''\n\n if (multiple && searchable) {\n return comboboxDisplayValue(value)\n } else if (searchable) {\n return search\n } else {\n return comboboxDisplayValue(value)\n }\n }\n\n const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n if (event.target && event.relatedTarget) {\n setOpen(false)\n }\n }\n\n useClickOutsideMany([refs.floating, refs.reference as React.MutableRefObject<HTMLElement \| null>], () => setOpen(false))\n\n const portalContainer = portal ?? refs.domReference.current!\n\n return (\n <div ref={refs.setReference} className={cn('relative w-full', classes?.root, className)}>\n <InputBase\n ref={ref}\n label={label}\n invalid={invalid}\n readOnly={readOnly \|\| !searchable}\n value={inputValue \|\| getLabel()}\n onChange={onInputChange}\n disabled={disabled}\n onClick={(event) => {\n if (!open) setOpen(true)\n externalHandlers?.clickHandler?.(event)\n }}\n onBlur={(event) => {\n externalHandlers?.blurHandler?.(event)\n handleBlur(event)\n }}\n onFocus={externalHandlers?.focusHandler}\n classes={{\n input: cn({\n 'cursor-pointer': !searchable,\n 'cursor-default': disabled,\n 'pointer-events-none': disabled \|\| readOnly\n }),\n ...classes?.input\n }}\n autoComplete='off'\n attachmentProps={{\n icon: (\n <Icon\n name='arrows/arrowRight'\n className={cn('size-6 rotate-90 text-color-blue-grey-600 duration-100', {\n '-rotate-90': open,\n 'text-color-negative': invalid\n })}\n />\n ),\n onClickIcon: () => setOpen((prev) => !prev),\n ...attachmentProps\n }}\n data-id='combobox-input'\n data-error-message={dataErrorMessage}\n dataLayers={props?.dataLayers}\n />\n\n <Portal root={portalContainer}>\n <AnimatePresence>\n {open && (\n <motion.div\n ref={refs.setFloating}\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n transition={{ duration: 0.1 }}\n className={cn('z-[1000]', floating)}\n style={{\n ...floatingStyles,\n width: refs.reference.current?.getBoundingClientRect().width\n }}\n >\n <DropdownList\n empty={empty}\n options={options}\n multiple={multiple}\n onPick={changeHandler}\n value={state}\n displayValue={displayValue}\n classes={dropdownClasses}\n target={refs.domReference}\n />\n </motion.div>\n )}\n </AnimatePresence>\n </Portal>\n </div>\n )\n}\n\nexport const Combobox = forwardRef(InnerComponent) as <Multi extends boolean>(\n props: ComboboxProps<Multi> & { ref?: ForwardedRef<HTMLInputElement> }\n) => React.JSX.Element\n"],"names":["InnerComponent","initialOptions","multiple","value","onChange","defaultOpen","attachmentProps","searchable","invalid","displayValue","label","disabled","readOnly","className","externalHandlers","inputValue","filterDisabled","externalInputChangeHandler","empty","classes","portal","_a","props","ref","dataErrorMessage","floating","dropdownClasses","refs","floatingStyles","useFloating","flip","offset","autoUpdate","open","setOpen","state","changeHandler","options","search","onInputChange","comboboxDisplayValue","useCombobox","useKeyboardNavigation","getLabel","handleBlur","event","useClickOutsideMany","portalContainer","jsxs","cn","jsx","InputBase","Icon","prev","Portal","AnimatePresence","motion","DropdownList","Combobox","forwardRef"],"mappings":"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"}
1	+ {"version":3,"file":"combobox.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/combobox/combobox.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef } from 'react'\nimport { autoUpdate, flip, offset, useFloating } from '@floating-ui/react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { useClickOutsideMany } from '../../../../hooks'\nimport { useCombobox, useKeyboardNavigation } from './hooks'\nimport type { ChangeHandler, ComboboxValue } from './model'\nimport type { ComboboxItemOption } from './ui'\nimport { type DataLayers, type DeepPartial } from '$/shared/types'\nimport { DropdownList, Icon, InputBase, type InputBaseProps, Portal } from '$/shared/ui'\nimport { type DropdownListClasses, type DropdownListProps } from '$/shared/ui/dropdownList'\nimport { type IFieldAttachmentProps } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\nexport type ComboboxClasses = {\n root?: string\n list?: { floating?: string } & DropdownListClasses\n input?: InputBaseProps['classes']\n}\n\nexport type ExternalHandlers<Multi extends boolean> = {\n changeHandler?: ChangeHandler<Multi>\n clickHandler?: (event: React.MouseEvent<HTMLElement>) => void\n blurHandler?: (event: React.FocusEvent<HTMLElement>) => void\n focusHandler?: (event: React.FocusEvent<HTMLElement>) => void\n inputChangeHandler?: (value: string) => void\n onKeyDown?: (value: React.KeyboardEventHandler<HTMLInputElement>) => void\n}\n\nexport interface ComboboxProps<Multi extends boolean>\n extends Omit<DropdownListProps<Multi>, 'options' \| 'value' \| 'onChange'>,\n Record<`data-${string}`, unknown> {\n /*\n Список опций\n /\n options: ComboboxItemOption[]\n /\n Выбранное значение\n /\n value?: ComboboxValue<Multi>\n /\n Функция для изменения значения\n /\n onChange?: ChangeHandler<Multi>\n /\n Свойство управляющее поиском\n /\n searchable?: boolean\n /\n Открыть список по умолчанию\n /\n defaultOpen?: boolean\n /\n Свойства дополнительной иконки\n /\n attachmentProps?: DeepPartial<IFieldAttachmentProps>\n /\n Пометить поле как не валидное\n /\n invalid?: boolean\n /\n Функция для управления отображаемым значением\n /\n displayValue?: (option: ComboboxItemOption) => string\n /\n Отображаемый лейбл\n /\n label: string\n /\n Выключено поле\n /\n disabled?: boolean\n /\n Только для чтения\n /\n readOnly?: boolean\n /\n Дополнительные стили\n /\n classes?: ComboboxClasses\n /\n Дополнительные события\n /\n externalHandlers?: ExternalHandlers<Multi>\n /\n Функция для изменения значения поиска\n /\n onInputChange?: (value: string) => void\n /\n Значение инпута\n /\n inputValue?: string\n /\n Выключить фильтрацию списка\n /\n filterDisabled?: boolean\n /\n Включить рендеринг в портале\n * @property {false \| HTMLElement} portal document.body\n /\n portal?: false \| HTMLElement\n /\n Обработка ошибок для даталееров\n /\n ['data-error-message']?: string\n /\n Даталееры\n */\n dataLayers?: DataLayers\n}\n\nconst InnerComponent = <Multi extends boolean>(\n {\n options: initialOptions,\n multiple,\n value,\n onChange,\n defaultOpen,\n attachmentProps,\n searchable,\n invalid,\n displayValue,\n label,\n disabled,\n readOnly,\n className,\n externalHandlers,\n inputValue,\n filterDisabled,\n onInputChange: externalInputChangeHandler,\n empty,\n classes,\n portal = globalThis ? globalThis?.document?.body : undefined,\n ...props\n }: ComboboxProps<Multi>,\n ref: ForwardedRef<HTMLInputElement>\n) => {\n const dataErrorMessage = props['data-error-message']\n\n const { floating, ...dropdownClasses } = classes?.list ?? {}\n\n const { refs, floatingStyles } = useFloating<HTMLDivElement>({\n placement: 'bottom-start',\n strategy: 'absolute',\n middleware: [\n flip({\n boundary: 'clippingAncestors',\n crossAxis: false\n }),\n offset(4)\n ],\n whileElementsMounted: autoUpdate\n })\n\n const { open, setOpen, state, changeHandler, options, search, onInputChange, comboboxDisplayValue } = useCombobox({\n multiple,\n value,\n onChange,\n searchable,\n defaultOpen,\n displayValue,\n initialOptions,\n filterDisabled,\n externalHandlers,\n externalInputValue: inputValue,\n externalOnInputChange: externalInputChangeHandler\n })\n\n useKeyboardNavigation({ ref: refs.domReference, openChangeHandler: setOpen })\n\n const getLabel = () => {\n if (!value) return ''\n\n if (multiple && searchable) {\n return comboboxDisplayValue(value)\n } else if (searchable) {\n return search\n } else {\n return comboboxDisplayValue(value)\n }\n }\n\n const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n if (event.target && event.relatedTarget) {\n setOpen(false)\n }\n }\n\n useClickOutsideMany([refs.floating, refs.reference as React.MutableRefObject<HTMLElement \| null>], () => setOpen(false))\n\n const portalContainer = portal ?? refs.domReference.current!\n\n return (\n <div ref={refs.setReference} className={cn('relative w-full', classes?.root, className)}>\n <InputBase\n ref={ref}\n label={label}\n invalid={invalid}\n readOnly={readOnly \|\| !searchable}\n value={inputValue \|\| getLabel()}\n onChange={onInputChange}\n disabled={disabled}\n onClick={(event) => {\n if (!open) setOpen(true)\n externalHandlers?.clickHandler?.(event)\n }}\n onBlur={(event) => {\n externalHandlers?.blurHandler?.(event)\n handleBlur(event)\n }}\n onFocus={externalHandlers?.focusHandler}\n classes={{\n input: cn({\n 'cursor-pointer': !searchable,\n 'cursor-default': disabled,\n 'pointer-events-none': disabled \|\| readOnly\n }),\n ...classes?.input\n }}\n autoComplete='off'\n attachmentProps={{\n icon: (\n <Icon\n name='arrows/arrowRight'\n className={cn('size-6 rotate-90 text-color-blue-grey-600 duration-100', {\n '-rotate-90': open,\n 'text-color-negative': invalid\n })}\n />\n ),\n onClickIcon: () => setOpen((prev) => !prev),\n ...attachmentProps\n }}\n data-id='combobox-input'\n data-error-message={dataErrorMessage}\n dataLayers={props?.dataLayers}\n />\n\n <Portal root={portalContainer}>\n <AnimatePresence>\n {open && (\n <motion.div\n ref={refs.setFloating}\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n transition={{ duration: 0.1 }}\n className={cn('z-[1000]', floating)}\n style={{\n ...floatingStyles,\n width: refs.reference.current?.getBoundingClientRect().width\n }}\n >\n <DropdownList\n empty={empty}\n options={options}\n multiple={multiple}\n onPick={changeHandler}\n value={state}\n displayValue={displayValue}\n classes={dropdownClasses}\n target={refs.domReference}\n />\n </motion.div>\n )}\n </AnimatePresence>\n </Portal>\n </div>\n )\n}\n\nexport const Combobox = forwardRef(InnerComponent) as <Multi extends boolean>(\n props: ComboboxProps<Multi> & { ref?: ForwardedRef<HTMLInputElement> }\n) => React.JSX.Element\n"],"names":["InnerComponent","initialOptions","multiple","value","onChange","defaultOpen","attachmentProps","searchable","invalid","displayValue","label","disabled","readOnly","className","externalHandlers","inputValue","filterDisabled","externalInputChangeHandler","empty","classes","portal","_a","props","ref","dataErrorMessage","floating","dropdownClasses","refs","floatingStyles","useFloating","flip","offset","autoUpdate","open","setOpen","state","changeHandler","options","search","onInputChange","comboboxDisplayValue","useCombobox","useKeyboardNavigation","getLabel","handleBlur","event","useClickOutsideMany","portalContainer","jsxs","cn","jsx","InputBase","Icon","prev","Portal","AnimatePresence","motion","DropdownList","Combobox","forwardRef"],"mappings":"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"}

package/dist/lib/shared/ui/formElements/uncontrolled/combobox/hooks/useCombobox.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useState as j,useRef as H,useMemo as M}from"react";import"classnames";import"tailwind-merge";import{TypeGuards as U}from"../../../../../utils/typeGuards.js";import"uuid";const N=R=>{const{multiple:S,defaultOpen:T,value:a,onChange:r,initialOptions:c,searchable:y,filterDisabled:D,displayValue:o,externalHandlers:V,externalInputValue:m,externalOnInputChange:s}=R,{changeHandler:l,inputChangeHandler:b}=V??{},[u,n]=j(""),[A,d]=j(T??!1),v=H(!1),G=M(()=>D||!u.length||!y?c:c.filter(e=>e.label.toLowerCase().includes(m?m.toLowerCase():u.toLowerCase())),[m,D,c,u,y]);return{open:A,setOpen:d,changeHandler:e=>{if(!v.current){if(v.current=!0,S){const t=a||[],f=t.some(i=>i.value===e.value);let p;f?p=t.filter(i=>i.value!==e.value):p=[...t,e],r==null||r(p),l==null||l(p);const L=t.map(i=>o?o(i):i.label).join(", ");n(L),s==null||s(L)}else{let t;(a==null?void 0:a.value)===e.value?t=null:t=e,r==null||r(t),l==null||l(t);const f=o&&t?o(t):t==null?void 0:t.label;n(f??""),s==null||s(f??""),d(!1)}setTimeout(()=>{v.current=!1},0)}},options:G,search:u,onInputChange:e=>{d(!0),n(e.target.value),b==null||b(e.target.value),s==null||s(e.target.value)},state:a,comboboxDisplayValue:e=>{if(e)return U.isArray(e)?e.map(t=>o?o(t):t.label).join(", "):o?o(e):e.label}}};export{N as useCombobox};
+import{useState as j,useRef as H,useMemo as M}from"react";import"../../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"tailwind-merge";import{TypeGuards as U}from"../../../../../utils/typeGuards.js";import"uuid";const N=R=>{const{multiple:S,defaultOpen:T,value:a,onChange:r,initialOptions:c,searchable:y,filterDisabled:D,displayValue:o,externalHandlers:V,externalInputValue:m,externalOnInputChange:s}=R,{changeHandler:l,inputChangeHandler:b}=V??{},[u,n]=j(""),[A,d]=j(T??!1),v=H(!1),G=M(()=>D||!u.length||!y?c:c.filter(e=>e.label.toLowerCase().includes(m?m.toLowerCase():u.toLowerCase())),[m,D,c,u,y]);return{open:A,setOpen:d,changeHandler:e=>{if(!v.current){if(v.current=!0,S){const t=a||[],f=t.some(i=>i.value===e.value);let p;f?p=t.filter(i=>i.value!==e.value):p=[...t,e],r==null||r(p),l==null||l(p);const L=t.map(i=>o?o(i):i.label).join(", ");n(L),s==null||s(L)}else{let t;(a==null?void 0:a.value)===e.value?t=null:t=e,r==null||r(t),l==null||l(t);const f=o&&t?o(t):t==null?void 0:t.label;n(f??""),s==null||s(f??""),d(!1)}setTimeout(()=>{v.current=!1},0)}},options:G,search:u,onInputChange:e=>{d(!0),n(e.target.value),b==null||b(e.target.value),s==null||s(e.target.value)},state:a,comboboxDisplayValue:e=>{if(e)return U.isArray(e)?e.map(t=>o?o(t):t.label).join(", "):o?o(e):e.label}}};export{N as useCombobox};
 //# sourceMappingURL=useCombobox.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/combobox/hooks/useCombobox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCombobox.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/combobox/hooks/useCombobox.ts"],"sourcesContent":["import { useMemo, useRef, useState } from 'react'\nimport type { ExternalHandlers } from '../combobox'\nimport { type ChangeHandler, type ComboboxValue } from '../model'\nimport type { ComboboxItemOption } from '../ui'\nimport { TypeGuards } from '$/shared/utils'\n\ntype UseComboboxOptions<Multi extends boolean> = {\n initialOptions: ComboboxItemOption[]\n searchable?: boolean\n multiple?: Multi\n value?: ComboboxValue<Multi>\n onChange?: ChangeHandler<Multi>\n displayValue?: (option: ComboboxItemOption) => string\n defaultOpen?: boolean\n externalHandlers?: ExternalHandlers<Multi>\n externalInputValue?: string\n externalOnInputChange?: (value: string) => void\n filterDisabled?: boolean\n}\n\nexport const useCombobox = <Multi extends boolean>(props: UseComboboxOptions<Multi>) => {\n const {\n multiple,\n defaultOpen,\n value,\n onChange,\n initialOptions,\n searchable,\n filterDisabled,\n displayValue,\n externalHandlers,\n externalInputValue,\n externalOnInputChange\n } = props\n const { changeHandler: externalChangeHandler, inputChangeHandler: externalInputChangeHandler } = externalHandlers ?? {}\n\n const [search, setSearch] = useState<string>('')\n const [open, setOpen] = useState<boolean>(defaultOpen ?? false)\n\n const isUpdatingRef = useRef<boolean>(false)\n\n const options = useMemo<ComboboxItemOption[]>(() => {\n if (filterDisabled) {\n return initialOptions\n }\n\n if (!search.length \|\| !searchable) {\n return initialOptions\n }\n\n return initialOptions.filter((option) =>\n option.label.toLowerCase().includes(externalInputValue ? externalInputValue.toLowerCase() : search.toLowerCase())\n )\n }, [externalInputValue, filterDisabled, initialOptions, search, searchable])\n\n const onInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setOpen(true)\n\n setSearch(e.target.value)\n externalInputChangeHandler?.(e.target.value)\n externalOnInputChange?.(e.target.value)\n }\n\n const changeHandler = (newValue: ComboboxItemOption) => {\n if (isUpdatingRef.current) return\n\n isUpdatingRef.current = true\n\n if (multiple) {\n const prev = (value as ComboboxItemOption[]) \|\| []\n const exists = prev.some((option) => option.value === newValue.value)\n\n let updatedValue: ComboboxItemOption[]\n\n if (exists) {\n updatedValue = prev.filter((option) => option.value !== newValue.value)\n } else {\n updatedValue = [...prev, newValue]\n }\n\n onChange?.(updatedValue as ComboboxValue<Multi>)\n externalChangeHandler?.(updatedValue as ComboboxValue<Multi>)\n\n const searchValue = prev.map((option) => (displayValue ? displayValue(option) : option.label)).join(', ')\n setSearch(searchValue)\n externalOnInputChange?.(searchValue)\n } else {\n let updated: ComboboxValue<Multi>\n\n if ((value as ComboboxItemOption)?.value === newValue.value) {\n updated = null as ComboboxValue<Multi>\n } else {\n updated = newValue as ComboboxValue<Multi>\n }\n\n onChange?.(updated)\n externalChangeHandler?.(updated)\n\n const label = displayValue && updated ? displayValue(updated as ComboboxItemOption) : (updated as ComboboxItemOption)?.label\n setSearch(label ?? '')\n externalOnInputChange?.(label ?? '')\n setOpen(false)\n }\n\n setTimeout(() => {\n isUpdatingRef.current = false\n }, 0)\n }\n\n const comboboxDisplayValue = (value: ComboboxValue<Multi>) => {\n if (!value) return\n\n if (TypeGuards.isArray(value)) {\n return value.map((item) => (displayValue ? displayValue(item) : item.label)).join(', ')\n }\n\n return displayValue ? displayValue(value) : value.label\n }\n\n return {\n open,\n setOpen,\n changeHandler,\n options,\n search,\n onInputChange,\n state: value,\n comboboxDisplayValue\n }\n}\n"],"names":["useCombobox","props","multiple","defaultOpen","value","onChange","initialOptions","searchable","filterDisabled","displayValue","externalHandlers","externalInputValue","externalOnInputChange","externalChangeHandler","externalInputChangeHandler","search","setSearch","useState","open","setOpen","isUpdatingRef","useRef","options","useMemo","option","newValue","prev","exists","updatedValue","searchValue","updated","label","TypeGuards","item"],"mappings":"~~iLAoBO~~,MAAMA,EAAsCC,GAAqC,CACtF,KAAM,CACJ,SAAAC,EACA,YAAAC,EACA,MAAAC,EACA,SAAAC,EACA,eAAAC,EACA,WAAAC,EACA,eAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,mBAAAC,EACA,sBAAAC,CAAA,EACEX,EACE,CAAE,cAAeY,EAAuB,mBAAoBC,CAAA,EAA+BJ,GAAoB,CAAA,EAE/G,CAACK,EAAQC,CAAS,EAAIC,EAAiB,EAAE,EACzC,CAACC,EAAMC,CAAO,EAAIF,EAAkBd,GAAe,EAAK,EAExDiB,EAAgBC,EAAgB,EAAK,EAErCC,EAAUC,EAA8B,IACxCf,GAIA,CAACO,EAAO,QAAU,CAACR,EACdD,EAGFA,EAAe,OAAQkB,GAC5BA,EAAO,MAAM,YAAA,EAAc,SAASb,EAAqBA,EAAmB,cAAgBI,EAAO,aAAa,CAAA,EAEjH,CAACJ,EAAoBH,EAAgBF,EAAgBS,EAAQR,CAAU,CAAC,EAkE3E,MAAO,CACL,KAAAW,EACA,QAAAC,EACA,cA3DqBM,GAAiC,CACtD,GAAI,CAAAL,EAAc,QAIlB,IAFAA,EAAc,QAAU,GAEpBlB,EAAU,CACZ,MAAMwB,EAAQtB,GAAkC,CAAA,EAC1CuB,EAASD,EAAK,KAAMF,GAAWA,EAAO,QAAUC,EAAS,KAAK,EAEpE,IAAIG,EAEAD,EACFC,EAAeF,EAAK,OAAQF,GAAWA,EAAO,QAAUC,EAAS,KAAK,EAEtEG,EAAe,CAAC,GAAGF,EAAMD,CAAQ,EAGnCpB,GAAA,MAAAA,EAAWuB,GACXf,GAAA,MAAAA,EAAwBe,GAExB,MAAMC,EAAcH,EAAK,IAAKF,GAAYf,EAAeA,EAAae,CAAM,EAAIA,EAAO,KAAM,EAAE,KAAK,IAAI,EACxGR,EAAUa,CAAW,EACrBjB,GAAA,MAAAA,EAAwBiB,EAC1B,KAAO,CACL,IAAIC,GAEC1B,GAAA,YAAAA,EAA8B,SAAUqB,EAAS,MACpDK,EAAU,KAEVA,EAAUL,EAGZpB,GAAA,MAAAA,EAAWyB,GACXjB,GAAA,MAAAA,EAAwBiB,GAExB,MAAMC,EAAQtB,GAAgBqB,EAAUrB,EAAaqB,CAA6B,EAAKA,GAAA,YAAAA,EAAgC,MACvHd,EAAUe,GAAS,EAAE,EACrBnB,GAAA,MAAAA,EAAwBmB,GAAS,IACjCZ,EAAQ,EAAK,CACf,CAEA,WAAW,IAAM,CACfC,EAAc,QAAU,EAC1B,EAAG,CAAC,EACN,EAgBE,QAAAE,EACA,OAAAP,EACA,cAtEqB,GAA2C,CAChEI,EAAQ,EAAI,EAEZH,EAAU,EAAE,OAAO,KAAK,EACxBF,GAAA,MAAAA,EAA6B,EAAE,OAAO,OACtCF,GAAA,MAAAA,EAAwB,EAAE,OAAO,MACnC,EAiEE,MAAOR,EACP,qBAlB4BA,GAAgC,CAC5D,GAAKA,EAEL,OAAI4B,EAAW,QAAQ5B,CAAK,EACnBA,EAAM,IAAK6B,GAAUxB,EAAeA,EAAawB,CAAI,EAAIA,EAAK,KAAM,EAAE,KAAK,IAAI,EAGjFxB,EAAeA,EAAaL,CAAK,EAAIA,EAAM,KACpD,CAUE,CAEJ"}
1	+ {"version":3,"file":"useCombobox.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/combobox/hooks/useCombobox.ts"],"sourcesContent":["import { useMemo, useRef, useState } from 'react'\nimport type { ExternalHandlers } from '../combobox'\nimport { type ChangeHandler, type ComboboxValue } from '../model'\nimport type { ComboboxItemOption } from '../ui'\nimport { TypeGuards } from '$/shared/utils'\n\ntype UseComboboxOptions<Multi extends boolean> = {\n initialOptions: ComboboxItemOption[]\n searchable?: boolean\n multiple?: Multi\n value?: ComboboxValue<Multi>\n onChange?: ChangeHandler<Multi>\n displayValue?: (option: ComboboxItemOption) => string\n defaultOpen?: boolean\n externalHandlers?: ExternalHandlers<Multi>\n externalInputValue?: string\n externalOnInputChange?: (value: string) => void\n filterDisabled?: boolean\n}\n\nexport const useCombobox = <Multi extends boolean>(props: UseComboboxOptions<Multi>) => {\n const {\n multiple,\n defaultOpen,\n value,\n onChange,\n initialOptions,\n searchable,\n filterDisabled,\n displayValue,\n externalHandlers,\n externalInputValue,\n externalOnInputChange\n } = props\n const { changeHandler: externalChangeHandler, inputChangeHandler: externalInputChangeHandler } = externalHandlers ?? {}\n\n const [search, setSearch] = useState<string>('')\n const [open, setOpen] = useState<boolean>(defaultOpen ?? false)\n\n const isUpdatingRef = useRef<boolean>(false)\n\n const options = useMemo<ComboboxItemOption[]>(() => {\n if (filterDisabled) {\n return initialOptions\n }\n\n if (!search.length \|\| !searchable) {\n return initialOptions\n }\n\n return initialOptions.filter((option) =>\n option.label.toLowerCase().includes(externalInputValue ? externalInputValue.toLowerCase() : search.toLowerCase())\n )\n }, [externalInputValue, filterDisabled, initialOptions, search, searchable])\n\n const onInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setOpen(true)\n\n setSearch(e.target.value)\n externalInputChangeHandler?.(e.target.value)\n externalOnInputChange?.(e.target.value)\n }\n\n const changeHandler = (newValue: ComboboxItemOption) => {\n if (isUpdatingRef.current) return\n\n isUpdatingRef.current = true\n\n if (multiple) {\n const prev = (value as ComboboxItemOption[]) \|\| []\n const exists = prev.some((option) => option.value === newValue.value)\n\n let updatedValue: ComboboxItemOption[]\n\n if (exists) {\n updatedValue = prev.filter((option) => option.value !== newValue.value)\n } else {\n updatedValue = [...prev, newValue]\n }\n\n onChange?.(updatedValue as ComboboxValue<Multi>)\n externalChangeHandler?.(updatedValue as ComboboxValue<Multi>)\n\n const searchValue = prev.map((option) => (displayValue ? displayValue(option) : option.label)).join(', ')\n setSearch(searchValue)\n externalOnInputChange?.(searchValue)\n } else {\n let updated: ComboboxValue<Multi>\n\n if ((value as ComboboxItemOption)?.value === newValue.value) {\n updated = null as ComboboxValue<Multi>\n } else {\n updated = newValue as ComboboxValue<Multi>\n }\n\n onChange?.(updated)\n externalChangeHandler?.(updated)\n\n const label = displayValue && updated ? displayValue(updated as ComboboxItemOption) : (updated as ComboboxItemOption)?.label\n setSearch(label ?? '')\n externalOnInputChange?.(label ?? '')\n setOpen(false)\n }\n\n setTimeout(() => {\n isUpdatingRef.current = false\n }, 0)\n }\n\n const comboboxDisplayValue = (value: ComboboxValue<Multi>) => {\n if (!value) return\n\n if (TypeGuards.isArray(value)) {\n return value.map((item) => (displayValue ? displayValue(item) : item.label)).join(', ')\n }\n\n return displayValue ? displayValue(value) : value.label\n }\n\n return {\n open,\n setOpen,\n changeHandler,\n options,\n search,\n onInputChange,\n state: value,\n comboboxDisplayValue\n }\n}\n"],"names":["useCombobox","props","multiple","defaultOpen","value","onChange","initialOptions","searchable","filterDisabled","displayValue","externalHandlers","externalInputValue","externalOnInputChange","externalChangeHandler","externalInputChangeHandler","search","setSearch","useState","open","setOpen","isUpdatingRef","useRef","options","useMemo","option","newValue","prev","exists","updatedValue","searchValue","updated","label","TypeGuards","item"],"mappings":"gQAoBO,MAAMA,EAAsCC,GAAqC,CACtF,KAAM,CACJ,SAAAC,EACA,YAAAC,EACA,MAAAC,EACA,SAAAC,EACA,eAAAC,EACA,WAAAC,EACA,eAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,mBAAAC,EACA,sBAAAC,CAAA,EACEX,EACE,CAAE,cAAeY,EAAuB,mBAAoBC,CAAA,EAA+BJ,GAAoB,CAAA,EAE/G,CAACK,EAAQC,CAAS,EAAIC,EAAiB,EAAE,EACzC,CAACC,EAAMC,CAAO,EAAIF,EAAkBd,GAAe,EAAK,EAExDiB,EAAgBC,EAAgB,EAAK,EAErCC,EAAUC,EAA8B,IACxCf,GAIA,CAACO,EAAO,QAAU,CAACR,EACdD,EAGFA,EAAe,OAAQkB,GAC5BA,EAAO,MAAM,YAAA,EAAc,SAASb,EAAqBA,EAAmB,cAAgBI,EAAO,aAAa,CAAA,EAEjH,CAACJ,EAAoBH,EAAgBF,EAAgBS,EAAQR,CAAU,CAAC,EAkE3E,MAAO,CACL,KAAAW,EACA,QAAAC,EACA,cA3DqBM,GAAiC,CACtD,GAAI,CAAAL,EAAc,QAIlB,IAFAA,EAAc,QAAU,GAEpBlB,EAAU,CACZ,MAAMwB,EAAQtB,GAAkC,CAAA,EAC1CuB,EAASD,EAAK,KAAMF,GAAWA,EAAO,QAAUC,EAAS,KAAK,EAEpE,IAAIG,EAEAD,EACFC,EAAeF,EAAK,OAAQF,GAAWA,EAAO,QAAUC,EAAS,KAAK,EAEtEG,EAAe,CAAC,GAAGF,EAAMD,CAAQ,EAGnCpB,GAAA,MAAAA,EAAWuB,GACXf,GAAA,MAAAA,EAAwBe,GAExB,MAAMC,EAAcH,EAAK,IAAKF,GAAYf,EAAeA,EAAae,CAAM,EAAIA,EAAO,KAAM,EAAE,KAAK,IAAI,EACxGR,EAAUa,CAAW,EACrBjB,GAAA,MAAAA,EAAwBiB,EAC1B,KAAO,CACL,IAAIC,GAEC1B,GAAA,YAAAA,EAA8B,SAAUqB,EAAS,MACpDK,EAAU,KAEVA,EAAUL,EAGZpB,GAAA,MAAAA,EAAWyB,GACXjB,GAAA,MAAAA,EAAwBiB,GAExB,MAAMC,EAAQtB,GAAgBqB,EAAUrB,EAAaqB,CAA6B,EAAKA,GAAA,YAAAA,EAAgC,MACvHd,EAAUe,GAAS,EAAE,EACrBnB,GAAA,MAAAA,EAAwBmB,GAAS,IACjCZ,EAAQ,EAAK,CACf,CAEA,WAAW,IAAM,CACfC,EAAc,QAAU,EAC1B,EAAG,CAAC,EACN,EAgBE,QAAAE,EACA,OAAAP,EACA,cAtEqB,GAA2C,CAChEI,EAAQ,EAAI,EAEZH,EAAU,EAAE,OAAO,KAAK,EACxBF,GAAA,MAAAA,EAA6B,EAAE,OAAO,OACtCF,GAAA,MAAAA,EAAwB,EAAE,OAAO,MACnC,EAiEE,MAAOR,EACP,qBAlB4BA,GAAgC,CAC5D,GAAKA,EAEL,OAAI4B,EAAW,QAAQ5B,CAAK,EACnBA,EAAM,IAAK6B,GAAUxB,EAAeA,EAAawB,CAAI,EAAIA,EAAK,KAAM,EAAE,KAAK,IAAI,EAGjFxB,EAAeA,EAAaL,CAAK,EAAIA,EAAM,KACpD,CAUE,CAEJ"}

package/dist/lib/shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as i,jsxs as B}from"react/jsx-runtime";import{forwardRef as F,useRef as M,useState as s}from"react";import{createPortal as T}from"react-dom";import{format as C,parse as j,isValid as _}from"date-fns";import{AnimatePresence as q}from"framer-motion";import{useClickOutside as v}from"../../../../hooks/useClickOutside.js";import"react-hook-form";import"@hookform/resolvers/zod";import{cn as x}from"../../../../utils/cn.js";import"uuid";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import{Calendar as H}from"../../../calendar/Calendar.js";import{DATE_VISIBLE_PATTERN as c}from"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import{Icon as K}from"../../../icon/Icon.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../autocomplete/Autocomplete.js";import"../checkbox/Checkbox.js";import"../combobox/combobox.js";import"../input/Input.js";import"../inputOtp/InputOtpBase.js";import{MaskInput as L}from"../maskInput/MaskInput.js";import"../radio/RadioGroup.js";import"../radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../slider/SliderBase.js";import"../switch/Switch.js";import"../textarea/Textarea.js";import"../uploader/UploaderBase.js";import"../inputCurrency/InputCurrency.js";import"../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"../../controlled/editor/ui/Editor.js";import"../../controlled/input/MaskInputControl.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const $=F(({defaultOpen:y=!1,value:l,onChange:o,disabled:m,externalHandlers:k,classes:w,...f},O)=>{const{onChange:e,onFocus:u,...I}=k||{},d=M(null),[P,r]=s(y),g=()=>{r(t=>!t)},[S,n]=s(new Date),[R,D]=s(C(new Date,c));v(d,()=>r(!1));const V=l?new Date(l):new Date,N=t=>{if(D(t),!/^(\d{2})\.(\d{2})\.(\d{4})$/.test(t))return;const p=j(t,c,new Date);if(_(p)){const h=p.toISOString();o&&o(h),e&&e(h),n(p)}},b=t=>{n(t);const a=t.toISOString();o&&o(a),e&&e(a),D(C(t,c)),r(!1)},{root:E,input:A}=w||{};return i("div",{ref:d,className:x("relative w-full",E),children:B(q,{mode:"sync",children:[i(L,{ref:O,...f,...I,disabled:m,mask:"##.##.####",classes:A,value:R,onChange:t=>N(t.target.value),autoComplete:"off",onFocus:t=>{r(!0),u&&u(t)},onKeyDown:t=>{(t.key==="Enter"||t.key===" ")&&g()},attachmentProps:{...f.attachmentProps,icon:i(K,{name:"general/calendar",className:x("text-icon-blue-grey-600",{"text-icon-disabled":m})}),onClickIcon:g,disabled:m}}),P&&T(i(H,{required:!0,mode:"single",month:S,onMonthChange:n,selected:V,onSelect:b,className:"absolute right-0 top-full"}),document.body)]})})});$.displayName="DayPickerBase";export{$ as DayPickerBase};
+import{jsx as i,jsxs as B}from"react/jsx-runtime";import{forwardRef as F,useRef as M,useState as s}from"react";import{createPortal as T}from"react-dom";import{format as C,parse as j,isValid as _}from"date-fns";import{AnimatePresence as q}from"framer-motion";import{useClickOutside as v}from"../../../../hooks/useClickOutside.js";import"react-hook-form";import"@hookform/resolvers/zod";import{cn as x}from"../../../../utils/cn.js";import"uuid";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import{Calendar as H}from"../../../calendar/Calendar.js";import{DATE_VISIBLE_PATTERN as c}from"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import{Icon as K}from"../../../icon/Icon.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../autocomplete/Autocomplete.js";import"../checkbox/Checkbox.js";import"../combobox/combobox.js";import"../input/Input.js";import"../inputOtp/InputOtpBase.js";import{MaskInput as L}from"../maskInput/MaskInput.js";import"../radio/RadioGroup.js";import"../radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../slider/SliderBase.js";import"../switch/Switch.js";import"../textarea/Textarea.js";import"../uploader/UploaderBase.js";import"../inputCurrency/InputCurrency.js";import"../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"../../controlled/editor/ui/Editor.js";import"../../controlled/input/MaskInputControl.js";import"../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const $=F(({defaultOpen:y=!1,value:l,onChange:o,disabled:m,externalHandlers:k,classes:w,...f},O)=>{const{onChange:e,onFocus:u,...I}=k||{},d=M(null),[P,r]=s(y),g=()=>{r(t=>!t)},[S,n]=s(new Date),[R,D]=s(C(new Date,c));v(d,()=>r(!1));const V=l?new Date(l):new Date,N=t=>{if(D(t),!/^(\d{2})\.(\d{2})\.(\d{4})$/.test(t))return;const p=j(t,c,new Date);if(_(p)){const h=p.toISOString();o&&o(h),e&&e(h),n(p)}},b=t=>{n(t);const a=t.toISOString();o&&o(a),e&&e(a),D(C(t,c)),r(!1)},{root:E,input:A}=w||{};return i("div",{ref:d,className:x("relative w-full",E),children:B(q,{mode:"sync",children:[i(L,{ref:O,...f,...I,disabled:m,mask:"##.##.####",classes:A,value:R,onChange:t=>N(t.target.value),autoComplete:"off",onFocus:t=>{r(!0),u&&u(t)},onKeyDown:t=>{(t.key==="Enter"||t.key===" ")&&g()},attachmentProps:{...f.attachmentProps,icon:i(K,{name:"general/calendar",className:x("text-icon-blue-grey-600",{"text-icon-disabled":m})}),onClickIcon:g,disabled:m}}),P&&T(i(H,{required:!0,mode:"single",month:S,onMonthChange:n,selected:V,onSelect:b,className:"absolute right-0 top-full"}),document.body)]})})});$.displayName="DayPickerBase";export{$ as DayPickerBase};
 //# sourceMappingURL=DayPicker.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DayPicker.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/dayPicker/DayPicker.tsx"],"sourcesContent":["import { forwardRef, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { format, isValid, parse } from 'date-fns'\nimport { AnimatePresence } from 'framer-motion'\nimport { type InputBaseClasses } from '../input/Input'\nimport { useClickOutside } from '$/shared/hooks'\nimport { Calendar, DATE_VISIBLE_PATTERN, Icon, MaskInput, type MaskInputProps } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype ExternalHandlers = {\n onChange?: (value: string) => void\n onClick?: (event: React.MouseEvent<HTMLInputElement>) => void\n onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void\n onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void\n}\n\nexport type DayPickerClasses = {\n root?: string\n input?: InputBaseClasses\n}\n\nexport type DayPickerProps = Omit<MaskInputProps, 'value' \| 'onChange' \| 'mask' \| 'classes'> & {\n /*\n Указывает, открыт ли календарь по умолчанию\n /\n defaultOpen?: boolean\n /\n Значение поля\n /\n value?: string\n /\n Функция изменения значения\n /\n onChange?: (value: string) => void\n /\n Внешние классы которыми можно поменять стили\n /\n classes?: DayPickerClasses\n /\n Дополнительные хендлеры\n */\n externalHandlers?: ExternalHandlers\n}\n\nexport const DayPickerBase = forwardRef<HTMLInputElement, DayPickerProps>(\n ({ defaultOpen = false, value, onChange, disabled, externalHandlers, classes, ...props }, ref) => {\n const { onChange: externalOnChange, onFocus: externalOnFocus, ...restHandlers } = externalHandlers \|\| {}\n\n const containerRef = useRef<HTMLDivElement>(null)\n\n const [calendarOpen, setCalendarOpen] = useState<boolean>(defaultOpen)\n const onCalendarOpenChange = () => {\n setCalendarOpen((prev) => !prev)\n }\n\n const [month, setMonth] = useState<Date>(new Date())\n const [visibleValue, setVisibleValue] = useState<string>(format(new Date(), DATE_VISIBLE_PATTERN))\n\n useClickOutside(containerRef, () => setCalendarOpen(false))\n\n const date = value ? new Date(value) : new Date()\n\n const onValueChange = (value: string) => {\n setVisibleValue(value)\n\n const dateRegex = /^(\\d{2})\\.(\\d{2})\\.(\\d{4})$/\n\n if (!dateRegex.test(value)) {\n return\n }\n\n const parsedDate = parse(value, DATE_VISIBLE_PATTERN, new Date())\n\n if (isValid(parsedDate)) {\n const isoDate = parsedDate.toISOString()\n\n if (onChange) onChange(isoDate)\n if (externalOnChange) externalOnChange(isoDate)\n setMonth(parsedDate)\n }\n }\n\n const onDateChange = (date: Date) => {\n setMonth(date)\n\n const isoDate = date.toISOString()\n\n if (onChange) onChange(isoDate)\n if (externalOnChange) externalOnChange(isoDate)\n\n setVisibleValue(format(date, DATE_VISIBLE_PATTERN))\n setCalendarOpen(false)\n }\n\n const { root, input } = classes \|\| {}\n\n return (\n <div ref={containerRef} className={cn('relative w-full', root)}>\n <AnimatePresence mode='sync'>\n <MaskInput\n ref={ref}\n {...props}\n {...restHandlers}\n disabled={disabled}\n mask='##.##.####'\n classes={input}\n value={visibleValue}\n onChange={(event) => onValueChange(event.target.value)}\n autoComplete='off'\n onFocus={(event) => {\n setCalendarOpen(true)\n if (externalOnFocus) externalOnFocus(event)\n }}\n onKeyDown={(event) => {\n if (event.key === 'Enter' \|\| event.key === ' ') {\n onCalendarOpenChange()\n }\n }}\n attachmentProps={{\n ...props.attachmentProps,\n icon: (\n <Icon name='general/calendar' className={cn('text-icon-blue-grey-600', { 'text-icon-disabled': disabled })} />\n ),\n onClickIcon: onCalendarOpenChange,\n disabled\n }}\n />\n {calendarOpen &&\n createPortal(\n <Calendar\n required\n mode='single'\n month={month}\n onMonthChange={setMonth}\n selected={date}\n onSelect={onDateChange}\n className='absolute right-0 top-full'\n />,\n document.body\n )}\n </AnimatePresence>\n </div>\n )\n }\n)\nDayPickerBase.displayName = 'DayPickerBase'\n"],"names":["DayPickerBase","forwardRef","defaultOpen","value","onChange","disabled","externalHandlers","classes","props","ref","externalOnChange","externalOnFocus","restHandlers","containerRef","useRef","calendarOpen","setCalendarOpen","useState","onCalendarOpenChange","prev","month","setMonth","visibleValue","setVisibleValue","format","DATE_VISIBLE_PATTERN","useClickOutside","date","onValueChange","parsedDate","parse","isValid","isoDate","onDateChange","root","input","jsx","cn","jsxs","AnimatePresence","MaskInput","event","Icon","createPortal","Calendar"],"mappings":"~~klEA4CO~~,MAAMA,EAAgBC,EAC3B,CAAC,CAAE,YAAAC,EAAc,GAAO,MAAAC,EAAO,SAAAC,EAAU,SAAAC,EAAU,iBAAAC,EAAkB,QAAAC,EAAS,GAAGC,CAAA,EAASC,IAAQ,CAChG,KAAM,CAAE,SAAUC,EAAkB,QAASC,EAAiB,GAAGC,CAAA,EAAiBN,GAAoB,CAAA,EAEhGO,EAAeC,EAAuB,IAAI,EAE1C,CAACC,EAAcC,CAAe,EAAIC,EAAkBf,CAAW,EAC/DgB,EAAuB,IAAM,CACjCF,EAAiBG,GAAS,CAACA,CAAI,CACjC,EAEM,CAACC,EAAOC,CAAQ,EAAIJ,EAAe,IAAI,IAAM,EAC7C,CAACK,EAAcC,CAAe,EAAIN,EAAiBO,EAAO,IAAI,KAAQC,CAAoB,CAAC,EAEjGC,EAAgBb,EAAc,IAAMG,EAAgB,EAAK,CAAC,EAE1D,MAAMW,EAAOxB,EAAQ,IAAI,KAAKA,CAAK,MAAQ,KAErCyB,EAAiBzB,GAAkB,CAKvC,GAJAoB,EAAgBpB,CAAK,EAIjB,CAFc,8BAEH,KAAKA,CAAK,EACvB,OAGF,MAAM0B,EAAaC,EAAM3B,EAAOsB,EAAsB,IAAI,IAAM,EAEhE,GAAIM,EAAQF,CAAU,EAAG,CACvB,MAAMG,EAAUH,EAAW,YAAA,EAEvBzB,KAAmB4B,CAAO,EAC1BtB,KAAmCsB,CAAO,EAC9CX,EAASQ,CAAU,CACrB,CACF,EAEMI,EAAgBN,GAAe,CACnCN,EAASM,CAAI,EAEb,MAAMK,EAAUL,EAAK,YAAA,EAEjBvB,KAAmB4B,CAAO,EAC1BtB,KAAmCsB,CAAO,EAE9CT,EAAgBC,EAAOG,EAAMF,CAAoB,CAAC,EAClDT,EAAgB,EAAK,CACvB,EAEM,CAAE,KAAAkB,EAAM,MAAAC,CAAA,EAAU5B,GAAW,CAAA,EAEnC,OACE6B,EAAC,MAAA,CAAI,IAAKvB,EAAc,UAAWwB,EAAG,kBAAmBH,CAAI,EAC3D,SAAAI,EAACC,EAAA,CAAgB,KAAK,OACpB,SAAA,CAAAH,EAACI,EAAA,CACC,IAAA/B,EACC,GAAGD,EACH,GAAGI,EACJ,SAAAP,EACA,KAAK,aACL,QAAS8B,EACT,MAAOb,EACP,SAAWmB,GAAUb,EAAca,EAAM,OAAO,KAAK,EACrD,aAAa,MACb,QAAUA,GAAU,CAClBzB,EAAgB,EAAI,EAChBL,KAAiC8B,CAAK,CAC5C,EACA,UAAYA,GAAU,EAChBA,EAAM,MAAQ,SAAWA,EAAM,MAAQ,MACzCvB,EAAA,CAEJ,EACA,gBAAiB,CACf,GAAGV,EAAM,gBACT,KACE4B,EAACM,EAAA,CAAK,KAAK,mBAAmB,UAAWL,EAAG,0BAA2B,CAAE,qBAAsBhC,CAAA,CAAU,CAAA,CAAG,EAE9G,YAAaa,EACb,SAAAb,CAAA,CACF,CAAA,EAEDU,GACC4B,EACEP,EAACQ,EAAA,CACC,SAAQ,GACR,KAAK,SACL,MAAAxB,EACA,cAAeC,EACf,SAAUM,EACV,SAAUM,EACV,UAAU,2BAAA,CAAA,EAEZ,SAAS,IAAA,CACX,CAAA,CACJ,CAAA,CACF,CAEJ,CACF,EACAjC,EAAc,YAAc"}
1	+ {"version":3,"file":"DayPicker.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/dayPicker/DayPicker.tsx"],"sourcesContent":["import { forwardRef, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { format, isValid, parse } from 'date-fns'\nimport { AnimatePresence } from 'framer-motion'\nimport { type InputBaseClasses } from '../input/Input'\nimport { useClickOutside } from '$/shared/hooks'\nimport { Calendar, DATE_VISIBLE_PATTERN, Icon, MaskInput, type MaskInputProps } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype ExternalHandlers = {\n onChange?: (value: string) => void\n onClick?: (event: React.MouseEvent<HTMLInputElement>) => void\n onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void\n onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void\n}\n\nexport type DayPickerClasses = {\n root?: string\n input?: InputBaseClasses\n}\n\nexport type DayPickerProps = Omit<MaskInputProps, 'value' \| 'onChange' \| 'mask' \| 'classes'> & {\n /*\n Указывает, открыт ли календарь по умолчанию\n /\n defaultOpen?: boolean\n /\n Значение поля\n /\n value?: string\n /\n Функция изменения значения\n /\n onChange?: (value: string) => void\n /\n Внешние классы которыми можно поменять стили\n /\n classes?: DayPickerClasses\n /\n Дополнительные хендлеры\n */\n externalHandlers?: ExternalHandlers\n}\n\nexport const DayPickerBase = forwardRef<HTMLInputElement, DayPickerProps>(\n ({ defaultOpen = false, value, onChange, disabled, externalHandlers, classes, ...props }, ref) => {\n const { onChange: externalOnChange, onFocus: externalOnFocus, ...restHandlers } = externalHandlers \|\| {}\n\n const containerRef = useRef<HTMLDivElement>(null)\n\n const [calendarOpen, setCalendarOpen] = useState<boolean>(defaultOpen)\n const onCalendarOpenChange = () => {\n setCalendarOpen((prev) => !prev)\n }\n\n const [month, setMonth] = useState<Date>(new Date())\n const [visibleValue, setVisibleValue] = useState<string>(format(new Date(), DATE_VISIBLE_PATTERN))\n\n useClickOutside(containerRef, () => setCalendarOpen(false))\n\n const date = value ? new Date(value) : new Date()\n\n const onValueChange = (value: string) => {\n setVisibleValue(value)\n\n const dateRegex = /^(\\d{2})\\.(\\d{2})\\.(\\d{4})$/\n\n if (!dateRegex.test(value)) {\n return\n }\n\n const parsedDate = parse(value, DATE_VISIBLE_PATTERN, new Date())\n\n if (isValid(parsedDate)) {\n const isoDate = parsedDate.toISOString()\n\n if (onChange) onChange(isoDate)\n if (externalOnChange) externalOnChange(isoDate)\n setMonth(parsedDate)\n }\n }\n\n const onDateChange = (date: Date) => {\n setMonth(date)\n\n const isoDate = date.toISOString()\n\n if (onChange) onChange(isoDate)\n if (externalOnChange) externalOnChange(isoDate)\n\n setVisibleValue(format(date, DATE_VISIBLE_PATTERN))\n setCalendarOpen(false)\n }\n\n const { root, input } = classes \|\| {}\n\n return (\n <div ref={containerRef} className={cn('relative w-full', root)}>\n <AnimatePresence mode='sync'>\n <MaskInput\n ref={ref}\n {...props}\n {...restHandlers}\n disabled={disabled}\n mask='##.##.####'\n classes={input}\n value={visibleValue}\n onChange={(event) => onValueChange(event.target.value)}\n autoComplete='off'\n onFocus={(event) => {\n setCalendarOpen(true)\n if (externalOnFocus) externalOnFocus(event)\n }}\n onKeyDown={(event) => {\n if (event.key === 'Enter' \|\| event.key === ' ') {\n onCalendarOpenChange()\n }\n }}\n attachmentProps={{\n ...props.attachmentProps,\n icon: (\n <Icon name='general/calendar' className={cn('text-icon-blue-grey-600', { 'text-icon-disabled': disabled })} />\n ),\n onClickIcon: onCalendarOpenChange,\n disabled\n }}\n />\n {calendarOpen &&\n createPortal(\n <Calendar\n required\n mode='single'\n month={month}\n onMonthChange={setMonth}\n selected={date}\n onSelect={onDateChange}\n className='absolute right-0 top-full'\n />,\n document.body\n )}\n </AnimatePresence>\n </div>\n )\n }\n)\nDayPickerBase.displayName = 'DayPickerBase'\n"],"names":["DayPickerBase","forwardRef","defaultOpen","value","onChange","disabled","externalHandlers","classes","props","ref","externalOnChange","externalOnFocus","restHandlers","containerRef","useRef","calendarOpen","setCalendarOpen","useState","onCalendarOpenChange","prev","month","setMonth","visibleValue","setVisibleValue","format","DATE_VISIBLE_PATTERN","useClickOutside","date","onValueChange","parsedDate","parse","isValid","isoDate","onDateChange","root","input","jsx","cn","jsxs","AnimatePresence","MaskInput","event","Icon","createPortal","Calendar"],"mappings":"8pEA4CO,MAAMA,EAAgBC,EAC3B,CAAC,CAAE,YAAAC,EAAc,GAAO,MAAAC,EAAO,SAAAC,EAAU,SAAAC,EAAU,iBAAAC,EAAkB,QAAAC,EAAS,GAAGC,CAAA,EAASC,IAAQ,CAChG,KAAM,CAAE,SAAUC,EAAkB,QAASC,EAAiB,GAAGC,CAAA,EAAiBN,GAAoB,CAAA,EAEhGO,EAAeC,EAAuB,IAAI,EAE1C,CAACC,EAAcC,CAAe,EAAIC,EAAkBf,CAAW,EAC/DgB,EAAuB,IAAM,CACjCF,EAAiBG,GAAS,CAACA,CAAI,CACjC,EAEM,CAACC,EAAOC,CAAQ,EAAIJ,EAAe,IAAI,IAAM,EAC7C,CAACK,EAAcC,CAAe,EAAIN,EAAiBO,EAAO,IAAI,KAAQC,CAAoB,CAAC,EAEjGC,EAAgBb,EAAc,IAAMG,EAAgB,EAAK,CAAC,EAE1D,MAAMW,EAAOxB,EAAQ,IAAI,KAAKA,CAAK,MAAQ,KAErCyB,EAAiBzB,GAAkB,CAKvC,GAJAoB,EAAgBpB,CAAK,EAIjB,CAFc,8BAEH,KAAKA,CAAK,EACvB,OAGF,MAAM0B,EAAaC,EAAM3B,EAAOsB,EAAsB,IAAI,IAAM,EAEhE,GAAIM,EAAQF,CAAU,EAAG,CACvB,MAAMG,EAAUH,EAAW,YAAA,EAEvBzB,KAAmB4B,CAAO,EAC1BtB,KAAmCsB,CAAO,EAC9CX,EAASQ,CAAU,CACrB,CACF,EAEMI,EAAgBN,GAAe,CACnCN,EAASM,CAAI,EAEb,MAAMK,EAAUL,EAAK,YAAA,EAEjBvB,KAAmB4B,CAAO,EAC1BtB,KAAmCsB,CAAO,EAE9CT,EAAgBC,EAAOG,EAAMF,CAAoB,CAAC,EAClDT,EAAgB,EAAK,CACvB,EAEM,CAAE,KAAAkB,EAAM,MAAAC,CAAA,EAAU5B,GAAW,CAAA,EAEnC,OACE6B,EAAC,MAAA,CAAI,IAAKvB,EAAc,UAAWwB,EAAG,kBAAmBH,CAAI,EAC3D,SAAAI,EAACC,EAAA,CAAgB,KAAK,OACpB,SAAA,CAAAH,EAACI,EAAA,CACC,IAAA/B,EACC,GAAGD,EACH,GAAGI,EACJ,SAAAP,EACA,KAAK,aACL,QAAS8B,EACT,MAAOb,EACP,SAAWmB,GAAUb,EAAca,EAAM,OAAO,KAAK,EACrD,aAAa,MACb,QAAUA,GAAU,CAClBzB,EAAgB,EAAI,EAChBL,KAAiC8B,CAAK,CAC5C,EACA,UAAYA,GAAU,EAChBA,EAAM,MAAQ,SAAWA,EAAM,MAAQ,MACzCvB,EAAA,CAEJ,EACA,gBAAiB,CACf,GAAGV,EAAM,gBACT,KACE4B,EAACM,EAAA,CAAK,KAAK,mBAAmB,UAAWL,EAAG,0BAA2B,CAAE,qBAAsBhC,CAAA,CAAU,CAAA,CAAG,EAE9G,YAAaa,EACb,SAAAb,CAAA,CACF,CAAA,EAEDU,GACC4B,EACEP,EAACQ,EAAA,CACC,SAAQ,GACR,KAAK,SACL,MAAAxB,EACA,cAAeC,EACf,SAAUM,EACV,SAAUM,EACV,UAAU,2BAAA,CAAA,EAEZ,SAAS,IAAA,CACX,CAAA,CACJ,CAAA,CACF,CAEJ,CACF,EACAjC,EAAc,YAAc"}

package/dist/lib/shared/ui/formElements/uncontrolled/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{InputBase as o}from"./input/Input.js";import{MaskInput as r}from"./maskInput/MaskInput.js";import{CheckboxBase as m}from"./checkbox/Checkbox.js";import{DayPickerBase as t}from"./dayPicker/DayPicker.js";import{SwitchBase as p}from"./switch/Switch.js";import{AutocompleteBase as i}from"./autocomplete/Autocomplete.js";import{SliderBase as e}from"./slider/SliderBase.js";import{RadioGroupBase as a}from"./radio/RadioGroup.js";import"./radio/ui/RadioItem.js";import"react/jsx-runtime";import"react";import"@radix-ui/react-radio-group";import"classnames";import"tailwind-merge";import"uuid";import{TextareaBase as f}from"./textarea/Textarea.js";import{UploaderBase as s}from"./uploader/UploaderBase.js";import{InputOtpBase as B}from"./inputOtp/InputOtpBase.js";import{Combobox as c}from"./combobox/combobox.js";const P={InputBase:o,SliderBase:e,AutocompleteBase:i,MaskInput:r,CheckboxBase:m,DayPickerBase:t,SwitchBase:p,RadioGroupBase:a,TextareaBase:f,InputOtpBase:B,UploaderBase:s,Combobox:c};export{P as Uncontrolled};
+import{InputBase as o}from"./input/Input.js";import{MaskInput as r}from"./maskInput/MaskInput.js";import{CheckboxBase as m}from"./checkbox/Checkbox.js";import{DayPickerBase as t}from"./dayPicker/DayPicker.js";import{SwitchBase as p}from"./switch/Switch.js";import{AutocompleteBase as i}from"./autocomplete/Autocomplete.js";import{SliderBase as e}from"./slider/SliderBase.js";import{RadioGroupBase as a}from"./radio/RadioGroup.js";import"./radio/ui/RadioItem.js";import"react/jsx-runtime";import"react";import"@radix-ui/react-radio-group";import"../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"tailwind-merge";import"uuid";import{TextareaBase as f}from"./textarea/Textarea.js";import{UploaderBase as s}from"./uploader/UploaderBase.js";import{InputOtpBase as B}from"./inputOtp/InputOtpBase.js";import{Combobox as c}from"./combobox/combobox.js";const P={InputBase:o,SliderBase:e,AutocompleteBase:i,MaskInput:r,CheckboxBase:m,DayPickerBase:t,SwitchBase:p,RadioGroupBase:a,TextareaBase:f,InputOtpBase:B,UploaderBase:s,Combobox:c};export{P as Uncontrolled};
 //# sourceMappingURL=index.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../lib/shared/ui/formElements/uncontrolled/index.ts"],"sourcesContent":["import { InputBase } from './input'\nexport type { InputBaseProps } from './input'\nimport { MaskInput } from './maskInput'\nexport type { MaskInputProps } from './maskInput'\nimport { CheckboxBase } from './checkbox'\nexport type { CheckboxBaseProps, CheckedState } from './checkbox'\nimport { DayPickerBase } from './dayPicker'\nexport type { DayPickerProps } from './dayPicker'\nimport { SwitchBase } from './switch'\nexport type { SwitchBaseProps } from './switch'\nimport { AutocompleteBase } from './autocomplete'\nimport { SliderBase } from './slider'\nexport type { AutocompleteBaseProps, AutocompleteItemOption } from './autocomplete'\nimport { RadioGroupBase } from './radio'\nexport type { RadioGroupBaseProps, RadioOption } from './radio'\nimport { TextareaBase } from './textarea'\nimport { UploaderBase } from './uploader'\nexport type { TextareaBaseProps } from './textarea'\nimport { InputOtpBase } from './inputOtp'\nexport type { InputOtpBaseProps } from './inputOtp'\nimport { Combobox } from './combobox'\nexport type { ComboboxProps, ComboboxItemOption } from './combobox'\n\n/*\n @example\n * ```ts\n * It's ok\n * import { InputBase } from '@scbt-ecom/ui'\n \n Not ok (tree shaking doesn't work)\n * import { Uncontrolled } from '@scbt-ecom/ui'\n * ```\n * @deprecated use Select instead\n */\nexport const Uncontrolled = {\n InputBase,\n SliderBase,\n AutocompleteBase,\n MaskInput,\n CheckboxBase,\n DayPickerBase,\n SwitchBase,\n RadioGroupBase,\n TextareaBase,\n InputOtpBase,\n UploaderBase,\n Combobox\n}\n"],"names":["Uncontrolled","InputBase","SliderBase","AutocompleteBase","MaskInput","CheckboxBase","DayPickerBase","SwitchBase","RadioGroupBase","TextareaBase","InputOtpBase","UploaderBase","Combobox"],"mappings":"~~6yBAkCO~~,MAAMA,EAAe,CAC1B,UAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,UAAAC,EACA,aAAAC,EACA,cAAAC,EACA,WAAAC,EACA,eAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,SAAAC,CACF"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../lib/shared/ui/formElements/uncontrolled/index.ts"],"sourcesContent":["import { InputBase } from './input'\nexport type { InputBaseProps } from './input'\nimport { MaskInput } from './maskInput'\nexport type { MaskInputProps } from './maskInput'\nimport { CheckboxBase } from './checkbox'\nexport type { CheckboxBaseProps, CheckedState } from './checkbox'\nimport { DayPickerBase } from './dayPicker'\nexport type { DayPickerProps } from './dayPicker'\nimport { SwitchBase } from './switch'\nexport type { SwitchBaseProps } from './switch'\nimport { AutocompleteBase } from './autocomplete'\nimport { SliderBase } from './slider'\nexport type { AutocompleteBaseProps, AutocompleteItemOption } from './autocomplete'\nimport { RadioGroupBase } from './radio'\nexport type { RadioGroupBaseProps, RadioOption } from './radio'\nimport { TextareaBase } from './textarea'\nimport { UploaderBase } from './uploader'\nexport type { TextareaBaseProps } from './textarea'\nimport { InputOtpBase } from './inputOtp'\nexport type { InputOtpBaseProps } from './inputOtp'\nimport { Combobox } from './combobox'\nexport type { ComboboxProps, ComboboxItemOption } from './combobox'\n\n/*\n @example\n * ```ts\n * It's ok\n * import { InputBase } from '@scbt-ecom/ui'\n \n Not ok (tree shaking doesn't work)\n * import { Uncontrolled } from '@scbt-ecom/ui'\n * ```\n * @deprecated use Select instead\n */\nexport const Uncontrolled = {\n InputBase,\n SliderBase,\n AutocompleteBase,\n MaskInput,\n CheckboxBase,\n DayPickerBase,\n SwitchBase,\n RadioGroupBase,\n TextareaBase,\n InputOtpBase,\n UploaderBase,\n Combobox\n}\n"],"names":["Uncontrolled","InputBase","SliderBase","AutocompleteBase","MaskInput","CheckboxBase","DayPickerBase","SwitchBase","RadioGroupBase","TextareaBase","InputOtpBase","UploaderBase","Combobox"],"mappings":"s3BAkCO,MAAMA,EAAe,CAC1B,UAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,UAAAC,EACA,aAAAC,EACA,cAAAC,EACA,WAAAC,EACA,eAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,SAAAC,CACF"}

package/dist/lib/shared/ui/formElements/uncontrolled/inputCurrency/ui/CurrencyIcon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as i,Fragment as d,jsx as t}from"react/jsx-runtime";import{cn as m}from"../../../../../utils/cn.js";import"uuid";import"react";import"../../../../button/Button.js";import"../../../../button/model/helpers.js";import"../../../../buttonIcon/ButtonIcon.js";import"../../../../loader/model/helpers.js";import"../../../../calendar/Calendar.js";import"../../../../calendar/model/utils.js";import"../../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../notification/ui/CustomToast.js";import"../../../../table/ui/primitives/Primitives.js";import{Icon as c}from"../../../../icon/Icon.js";import"@tanstack/react-table";import"../../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../carousel/ui/CarouselContent.js";import"../../../../customLink/model/helpers.js";import"../../../../slot/Slot.js";import"../../autocomplete/Autocomplete.js";import"../../checkbox/Checkbox.js";import"../../combobox/combobox.js";import"../../dayPicker/DayPicker.js";import"../../input/Input.js";import"../../inputOtp/InputOtpBase.js";import"../../maskInput/MaskInput.js";import"../../radio/RadioGroup.js";import"../../radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../slider/SliderBase.js";import"../../switch/Switch.js";import"../../textarea/Textarea.js";import"../../uploader/UploaderBase.js";import"../InputCurrency.js";import"../../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../controlled/editor/ui/Editor.js";import"../../../controlled/input/MaskInputControl.js";import"classnames";import"../../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{Divider as g}from"../../../../divider/Divider.js";const bo=({currency:o,classes:p,open:e})=>{var r;const{divider:a,root:l,icon:s,label:n}=p??{};return i(d,{children:[t(g,{color:"bg-color-blue-grey-500",height:16,className:a}),i("div",{className:m("desk-body-regular-l flex items-center gap-1 text-color-tetriary",l),children:[(r=o==null?void 0:o.attachment)==null?void 0:r.left,t("span",{className:n,children:o?o.label:"CUR"}),t(c,{name:"arrows/arrowRight",className:m("size-6 rotate-90 duration-100",{"-rotate-90":e},s)})]})]})};export{bo as CurrencyIcon};
+import{jsxs as i,Fragment as d,jsx as t}from"react/jsx-runtime";import{cn as m}from"../../../../../utils/cn.js";import"uuid";import"react";import"../../../../button/Button.js";import"../../../../button/model/helpers.js";import"../../../../buttonIcon/ButtonIcon.js";import"../../../../loader/model/helpers.js";import"../../../../calendar/Calendar.js";import"../../../../calendar/model/utils.js";import"../../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../notification/ui/CustomToast.js";import"../../../../table/ui/primitives/Primitives.js";import{Icon as c}from"../../../../icon/Icon.js";import"@tanstack/react-table";import"../../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../carousel/ui/CarouselContent.js";import"../../../../customLink/model/helpers.js";import"../../../../slot/Slot.js";import"../../autocomplete/Autocomplete.js";import"../../checkbox/Checkbox.js";import"../../combobox/combobox.js";import"../../dayPicker/DayPicker.js";import"../../input/Input.js";import"../../inputOtp/InputOtpBase.js";import"../../maskInput/MaskInput.js";import"../../radio/RadioGroup.js";import"../../radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../slider/SliderBase.js";import"../../switch/Switch.js";import"../../textarea/Textarea.js";import"../../uploader/UploaderBase.js";import"../InputCurrency.js";import"../../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../controlled/editor/ui/Editor.js";import"../../../controlled/input/MaskInputControl.js";import"../../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{Divider as g}from"../../../../divider/Divider.js";const bo=({currency:o,classes:p,open:e})=>{var r;const{divider:a,root:l,icon:s,label:n}=p??{};return i(d,{children:[t(g,{color:"bg-color-blue-grey-500",height:16,className:a}),i("div",{className:m("desk-body-regular-l flex items-center gap-1 text-color-tetriary",l),children:[(r=o==null?void 0:o.attachment)==null?void 0:r.left,t("span",{className:n,children:o?o.label:"CUR"}),t(c,{name:"arrows/arrowRight",className:m("size-6 rotate-90 duration-100",{"-rotate-90":e},s)})]})]})};export{bo as CurrencyIcon};
 //# sourceMappingURL=CurrencyIcon.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/inputCurrency/ui/CurrencyIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CurrencyIcon.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/inputCurrency/ui/CurrencyIcon.tsx"],"sourcesContent":["import { Icon } from '$/shared/ui'\nimport { Divider } from '$/shared/ui/divider'\nimport { type DropdownItemOption } from '$/shared/ui/dropdownList'\nimport { cn } from '$/shared/utils'\n\ntype CurrencyIconClasses = {\n root?: string\n divider?: string\n label?: string\n icon?: string\n}\n\nexport interface CurrencyIconProps {\n currency: DropdownItemOption \| null\n classes?: CurrencyIconClasses\n open: boolean\n}\n\nexport const CurrencyIcon = ({ currency, classes, open }: CurrencyIconProps) => {\n const { divider, root, icon, label } = classes ?? {}\n\n return (\n <>\n <Divider color='bg-color-blue-grey-500' height={16} className={divider} />\n <div className={cn('desk-body-regular-l flex items-center gap-1 text-color-tetriary', root)}>\n {currency?.attachment?.left}\n <span className={label}>{currency ? currency.label : 'CUR'}</span>\n <Icon\n name='arrows/arrowRight'\n className={cn(\n 'size-6 rotate-90 duration-100',\n {\n '-rotate-90': open\n },\n icon\n )}\n />\n </div>\n </>\n )\n}\n"],"names":["CurrencyIcon","currency","classes","open","divider","root","icon","label","jsxs","Fragment","jsx","Divider","cn","_a","Icon"],"mappings":"~~6/DAkBO~~,MAAMA,GAAe,CAAC,CAAE,SAAAC,EAAU,QAAAC,EAAS,KAAAC,KAA8B,OAC9E,KAAM,CAAE,QAAAC,EAAS,KAAAC,EAAM,KAAAC,EAAM,MAAAC,CAAA,EAAUL,GAAW,CAAA,EAElD,OACEM,EAAAC,EAAA,CACE,SAAA,CAAAC,EAACC,GAAQ,MAAM,yBAAyB,OAAQ,GAAI,UAAWP,EAAS,IACvE,MAAA,CAAI,UAAWQ,EAAG,kEAAmEP,CAAI,EACvF,SAAA,EAAAQ,EAAAZ,GAAA,YAAAA,EAAU,aAAV,YAAAY,EAAsB,OACtB,OAAA,CAAK,UAAWN,EAAQ,SAAAN,EAAWA,EAAS,MAAQ,MAAM,EAC3DS,EAACI,EAAA,CACC,KAAK,oBACL,UAAWF,EACT,gCACA,CACE,aAAcT,CAAA,EAEhBG,CAAA,CACF,CAAA,CACF,CAAA,CACF,CAAA,EACF,CAEJ"}
1	+ {"version":3,"file":"CurrencyIcon.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/inputCurrency/ui/CurrencyIcon.tsx"],"sourcesContent":["import { Icon } from '$/shared/ui'\nimport { Divider } from '$/shared/ui/divider'\nimport { type DropdownItemOption } from '$/shared/ui/dropdownList'\nimport { cn } from '$/shared/utils'\n\ntype CurrencyIconClasses = {\n root?: string\n divider?: string\n label?: string\n icon?: string\n}\n\nexport interface CurrencyIconProps {\n currency: DropdownItemOption \| null\n classes?: CurrencyIconClasses\n open: boolean\n}\n\nexport const CurrencyIcon = ({ currency, classes, open }: CurrencyIconProps) => {\n const { divider, root, icon, label } = classes ?? {}\n\n return (\n <>\n <Divider color='bg-color-blue-grey-500' height={16} className={divider} />\n <div className={cn('desk-body-regular-l flex items-center gap-1 text-color-tetriary', root)}>\n {currency?.attachment?.left}\n <span className={label}>{currency ? currency.label : 'CUR'}</span>\n <Icon\n name='arrows/arrowRight'\n className={cn(\n 'size-6 rotate-90 duration-100',\n {\n '-rotate-90': open\n },\n icon\n )}\n />\n </div>\n </>\n )\n}\n"],"names":["CurrencyIcon","currency","classes","open","divider","root","icon","label","jsxs","Fragment","jsx","Divider","cn","_a","Icon"],"mappings":"4kEAkBO,MAAMA,GAAe,CAAC,CAAE,SAAAC,EAAU,QAAAC,EAAS,KAAAC,KAA8B,OAC9E,KAAM,CAAE,QAAAC,EAAS,KAAAC,EAAM,KAAAC,EAAM,MAAAC,CAAA,EAAUL,GAAW,CAAA,EAElD,OACEM,EAAAC,EAAA,CACE,SAAA,CAAAC,EAACC,GAAQ,MAAM,yBAAyB,OAAQ,GAAI,UAAWP,EAAS,IACvE,MAAA,CAAI,UAAWQ,EAAG,kEAAmEP,CAAI,EACvF,SAAA,EAAAQ,EAAAZ,GAAA,YAAAA,EAAU,aAAV,YAAAY,EAAsB,OACtB,OAAA,CAAK,UAAWN,EAAQ,SAAAN,EAAWA,EAAS,MAAQ,MAAM,EAC3DS,EAACI,EAAA,CACC,KAAK,oBACL,UAAWF,EACT,gCACA,CACE,aAAcT,CAAA,EAEhBG,CAAA,CACF,CAAA,CACF,CAAA,CACF,CAAA,EACF,CAEJ"}

package/dist/lib/shared/ui/formElements/uncontrolled/maskInput/MaskInput.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as s}from"react/jsx-runtime";import{forwardRef as f}from"react";import{useInputMask as p}from"use-mask-input";import{InputBase as a}from"../input/Input.js";import{defaultMask as n}from"./model/constants.js";import{defaultDefinitions as u}from"./model/mask/utils.js";import"classnames";import"tailwind-merge";import{mergeRefs as k}from"../../../../utils/mergeRefs.js";import"uuid";const d=f(({mask:o,externalMaskDefinitions:r,...t},i)=>{const m=n.get(o),e=p({mask:m??o,options:{jitMasking:!1,definitions:{...u,...r}}});return s(a,{ref:k(e,i),...t})});d.displayName="MaskInput";export{d as MaskInput};
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as f}from"react";import{useInputMask as p}from"../../../../../../node_modules/.pnpm/use-mask-input@3.4.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/use-mask-input/dist/index.js";import{InputBase as a}from"../input/Input.js";import{defaultMask as n}from"./model/constants.js";import{defaultDefinitions as u}from"./model/mask/utils.js";import"../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"tailwind-merge";import{mergeRefs as k}from"../../../../utils/mergeRefs.js";import"uuid";const d=f(({mask:o,externalMaskDefinitions:r,...t},i)=>{const m=n.get(o),e=p({mask:m??o,options:{jitMasking:!1,definitions:{...u,...r}}});return s(a,{ref:k(e,i),...t})});d.displayName="MaskInput";export{d as MaskInput};
 //# sourceMappingURL=MaskInput.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/maskInput/MaskInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MaskInput.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/maskInput/MaskInput.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useInputMask } from 'use-mask-input'\nimport { InputBase, type InputBaseProps } from '../input'\nimport { defaultDefinitions, defaultMask, type Definition, type Mask } from './model'\nimport type { NonNullable } from '$/shared/types'\nimport { mergeRefs } from '$/shared/utils'\n\nexport type MaskInputProps = InputBaseProps & {\n /*\n маска, по которой будет определяться валидация символов\n /\n mask: NonNullable<Mask>\n /\n дополнительные валидаторы спец символов в маске\n /\n externalMaskDefinitions?: Record<string, Definition>\n}\n\n/\n Компонент маски очень умный, умеет обрабатывать специальные символы\n * в том порядке, который определён маской\n * @typeParam `#` позволяет вводить только числа (regexp: `/\\d/g`)\n * @typeParam `A` позволяет вводить любые буквы русского и английского алфавита (regexp: `/[A-Za-zА-Яа-я]/g`)\n * @typeParam `C` позволяет вводить любые буквы, которые определены для использования в гос номерах автомобилей (regexp: `/([АВЕКМНОРСТУХавекмнорстух])/`)\n */\nexport const MaskInput = forwardRef<HTMLInputElement, MaskInputProps>(({ mask, externalMaskDefinitions, ...props }, ref) => {\n const regularMask = defaultMask.get(mask)\n\n const maskedRef = useInputMask({\n mask: regularMask ?? mask,\n options: {\n jitMasking: false,\n definitions: {\n ...defaultDefinitions,\n ...externalMaskDefinitions\n }\n }\n })\n\n return <InputBase ref={mergeRefs(maskedRef, ref)} {...props} />\n})\nMaskInput.displayName = 'MaskInput'\n"],"names":["MaskInput","forwardRef","mask","externalMaskDefinitions","props","ref","regularMask","defaultMask","maskedRef","useInputMask","defaultDefinitions","jsx","InputBase","mergeRefs"],"mappings":"~~uYAyBO~~,MAAMA,EAAYC,EAA6C,CAAC,CAAE,KAAAC,EAAM,wBAAAC,EAAyB,GAAGC,CAAA,EAASC,IAAQ,CAC1H,MAAMC,EAAcC,EAAY,IAAIL,CAAI,EAElCM,EAAYC,EAAa,CAC7B,KAAMH,GAAeJ,EACrB,QAAS,CACP,WAAY,GACZ,YAAa,CACX,GAAGQ,EACH,GAAGP,CAAA,CACL,CACF,CACD,EAED,OAAOQ,EAACC,GAAU,IAAKC,EAAUL,EAAWH,CAAG,EAAI,GAAGD,EAAO,CAC/D,CAAC,EACDJ,EAAU,YAAc"}
1	+ {"version":3,"file":"MaskInput.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/maskInput/MaskInput.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useInputMask } from 'use-mask-input'\nimport { InputBase, type InputBaseProps } from '../input'\nimport { defaultDefinitions, defaultMask, type Definition, type Mask } from './model'\nimport type { NonNullable } from '$/shared/types'\nimport { mergeRefs } from '$/shared/utils'\n\nexport type MaskInputProps = InputBaseProps & {\n /*\n маска, по которой будет определяться валидация символов\n /\n mask: NonNullable<Mask>\n /\n дополнительные валидаторы спец символов в маске\n /\n externalMaskDefinitions?: Record<string, Definition>\n}\n\n/\n Компонент маски очень умный, умеет обрабатывать специальные символы\n * в том порядке, который определён маской\n * @typeParam `#` позволяет вводить только числа (regexp: `/\\d/g`)\n * @typeParam `A` позволяет вводить любые буквы русского и английского алфавита (regexp: `/[A-Za-zА-Яа-я]/g`)\n * @typeParam `C` позволяет вводить любые буквы, которые определены для использования в гос номерах автомобилей (regexp: `/([АВЕКМНОРСТУХавекмнорстух])/`)\n */\nexport const MaskInput = forwardRef<HTMLInputElement, MaskInputProps>(({ mask, externalMaskDefinitions, ...props }, ref) => {\n const regularMask = defaultMask.get(mask)\n\n const maskedRef = useInputMask({\n mask: regularMask ?? mask,\n options: {\n jitMasking: false,\n definitions: {\n ...defaultDefinitions,\n ...externalMaskDefinitions\n }\n }\n })\n\n return <InputBase ref={mergeRefs(maskedRef, ref)} {...props} />\n})\nMaskInput.displayName = 'MaskInput'\n"],"names":["MaskInput","forwardRef","mask","externalMaskDefinitions","props","ref","regularMask","defaultMask","maskedRef","useInputMask","defaultDefinitions","jsx","InputBase","mergeRefs"],"mappings":"olBAyBO,MAAMA,EAAYC,EAA6C,CAAC,CAAE,KAAAC,EAAM,wBAAAC,EAAyB,GAAGC,CAAA,EAASC,IAAQ,CAC1H,MAAMC,EAAcC,EAAY,IAAIL,CAAI,EAElCM,EAAYC,EAAa,CAC7B,KAAMH,GAAeJ,EACrB,QAAS,CACP,WAAY,GACZ,YAAa,CACX,GAAGQ,EACH,GAAGP,CAAA,CACL,CACF,CACD,EAED,OAAOQ,EAACC,GAAU,IAAKC,EAAUL,EAAWH,CAAG,EAAI,GAAGD,EAAO,CAC/D,CAAC,EACDJ,EAAU,YAAc"}

package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/Slider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as n,Fragment as v}from"react/jsx-runtime";import w from"rc-slider";import{cn as a}from"../../../../../utils/cn.js";import"uuid";import"react";const x=({classes:l,min:i,max:s,value:f,step:b,marks:t,disabled:c,onChange:p,externalHandlers:e,...u})=>{const{track:d,rail:m,handle:g}=l||{},h=o=>{const r=Array.isArray(o)?o[0]:o;p(r),e!=null&&e.onChange&&e.onChange(r)},y=t==null?void 0:t.reduce((o,r)=>(o[r]=n(v,{}),o),{});return n("div",{className:"absolute bottom-0 w-full",children:n(w,{...u,className:"relative h-[4px]",value:f,marks:y,disabled:c,min:i,max:s,onChange:h,step:b,classNames:{track:a("absolute bg-color-primary-default size-[3px]",d),rail:a("absolute w-full size-[3px]",m),handle:a("absolute top-1/2 !-translate-y-1/2 left-1/2 !-translate-x-1/2 ","ring-offset-background block h-4 w-4 cursor-pointer rounded-full bg-color-primary-default transition-colors focus:outline-none disabled:pointer-events-none disabled:opacity-50",'before:absolute before:left-1/2 before:top-1/2 before:size-8 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-color-transparent before:content-[""]',"hover:before:bg-color-primary-tr-hover","focus:before:bg-color-primary-tr-pressed",g)}})})};export{x as SliderInner};
+import{jsx as n,Fragment as v}from"react/jsx-runtime";import w from"../../../../../../../node_modules/.pnpm/rc-slider@11.1.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/rc-slider/es/Slider.js";import"react";import{cn as a}from"../../../../../utils/cn.js";import"uuid";const x=({classes:l,min:i,max:s,value:f,step:b,marks:t,disabled:c,onChange:p,externalHandlers:e,...u})=>{const{track:d,rail:m,handle:g}=l||{},h=o=>{const r=Array.isArray(o)?o[0]:o;p(r),e!=null&&e.onChange&&e.onChange(r)},y=t==null?void 0:t.reduce((o,r)=>(o[r]=n(v,{}),o),{});return n("div",{className:"absolute bottom-0 w-full",children:n(w,{...u,className:"relative h-[4px]",value:f,marks:y,disabled:c,min:i,max:s,onChange:h,step:b,classNames:{track:a("absolute bg-color-primary-default size-[3px]",d),rail:a("absolute w-full size-[3px]",m),handle:a("absolute top-1/2 !-translate-y-1/2 left-1/2 !-translate-x-1/2 ","ring-offset-background block h-4 w-4 cursor-pointer rounded-full bg-color-primary-default transition-colors focus:outline-none disabled:pointer-events-none disabled:opacity-50",'before:absolute before:left-1/2 before:top-1/2 before:size-8 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-color-transparent before:content-[""]',"hover:before:bg-color-primary-tr-hover","focus:before:bg-color-primary-tr-pressed",g)}})})};export{x as SliderInner};
 //# sourceMappingURL=Slider.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/Slider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slider.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/Slider.tsx"],"sourcesContent":["import Slider from 'rc-slider'\nimport { type ExternalHandlers } from '../model'\nimport { cn } from '$/shared/utils'\n\nexport type SliderClasses = {\n track?: string\n rail?: string\n handle?: string\n tracks?: string\n}\n\nexport interface SliderInnerProps {\n classes?: SliderClasses\n onChange: (value: number) => void\n value: number\n disabled?: boolean\n min?: number\n max?: number\n step?: number \| null\n marks?: number[]\n externalHandlers?: ExternalHandlers\n}\n\nexport const SliderInner = ({\n classes,\n min,\n max,\n value,\n step,\n marks,\n disabled,\n onChange,\n externalHandlers,\n ...props\n}: SliderInnerProps) => {\n const { track, rail, handle } = classes \|\| {}\n\n const handleChangeSlider = (value: number \| number[]) => {\n const newValue = Array.isArray(value) ? value[0] : value\n onChange(newValue)\n if (externalHandlers?.onChange) externalHandlers.onChange(newValue)\n }\n\n const convertedMarks = marks?.reduce(\n (acc, value) => {\n acc[value] = <></>\n return acc\n },\n {} as Record<number, JSX.Element>\n )\n\n return (\n <div className='absolute bottom-0 w-full'>\n <Slider\n {...props}\n className='relative h-[4px]'\n value={value}\n marks={convertedMarks}\n disabled={disabled}\n min={min}\n max={max}\n onChange={handleChangeSlider}\n step={step}\n classNames={{\n track: cn('absolute bg-color-primary-default size-[3px]', track),\n rail: cn('absolute w-full size-[3px]', rail),\n handle: cn(\n 'absolute top-1/2 !-translate-y-1/2 left-1/2 !-translate-x-1/2 ',\n\n 'ring-offset-background block h-4 w-4 cursor-pointer rounded-full bg-color-primary-default transition-colors focus:outline-none disabled:pointer-events-none disabled:opacity-50',\n\n 'before:absolute before:left-1/2 before:top-1/2 before:size-8 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-color-transparent before:content-[\"\"]',\n\n 'hover:before:bg-color-primary-tr-hover',\n\n 'focus:before:bg-color-primary-tr-pressed',\n handle\n )\n }}\n />\n </div>\n )\n}\n"],"names":["SliderInner","classes","min","max","value","step","marks","disabled","onChange","externalHandlers","props","track","rail","handle","handleChangeSlider","newValue","convertedMarks","acc","jsx","Fragment","Slider","cn"],"mappings":"~~0JAuBO~~,MAAMA,EAAc,CAAC,CAC1B,QAAAC,EACA,IAAAC,EACA,IAAAC,EACA,MAAAC,EACA,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,GAAGC,CACL,IAAwB,CACtB,KAAM,CAAE,MAAAC,EAAO,KAAAC,EAAM,OAAAC,CAAA,EAAWZ,GAAW,CAAA,EAErCa,EAAsBV,GAA6B,CACvD,MAAMW,EAAW,MAAM,QAAQX,CAAK,EAAIA,EAAM,CAAC,EAAIA,EACnDI,EAASO,CAAQ,EACbN,GAAA,MAAAA,EAAkB,UAAUA,EAAiB,SAASM,CAAQ,CACpE,EAEMC,EAAiBV,GAAA,YAAAA,EAAO,OAC5B,CAACW,EAAKb,KACJa,EAAIb,CAAK,EAAIc,EAAAC,EAAA,CAAA,CAAE,EACRF,GAET,CAAA,GAGF,OACEC,EAAC,MAAA,CAAI,UAAU,2BACb,SAAAA,EAACE,EAAA,CACE,GAAGV,EACJ,UAAU,mBACV,MAAAN,EACA,MAAOY,EACP,SAAAT,EACA,IAAAL,EACA,IAAAC,EACA,SAAUW,EACV,KAAAT,EACA,WAAY,CACV,MAAOgB,EAAG,+CAAgDV,CAAK,EAC/D,KAAMU,EAAG,6BAA8BT,CAAI,EAC3C,OAAQS,EACN,iEAEA,kLAEA,mLAEA,yCAEA,2CACAR,CAAA,CACF,CACF,CAAA,EAEJ,CAEJ"}
1	+ {"version":3,"file":"Slider.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/Slider.tsx"],"sourcesContent":["import Slider from 'rc-slider'\nimport { type ExternalHandlers } from '../model'\nimport { cn } from '$/shared/utils'\n\nexport type SliderClasses = {\n track?: string\n rail?: string\n handle?: string\n tracks?: string\n}\n\nexport interface SliderInnerProps {\n classes?: SliderClasses\n onChange: (value: number) => void\n value: number\n disabled?: boolean\n min?: number\n max?: number\n step?: number \| null\n marks?: number[]\n externalHandlers?: ExternalHandlers\n}\n\nexport const SliderInner = ({\n classes,\n min,\n max,\n value,\n step,\n marks,\n disabled,\n onChange,\n externalHandlers,\n ...props\n}: SliderInnerProps) => {\n const { track, rail, handle } = classes \|\| {}\n\n const handleChangeSlider = (value: number \| number[]) => {\n const newValue = Array.isArray(value) ? value[0] : value\n onChange(newValue)\n if (externalHandlers?.onChange) externalHandlers.onChange(newValue)\n }\n\n const convertedMarks = marks?.reduce(\n (acc, value) => {\n acc[value] = <></>\n return acc\n },\n {} as Record<number, JSX.Element>\n )\n\n return (\n <div className='absolute bottom-0 w-full'>\n <Slider\n {...props}\n className='relative h-[4px]'\n value={value}\n marks={convertedMarks}\n disabled={disabled}\n min={min}\n max={max}\n onChange={handleChangeSlider}\n step={step}\n classNames={{\n track: cn('absolute bg-color-primary-default size-[3px]', track),\n rail: cn('absolute w-full size-[3px]', rail),\n handle: cn(\n 'absolute top-1/2 !-translate-y-1/2 left-1/2 !-translate-x-1/2 ',\n\n 'ring-offset-background block h-4 w-4 cursor-pointer rounded-full bg-color-primary-default transition-colors focus:outline-none disabled:pointer-events-none disabled:opacity-50',\n\n 'before:absolute before:left-1/2 before:top-1/2 before:size-8 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-color-transparent before:content-[\"\"]',\n\n 'hover:before:bg-color-primary-tr-hover',\n\n 'focus:before:bg-color-primary-tr-pressed',\n handle\n )\n }}\n />\n </div>\n )\n}\n"],"names":["SliderInner","classes","min","max","value","step","marks","disabled","onChange","externalHandlers","props","track","rail","handle","handleChangeSlider","newValue","convertedMarks","acc","jsx","Fragment","Slider","cn"],"mappings":"yRAuBO,MAAMA,EAAc,CAAC,CAC1B,QAAAC,EACA,IAAAC,EACA,IAAAC,EACA,MAAAC,EACA,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,GAAGC,CACL,IAAwB,CACtB,KAAM,CAAE,MAAAC,EAAO,KAAAC,EAAM,OAAAC,CAAA,EAAWZ,GAAW,CAAA,EAErCa,EAAsBV,GAA6B,CACvD,MAAMW,EAAW,MAAM,QAAQX,CAAK,EAAIA,EAAM,CAAC,EAAIA,EACnDI,EAASO,CAAQ,EACbN,GAAA,MAAAA,EAAkB,UAAUA,EAAiB,SAASM,CAAQ,CACpE,EAEMC,EAAiBV,GAAA,YAAAA,EAAO,OAC5B,CAACW,EAAKb,KACJa,EAAIb,CAAK,EAAIc,EAAAC,EAAA,CAAA,CAAE,EACRF,GAET,CAAA,GAGF,OACEC,EAAC,MAAA,CAAI,UAAU,2BACb,SAAAA,EAACE,EAAA,CACE,GAAGV,EACJ,UAAU,mBACV,MAAAN,EACA,MAAOY,EACP,SAAAT,EACA,IAAAL,EACA,IAAAC,EACA,SAAUW,EACV,KAAAT,EACA,WAAY,CACV,MAAOgB,EAAG,+CAAgDV,CAAK,EAC/D,KAAMU,EAAG,6BAA8BT,CAAI,EAC3C,OAAQS,EACN,iEAEA,kLAEA,mLAEA,yCAEA,2CACAR,CAAA,CACF,CACF,CAAA,EAEJ,CAEJ"}

package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderAlgorithmic/SliderAlgorithmic.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as n,jsx as p}from"react/jsx-runtime";import*as h from"react";import{forwardRef as Q}from"react";import{NumericFormat as T}from"react-number-format";import{getInputSliderSuffix as b}from"../../model/helpers/getInputSliderSuffix.js";import{SliderInner as U}from"../Slider.js";import{useSliderAlgorithmic as W}from"./hooks/useSliderAlgorithmic.js";import{cn as r}from"../../../../../../utils/cn.js";import{mergeRefs as X}from"../../../../../../utils/mergeRefs.js";import"uuid";import"../../../../../button/Button.js";import"../../../../../button/model/helpers.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../loader/model/helpers.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../../notification/ui/CustomToast.js";import"../../../../../table/ui/primitives/Primitives.js";import{Icon as Y}from"../../../../../icon/Icon.js";import"@tanstack/react-table";import"../../../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../customLink/model/helpers.js";import"../../../../../slot/Slot.js";import"../../../autocomplete/Autocomplete.js";import"../../../checkbox/Checkbox.js";import"../../../combobox/combobox.js";import"../../../dayPicker/DayPicker.js";import{InputBase as Z}from"../../../input/Input.js";import"../../../inputOtp/InputOtpBase.js";import"../../../maskInput/MaskInput.js";import"../../../radio/RadioGroup.js";import"../../../radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../SliderBase.js";import"../../../switch/Switch.js";import"../../../textarea/Textarea.js";import"../../../uploader/UploaderBase.js";import"../../../inputCurrency/InputCurrency.js";import"../../../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../controlled/editor/ui/Editor.js";import"../../../../controlled/input/MaskInputControl.js";import"classnames";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const _=p(Y,{name:"general/edit",className:"size-[19px] text-icon-blue-grey-600 transition-[color] group-focus-within/icon:text-icon-blue-grey-800"}),Hi=Q(({classes:k,invalid:w,externalHandlers:i,disabled:I,value:c,onChange:l,min:e,max:g,suffix:s,label:S,attachmentProps:t,additionalSuffix:C,readOnly:u,componentType:v,dataLayers:d,...m},B)=>{const R=h.useId(),f=h.useRef(null),y=()=>{var o;(o=f==null?void 0:f.current)==null||o.focus()},{sliderValue:j,sliderStep:A,sliderMin:F,sliderMax:M,handleChangeSlider:V}=W({min:Number(e),max:Number(g),defaultValue:0,value:c,onChange:l}),{root:$,slider:z,textLeft:G,textRight:q,inputRoot:D,textContainer:E,input:J,field:K}=k||{};return n("div",{"aria-label":v,className:r("flex w-full flex-col gap-1",$),children:[n("div",{className:r("relative w-full select-none",{"select-none":u},K),children:[p(Z,{label:S,value:c,attachmentProps:{onClickIcon:u?void 0:(t==null?void 0:t.onClickIcon)||y,icon:u?void 0:(t==null?void 0:t.icon)||_,...t},classes:{container:"border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800",...D},onBlur:o=>{m!=null&&m.onBlur&&(m==null||m.onBlur(o)),i!=null&&i.onBlur&&i.onBlur(o)},onClick:i==null?void 0:i.onClick,onFocus:i==null?void 0:i.onBlur,renderValues:()=>p(T,{id:R,readOnly:u,"aria-invalid":w?"true":"false",value:c,disabled:I,suffix:` ${b(s,c)} ${C??""}`,thousandsGroupStyle:"thousand",thousandSeparator:" ",allowNegative:!1,getInputRef:X(f,B),onValueChange:({floatValue:o})=>{var N;o!==void 0&&(l&&l(o),(N=i==null?void 0:i.onInputChange)==null||N.call(i,o))},"data-id":"slider",className:r("group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all",J),"data-layer-id":d==null?void 0:d.targetId,...m})}),p(U,{classes:{...z},step:A,value:j,disabled:I,min:Number(F),max:Number(M),onChange:V,externalHandlers:i})]}),n("div",{className:r("flex justify-between",E),children:[e&&p("span",{className:r("desk-body-regular-m text-color-tetriary",G),children:b(s,e,!1)}),g&&p("span",{className:r("desk-body-regular-m text-color-tetriary",q),children:b(s,g,!1)})]})]})});export{Hi as SliderAlgorithmic};
+import{jsxs as n,jsx as p}from"react/jsx-runtime";import*as h from"react";import{forwardRef as Q}from"react";import{NumericFormat as T}from"react-number-format";import{getInputSliderSuffix as b}from"../../model/helpers/getInputSliderSuffix.js";import{SliderInner as U}from"../Slider.js";import{useSliderAlgorithmic as W}from"./hooks/useSliderAlgorithmic.js";import{cn as r}from"../../../../../../utils/cn.js";import{mergeRefs as X}from"../../../../../../utils/mergeRefs.js";import"uuid";import"../../../../../button/Button.js";import"../../../../../button/model/helpers.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../loader/model/helpers.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../../notification/ui/CustomToast.js";import"../../../../../table/ui/primitives/Primitives.js";import{Icon as Y}from"../../../../../icon/Icon.js";import"@tanstack/react-table";import"../../../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../customLink/model/helpers.js";import"../../../../../slot/Slot.js";import"../../../autocomplete/Autocomplete.js";import"../../../checkbox/Checkbox.js";import"../../../combobox/combobox.js";import"../../../dayPicker/DayPicker.js";import{InputBase as Z}from"../../../input/Input.js";import"../../../inputOtp/InputOtpBase.js";import"../../../maskInput/MaskInput.js";import"../../../radio/RadioGroup.js";import"../../../radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../SliderBase.js";import"../../../switch/Switch.js";import"../../../textarea/Textarea.js";import"../../../uploader/UploaderBase.js";import"../../../inputCurrency/InputCurrency.js";import"../../../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../controlled/editor/ui/Editor.js";import"../../../../controlled/input/MaskInputControl.js";import"../../../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const _=p(Y,{name:"general/edit",className:"size-[19px] text-icon-blue-grey-600 transition-[color] group-focus-within/icon:text-icon-blue-grey-800"}),Hi=Q(({classes:k,invalid:w,externalHandlers:i,disabled:I,value:c,onChange:l,min:e,max:g,suffix:s,label:S,attachmentProps:t,additionalSuffix:C,readOnly:u,componentType:v,dataLayers:d,...m},B)=>{const R=h.useId(),f=h.useRef(null),y=()=>{var o;(o=f==null?void 0:f.current)==null||o.focus()},{sliderValue:j,sliderStep:A,sliderMin:F,sliderMax:M,handleChangeSlider:V}=W({min:Number(e),max:Number(g),defaultValue:0,value:c,onChange:l}),{root:$,slider:z,textLeft:G,textRight:q,inputRoot:D,textContainer:E,input:J,field:K}=k||{};return n("div",{"aria-label":v,className:r("flex w-full flex-col gap-1",$),children:[n("div",{className:r("relative w-full select-none",{"select-none":u},K),children:[p(Z,{label:S,value:c,attachmentProps:{onClickIcon:u?void 0:(t==null?void 0:t.onClickIcon)||y,icon:u?void 0:(t==null?void 0:t.icon)||_,...t},classes:{container:"border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800",...D},onBlur:o=>{m!=null&&m.onBlur&&(m==null||m.onBlur(o)),i!=null&&i.onBlur&&i.onBlur(o)},onClick:i==null?void 0:i.onClick,onFocus:i==null?void 0:i.onBlur,renderValues:()=>p(T,{id:R,readOnly:u,"aria-invalid":w?"true":"false",value:c,disabled:I,suffix:` ${b(s,c)} ${C??""}`,thousandsGroupStyle:"thousand",thousandSeparator:" ",allowNegative:!1,getInputRef:X(f,B),onValueChange:({floatValue:o})=>{var N;o!==void 0&&(l&&l(o),(N=i==null?void 0:i.onInputChange)==null||N.call(i,o))},"data-id":"slider",className:r("group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all",J),"data-layer-id":d==null?void 0:d.targetId,...m})}),p(U,{classes:{...z},step:A,value:j,disabled:I,min:Number(F),max:Number(M),onChange:V,externalHandlers:i})]}),n("div",{className:r("flex justify-between",E),children:[e&&p("span",{className:r("desk-body-regular-m text-color-tetriary",G),children:b(s,e,!1)}),g&&p("span",{className:r("desk-body-regular-m text-color-tetriary",q),children:b(s,g,!1)})]})]})});export{Hi as SliderAlgorithmic};
 //# sourceMappingURL=SliderAlgorithmic.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderAlgorithmic/SliderAlgorithmic.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderAlgorithmic.js","sources":["../../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/sliderAlgorithmic/SliderAlgorithmic.tsx"],"sourcesContent":["import * as React from 'react'\nimport { forwardRef } from 'react'\nimport { NumericFormat } from 'react-number-format'\nimport { type SliderAlgorithmicProps } from '../../model'\nimport { getInputSliderSuffix } from '../../model/helpers'\nimport { SliderInner } from '../Slider'\nimport { useSliderAlgorithmic } from './hooks'\nimport { Icon, InputBase } from '$/shared/ui'\nimport { cn, mergeRefs } from '$/shared/utils'\n\nconst defaultIcon = (\n <Icon\n name='general/edit'\n className='size-[19px] text-icon-blue-grey-600 transition-[color] group-focus-within/icon:text-icon-blue-grey-800'\n />\n)\n\nexport const SliderAlgorithmic = forwardRef<HTMLInputElement, SliderAlgorithmicProps>(\n (\n {\n classes,\n invalid,\n externalHandlers,\n disabled,\n value,\n onChange,\n min,\n max,\n suffix,\n label,\n attachmentProps,\n additionalSuffix,\n readOnly,\n componentType,\n dataLayers,\n ...props\n },\n ref\n ) => {\n const inputId = React.useId()\n\n const inputRef = React.useRef<HTMLInputElement>(null)\n\n const handleIconClick = () => {\n inputRef?.current?.focus()\n }\n\n const { sliderValue, sliderStep, sliderMin, sliderMax, handleChangeSlider } = useSliderAlgorithmic({\n min: Number(min),\n max: Number(max),\n defaultValue: 0,\n value,\n onChange\n })\n\n const { root, slider, textLeft, textRight, inputRoot, textContainer, input, field } = classes \|\| {}\n\n return (\n <div aria-label={componentType} className={cn('flex w-full flex-col gap-1', root)}>\n <div className={cn('relative w-full select-none', { ['select-none']: readOnly }, field)}>\n <InputBase\n label={label}\n value={value}\n attachmentProps={{\n onClickIcon: readOnly ? undefined : attachmentProps?.onClickIcon \|\| handleIconClick,\n icon: readOnly ? undefined : attachmentProps?.icon \|\| defaultIcon,\n ...attachmentProps\n }}\n classes={{\n container: 'border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800',\n ...inputRoot\n }}\n onBlur={(e) => {\n if (props?.onBlur) props?.onBlur(e)\n if (externalHandlers?.onBlur) externalHandlers.onBlur(e)\n }}\n onClick={externalHandlers?.onClick}\n onFocus={externalHandlers?.onBlur}\n renderValues={() => (\n <NumericFormat\n id={inputId}\n readOnly={readOnly}\n aria-invalid={invalid ? 'true' : 'false'}\n value={value}\n disabled={disabled}\n suffix={` ${getInputSliderSuffix(suffix, value)} ${additionalSuffix ?? ''}`}\n thousandsGroupStyle='thousand'\n thousandSeparator={' '}\n allowNegative={false}\n getInputRef={mergeRefs(inputRef, ref)}\n onValueChange={({ floatValue }) => {\n if (floatValue !== undefined) {\n if (onChange) onChange(floatValue)\n externalHandlers?.onInputChange?.(floatValue)\n }\n }}\n data-id='slider'\n className={cn(\n 'group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all',\n\n input\n )}\n data-layer-id={dataLayers?.targetId}\n {...props}\n />\n )}\n />\n <SliderInner\n classes={{ ...slider }}\n step={sliderStep}\n value={sliderValue}\n disabled={disabled}\n min={Number(sliderMin)}\n max={Number(sliderMax)}\n onChange={handleChangeSlider}\n externalHandlers={externalHandlers}\n />\n </div>\n <div className={cn('flex justify-between', textContainer)}>\n {min && (\n <span className={cn('desk-body-regular-m text-color-tetriary', textLeft)}>\n {getInputSliderSuffix(suffix, min, false)}\n </span>\n )}\n {max && (\n <span className={cn('desk-body-regular-m text-color-tetriary', textRight)}>\n {getInputSliderSuffix(suffix, max, false)}\n </span>\n )}\n </div>\n </div>\n )\n }\n)\n"],"names":["defaultIcon","jsx","Icon","SliderAlgorithmic","forwardRef","classes","invalid","externalHandlers","disabled","value","onChange","min","max","suffix","label","attachmentProps","additionalSuffix","readOnly","componentType","dataLayers","props","ref","inputId","React","inputRef","handleIconClick","_a","sliderValue","sliderStep","sliderMin","sliderMax","handleChangeSlider","useSliderAlgorithmic","root","slider","textLeft","textRight","inputRoot","textContainer","input","field","jsxs","cn","InputBase","e","NumericFormat","getInputSliderSuffix","mergeRefs","floatValue","SliderInner"],"mappings":"~~i6EAUA~~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"}
1	+ {"version":3,"file":"SliderAlgorithmic.js","sources":["../../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/sliderAlgorithmic/SliderAlgorithmic.tsx"],"sourcesContent":["import * as React from 'react'\nimport { forwardRef } from 'react'\nimport { NumericFormat } from 'react-number-format'\nimport { type SliderAlgorithmicProps } from '../../model'\nimport { getInputSliderSuffix } from '../../model/helpers'\nimport { SliderInner } from '../Slider'\nimport { useSliderAlgorithmic } from './hooks'\nimport { Icon, InputBase } from '$/shared/ui'\nimport { cn, mergeRefs } from '$/shared/utils'\n\nconst defaultIcon = (\n <Icon\n name='general/edit'\n className='size-[19px] text-icon-blue-grey-600 transition-[color] group-focus-within/icon:text-icon-blue-grey-800'\n />\n)\n\nexport const SliderAlgorithmic = forwardRef<HTMLInputElement, SliderAlgorithmicProps>(\n (\n {\n classes,\n invalid,\n externalHandlers,\n disabled,\n value,\n onChange,\n min,\n max,\n suffix,\n label,\n attachmentProps,\n additionalSuffix,\n readOnly,\n componentType,\n dataLayers,\n ...props\n },\n ref\n ) => {\n const inputId = React.useId()\n\n const inputRef = React.useRef<HTMLInputElement>(null)\n\n const handleIconClick = () => {\n inputRef?.current?.focus()\n }\n\n const { sliderValue, sliderStep, sliderMin, sliderMax, handleChangeSlider } = useSliderAlgorithmic({\n min: Number(min),\n max: Number(max),\n defaultValue: 0,\n value,\n onChange\n })\n\n const { root, slider, textLeft, textRight, inputRoot, textContainer, input, field } = classes \|\| {}\n\n return (\n <div aria-label={componentType} className={cn('flex w-full flex-col gap-1', root)}>\n <div className={cn('relative w-full select-none', { ['select-none']: readOnly }, field)}>\n <InputBase\n label={label}\n value={value}\n attachmentProps={{\n onClickIcon: readOnly ? undefined : attachmentProps?.onClickIcon \|\| handleIconClick,\n icon: readOnly ? undefined : attachmentProps?.icon \|\| defaultIcon,\n ...attachmentProps\n }}\n classes={{\n container: 'border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800',\n ...inputRoot\n }}\n onBlur={(e) => {\n if (props?.onBlur) props?.onBlur(e)\n if (externalHandlers?.onBlur) externalHandlers.onBlur(e)\n }}\n onClick={externalHandlers?.onClick}\n onFocus={externalHandlers?.onBlur}\n renderValues={() => (\n <NumericFormat\n id={inputId}\n readOnly={readOnly}\n aria-invalid={invalid ? 'true' : 'false'}\n value={value}\n disabled={disabled}\n suffix={` ${getInputSliderSuffix(suffix, value)} ${additionalSuffix ?? ''}`}\n thousandsGroupStyle='thousand'\n thousandSeparator={' '}\n allowNegative={false}\n getInputRef={mergeRefs(inputRef, ref)}\n onValueChange={({ floatValue }) => {\n if (floatValue !== undefined) {\n if (onChange) onChange(floatValue)\n externalHandlers?.onInputChange?.(floatValue)\n }\n }}\n data-id='slider'\n className={cn(\n 'group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all',\n\n input\n )}\n data-layer-id={dataLayers?.targetId}\n {...props}\n />\n )}\n />\n <SliderInner\n classes={{ ...slider }}\n step={sliderStep}\n value={sliderValue}\n disabled={disabled}\n min={Number(sliderMin)}\n max={Number(sliderMax)}\n onChange={handleChangeSlider}\n externalHandlers={externalHandlers}\n />\n </div>\n <div className={cn('flex justify-between', textContainer)}>\n {min && (\n <span className={cn('desk-body-regular-m text-color-tetriary', textLeft)}>\n {getInputSliderSuffix(suffix, min, false)}\n </span>\n )}\n {max && (\n <span className={cn('desk-body-regular-m text-color-tetriary', textRight)}>\n {getInputSliderSuffix(suffix, max, false)}\n </span>\n )}\n </div>\n </div>\n )\n }\n)\n"],"names":["defaultIcon","jsx","Icon","SliderAlgorithmic","forwardRef","classes","invalid","externalHandlers","disabled","value","onChange","min","max","suffix","label","attachmentProps","additionalSuffix","readOnly","componentType","dataLayers","props","ref","inputId","React","inputRef","handleIconClick","_a","sliderValue","sliderStep","sliderMin","sliderMax","handleChangeSlider","useSliderAlgorithmic","root","slider","textLeft","textRight","inputRoot","textContainer","input","field","jsxs","cn","InputBase","e","NumericFormat","getInputSliderSuffix","mergeRefs","floatValue","SliderInner"],"mappings":"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"}

package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderMarks/SliderMarks.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as m}from"react/jsx-runtime";import*as d from"react";import{forwardRef as q}from"react";import{NumericFormat as z}from"react-number-format";import{getInputSliderSuffix as g}from"../../model/helpers/getInputSliderSuffix.js";import{SliderInner as A}from"../Slider.js";import{useSliderMarks as D}from"./hooks/useSliderMarks.js";import{cn as i}from"../../../../../../utils/cn.js";import{mergeRefs as E}from"../../../../../../utils/mergeRefs.js";import"uuid";import"../../../../../button/Button.js";import"../../../../../button/model/helpers.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../loader/model/helpers.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../../notification/ui/CustomToast.js";import"../../../../../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../customLink/model/helpers.js";import"../../../../../slot/Slot.js";import"../../../autocomplete/Autocomplete.js";import"../../../checkbox/Checkbox.js";import"../../../combobox/combobox.js";import"../../../dayPicker/DayPicker.js";import{InputBase as J}from"../../../input/Input.js";import"../../../inputOtp/InputOtpBase.js";import"../../../maskInput/MaskInput.js";import"../../../radio/RadioGroup.js";import"../../../radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../SliderBase.js";import"../../../switch/Switch.js";import"../../../textarea/Textarea.js";import"../../../uploader/UploaderBase.js";import"../../../inputCurrency/InputCurrency.js";import"../../../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../controlled/editor/ui/Editor.js";import"../../../../controlled/input/MaskInputControl.js";import"classnames";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const Wo=q(({classes:n,invalid:b,externalHandlers:o,disabled:l,value:t,onChange:p,suffix:u,label:N,marks:h,attachmentProps:I,additionalSuffix:w,componentType:R,dataLayers:c,...S},k)=>{const y=d.useId(),C=d.useRef(null),{sliderMin:f,sliderMax:s,handleChangeSlider:B}=D({marks:h,onChange:p,value:t}),{root:M,slider:j,textLeft:v,textRight:F,inputRoot:$,textContainer:G,input:O,field:P}=n||{};return e("div",{"aria-label":R,className:i("flex w-full flex-col gap-1",M),children:[e("div",{className:i("relative w-full select-none",P),children:[m(J,{label:N,value:t,attachmentProps:{...I},classes:{container:"border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800",...$},onClick:o==null?void 0:o.onClick,onFocus:o==null?void 0:o.onBlur,onBlur:r=>{o!=null&&o.onBlur&&(o==null||o.onBlur(r))},renderValues:()=>m(z,{id:y,readOnly:!0,"aria-invalid":b?"true":"false",value:t,disabled:l,suffix:` ${g(u,t)} ${w??""}`,thousandsGroupStyle:"thousand",thousandSeparator:" ",allowNegative:!1,getInputRef:E(C,k),onValueChange:({floatValue:r})=>{r&&(p&&p(r),o!=null&&o.onInputChange&&o.onInputChange(r))},"data-id":"slider",className:i("group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all",O),"data-layer-id":c==null?void 0:c.targetId,...S})}),m(A,{classes:{...j},marks:h,step:null,value:t??0,disabled:l,min:Number(f),max:Number(s),onChange:B})]}),e("div",{className:i("flex justify-between",G),children:[f&&m("span",{className:i("desk-body-regular-m text-color-tetriary",v),children:g(u,f,!1)}),s&&m("span",{className:i("desk-body-regular-m text-color-tetriary",F),children:g(u,s,!1)})]})]})});export{Wo as SliderMarks};
+import{jsxs as e,jsx as m}from"react/jsx-runtime";import*as d from"react";import{forwardRef as q}from"react";import{NumericFormat as z}from"react-number-format";import{getInputSliderSuffix as g}from"../../model/helpers/getInputSliderSuffix.js";import{SliderInner as A}from"../Slider.js";import{useSliderMarks as D}from"./hooks/useSliderMarks.js";import{cn as i}from"../../../../../../utils/cn.js";import{mergeRefs as E}from"../../../../../../utils/mergeRefs.js";import"uuid";import"../../../../../button/Button.js";import"../../../../../button/model/helpers.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../loader/model/helpers.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../../notification/ui/CustomToast.js";import"../../../../../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../customLink/model/helpers.js";import"../../../../../slot/Slot.js";import"../../../autocomplete/Autocomplete.js";import"../../../checkbox/Checkbox.js";import"../../../combobox/combobox.js";import"../../../dayPicker/DayPicker.js";import{InputBase as J}from"../../../input/Input.js";import"../../../inputOtp/InputOtpBase.js";import"../../../maskInput/MaskInput.js";import"../../../radio/RadioGroup.js";import"../../../radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../SliderBase.js";import"../../../switch/Switch.js";import"../../../textarea/Textarea.js";import"../../../uploader/UploaderBase.js";import"../../../inputCurrency/InputCurrency.js";import"../../../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../controlled/editor/ui/Editor.js";import"../../../../controlled/input/MaskInputControl.js";import"../../../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const Wo=q(({classes:n,invalid:b,externalHandlers:o,disabled:l,value:t,onChange:p,suffix:u,label:N,marks:h,attachmentProps:I,additionalSuffix:w,componentType:R,dataLayers:c,...S},k)=>{const y=d.useId(),C=d.useRef(null),{sliderMin:f,sliderMax:s,handleChangeSlider:B}=D({marks:h,onChange:p,value:t}),{root:M,slider:j,textLeft:v,textRight:F,inputRoot:$,textContainer:G,input:O,field:P}=n||{};return e("div",{"aria-label":R,className:i("flex w-full flex-col gap-1",M),children:[e("div",{className:i("relative w-full select-none",P),children:[m(J,{label:N,value:t,attachmentProps:{...I},classes:{container:"border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800",...$},onClick:o==null?void 0:o.onClick,onFocus:o==null?void 0:o.onBlur,onBlur:r=>{o!=null&&o.onBlur&&(o==null||o.onBlur(r))},renderValues:()=>m(z,{id:y,readOnly:!0,"aria-invalid":b?"true":"false",value:t,disabled:l,suffix:` ${g(u,t)} ${w??""}`,thousandsGroupStyle:"thousand",thousandSeparator:" ",allowNegative:!1,getInputRef:E(C,k),onValueChange:({floatValue:r})=>{r&&(p&&p(r),o!=null&&o.onInputChange&&o.onInputChange(r))},"data-id":"slider",className:i("group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all",O),"data-layer-id":c==null?void 0:c.targetId,...S})}),m(A,{classes:{...j},marks:h,step:null,value:t??0,disabled:l,min:Number(f),max:Number(s),onChange:B})]}),e("div",{className:i("flex justify-between",G),children:[f&&m("span",{className:i("desk-body-regular-m text-color-tetriary",v),children:g(u,f,!1)}),s&&m("span",{className:i("desk-body-regular-m text-color-tetriary",F),children:g(u,s,!1)})]})]})});export{Wo as SliderMarks};
 //# sourceMappingURL=SliderMarks.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderMarks/SliderMarks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderMarks.js","sources":["../../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/sliderMarks/SliderMarks.tsx"],"sourcesContent":["import * as React from 'react'\nimport { forwardRef } from 'react'\nimport { NumericFormat } from 'react-number-format'\nimport { type SliderMarksProps } from '../../model'\nimport { getInputSliderSuffix } from '../../model/helpers'\nimport { SliderInner } from '../Slider'\nimport { useSliderMarks } from './hooks'\nimport { InputBase } from '$/shared/ui'\nimport { cn, mergeRefs } from '$/shared/utils'\n\nexport const SliderMarks = forwardRef<HTMLInputElement, SliderMarksProps>(\n (\n {\n classes,\n invalid,\n externalHandlers,\n disabled,\n value,\n onChange,\n suffix,\n label,\n marks,\n attachmentProps,\n additionalSuffix,\n componentType,\n dataLayers,\n ...props\n },\n ref\n ) => {\n const inputId = React.useId()\n\n const inputRef = React.useRef<HTMLInputElement>(null)\n\n const { sliderMin, sliderMax, handleChangeSlider } = useSliderMarks({\n marks,\n onChange,\n value\n })\n\n const { root, slider, textLeft, textRight, inputRoot, textContainer, input, field } = classes \|\| {}\n return (\n <div aria-label={componentType} className={cn('flex w-full flex-col gap-1', root)}>\n <div className={cn('relative w-full select-none', field)}>\n <InputBase\n label={label}\n value={value}\n attachmentProps={{\n ...attachmentProps\n }}\n classes={{\n container: 'border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800',\n ...inputRoot\n }}\n onClick={externalHandlers?.onClick}\n onFocus={externalHandlers?.onBlur}\n onBlur={(e) => {\n if (externalHandlers?.onBlur) {\n externalHandlers?.onBlur(e)\n }\n }}\n renderValues={() => (\n <NumericFormat\n id={inputId}\n readOnly\n aria-invalid={invalid ? 'true' : 'false'}\n value={value}\n disabled={disabled}\n suffix={` ${getInputSliderSuffix(suffix, value)} ${additionalSuffix ?? ''}`}\n thousandsGroupStyle='thousand'\n thousandSeparator={' '}\n allowNegative={false}\n getInputRef={mergeRefs(inputRef, ref)}\n onValueChange={({ floatValue }) => {\n if (floatValue) {\n if (onChange) onChange(floatValue)\n if (externalHandlers?.onInputChange) {\n externalHandlers.onInputChange(floatValue)\n }\n }\n }}\n data-id='slider'\n className={cn(\n 'group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all',\n input\n )}\n data-layer-id={dataLayers?.targetId}\n {...props}\n />\n )}\n />\n <SliderInner\n classes={{ ...slider }}\n marks={marks}\n step={null}\n value={value ?? 0}\n disabled={disabled}\n min={Number(sliderMin)}\n max={Number(sliderMax)}\n onChange={handleChangeSlider}\n />\n </div>\n <div className={cn('flex justify-between', textContainer)}>\n {sliderMin && (\n <span className={cn('desk-body-regular-m text-color-tetriary', textLeft)}>\n {getInputSliderSuffix(suffix, sliderMin, false)}\n </span>\n )}\n {sliderMax && (\n <span className={cn('desk-body-regular-m text-color-tetriary', textRight)}>\n {getInputSliderSuffix(suffix, sliderMax, false)}\n </span>\n )}\n </div>\n </div>\n )\n }\n)\n"],"names":["SliderMarks","forwardRef","classes","invalid","externalHandlers","disabled","value","onChange","suffix","label","marks","attachmentProps","additionalSuffix","componentType","dataLayers","props","ref","inputId","React","inputRef","sliderMin","sliderMax","handleChangeSlider","useSliderMarks","root","slider","textLeft","textRight","inputRoot","textContainer","input","field","jsxs","cn","jsx","InputBase","e","NumericFormat","getInputSliderSuffix","mergeRefs","floatValue","SliderInner"],"mappings":"~~k2EAUO~~,MAAMA,GAAcC,EACzB,CACE,CACE,QAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,cAAAC,EACA,WAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAUC,EAAM,MAAA,EAEhBC,EAAWD,EAAM,OAAyB,IAAI,EAE9C,CAAE,UAAAE,EAAW,UAAAC,EAAW,mBAAAC,CAAA,EAAuBC,EAAe,CAClE,MAAAb,EACA,SAAAH,EACA,MAAAD,CAAA,CACD,EAEK,CAAE,KAAAkB,EAAM,OAAAC,EAAQ,SAAAC,EAAU,UAAAC,EAAW,UAAAC,EAAW,cAAAC,EAAe,MAAAC,EAAO,MAAAC,CAAA,EAAU7B,GAAW,CAAA,EACjG,OACE8B,EAAC,OAAI,aAAYnB,EAAe,UAAWoB,EAAG,6BAA8BT,CAAI,EAC9E,SAAA,CAAAQ,EAAC,MAAA,CAAI,UAAWC,EAAG,8BAA+BF,CAAK,EACrD,SAAA,CAAAG,EAACC,EAAA,CACC,MAAA1B,EACA,MAAAH,EACA,gBAAiB,CACf,GAAGK,CAAA,EAEL,QAAS,CACP,UAAW,qFACX,GAAGiB,CAAA,EAEL,QAASxB,GAAA,YAAAA,EAAkB,QAC3B,QAASA,GAAA,YAAAA,EAAkB,OAC3B,OAASgC,GAAM,CACThC,GAAA,MAAAA,EAAkB,SACpBA,GAAA,MAAAA,EAAkB,OAAOgC,GAE7B,EACA,aAAc,IACZF,EAACG,EAAA,CACC,GAAIpB,EACJ,SAAQ,GACR,eAAcd,EAAU,OAAS,QACjC,MAAAG,EACA,SAAAD,EACA,OAAQ,IAAIiC,EAAqB9B,EAAQF,CAAK,CAAC,IAAIM,GAAoB,EAAE,GACzE,oBAAoB,WACpB,kBAAmB,IACnB,cAAe,GACf,YAAa2B,EAAUpB,EAAUH,CAAG,EACpC,cAAe,CAAC,CAAE,WAAAwB,KAAiB,CAC7BA,IACEjC,KAAmBiC,CAAU,EAC7BpC,GAAA,MAAAA,EAAkB,eACpBA,EAAiB,cAAcoC,CAAU,EAG/C,EACA,UAAQ,SACR,UAAWP,EACT,yGACAH,CAAA,EAEF,gBAAehB,GAAA,YAAAA,EAAY,SAC1B,GAAGC,CAAA,CAAA,CACN,CAAA,EAGJmB,EAACO,EAAA,CACC,QAAS,CAAE,GAAGhB,CAAA,EACd,MAAAf,EACA,KAAM,KACN,MAAOJ,GAAS,EAChB,SAAAD,EACA,IAAK,OAAOe,CAAS,EACrB,IAAK,OAAOC,CAAS,EACrB,SAAUC,CAAA,CAAA,CACZ,EACF,IACC,MAAA,CAAI,UAAWW,EAAG,uBAAwBJ,CAAa,EACrD,SAAA,CAAAT,GACCc,EAAC,OAAA,CAAK,UAAWD,EAAG,0CAA2CP,CAAQ,EACpE,SAAAY,EAAqB9B,EAAQY,EAAW,EAAK,CAAA,CAChD,EAEDC,GACCa,EAAC,OAAA,CAAK,UAAWD,EAAG,0CAA2CN,CAAS,EACrE,SAAAW,EAAqB9B,EAAQa,EAAW,EAAK,CAAA,CAChD,CAAA,CAAA,CAEJ,CAAA,EACF,CAEJ,CACF"}
1	+ {"version":3,"file":"SliderMarks.js","sources":["../../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/sliderMarks/SliderMarks.tsx"],"sourcesContent":["import * as React from 'react'\nimport { forwardRef } from 'react'\nimport { NumericFormat } from 'react-number-format'\nimport { type SliderMarksProps } from '../../model'\nimport { getInputSliderSuffix } from '../../model/helpers'\nimport { SliderInner } from '../Slider'\nimport { useSliderMarks } from './hooks'\nimport { InputBase } from '$/shared/ui'\nimport { cn, mergeRefs } from '$/shared/utils'\n\nexport const SliderMarks = forwardRef<HTMLInputElement, SliderMarksProps>(\n (\n {\n classes,\n invalid,\n externalHandlers,\n disabled,\n value,\n onChange,\n suffix,\n label,\n marks,\n attachmentProps,\n additionalSuffix,\n componentType,\n dataLayers,\n ...props\n },\n ref\n ) => {\n const inputId = React.useId()\n\n const inputRef = React.useRef<HTMLInputElement>(null)\n\n const { sliderMin, sliderMax, handleChangeSlider } = useSliderMarks({\n marks,\n onChange,\n value\n })\n\n const { root, slider, textLeft, textRight, inputRoot, textContainer, input, field } = classes \|\| {}\n return (\n <div aria-label={componentType} className={cn('flex w-full flex-col gap-1', root)}>\n <div className={cn('relative w-full select-none', field)}>\n <InputBase\n label={label}\n value={value}\n attachmentProps={{\n ...attachmentProps\n }}\n classes={{\n container: 'border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800',\n ...inputRoot\n }}\n onClick={externalHandlers?.onClick}\n onFocus={externalHandlers?.onBlur}\n onBlur={(e) => {\n if (externalHandlers?.onBlur) {\n externalHandlers?.onBlur(e)\n }\n }}\n renderValues={() => (\n <NumericFormat\n id={inputId}\n readOnly\n aria-invalid={invalid ? 'true' : 'false'}\n value={value}\n disabled={disabled}\n suffix={` ${getInputSliderSuffix(suffix, value)} ${additionalSuffix ?? ''}`}\n thousandsGroupStyle='thousand'\n thousandSeparator={' '}\n allowNegative={false}\n getInputRef={mergeRefs(inputRef, ref)}\n onValueChange={({ floatValue }) => {\n if (floatValue) {\n if (onChange) onChange(floatValue)\n if (externalHandlers?.onInputChange) {\n externalHandlers.onInputChange(floatValue)\n }\n }\n }}\n data-id='slider'\n className={cn(\n 'group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all',\n input\n )}\n data-layer-id={dataLayers?.targetId}\n {...props}\n />\n )}\n />\n <SliderInner\n classes={{ ...slider }}\n marks={marks}\n step={null}\n value={value ?? 0}\n disabled={disabled}\n min={Number(sliderMin)}\n max={Number(sliderMax)}\n onChange={handleChangeSlider}\n />\n </div>\n <div className={cn('flex justify-between', textContainer)}>\n {sliderMin && (\n <span className={cn('desk-body-regular-m text-color-tetriary', textLeft)}>\n {getInputSliderSuffix(suffix, sliderMin, false)}\n </span>\n )}\n {sliderMax && (\n <span className={cn('desk-body-regular-m text-color-tetriary', textRight)}>\n {getInputSliderSuffix(suffix, sliderMax, false)}\n </span>\n )}\n </div>\n </div>\n )\n }\n)\n"],"names":["SliderMarks","forwardRef","classes","invalid","externalHandlers","disabled","value","onChange","suffix","label","marks","attachmentProps","additionalSuffix","componentType","dataLayers","props","ref","inputId","React","inputRef","sliderMin","sliderMax","handleChangeSlider","useSliderMarks","root","slider","textLeft","textRight","inputRoot","textContainer","input","field","jsxs","cn","jsx","InputBase","e","NumericFormat","getInputSliderSuffix","mergeRefs","floatValue","SliderInner"],"mappings":"o7EAUO,MAAMA,GAAcC,EACzB,CACE,CACE,QAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,cAAAC,EACA,WAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAUC,EAAM,MAAA,EAEhBC,EAAWD,EAAM,OAAyB,IAAI,EAE9C,CAAE,UAAAE,EAAW,UAAAC,EAAW,mBAAAC,CAAA,EAAuBC,EAAe,CAClE,MAAAb,EACA,SAAAH,EACA,MAAAD,CAAA,CACD,EAEK,CAAE,KAAAkB,EAAM,OAAAC,EAAQ,SAAAC,EAAU,UAAAC,EAAW,UAAAC,EAAW,cAAAC,EAAe,MAAAC,EAAO,MAAAC,CAAA,EAAU7B,GAAW,CAAA,EACjG,OACE8B,EAAC,OAAI,aAAYnB,EAAe,UAAWoB,EAAG,6BAA8BT,CAAI,EAC9E,SAAA,CAAAQ,EAAC,MAAA,CAAI,UAAWC,EAAG,8BAA+BF,CAAK,EACrD,SAAA,CAAAG,EAACC,EAAA,CACC,MAAA1B,EACA,MAAAH,EACA,gBAAiB,CACf,GAAGK,CAAA,EAEL,QAAS,CACP,UAAW,qFACX,GAAGiB,CAAA,EAEL,QAASxB,GAAA,YAAAA,EAAkB,QAC3B,QAASA,GAAA,YAAAA,EAAkB,OAC3B,OAASgC,GAAM,CACThC,GAAA,MAAAA,EAAkB,SACpBA,GAAA,MAAAA,EAAkB,OAAOgC,GAE7B,EACA,aAAc,IACZF,EAACG,EAAA,CACC,GAAIpB,EACJ,SAAQ,GACR,eAAcd,EAAU,OAAS,QACjC,MAAAG,EACA,SAAAD,EACA,OAAQ,IAAIiC,EAAqB9B,EAAQF,CAAK,CAAC,IAAIM,GAAoB,EAAE,GACzE,oBAAoB,WACpB,kBAAmB,IACnB,cAAe,GACf,YAAa2B,EAAUpB,EAAUH,CAAG,EACpC,cAAe,CAAC,CAAE,WAAAwB,KAAiB,CAC7BA,IACEjC,KAAmBiC,CAAU,EAC7BpC,GAAA,MAAAA,EAAkB,eACpBA,EAAiB,cAAcoC,CAAU,EAG/C,EACA,UAAQ,SACR,UAAWP,EACT,yGACAH,CAAA,EAEF,gBAAehB,GAAA,YAAAA,EAAY,SAC1B,GAAGC,CAAA,CAAA,CACN,CAAA,EAGJmB,EAACO,EAAA,CACC,QAAS,CAAE,GAAGhB,CAAA,EACd,MAAAf,EACA,KAAM,KACN,MAAOJ,GAAS,EAChB,SAAAD,EACA,IAAK,OAAOe,CAAS,EACrB,IAAK,OAAOC,CAAS,EACrB,SAAUC,CAAA,CAAA,CACZ,EACF,IACC,MAAA,CAAI,UAAWW,EAAG,uBAAwBJ,CAAa,EACrD,SAAA,CAAAT,GACCc,EAAC,OAAA,CAAK,UAAWD,EAAG,0CAA2CP,CAAQ,EACpE,SAAAY,EAAqB9B,EAAQY,EAAW,EAAK,CAAA,CAChD,EAEDC,GACCa,EAAC,OAAA,CAAK,UAAWD,EAAG,0CAA2CN,CAAS,EACrE,SAAAW,EAAqB9B,EAAQa,EAAW,EAAK,CAAA,CAChD,CAAA,CAAA,CAEJ,CAAA,EACF,CAEJ,CACF"}

package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderStep/SliderStep.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as b,jsx as p}from"react/jsx-runtime";import*as S from"react";import{forwardRef as K}from"react";import{NumericFormat as Q}from"react-number-format";import{getInputSliderSuffix as d}from"../../model/helpers/getInputSliderSuffix.js";import{SliderInner as T}from"../Slider.js";import{useSliderStep as U}from"./hooks/useSliderStep.js";import{cn as m}from"../../../../../../utils/cn.js";import{mergeRefs as V}from"../../../../../../utils/mergeRefs.js";import"uuid";import"../../../../../button/Button.js";import"../../../../../button/model/helpers.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../loader/model/helpers.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../../notification/ui/CustomToast.js";import"../../../../../table/ui/primitives/Primitives.js";import{Icon as W}from"../../../../../icon/Icon.js";import"@tanstack/react-table";import"../../../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../customLink/model/helpers.js";import"../../../../../slot/Slot.js";import"../../../autocomplete/Autocomplete.js";import"../../../checkbox/Checkbox.js";import"../../../combobox/combobox.js";import"../../../dayPicker/DayPicker.js";import{InputBase as X}from"../../../input/Input.js";import"../../../inputOtp/InputOtpBase.js";import"../../../maskInput/MaskInput.js";import"../../../radio/RadioGroup.js";import"../../../radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../SliderBase.js";import"../../../switch/Switch.js";import"../../../textarea/Textarea.js";import"../../../uploader/UploaderBase.js";import"../../../inputCurrency/InputCurrency.js";import"../../../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../controlled/editor/ui/Editor.js";import"../../../../controlled/input/MaskInputControl.js";import"classnames";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const Y=p(W,{name:"general/edit",className:"size-[19px] text-icon-blue-grey-600 transition-[color] group-focus-within/icon:text-icon-blue-grey-800"}),ao=K(({classes:k,invalid:w,externalHandlers:o,disabled:N,value:u,onChange:f,min:l,max:n,suffix:g,label:C,step:I,attachmentProps:r,additionalSuffix:h,readOnly:c,componentType:B,dataLayers:s,...t},v)=>{const R=S.useId(),e=S.useRef(null),y=()=>{var i;(i=e==null?void 0:e.current)==null||i.focus()},{sliderMin:j,sliderMax:F,handleChangeSlider:M}=U({min:Number(l),max:Number(n),value:Number(u),step:Number(I??1),onChange:f}),{root:$,slider:z,textLeft:G,textRight:q,inputRoot:A,textContainer:D,input:E,field:J}=k||{};return b("div",{"aria-label":B,className:m("flex w-full flex-col gap-1",$),children:[b("div",{className:m("relative w-full select-none",{"select-none":c},J),children:[p(X,{label:C,value:u,attachmentProps:{onClickIcon:c?void 0:(r==null?void 0:r.onClickIcon)||y,icon:c?void 0:(r==null?void 0:r.icon)||Y,...r},classes:{container:"border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800",...A},onBlur:i=>{t!=null&&t.onBlur&&(t==null||t.onBlur(i)),o!=null&&o.onBlur&&o.onBlur(i)},onClick:o==null?void 0:o.onClick,onFocus:o==null?void 0:o.onBlur,renderValues:()=>p(Q,{id:R,readOnly:c,"aria-invalid":w?"true":"false",value:u,disabled:N,suffix:` ${d(g,u)} ${h??""}`,thousandsGroupStyle:"thousand",thousandSeparator:" ",allowNegative:!1,getInputRef:V(e,v),onValueChange:({floatValue:i})=>{i&&(f&&f(i),o!=null&&o.onInputChange&&o.onInputChange(i))},"data-id":"slider",className:m("group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all",E),"data-layer-id":s==null?void 0:s.targetId,...t})}),p(T,{classes:{...z},step:I,value:u??0,disabled:N,min:Number(j),max:Number(F),onChange:M})]}),b("div",{className:m("flex justify-between",D),children:[l&&p("span",{className:m("desk-body-regular-m text-color-tetriary",G),children:d(g,l,!1)}),n&&p("span",{className:m("desk-body-regular-m text-color-tetriary",q),children:d(g,n,!1)})]})]})});export{ao as SliderStep};
+import{jsxs as b,jsx as p}from"react/jsx-runtime";import*as S from"react";import{forwardRef as K}from"react";import{NumericFormat as Q}from"react-number-format";import{getInputSliderSuffix as d}from"../../model/helpers/getInputSliderSuffix.js";import{SliderInner as T}from"../Slider.js";import{useSliderStep as U}from"./hooks/useSliderStep.js";import{cn as m}from"../../../../../../utils/cn.js";import{mergeRefs as V}from"../../../../../../utils/mergeRefs.js";import"uuid";import"../../../../../button/Button.js";import"../../../../../button/model/helpers.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../loader/model/helpers.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../../notification/ui/CustomToast.js";import"../../../../../table/ui/primitives/Primitives.js";import{Icon as W}from"../../../../../icon/Icon.js";import"@tanstack/react-table";import"../../../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../customLink/model/helpers.js";import"../../../../../slot/Slot.js";import"../../../autocomplete/Autocomplete.js";import"../../../checkbox/Checkbox.js";import"../../../combobox/combobox.js";import"../../../dayPicker/DayPicker.js";import{InputBase as X}from"../../../input/Input.js";import"../../../inputOtp/InputOtpBase.js";import"../../../maskInput/MaskInput.js";import"../../../radio/RadioGroup.js";import"../../../radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../SliderBase.js";import"../../../switch/Switch.js";import"../../../textarea/Textarea.js";import"../../../uploader/UploaderBase.js";import"../../../inputCurrency/InputCurrency.js";import"../../../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../controlled/editor/ui/Editor.js";import"../../../../controlled/input/MaskInputControl.js";import"../../../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const Y=p(W,{name:"general/edit",className:"size-[19px] text-icon-blue-grey-600 transition-[color] group-focus-within/icon:text-icon-blue-grey-800"}),ao=K(({classes:k,invalid:w,externalHandlers:o,disabled:N,value:u,onChange:f,min:l,max:n,suffix:g,label:C,step:I,attachmentProps:r,additionalSuffix:h,readOnly:c,componentType:B,dataLayers:s,...t},v)=>{const R=S.useId(),e=S.useRef(null),y=()=>{var i;(i=e==null?void 0:e.current)==null||i.focus()},{sliderMin:j,sliderMax:F,handleChangeSlider:M}=U({min:Number(l),max:Number(n),value:Number(u),step:Number(I??1),onChange:f}),{root:$,slider:z,textLeft:G,textRight:q,inputRoot:A,textContainer:D,input:E,field:J}=k||{};return b("div",{"aria-label":B,className:m("flex w-full flex-col gap-1",$),children:[b("div",{className:m("relative w-full select-none",{"select-none":c},J),children:[p(X,{label:C,value:u,attachmentProps:{onClickIcon:c?void 0:(r==null?void 0:r.onClickIcon)||y,icon:c?void 0:(r==null?void 0:r.icon)||Y,...r},classes:{container:"border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800",...A},onBlur:i=>{t!=null&&t.onBlur&&(t==null||t.onBlur(i)),o!=null&&o.onBlur&&o.onBlur(i)},onClick:o==null?void 0:o.onClick,onFocus:o==null?void 0:o.onBlur,renderValues:()=>p(Q,{id:R,readOnly:c,"aria-invalid":w?"true":"false",value:u,disabled:N,suffix:` ${d(g,u)} ${h??""}`,thousandsGroupStyle:"thousand",thousandSeparator:" ",allowNegative:!1,getInputRef:V(e,v),onValueChange:({floatValue:i})=>{i&&(f&&f(i),o!=null&&o.onInputChange&&o.onInputChange(i))},"data-id":"slider",className:m("group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all",E),"data-layer-id":s==null?void 0:s.targetId,...t})}),p(T,{classes:{...z},step:I,value:u??0,disabled:N,min:Number(j),max:Number(F),onChange:M})]}),b("div",{className:m("flex justify-between",D),children:[l&&p("span",{className:m("desk-body-regular-m text-color-tetriary",G),children:d(g,l,!1)}),n&&p("span",{className:m("desk-body-regular-m text-color-tetriary",q),children:d(g,n,!1)})]})]})});export{ao as SliderStep};
 //# sourceMappingURL=SliderStep.js.map