npm - @scbt-ecom/ui - Versions diffs - 0.147.1 → 0.147.3 - Mend

@scbt-ecom/ui 0.147.1 → 0.147.3

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 (1723) hide show

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderStep.js","sources":["../../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/sliderStep/SliderStep.tsx"],"sourcesContent":["import * as React from 'react'\nimport { forwardRef } from 'react'\nimport { NumericFormat } from 'react-number-format'\nimport { type SliderStepProps } from '../../model'\nimport { getInputSliderSuffix } from '../../model/helpers'\nimport { SliderInner } from '../Slider'\nimport { useSliderStep } 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 SliderStep = forwardRef<HTMLInputElement, SliderStepProps>(\n (\n {\n classes,\n invalid,\n externalHandlers,\n disabled,\n value,\n onChange,\n min,\n max,\n suffix,\n label,\n step,\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 { sliderStep, sliderMin, sliderMax, handleChangeSlider } = useSliderStep({\n min,\n max,\n step,\n onChange,\n value\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) {\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\n input\n )}\n data-layer-id={dataLayers?.targetId}\n {...props}\n />\n )}\n />\n <SliderInner\n classes={{ ...slider }}\n step={sliderStep}\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 {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","SliderStep","forwardRef","classes","invalid","externalHandlers","disabled","value","onChange","min","max","suffix","label","step","attachmentProps","additionalSuffix","readOnly","componentType","dataLayers","props","ref","inputId","React","inputRef","handleIconClick","_a","sliderStep","sliderMin","sliderMax","handleChangeSlider","useSliderStep","root","slider","textLeft","textRight","inputRoot","textContainer","input","field","jsxs","cn","InputBase","e","NumericFormat","getInputSliderSuffix","mergeRefs","floatValue","SliderInner"],"mappings":"~~u3DAUA~~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"}
1	+ {"version":3,"file":"SliderStep.js","sources":["../../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/sliderStep/SliderStep.tsx"],"sourcesContent":["import * as React from 'react'\nimport { forwardRef } from 'react'\nimport { NumericFormat } from 'react-number-format'\nimport { type SliderStepProps } from '../../model'\nimport { getInputSliderSuffix } from '../../model/helpers'\nimport { SliderInner } from '../Slider'\nimport { useSliderStep } 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 SliderStep = forwardRef<HTMLInputElement, SliderStepProps>(\n (\n {\n classes,\n invalid,\n externalHandlers,\n disabled,\n value,\n onChange,\n min,\n max,\n suffix,\n label,\n step,\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 { sliderStep, sliderMin, sliderMax, handleChangeSlider } = useSliderStep({\n min,\n max,\n step,\n onChange,\n value\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) {\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\n input\n )}\n data-layer-id={dataLayers?.targetId}\n {...props}\n />\n )}\n />\n <SliderInner\n classes={{ ...slider }}\n step={sliderStep}\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 {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","SliderStep","forwardRef","classes","invalid","externalHandlers","disabled","value","onChange","min","max","suffix","label","step","attachmentProps","additionalSuffix","readOnly","componentType","dataLayers","props","ref","inputId","React","inputRef","handleIconClick","_a","sliderStep","sliderMin","sliderMax","handleChangeSlider","useSliderStep","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/switch/Switch.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as i}from"react/jsx-runtime";import{forwardRef as f}from"react";import{Root as p,Thumb as b}from"../../../../../../node_modules/@radix-ui/react-switch/dist/index.js";import{cn as l}from"../../../../utils/cn.js";const k=f(({classes:o,className:c,disabled:r,invalid:d,externalHandlers:u,onCheckedChange:e,dataLayers:t,...h},g)=>{const{onChange:a,...m}=u||{};return i(p,{...h,...m,ref:g,onCheckedChange:n=>{e&&e(n),a&&a(n)},disabled:r,"aria-invalid":d,"data-layer-id":t==null?void 0:t.targetId,className:l("h-6 w-10 rounded-full bg-color-blue-grey-300 p-[2px] outline-2","outline-offset-4 outline-transparent focus:outline-primary-focus","group transition-all hover:bg-color-blue-grey-500","data-[state=checked]:bg-color-primary-default","hover:data-[state=checked]:bg-color-primary-hover",{"data-[state=checked]:!bg-color-primary-disabled data-[state=unchecked]:!bg-color-blue-grey-200":r},c,o==null?void 0:o.root),children:i(b,{className:l("block size-5 rounded-full bg-color-white","duration-100 will-change-transform","data-[state=checked]:translate-x-4","group-active:w-full data-[state=checked]:group-active:translate-x-0",o==null?void 0:o.thumb)})})});k.displayName="SwitchBase";export{k as SwitchBase};
+import{jsx as i}from"react/jsx-runtime";import{forwardRef as f}from"react";import{Root as p,Thumb as b}from"../../../../../../node_modules/.pnpm/@radix-ui_react-switch@1.2.6_@types_react-dom@18.3.7_@types_react@18.3.23__@types_react_b40720fa9208a4ad7b2dfe3a97861909/node_modules/@radix-ui/react-switch/dist/index.js";import{cn as l}from"../../../../utils/cn.js";const k=f(({classes:o,className:c,disabled:r,invalid:d,externalHandlers:u,onCheckedChange:e,dataLayers:t,...h},g)=>{const{onChange:a,...m}=u||{};return i(p,{...h,...m,ref:g,onCheckedChange:n=>{e&&e(n),a&&a(n)},disabled:r,"aria-invalid":d,"data-layer-id":t==null?void 0:t.targetId,className:l("h-6 w-10 rounded-full bg-color-blue-grey-300 p-[2px] outline-2","outline-offset-4 outline-transparent focus:outline-primary-focus","group transition-all hover:bg-color-blue-grey-500","data-[state=checked]:bg-color-primary-default","hover:data-[state=checked]:bg-color-primary-hover",{"data-[state=checked]:!bg-color-primary-disabled data-[state=unchecked]:!bg-color-blue-grey-200":r},c,o==null?void 0:o.root),children:i(b,{className:l("block size-5 rounded-full bg-color-white","duration-100 will-change-transform","data-[state=checked]:translate-x-4","group-active:w-full data-[state=checked]:group-active:translate-x-0",o==null?void 0:o.thumb)})})});k.displayName="SwitchBase";export{k as SwitchBase};
 //# sourceMappingURL=Switch.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Switch.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/switch/Switch.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Root, type SwitchProps, Thumb } from '@radix-ui/react-switch'\nimport { type DataLayers } from '../../../../types'\nimport { cn } from '$/shared/utils'\n\ntype SwitchBaseClasses = {\n root?: string\n thumb?: string\n}\n\nexport type ExternalHandlers = {\n onChange?: (value: boolean) => void\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void\n onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void\n onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void\n}\n\nexport type SwitchBaseProps = SwitchProps & {\n classes?: SwitchBaseClasses\n externalHandlers?: ExternalHandlers\n invalid?: boolean\n dataLayers?: DataLayers\n}\n\nexport const SwitchBase = forwardRef<HTMLButtonElement, SwitchBaseProps>(\n ({ classes, className, disabled, invalid, externalHandlers, onCheckedChange, dataLayers, ...props }, ref) => {\n const { onChange: externalOnChange, ...restHandlers } = externalHandlers \|\| {}\n\n const onChange = (value: boolean) => {\n if (onCheckedChange) onCheckedChange(value)\n if (externalOnChange) externalOnChange(value)\n }\n\n return (\n <Root\n {...props}\n {...restHandlers}\n ref={ref}\n onCheckedChange={onChange}\n disabled={disabled}\n aria-invalid={invalid}\n data-layer-id={dataLayers?.targetId}\n className={cn(\n 'h-6 w-10 rounded-full bg-color-blue-grey-300 p-[2px] outline-2',\n 'outline-offset-4 outline-transparent focus:outline-primary-focus',\n 'group transition-all hover:bg-color-blue-grey-500',\n 'data-[state=checked]:bg-color-primary-default',\n 'hover:data-[state=checked]:bg-color-primary-hover',\n { 'data-[state=checked]:!bg-color-primary-disabled data-[state=unchecked]:!bg-color-blue-grey-200': disabled },\n className,\n classes?.root\n )}\n >\n <Thumb\n className={cn(\n 'block size-5 rounded-full bg-color-white',\n 'duration-100 will-change-transform',\n 'data-[state=checked]:translate-x-4',\n 'group-active:w-full data-[state=checked]:group-active:translate-x-0',\n classes?.thumb\n )}\n />\n </Root>\n )\n }\n)\nSwitchBase.displayName = 'SwitchBase'\n"],"names":["SwitchBase","forwardRef","classes","className","disabled","invalid","externalHandlers","onCheckedChange","dataLayers","props","ref","externalOnChange","restHandlers","jsx","Root","value","cn","Thumb"],"mappings":"~~8NAwBO~~,MAAMA,EAAaC,EACxB,CAAC,CAAE,QAAAC,EAAS,UAAAC,EAAW,SAAAC,EAAU,QAAAC,EAAS,iBAAAC,EAAkB,gBAAAC,EAAiB,WAAAC,EAAY,GAAGC,CAAA,EAASC,IAAQ,CAC3G,KAAM,CAAE,SAAUC,EAAkB,GAAGC,CAAA,EAAiBN,GAAoB,CAAA,EAO5E,OACEO,EAACC,EAAA,CACE,GAAGL,EACH,GAAGG,EACJ,IAAAF,EACA,gBAVcK,GAAmB,CAC/BR,KAAiCQ,CAAK,EACtCJ,KAAmCI,CAAK,CAC9C,EAQI,SAAAX,EACA,eAAcC,EACd,gBAAeG,GAAA,YAAAA,EAAY,SAC3B,UAAWQ,EACT,iEACA,mEACA,oDACA,gDACA,oDACA,CAAE,iGAAkGZ,CAAA,EACpGD,EACAD,GAAA,YAAAA,EAAS,IAAA,EAGX,SAAAW,EAACI,EAAA,CACC,UAAWD,EACT,2CACA,qCACA,qCACA,sEACAd,GAAA,YAAAA,EAAS,KAAA,CACX,CAAA,CACF,CAAA,CAGN,CACF,EACAF,EAAW,YAAc"}
1	+ {"version":3,"file":"Switch.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/switch/Switch.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Root, type SwitchProps, Thumb } from '@radix-ui/react-switch'\nimport { type DataLayers } from '../../../../types'\nimport { cn } from '$/shared/utils'\n\ntype SwitchBaseClasses = {\n root?: string\n thumb?: string\n}\n\nexport type ExternalHandlers = {\n onChange?: (value: boolean) => void\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void\n onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void\n onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void\n}\n\nexport type SwitchBaseProps = SwitchProps & {\n classes?: SwitchBaseClasses\n externalHandlers?: ExternalHandlers\n invalid?: boolean\n dataLayers?: DataLayers\n}\n\nexport const SwitchBase = forwardRef<HTMLButtonElement, SwitchBaseProps>(\n ({ classes, className, disabled, invalid, externalHandlers, onCheckedChange, dataLayers, ...props }, ref) => {\n const { onChange: externalOnChange, ...restHandlers } = externalHandlers \|\| {}\n\n const onChange = (value: boolean) => {\n if (onCheckedChange) onCheckedChange(value)\n if (externalOnChange) externalOnChange(value)\n }\n\n return (\n <Root\n {...props}\n {...restHandlers}\n ref={ref}\n onCheckedChange={onChange}\n disabled={disabled}\n aria-invalid={invalid}\n data-layer-id={dataLayers?.targetId}\n className={cn(\n 'h-6 w-10 rounded-full bg-color-blue-grey-300 p-[2px] outline-2',\n 'outline-offset-4 outline-transparent focus:outline-primary-focus',\n 'group transition-all hover:bg-color-blue-grey-500',\n 'data-[state=checked]:bg-color-primary-default',\n 'hover:data-[state=checked]:bg-color-primary-hover',\n { 'data-[state=checked]:!bg-color-primary-disabled data-[state=unchecked]:!bg-color-blue-grey-200': disabled },\n className,\n classes?.root\n )}\n >\n <Thumb\n className={cn(\n 'block size-5 rounded-full bg-color-white',\n 'duration-100 will-change-transform',\n 'data-[state=checked]:translate-x-4',\n 'group-active:w-full data-[state=checked]:group-active:translate-x-0',\n classes?.thumb\n )}\n />\n </Root>\n )\n }\n)\nSwitchBase.displayName = 'SwitchBase'\n"],"names":["SwitchBase","forwardRef","classes","className","disabled","invalid","externalHandlers","onCheckedChange","dataLayers","props","ref","externalOnChange","restHandlers","jsx","Root","value","cn","Thumb"],"mappings":"0WAwBO,MAAMA,EAAaC,EACxB,CAAC,CAAE,QAAAC,EAAS,UAAAC,EAAW,SAAAC,EAAU,QAAAC,EAAS,iBAAAC,EAAkB,gBAAAC,EAAiB,WAAAC,EAAY,GAAGC,CAAA,EAASC,IAAQ,CAC3G,KAAM,CAAE,SAAUC,EAAkB,GAAGC,CAAA,EAAiBN,GAAoB,CAAA,EAO5E,OACEO,EAACC,EAAA,CACE,GAAGL,EACH,GAAGG,EACJ,IAAAF,EACA,gBAVcK,GAAmB,CAC/BR,KAAiCQ,CAAK,EACtCJ,KAAmCI,CAAK,CAC9C,EAQI,SAAAX,EACA,eAAcC,EACd,gBAAeG,GAAA,YAAAA,EAAY,SAC3B,UAAWQ,EACT,iEACA,mEACA,oDACA,gDACA,oDACA,CAAE,iGAAkGZ,CAAA,EACpGD,EACAD,GAAA,YAAAA,EAAS,IAAA,EAGX,SAAAW,EAACI,EAAA,CACC,UAAWD,EACT,2CACA,qCACA,qCACA,sEACAd,GAAA,YAAAA,EAAS,KAAA,CACX,CAAA,CACF,CAAA,CAGN,CACF,EACAF,EAAW,YAAc"}

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

@@ -1,2 +1,2 @@
-import{jsxs as g,Fragment as h,jsx as r}from"react/jsx-runtime";import{forwardRef as j}from"react";import{defaultDropzoneOptions as v}from"./model/helpers.js";import{useUploader as w}from"./model/hooks/useUploader.js";import{UploaderFiles as z}from"./ui/UploaderFiles.js";import{cn as I}from"../../../../utils/cn.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.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"../slider/SliderBase.js";import"../switch/Switch.js";import"../textarea/Textarea.js";import"../inputCurrency/InputCurrency.js";import"../../../../../../src/configs/api.js";import"../../controlled/editor/ui/Editor.js";import"../../controlled/input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{UploaderInput as S}from"./ui/UploaderInput.js";const lo=j(({classes:m,dropzoneOptions:p=v,name:e,value:t,disabled:s,invalid:l,onChange:f,externalHandlers:i,dataLayers:o,...n},c)=>{const{filesStatus:d,removeFile:u,dropzoneState:a}=w({controlledFiles:t,dropzoneOptions:p,onChange:f,externalHandlers:i}),{root:F,input:U,files:x}=m||{};return g(h,{children:[r("div",{className:I("relative mb-3 w-[476px]",F),children:r(S,{...n,ref:c,name:e,classes:U,disabled:s,invalid:l,dropzoneState:a,externalHandlers:i,"data-layer-id":o==null?void 0:o.targetId})}),r(z,{files:t,removeFile:u,classes:x,filesStatus:d})]})});export{lo as UploaderBase};
+import{jsxs as g,Fragment as h,jsx as r}from"react/jsx-runtime";import{forwardRef as j}from"react";import{defaultDropzoneOptions as v}from"./model/helpers.js";import{useUploader as w}from"./model/hooks/useUploader.js";import{UploaderFiles as z}from"./ui/UploaderFiles.js";import{cn as I}from"../../../../utils/cn.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.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"../slider/SliderBase.js";import"../switch/Switch.js";import"../textarea/Textarea.js";import"../inputCurrency/InputCurrency.js";import"../../../../../../src/configs/api.js";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{UploaderInput as S}from"./ui/UploaderInput.js";const fo=j(({classes:m,dropzoneOptions:p=v,name:e,value:t,disabled:s,invalid:l,onChange:f,externalHandlers:i,dataLayers:o,...n},c)=>{const{filesStatus:d,removeFile:u,dropzoneState:a}=w({controlledFiles:t,dropzoneOptions:p,onChange:f,externalHandlers:i}),{root:F,input:U,files:x}=m||{};return g(h,{children:[r("div",{className:I("relative mb-3 w-[476px]",F),children:r(S,{...n,ref:c,name:e,classes:U,disabled:s,invalid:l,dropzoneState:a,externalHandlers:i,"data-layer-id":o==null?void 0:o.targetId})}),r(z,{files:t,removeFile:u,classes:x,filesStatus:d})]})});export{fo as UploaderBase};
 //# sourceMappingURL=UploaderBase.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"UploaderBase.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/uploader/UploaderBase.tsx"],"sourcesContent":["import { forwardRef, type InputHTMLAttributes } from 'react'\nimport { type DropzoneOptions } from 'react-dropzone'\nimport { type DataLayers } from '../../../../types'\nimport { defaultDropzoneOptions } from './model'\nimport { useUploader } from './model/hooks/useUploader'\nimport { UploaderFiles, type UploaderFilesClasses, UploaderInput, type UploaderInputClasses } from './ui'\nimport { cn } from '$/shared/utils'\n\ntype UploaderBaseClasses = {\n root?: string\n input?: UploaderInputClasses\n files?: UploaderFilesClasses\n}\n\nexport type ExternalHandlers = {\n onChange?: (files: File[]) => void\n onClick?: (event: React.MouseEvent<HTMLInputElement>) => void\n}\n\nexport interface UploaderBaseProps\n extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' \| 'placeholder' \| 'value' \| 'onChange'> {\n /*\n Опции uploader-а, в нем можно валидировать файлы, указывать максимум и минимум для файлов\n * Подробнее можно узнать в типе DropzoneOptions\n /\n dropzoneOptions?: DropzoneOptions\n /\n Объект классов которые можно переопределить\n /\n classes?: UploaderBaseClasses\n /\n Доп текст под инпутом\n /\n helperText?: string\n /\n Сеттер значение\n * @param file - файлы\n /\n onChange?: (file: File[]) => void\n /\n Валидное ли значение\n /\n invalid?: boolean\n /\n Значение\n /\n value?: File[]\n /\n Внешние объект handlers\n /\n externalHandlers?: ExternalHandlers\n /\n Даталееры\n */\n dataLayers?: DataLayers\n}\n\nexport const UploaderBase = forwardRef<HTMLInputElement, UploaderBaseProps>(\n (\n {\n classes,\n dropzoneOptions = defaultDropzoneOptions,\n name,\n value,\n disabled,\n invalid,\n onChange,\n externalHandlers,\n dataLayers,\n ...props\n }: UploaderBaseProps,\n ref\n ) => {\n const { filesStatus, removeFile, dropzoneState } = useUploader({\n controlledFiles: value,\n dropzoneOptions,\n onChange,\n externalHandlers\n })\n\n const { root, input, files } = classes \|\| {}\n\n return (\n <>\n <div className={cn('relative mb-3 w-[476px]', root)}>\n <UploaderInput\n {...props}\n ref={ref}\n name={name}\n classes={input}\n disabled={disabled}\n invalid={invalid}\n dropzoneState={dropzoneState}\n externalHandlers={externalHandlers}\n data-layer-id={dataLayers?.targetId}\n />\n </div>\n <UploaderFiles files={value} removeFile={removeFile} classes={files} filesStatus={filesStatus} />\n </>\n )\n }\n)\n"],"names":["UploaderBase","forwardRef","classes","dropzoneOptions","defaultDropzoneOptions","name","value","disabled","invalid","onChange","externalHandlers","dataLayers","props","ref","filesStatus","removeFile","dropzoneState","useUploader","root","input","files","jsxs","Fragment","jsx","cn","UploaderInput","UploaderFiles"],"mappings":"~~i9CAyDO~~,MAAMA,GAAeC,EAC1B,CACE,CACE,QAAAC,EACA,gBAAAC,EAAkBC,EAClB,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CAAE,YAAAC,EAAa,WAAAC,EAAY,cAAAC,CAAA,EAAkBC,EAAY,CAC7D,gBAAiBX,EACjB,gBAAAH,EACA,SAAAM,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,KAAAQ,EAAM,MAAAC,EAAO,MAAAC,CAAA,EAAUlB,GAAW,CAAA,EAE1C,OACEmB,EAAAC,EAAA,CACE,SAAA,CAAAC,EAAC,MAAA,CAAI,UAAWC,EAAG,0BAA2BN,CAAI,EAChD,SAAAK,EAACE,EAAA,CACE,GAAGb,EACJ,IAAAC,EACA,KAAAR,EACA,QAASc,EACT,SAAAZ,EACA,QAAAC,EACA,cAAAQ,EACA,iBAAAN,EACA,gBAAeC,GAAA,YAAAA,EAAY,QAAA,CAAA,EAE/B,IACCe,EAAA,CAAc,MAAOpB,EAAO,WAAAS,EAAwB,QAASK,EAAO,YAAAN,CAAA,CAA0B,CAAA,EACjG,CAEJ,CACF"}
1	+ {"version":3,"file":"UploaderBase.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/uploader/UploaderBase.tsx"],"sourcesContent":["import { forwardRef, type InputHTMLAttributes } from 'react'\nimport { type DropzoneOptions } from 'react-dropzone'\nimport { type DataLayers } from '../../../../types'\nimport { defaultDropzoneOptions } from './model'\nimport { useUploader } from './model/hooks/useUploader'\nimport { UploaderFiles, type UploaderFilesClasses, UploaderInput, type UploaderInputClasses } from './ui'\nimport { cn } from '$/shared/utils'\n\ntype UploaderBaseClasses = {\n root?: string\n input?: UploaderInputClasses\n files?: UploaderFilesClasses\n}\n\nexport type ExternalHandlers = {\n onChange?: (files: File[]) => void\n onClick?: (event: React.MouseEvent<HTMLInputElement>) => void\n}\n\nexport interface UploaderBaseProps\n extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' \| 'placeholder' \| 'value' \| 'onChange'> {\n /*\n Опции uploader-а, в нем можно валидировать файлы, указывать максимум и минимум для файлов\n * Подробнее можно узнать в типе DropzoneOptions\n /\n dropzoneOptions?: DropzoneOptions\n /\n Объект классов которые можно переопределить\n /\n classes?: UploaderBaseClasses\n /\n Доп текст под инпутом\n /\n helperText?: string\n /\n Сеттер значение\n * @param file - файлы\n /\n onChange?: (file: File[]) => void\n /\n Валидное ли значение\n /\n invalid?: boolean\n /\n Значение\n /\n value?: File[]\n /\n Внешние объект handlers\n /\n externalHandlers?: ExternalHandlers\n /\n Даталееры\n */\n dataLayers?: DataLayers\n}\n\nexport const UploaderBase = forwardRef<HTMLInputElement, UploaderBaseProps>(\n (\n {\n classes,\n dropzoneOptions = defaultDropzoneOptions,\n name,\n value,\n disabled,\n invalid,\n onChange,\n externalHandlers,\n dataLayers,\n ...props\n }: UploaderBaseProps,\n ref\n ) => {\n const { filesStatus, removeFile, dropzoneState } = useUploader({\n controlledFiles: value,\n dropzoneOptions,\n onChange,\n externalHandlers\n })\n\n const { root, input, files } = classes \|\| {}\n\n return (\n <>\n <div className={cn('relative mb-3 w-[476px]', root)}>\n <UploaderInput\n {...props}\n ref={ref}\n name={name}\n classes={input}\n disabled={disabled}\n invalid={invalid}\n dropzoneState={dropzoneState}\n externalHandlers={externalHandlers}\n data-layer-id={dataLayers?.targetId}\n />\n </div>\n <UploaderFiles files={value} removeFile={removeFile} classes={files} filesStatus={filesStatus} />\n </>\n )\n }\n)\n"],"names":["UploaderBase","forwardRef","classes","dropzoneOptions","defaultDropzoneOptions","name","value","disabled","invalid","onChange","externalHandlers","dataLayers","props","ref","filesStatus","removeFile","dropzoneState","useUploader","root","input","files","jsxs","Fragment","jsx","cn","UploaderInput","UploaderFiles"],"mappings":"qoDAyDO,MAAMA,GAAeC,EAC1B,CACE,CACE,QAAAC,EACA,gBAAAC,EAAkBC,EAClB,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CAAE,YAAAC,EAAa,WAAAC,EAAY,cAAAC,CAAA,EAAkBC,EAAY,CAC7D,gBAAiBX,EACjB,gBAAAH,EACA,SAAAM,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,KAAAQ,EAAM,MAAAC,EAAO,MAAAC,CAAA,EAAUlB,GAAW,CAAA,EAE1C,OACEmB,EAAAC,EAAA,CACE,SAAA,CAAAC,EAAC,MAAA,CAAI,UAAWC,EAAG,0BAA2BN,CAAI,EAChD,SAAAK,EAACE,EAAA,CACE,GAAGb,EACJ,IAAAC,EACA,KAAAR,EACA,QAASc,EACT,SAAAZ,EACA,QAAAC,EACA,cAAAQ,EACA,iBAAAN,EACA,gBAAeC,GAAA,YAAAA,EAAY,QAAA,CAAA,EAE/B,IACCe,EAAA,CAAc,MAAOpB,EAAO,WAAAS,EAAwB,QAASK,EAAO,YAAAN,CAAA,CAA0B,CAAA,EACjG,CAEJ,CACF"}

package/dist/lib/shared/ui/formElements/uncontrolled/uploader/model/hooks/useUploader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useState as k}from"react";import{useDropzone as D}from"../../../../../../../../node_modules/react-dropzone/dist/es/index.js";import{FilesErrorCode as c,bytesToMegabytes as v}from"../helpers.js";import"react/jsx-runtime";import"../../../../../../../../node_modules/classnames/index.js";import"../../../../../button/Button.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../../../../modal/ui/IframeModalContent.js";import{Notification as u}from"../../../../../notification/Notification.js";import"../../../../../table/ui/primitives/Primitives.js";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../../../../node_modules/react-hot-toast/dist/index.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"../../../slider/SliderBase.js";import"../../../switch/Switch.js";import"../../../textarea/Textarea.js";import"../../UploaderBase.js";import"../../../inputCurrency/InputCurrency.js";import"../../../../../../../../src/configs/api.js";import"../../../../controlled/editor/ui/Editor.js";import"../../../../controlled/input/MaskInputControl.js";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const mo=({dropzoneOptions:t,controlledFiles:i=[],onChange:r,externalHandlers:o})=>{const[g,S]=k({}),F=m=>{const e=i==null?void 0:i.filter((s,p)=>p!==m);r&&r(e)},T=D({onDrop:(m,e)=>{var p,b;switch(m.forEach(f=>{const y=new FileReader;S(a=>({...a,[f.name]:"loading"})),y.onload=()=>{S(a=>({...a,[f.name]:"success"}))},y.readAsArrayBuffer(f)}),(b=(p=e[0])==null?void 0:p.errors[0])==null?void 0:b.code){case c.FileInvalidType:u({intent:"error",text:"Неверный формат файла. Загрузите в формате jpg/png/pdf"});break;case c.FileTooLarge:u({intent:"error",text:`Файл слишком большой. Максимальный размер ${t.maxSize?v(t.maxSize):0} МБ`});break;case c.TooManyFiles:u({intent:"error",text:`Вы загрузили слишком много файлов. Максимальное количество ${t.maxFiles}`});break}const s=[...i,...m];r&&r(s),o!=null&&o.onChange&&(o==null||o.onChange(s))},...t});return{filesStatus:g,removeFile:F,dropzoneState:T}};export{mo as useUploader};
+import{useState as k}from"react";import{useDropzone as D}from"../../../../../../../../node_modules/.pnpm/react-dropzone@14.3.8_react@18.3.1/node_modules/react-dropzone/dist/es/index.js";import{FilesErrorCode as c,bytesToMegabytes as v}from"../helpers.js";import"react/jsx-runtime";import"../../../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../../button/Button.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../../../../modal/ui/IframeModalContent.js";import{Notification as u}from"../../../../../notification/Notification.js";import"../../../../../table/ui/primitives/Primitives.js";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.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"../../../slider/SliderBase.js";import"../../../switch/Switch.js";import"../../../textarea/Textarea.js";import"../../UploaderBase.js";import"../../../inputCurrency/InputCurrency.js";import"../../../../../../../../src/configs/api.js";import"../../../../controlled/editor/ui/Editor.js";import"../../../../controlled/input/MaskInputControl.js";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const mo=({dropzoneOptions:t,controlledFiles:i=[],onChange:r,externalHandlers:o})=>{const[g,S]=k({}),F=m=>{const e=i==null?void 0:i.filter((s,p)=>p!==m);r&&r(e)},T=D({onDrop:(m,e)=>{var p,b;switch(m.forEach(f=>{const y=new FileReader;S(a=>({...a,[f.name]:"loading"})),y.onload=()=>{S(a=>({...a,[f.name]:"success"}))},y.readAsArrayBuffer(f)}),(b=(p=e[0])==null?void 0:p.errors[0])==null?void 0:b.code){case c.FileInvalidType:u({intent:"error",text:"Неверный формат файла. Загрузите в формате jpg/png/pdf"});break;case c.FileTooLarge:u({intent:"error",text:`Файл слишком большой. Максимальный размер ${t.maxSize?v(t.maxSize):0} МБ`});break;case c.TooManyFiles:u({intent:"error",text:`Вы загрузили слишком много файлов. Максимальное количество ${t.maxFiles}`});break}const s=[...i,...m];r&&r(s),o!=null&&o.onChange&&(o==null||o.onChange(s))},...t});return{filesStatus:g,removeFile:F,dropzoneState:T}};export{mo as useUploader};
 //# sourceMappingURL=useUploader.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/uploader/model/hooks/useUploader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useUploader.js","sources":["../../../../../../../../../lib/shared/ui/formElements/uncontrolled/uploader/model/hooks/useUploader.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { type DropzoneOptions, type FileRejection, useDropzone } from 'react-dropzone'\nimport { type ExternalHandlers } from '../../UploaderBase'\nimport { bytesToMegabytes, FilesErrorCode } from '../helpers'\nimport { Notification } from '$/shared/ui/'\n\nexport type TUseUploader = {\n controlledFiles?: File[]\n dropzoneOptions: DropzoneOptions\n onChange?: (files: File[]) => void\n externalHandlers?: ExternalHandlers\n}\n\nexport const useUploader = ({ dropzoneOptions, controlledFiles = [], onChange, externalHandlers }: TUseUploader) => {\n const [filesStatus, setFilesStatus] = useState<Record<string, 'loading' \| 'success' \| 'error'>>({})\n\n const removeFile = (index: number) => {\n const updatedFiles = controlledFiles?.filter((_, idx) => idx !== index)\n if (onChange) onChange(updatedFiles)\n }\n\n const onDrop = (acceptedFiles: File[], rejectedFiles: FileRejection[]) => {\n acceptedFiles.forEach((file) => {\n const reader = new FileReader()\n setFilesStatus((prev) => ({ ...prev, [file.name]: 'loading' }))\n\n reader.onload = () => {\n setFilesStatus((prev) => ({ ...prev, [file.name]: 'success' }))\n }\n\n reader.readAsArrayBuffer(file)\n })\n\n switch (rejectedFiles[0]?.errors[0]?.code) {\n case FilesErrorCode.FileInvalidType:\n Notification({\n intent: 'error',\n text: 'Неверный формат файла. Загрузите в формате jpg/png/pdf'\n })\n break\n case FilesErrorCode.FileTooLarge:\n Notification({\n intent: 'error',\n text: `Файл слишком большой. Максимальный размер ${dropzoneOptions.maxSize ? bytesToMegabytes(dropzoneOptions.maxSize) : 0} МБ`\n })\n break\n case FilesErrorCode.TooManyFiles:\n Notification({\n intent: 'error',\n text: `Вы загрузили слишком много файлов. Максимальное количество ${dropzoneOptions.maxFiles}`\n })\n break\n default:\n break\n }\n\n const updatedFiles = [...controlledFiles, ...acceptedFiles]\n\n if (onChange) onChange(updatedFiles)\n if (externalHandlers?.onChange) externalHandlers?.onChange(updatedFiles)\n }\n\n const dropzoneState = useDropzone({\n onDrop,\n ...dropzoneOptions\n })\n\n return { filesStatus, removeFile, dropzoneState }\n}\n"],"names":["useUploader","dropzoneOptions","controlledFiles","onChange","externalHandlers","filesStatus","setFilesStatus","useState","removeFile","index","updatedFiles","_","idx","dropzoneState","useDropzone","acceptedFiles","rejectedFiles","file","reader","prev","_b","_a","FilesErrorCode","Notification","bytesToMegabytes"],"mappings":"~~6oDAaO~~,MAAMA,GAAc,CAAC,CAAE,gBAAAC,EAAiB,gBAAAC,EAAkB,CAAA,EAAI,SAAAC,EAAU,iBAAAC,KAAqC,CAClH,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAA0D,CAAA,CAAE,EAE5FC,EAAcC,GAAkB,CACpC,MAAMC,EAAeR,GAAA,YAAAA,EAAiB,OAAO,CAACS,EAAGC,IAAQA,IAAQH,GAC7DN,KAAmBO,CAAY,CACrC,EA2CMG,EAAgBC,EAAY,CAChC,OA1Ca,CAACC,EAAuBC,IAAmC,SAYxE,OAXAD,EAAc,QAASE,GAAS,CAC9B,MAAMC,EAAS,IAAI,WACnBZ,EAAgBa,IAAU,CAAE,GAAGA,EAAM,CAACF,EAAK,IAAI,EAAG,SAAA,EAAY,EAE9DC,EAAO,OAAS,IAAM,CACpBZ,EAAgBa,IAAU,CAAE,GAAGA,EAAM,CAACF,EAAK,IAAI,EAAG,SAAA,EAAY,CAChE,EAEAC,EAAO,kBAAkBD,CAAI,CAC/B,CAAC,GAEOG,GAAAC,EAAAL,EAAc,CAAC,IAAf,YAAAK,EAAkB,OAAO,KAAzB,YAAAD,EAA6B,KAAA,CACnC,KAAKE,EAAe,gBAClBC,EAAa,CACX,OAAQ,QACR,KAAM,wDAAA,CACP,EACD,MACF,KAAKD,EAAe,aAClBC,EAAa,CACX,OAAQ,QACR,KAAM,6CAA6CtB,EAAgB,QAAUuB,EAAiBvB,EAAgB,OAAO,EAAI,CAAC,KAAA,CAC3H,EACD,MACF,KAAKqB,EAAe,aAClBC,EAAa,CACX,OAAQ,QACR,KAAM,8DAA8DtB,EAAgB,QAAQ,EAAA,CAC7F,EACD,KAEA,CAGJ,MAAMS,EAAe,CAAC,GAAGR,EAAiB,GAAGa,CAAa,EAEtDZ,KAAmBO,CAAY,EAC/BN,GAAA,MAAAA,EAAkB,WAAUA,GAAA,MAAAA,EAAkB,SAASM,GAC7D,EAIE,GAAGT,CAAA,CACJ,EAED,MAAO,CAAE,YAAAI,EAAa,WAAAG,EAAY,cAAAK,CAAA,CACpC"}
1	+ {"version":3,"file":"useUploader.js","sources":["../../../../../../../../../lib/shared/ui/formElements/uncontrolled/uploader/model/hooks/useUploader.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { type DropzoneOptions, type FileRejection, useDropzone } from 'react-dropzone'\nimport { type ExternalHandlers } from '../../UploaderBase'\nimport { bytesToMegabytes, FilesErrorCode } from '../helpers'\nimport { Notification } from '$/shared/ui/'\n\nexport type TUseUploader = {\n controlledFiles?: File[]\n dropzoneOptions: DropzoneOptions\n onChange?: (files: File[]) => void\n externalHandlers?: ExternalHandlers\n}\n\nexport const useUploader = ({ dropzoneOptions, controlledFiles = [], onChange, externalHandlers }: TUseUploader) => {\n const [filesStatus, setFilesStatus] = useState<Record<string, 'loading' \| 'success' \| 'error'>>({})\n\n const removeFile = (index: number) => {\n const updatedFiles = controlledFiles?.filter((_, idx) => idx !== index)\n if (onChange) onChange(updatedFiles)\n }\n\n const onDrop = (acceptedFiles: File[], rejectedFiles: FileRejection[]) => {\n acceptedFiles.forEach((file) => {\n const reader = new FileReader()\n setFilesStatus((prev) => ({ ...prev, [file.name]: 'loading' }))\n\n reader.onload = () => {\n setFilesStatus((prev) => ({ ...prev, [file.name]: 'success' }))\n }\n\n reader.readAsArrayBuffer(file)\n })\n\n switch (rejectedFiles[0]?.errors[0]?.code) {\n case FilesErrorCode.FileInvalidType:\n Notification({\n intent: 'error',\n text: 'Неверный формат файла. Загрузите в формате jpg/png/pdf'\n })\n break\n case FilesErrorCode.FileTooLarge:\n Notification({\n intent: 'error',\n text: `Файл слишком большой. Максимальный размер ${dropzoneOptions.maxSize ? bytesToMegabytes(dropzoneOptions.maxSize) : 0} МБ`\n })\n break\n case FilesErrorCode.TooManyFiles:\n Notification({\n intent: 'error',\n text: `Вы загрузили слишком много файлов. Максимальное количество ${dropzoneOptions.maxFiles}`\n })\n break\n default:\n break\n }\n\n const updatedFiles = [...controlledFiles, ...acceptedFiles]\n\n if (onChange) onChange(updatedFiles)\n if (externalHandlers?.onChange) externalHandlers?.onChange(updatedFiles)\n }\n\n const dropzoneState = useDropzone({\n onDrop,\n ...dropzoneOptions\n })\n\n return { filesStatus, removeFile, dropzoneState }\n}\n"],"names":["useUploader","dropzoneOptions","controlledFiles","onChange","externalHandlers","filesStatus","setFilesStatus","useState","removeFile","index","updatedFiles","_","idx","dropzoneState","useDropzone","acceptedFiles","rejectedFiles","file","reader","prev","_b","_a","FilesErrorCode","Notification","bytesToMegabytes"],"mappings":"4zDAaO,MAAMA,GAAc,CAAC,CAAE,gBAAAC,EAAiB,gBAAAC,EAAkB,CAAA,EAAI,SAAAC,EAAU,iBAAAC,KAAqC,CAClH,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAA0D,CAAA,CAAE,EAE5FC,EAAcC,GAAkB,CACpC,MAAMC,EAAeR,GAAA,YAAAA,EAAiB,OAAO,CAACS,EAAGC,IAAQA,IAAQH,GAC7DN,KAAmBO,CAAY,CACrC,EA2CMG,EAAgBC,EAAY,CAChC,OA1Ca,CAACC,EAAuBC,IAAmC,SAYxE,OAXAD,EAAc,QAASE,GAAS,CAC9B,MAAMC,EAAS,IAAI,WACnBZ,EAAgBa,IAAU,CAAE,GAAGA,EAAM,CAACF,EAAK,IAAI,EAAG,SAAA,EAAY,EAE9DC,EAAO,OAAS,IAAM,CACpBZ,EAAgBa,IAAU,CAAE,GAAGA,EAAM,CAACF,EAAK,IAAI,EAAG,SAAA,EAAY,CAChE,EAEAC,EAAO,kBAAkBD,CAAI,CAC/B,CAAC,GAEOG,GAAAC,EAAAL,EAAc,CAAC,IAAf,YAAAK,EAAkB,OAAO,KAAzB,YAAAD,EAA6B,KAAA,CACnC,KAAKE,EAAe,gBAClBC,EAAa,CACX,OAAQ,QACR,KAAM,wDAAA,CACP,EACD,MACF,KAAKD,EAAe,aAClBC,EAAa,CACX,OAAQ,QACR,KAAM,6CAA6CtB,EAAgB,QAAUuB,EAAiBvB,EAAgB,OAAO,EAAI,CAAC,KAAA,CAC3H,EACD,MACF,KAAKqB,EAAe,aAClBC,EAAa,CACX,OAAQ,QACR,KAAM,8DAA8DtB,EAAgB,QAAQ,EAAA,CAC7F,EACD,KAEA,CAGJ,MAAMS,EAAe,CAAC,GAAGR,EAAiB,GAAGa,CAAa,EAEtDZ,KAAmBO,CAAY,EAC/BN,GAAA,MAAAA,EAAkB,WAAUA,GAAA,MAAAA,EAAkB,SAASM,GAC7D,EAIE,GAAGT,CAAA,CACJ,EAED,MAAO,CAAE,YAAAI,EAAa,WAAAG,EAAY,cAAAK,CAAA,CACpC"}

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

@@ -1,2 +1,2 @@
-import{jsxs as r,jsx as o}from"react/jsx-runtime";import{bytesToMegabytes as g}from"../model/helpers.js";import{UploaderFilename as f}from"./UploaderFilename.js";import{cn as e}from"../../../../../utils/cn.js";import"react";import"../../../../button/Button.js";import"../../../../buttonIcon/ButtonIcon.js";import{Loader as h}from"../../../../loader/Loader.js";import"../../../../calendar/Calendar.js";import"../../../../calendar/model/utils.js";import"../../../../accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../../../modal/ui/IframeModalContent.js";import"../../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as i}from"../../../../icon/Icon.js";import"../../../../table/ui/primitives/Primitives.js";import"../../../../carousel/ui/CarouselContent.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"../../slider/SliderBase.js";import"../../switch/Switch.js";import"../../textarea/Textarea.js";import"../UploaderBase.js";import"../../inputCurrency/InputCurrency.js";import"../../../../../../../src/configs/api.js";import"../../../controlled/editor/ui/Editor.js";import"../../../controlled/input/MaskInputControl.js";import"../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const eo=({filesStatus:m,removeFile:p,classes:s,file:t,index:n})=>{const c=g(t.size),{root:a,deleteIcon:l,buttonDelete:d,content:b,buttonRoot:u,...x}=s||{};return r("li",{className:e("flex h-6 items-center justify-between p-1",a),children:[r("div",{className:e("flex items-center gap-2",b),children:[m[t.name]==="loading"&&o(h,{size:"sm"}),m[t.name]==="success"&&o(i,{name:"general/check",className:"text-icon-positive-default"}),o(f,{file:t,classes:x})]}),r("div",{className:e("flex items-center gap-2",u),children:[o("p",{className:"desk-body-regular-m text-color-blue-grey-600",children:`${c.toFixed(1)} MB`}),o("button",{className:e("cursor-pointer",d),onClick:()=>p(n),children:o(i,{name:"general/close",className:e("text-icon-blue-grey-600",l)})})]})]},t.name)};export{eo as UploaderFile};
+import{jsxs as r,jsx as o}from"react/jsx-runtime";import{bytesToMegabytes as g}from"../model/helpers.js";import{UploaderFilename as f}from"./UploaderFilename.js";import{cn as e}from"../../../../../utils/cn.js";import"react";import"../../../../button/Button.js";import"../../../../buttonIcon/ButtonIcon.js";import{Loader as h}from"../../../../loader/Loader.js";import"../../../../calendar/Calendar.js";import"../../../../calendar/model/utils.js";import"../../../../accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../../../modal/ui/IframeModalContent.js";import"../../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import{Icon as i}from"../../../../icon/Icon.js";import"../../../../table/ui/primitives/Primitives.js";import"../../../../carousel/ui/CarouselContent.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"../../slider/SliderBase.js";import"../../switch/Switch.js";import"../../textarea/Textarea.js";import"../UploaderBase.js";import"../../inputCurrency/InputCurrency.js";import"../../../../../../../src/configs/api.js";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 ro=({filesStatus:m,removeFile:p,classes:s,file:t,index:n})=>{const c=g(t.size),{root:a,deleteIcon:l,buttonDelete:d,content:b,buttonRoot:u,...x}=s||{};return r("li",{className:e("flex h-6 items-center justify-between p-1",a),children:[r("div",{className:e("flex items-center gap-2",b),children:[m[t.name]==="loading"&&o(h,{size:"sm"}),m[t.name]==="success"&&o(i,{name:"general/check",className:"text-icon-positive-default"}),o(f,{file:t,classes:x})]}),r("div",{className:e("flex items-center gap-2",u),children:[o("p",{className:"desk-body-regular-m text-color-blue-grey-600",children:`${c.toFixed(1)} MB`}),o("button",{className:e("cursor-pointer",d),onClick:()=>p(n),children:o(i,{name:"general/close",className:e("text-icon-blue-grey-600",l)})})]})]},t.name)};export{ro as UploaderFile};
 //# sourceMappingURL=UploaderFile.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"UploaderFile.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFile.tsx"],"sourcesContent":["import { bytesToMegabytes } from '../model/helpers'\nimport { UploaderFilename, type UploaderFileNameClasses } from './UploaderFilename'\nimport { Icon, Loader } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type UploaderFileClasses = UploaderFileNameClasses & {\n root?: string\n content?: string\n deleteIcon?: string\n buttonRoot?: string\n buttonDelete?: string\n}\n\ninterface UploaderFileProps {\n filesStatus: {\n [key: string]: 'loading' \| 'success' \| 'error'\n }\n removeFile: (index: number) => void\n classes?: UploaderFileClasses\n file: File\n index: number\n}\n\nexport const UploaderFile = ({ filesStatus, removeFile, classes, file, index }: UploaderFileProps) => {\n const fileSizeMb = bytesToMegabytes(file.size)\n\n const { root, deleteIcon, buttonDelete, content, buttonRoot, ...restClasses } = classes \|\| {}\n\n return (\n <li key={file.name} className={cn('flex h-6 items-center justify-between p-1', root)}>\n <div className={cn('flex items-center gap-2', content)}>\n {filesStatus[file.name] === 'loading' && <Loader size='sm' />}\n {filesStatus[file.name] === 'success' && <Icon name='general/check' className='text-icon-positive-default' />}\n <UploaderFilename file={file} classes={restClasses} />\n </div>\n <div className={cn('flex items-center gap-2', buttonRoot)}>\n <p className='desk-body-regular-m text-color-blue-grey-600'>{`${fileSizeMb.toFixed(1)} MB`}</p>\n <button className={cn('cursor-pointer', buttonDelete)} onClick={() => removeFile(index)}>\n <Icon name='general/close' className={cn('text-icon-blue-grey-600', deleteIcon)} />\n </button>\n </div>\n </li>\n )\n}\n"],"names":["UploaderFile","filesStatus","removeFile","classes","file","index","fileSizeMb","bytesToMegabytes","root","deleteIcon","buttonDelete","content","buttonRoot","restClasses","cn","jsxs","jsx","Loader","Icon","UploaderFilename"],"mappings":"~~ghDAuBO~~,MAAMA,GAAe,CAAC,CAAE,YAAAC,EAAa,WAAAC,EAAY,QAAAC,EAAS,KAAAC,EAAM,MAAAC,KAA+B,CACpG,MAAMC,EAAaC,EAAiBH,EAAK,IAAI,EAEvC,CAAE,KAAAI,EAAM,WAAAC,EAAY,aAAAC,EAAc,QAAAC,EAAS,WAAAC,EAAY,GAAGC,GAAgBV,GAAW,CAAA,EAE3F,SACG,KAAA,CAAmB,UAAWW,EAAG,4CAA6CN,CAAI,EACjF,SAAA,CAAAO,EAAC,MAAA,CAAI,UAAWD,EAAG,0BAA2BH,CAAO,EAClD,SAAA,CAAAV,EAAYG,EAAK,IAAI,IAAM,WAAaY,EAACC,EAAA,CAAO,KAAK,KAAK,EAC1DhB,EAAYG,EAAK,IAAI,IAAM,aAAcc,EAAA,CAAK,KAAK,gBAAgB,UAAU,4BAAA,CAA6B,EAC3GF,EAACG,EAAA,CAAiB,KAAAf,EAAY,QAASS,CAAA,CAAa,CAAA,EACtD,IACC,MAAA,CAAI,UAAWC,EAAG,0BAA2BF,CAAU,EACtD,SAAA,CAAAI,EAAC,IAAA,CAAE,UAAU,+CAAgD,SAAA,GAAGV,EAAW,QAAQ,CAAC,CAAC,KAAA,CAAM,EAC3FU,EAAC,UAAO,UAAWF,EAAG,iBAAkBJ,CAAY,EAAG,QAAS,IAAMR,EAAWG,CAAK,EACpF,SAAAW,EAACE,GAAK,KAAK,gBAAgB,UAAWJ,EAAG,0BAA2BL,CAAU,CAAA,CAAG,CAAA,CACnF,CAAA,CAAA,CACF,CAAA,CAAA,EAXOL,EAAK,IAYd,CAEJ"}
1	+ {"version":3,"file":"UploaderFile.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFile.tsx"],"sourcesContent":["import { bytesToMegabytes } from '../model/helpers'\nimport { UploaderFilename, type UploaderFileNameClasses } from './UploaderFilename'\nimport { Icon, Loader } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type UploaderFileClasses = UploaderFileNameClasses & {\n root?: string\n content?: string\n deleteIcon?: string\n buttonRoot?: string\n buttonDelete?: string\n}\n\ninterface UploaderFileProps {\n filesStatus: {\n [key: string]: 'loading' \| 'success' \| 'error'\n }\n removeFile: (index: number) => void\n classes?: UploaderFileClasses\n file: File\n index: number\n}\n\nexport const UploaderFile = ({ filesStatus, removeFile, classes, file, index }: UploaderFileProps) => {\n const fileSizeMb = bytesToMegabytes(file.size)\n\n const { root, deleteIcon, buttonDelete, content, buttonRoot, ...restClasses } = classes \|\| {}\n\n return (\n <li key={file.name} className={cn('flex h-6 items-center justify-between p-1', root)}>\n <div className={cn('flex items-center gap-2', content)}>\n {filesStatus[file.name] === 'loading' && <Loader size='sm' />}\n {filesStatus[file.name] === 'success' && <Icon name='general/check' className='text-icon-positive-default' />}\n <UploaderFilename file={file} classes={restClasses} />\n </div>\n <div className={cn('flex items-center gap-2', buttonRoot)}>\n <p className='desk-body-regular-m text-color-blue-grey-600'>{`${fileSizeMb.toFixed(1)} MB`}</p>\n <button className={cn('cursor-pointer', buttonDelete)} onClick={() => removeFile(index)}>\n <Icon name='general/close' className={cn('text-icon-blue-grey-600', deleteIcon)} />\n </button>\n </div>\n </li>\n )\n}\n"],"names":["UploaderFile","filesStatus","removeFile","classes","file","index","fileSizeMb","bytesToMegabytes","root","deleteIcon","buttonDelete","content","buttonRoot","restClasses","cn","jsxs","jsx","Loader","Icon","UploaderFilename"],"mappings":"usDAuBO,MAAMA,GAAe,CAAC,CAAE,YAAAC,EAAa,WAAAC,EAAY,QAAAC,EAAS,KAAAC,EAAM,MAAAC,KAA+B,CACpG,MAAMC,EAAaC,EAAiBH,EAAK,IAAI,EAEvC,CAAE,KAAAI,EAAM,WAAAC,EAAY,aAAAC,EAAc,QAAAC,EAAS,WAAAC,EAAY,GAAGC,GAAgBV,GAAW,CAAA,EAE3F,SACG,KAAA,CAAmB,UAAWW,EAAG,4CAA6CN,CAAI,EACjF,SAAA,CAAAO,EAAC,MAAA,CAAI,UAAWD,EAAG,0BAA2BH,CAAO,EAClD,SAAA,CAAAV,EAAYG,EAAK,IAAI,IAAM,WAAaY,EAACC,EAAA,CAAO,KAAK,KAAK,EAC1DhB,EAAYG,EAAK,IAAI,IAAM,aAAcc,EAAA,CAAK,KAAK,gBAAgB,UAAU,4BAAA,CAA6B,EAC3GF,EAACG,EAAA,CAAiB,KAAAf,EAAY,QAASS,CAAA,CAAa,CAAA,EACtD,IACC,MAAA,CAAI,UAAWC,EAAG,0BAA2BF,CAAU,EACtD,SAAA,CAAAI,EAAC,IAAA,CAAE,UAAU,+CAAgD,SAAA,GAAGV,EAAW,QAAQ,CAAC,CAAC,KAAA,CAAM,EAC3FU,EAAC,UAAO,UAAWF,EAAG,iBAAkBJ,CAAY,EAAG,QAAS,IAAMR,EAAWG,CAAK,EACpF,SAAAW,EAACE,GAAK,KAAK,gBAAgB,UAAWJ,EAAG,0BAA2BL,CAAU,CAAA,CAAG,CAAA,CACnF,CAAA,CAAA,CACF,CAAA,CAAA,EAXOL,EAAK,IAYd,CAEJ"}

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

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{useRef as n}from"react";import{useOverflow as l}from"../../../../../hooks/useOverflow.js";import{cn as i}from"../../../../../utils/cn.js";import"../../../../button/Button.js";import"../../../../buttonIcon/ButtonIcon.js";import"../../../../calendar/Calendar.js";import"../../../../calendar/model/utils.js";import"../../../../accordion/Accordion.js";import{Hint as a}from"../../../../hint/Hint.js";import"react-dom";import"../../../../modal/ui/IframeModalContent.js";import"../../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../../table/ui/primitives/Primitives.js";import"react-hook-form";import"../../../../carousel/ui/CarouselContent.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"../../slider/SliderBase.js";import"../../switch/Switch.js";import"../../textarea/Textarea.js";import"../UploaderBase.js";import"../../inputCurrency/InputCurrency.js";import"../../../../../../../src/configs/api.js";import"../../../controlled/editor/ui/Editor.js";import"../../../controlled/input/MaskInputControl.js";import"../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const Q=({file:o,classes:p})=>{const t=n(null),e=l(t),{fileText:m}=p||{};return r("div",{className:"w-[300px]",children:e?r(a,{triggerElement:r("p",{className:i("desk-body-regular-m truncate text-color-dark",m),children:o.name}),children:o.name}):r("p",{ref:t,className:i("desk-body-regular-m text-nowrap text-color-dark",m),children:o.name})})};export{Q as UploaderFilename};
+import{jsx as r}from"react/jsx-runtime";import{useRef as n}from"react";import{useOverflow as l}from"../../../../../hooks/useOverflow.js";import{cn as i}from"../../../../../utils/cn.js";import"../../../../button/Button.js";import"../../../../buttonIcon/ButtonIcon.js";import"../../../../calendar/Calendar.js";import"../../../../calendar/model/utils.js";import"../../../../accordion/Accordion.js";import{Hint as a}from"../../../../hint/Hint.js";import"react-dom";import"../../../../modal/ui/IframeModalContent.js";import"../../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import"../../../../table/ui/primitives/Primitives.js";import"react-hook-form";import"../../../../carousel/ui/CarouselContent.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"../../slider/SliderBase.js";import"../../switch/Switch.js";import"../../textarea/Textarea.js";import"../UploaderBase.js";import"../../inputCurrency/InputCurrency.js";import"../../../../../../../src/configs/api.js";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 S=({file:o,classes:p})=>{const t=n(null),e=l(t),{fileText:m}=p||{};return r("div",{className:"w-[300px]",children:e?r(a,{triggerElement:r("p",{className:i("desk-body-regular-m truncate text-color-dark",m),children:o.name}),children:o.name}):r("p",{ref:t,className:i("desk-body-regular-m text-nowrap text-color-dark",m),children:o.name})})};export{S as UploaderFilename};
 //# sourceMappingURL=UploaderFilename.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"UploaderFilename.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFilename.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useOverflow } from '$/shared/hooks/useOverflow'\nimport { Hint } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type UploaderFileNameClasses = {\n fileText?: string\n}\n\ninterface UploaderFilenameProps {\n file: File\n classes?: UploaderFileNameClasses\n}\n\nexport const UploaderFilename = ({ file, classes }: UploaderFilenameProps) => {\n const fileRef = useRef<HTMLParagraphElement>(null)\n const isOverflow = useOverflow(fileRef)\n\n const { fileText } = classes \|\| {}\n\n return (\n <div className='w-[300px]'>\n {isOverflow ? (\n <Hint triggerElement={<p className={cn('desk-body-regular-m truncate text-color-dark', fileText)}>{file.name}</p>}>\n {file.name}\n </Hint>\n ) : (\n <p ref={fileRef} className={cn('desk-body-regular-m text-nowrap text-color-dark', fileText)}>\n {file.name}\n </p>\n )}\n </div>\n )\n}\n"],"names":["UploaderFilename","file","classes","fileRef","useRef","isOverflow","useOverflow","fileText","jsx","Hint","cn"],"mappings":"~~m7CAcO~~,MAAMA,EAAmB,CAAC,CAAE,KAAAC,EAAM,QAAAC,KAAqC,CAC5E,MAAMC,EAAUC,EAA6B,IAAI,EAC3CC,EAAaC,EAAYH,CAAO,EAEhC,CAAE,SAAAI,GAAaL,GAAW,CAAA,EAEhC,OACEM,EAAC,MAAA,CAAI,UAAU,YACZ,WACCA,EAACC,EAAA,CAAK,eAAgBD,EAAC,IAAA,CAAE,UAAWE,EAAG,+CAAgDH,CAAQ,EAAI,SAAAN,EAAK,KAAK,EAC1G,SAAAA,EAAK,IAAA,CACR,EAEAO,EAAC,KAAE,IAAKL,EAAS,UAAWO,EAAG,kDAAmDH,CAAQ,EACvF,SAAAN,EAAK,KACR,EAEJ,CAEJ"}
1	+ {"version":3,"file":"UploaderFilename.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFilename.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useOverflow } from '$/shared/hooks/useOverflow'\nimport { Hint } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type UploaderFileNameClasses = {\n fileText?: string\n}\n\ninterface UploaderFilenameProps {\n file: File\n classes?: UploaderFileNameClasses\n}\n\nexport const UploaderFilename = ({ file, classes }: UploaderFilenameProps) => {\n const fileRef = useRef<HTMLParagraphElement>(null)\n const isOverflow = useOverflow(fileRef)\n\n const { fileText } = classes \|\| {}\n\n return (\n <div className='w-[300px]'>\n {isOverflow ? (\n <Hint triggerElement={<p className={cn('desk-body-regular-m truncate text-color-dark', fileText)}>{file.name}</p>}>\n {file.name}\n </Hint>\n ) : (\n <p ref={fileRef} className={cn('desk-body-regular-m text-nowrap text-color-dark', fileText)}>\n {file.name}\n </p>\n )}\n </div>\n )\n}\n"],"names":["UploaderFilename","file","classes","fileRef","useRef","isOverflow","useOverflow","fileText","jsx","Hint","cn"],"mappings":"0mDAcO,MAAMA,EAAmB,CAAC,CAAE,KAAAC,EAAM,QAAAC,KAAqC,CAC5E,MAAMC,EAAUC,EAA6B,IAAI,EAC3CC,EAAaC,EAAYH,CAAO,EAEhC,CAAE,SAAAI,GAAaL,GAAW,CAAA,EAEhC,OACEM,EAAC,MAAA,CAAI,UAAU,YACZ,WACCA,EAACC,EAAA,CAAK,eAAgBD,EAAC,IAAA,CAAE,UAAWE,EAAG,+CAAgDH,CAAQ,EAAI,SAAAN,EAAK,KAAK,EAC1G,SAAAA,EAAK,IAAA,CACR,EAEAO,EAAC,KAAE,IAAKL,EAAS,UAAWO,EAAG,kDAAmDH,CAAQ,EACvF,SAAAN,EAAK,KACR,EAEJ,CAEJ"}

package/dist/lib/shared/ui/heading/Heading.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as l}from"react/jsx-runtime";import{cva as s}from"../../../../node_modules/class-variance-authority/dist/index.js";import{cn as i}from"../../utils/cn.js";import"react";const m=s("",{variants:{as:{h1:"mob-headline-bold-m desktop:desk-headline-bold-l",h2:"mob-headline-bold-s desktop:desk-headline-bold-m",h3:"mob-title-bold-l desktop:desk-title-bold-l",h4:"mob-title-bold-m desktop:desk-title-bold-s"}},defaultVariants:{as:"h2"}}),p=({as:e="h2",children:o,className:t,...d})=>l(e,{className:i(m({as:e}),t),...d,children:o});export{p as Heading};
+import{jsx as l}from"react/jsx-runtime";import{cva as s}from"../../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";import{cn as i}from"../../utils/cn.js";import"react";const m=s("",{variants:{as:{h1:"mob-headline-bold-m desktop:desk-headline-bold-l",h2:"mob-headline-bold-s desktop:desk-headline-bold-m",h3:"mob-title-bold-l desktop:desk-title-bold-l",h4:"mob-title-bold-m desktop:desk-title-bold-s"}},defaultVariants:{as:"h2"}}),p=({as:e="h2",children:o,className:t,...d})=>l(e,{className:i(m({as:e}),t),...d,children:o});export{p as Heading};
 //# sourceMappingURL=Heading.js.map

package/dist/lib/shared/ui/heading/Heading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Heading.js","sources":["../../../../../lib/shared/ui/heading/Heading.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '$/shared/utils'\n\n// # add h5 and h6 могут использоваться там, где нужно по смыслу и могут быть разного размера на мобилке и декстопе\n\nconst headingConfig = cva('', {\n variants: {\n as: {\n h1: 'mob-headline-bold-m desktop:desk-headline-bold-l',\n h2: 'mob-headline-bold-s desktop:desk-headline-bold-m',\n h3: 'mob-title-bold-l desktop:desk-title-bold-l',\n h4: 'mob-title-bold-m desktop:desk-title-bold-s'\n }\n },\n defaultVariants: {\n as: 'h2'\n }\n})\n\nexport interface HeadingProps extends VariantProps<typeof headingConfig> {\n children: ReactNode\n className?: string\n as?: 'h1' \| 'h2' \| 'h3' \| 'h4'\n}\n\nexport const Heading = ({ as = 'h2', children, className, ...props }: HeadingProps) => {\n const Element = as\n return (\n <Element className={cn(headingConfig({ as }), className)} {...props}>\n {children}\n </Element>\n )\n}\n"],"names":["headingConfig","cva","Heading","as","children","className","props","jsx","cn"],"mappings":"~~mLAMA~~,MAAMA,EAAgBC,EAAI,GAAI,CAC5B,SAAU,CACR,GAAI,CACF,GAAI,mDACJ,GAAI,mDACJ,GAAI,6CACJ,GAAI,4CAAA,CACN,EAEF,gBAAiB,CACf,GAAI,IAAA,CAER,CAAC,EAQYC,EAAU,CAAC,CAAE,GAAAC,EAAK,KAAM,SAAAC,EAAU,UAAAC,EAAW,GAAGC,KAGzDC,EAFcJ,EAEb,CAAQ,UAAWK,EAAGR,EAAc,CAAE,GAAAG,CAAA,CAAI,EAAGE,CAAS,EAAI,GAAGC,EAC3D,SAAAF,CAAA,CACH"}
1	+ {"version":3,"file":"Heading.js","sources":["../../../../../lib/shared/ui/heading/Heading.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '$/shared/utils'\n\n// # add h5 and h6 могут использоваться там, где нужно по смыслу и могут быть разного размера на мобилке и декстопе\n\nconst headingConfig = cva('', {\n variants: {\n as: {\n h1: 'mob-headline-bold-m desktop:desk-headline-bold-l',\n h2: 'mob-headline-bold-s desktop:desk-headline-bold-m',\n h3: 'mob-title-bold-l desktop:desk-title-bold-l',\n h4: 'mob-title-bold-m desktop:desk-title-bold-s'\n }\n },\n defaultVariants: {\n as: 'h2'\n }\n})\n\nexport interface HeadingProps extends VariantProps<typeof headingConfig> {\n children: ReactNode\n className?: string\n as?: 'h1' \| 'h2' \| 'h3' \| 'h4'\n}\n\nexport const Heading = ({ as = 'h2', children, className, ...props }: HeadingProps) => {\n const Element = as\n return (\n <Element className={cn(headingConfig({ as }), className)} {...props}>\n {children}\n </Element>\n )\n}\n"],"names":["headingConfig","cva","Heading","as","children","className","props","jsx","cn"],"mappings":"qOAMA,MAAMA,EAAgBC,EAAI,GAAI,CAC5B,SAAU,CACR,GAAI,CACF,GAAI,mDACJ,GAAI,mDACJ,GAAI,6CACJ,GAAI,4CAAA,CACN,EAEF,gBAAiB,CACf,GAAI,IAAA,CAER,CAAC,EAQYC,EAAU,CAAC,CAAE,GAAAC,EAAK,KAAM,SAAAC,EAAU,UAAAC,EAAW,GAAGC,KAGzDC,EAFcJ,EAEb,CAAQ,UAAWK,EAAGR,EAAc,CAAE,GAAAG,CAAA,CAAI,EAAGE,CAAS,EAAI,GAAGC,EAC3D,SAAAF,CAAA,CACH"}

package/dist/lib/shared/ui/hint/Hint.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as i}from"react/jsx-runtime";import*as m from"react";import{Provider as R,Root as b,Trigger as k,Content as v,Arrow as x}from"../../../../node_modules/@radix-ui/react-tooltip/dist/index.js";import{useDevice as N}from"../../hooks/useDevice.js";import{useClickOutside as O}from"../../hooks/useClickOutside.js";import"react-hook-form";import{cn as t}from"../../utils/cn.js";const M=({triggerElement:p,children:d,delayDuration:f=250,sideOffset:u=6,align:h="center",side:w="top",defaultOpen:g=!1,classes:r,...a})=>{const[c,e]=m.useState(!1),n=m.useRef(null),{isMobile:l}=N();return O(n,()=>e(!1)),o(R,{children:o(b,{open:c,onOpenChange:e,defaultOpen:g,delayDuration:f,children:i("div",{className:t(r==null?void 0:r.wrapper),onClick:()=>e(l),children:[o(k,{type:"button",className:t("cursor-pointer",r==null?void 0:r.trigger),children:p}),i(v,{onPointerDownOutside:C=>C.preventDefault(),className:t("desk-body-regular-m w-48 origin-center animate-scale-in rounded-sm bg-color-white p-4 text-color-dark shadow-sm",r==null?void 0:r.content),sideOffset:u,align:h,side:w,ref:n,...a,children:[d,o(x,{width:12,height:6,className:t("fill-white",r==null?void 0:r.arrow)})]})]})})})};export{M as Hint};
+import{jsx as o,jsxs as i}from"react/jsx-runtime";import*as m from"react";import{Provider as R,Root as b,Trigger as k,Content as v,Arrow as x}from"../../../../node_modules/.pnpm/@radix-ui_react-tooltip@1.2.8_@types_react-dom@18.3.7_@types_react@18.3.23__@types_reac_7c3bf385a14a2589419358c4ac492a25/node_modules/@radix-ui/react-tooltip/dist/index.js";import{useDevice as N}from"../../hooks/useDevice.js";import{useClickOutside as O}from"../../hooks/useClickOutside.js";import"react-hook-form";import{cn as t}from"../../utils/cn.js";const M=({triggerElement:p,children:d,delayDuration:f=250,sideOffset:u=6,align:h="center",side:w="top",defaultOpen:g=!1,classes:r,...a})=>{const[c,e]=m.useState(!1),n=m.useRef(null),{isMobile:l}=N();return O(n,()=>e(!1)),o(R,{children:o(b,{open:c,onOpenChange:e,defaultOpen:g,delayDuration:f,children:i("div",{className:t(r==null?void 0:r.wrapper),onClick:()=>e(l),children:[o(k,{type:"button",className:t("cursor-pointer",r==null?void 0:r.trigger),children:p}),i(v,{onPointerDownOutside:C=>C.preventDefault(),className:t("desk-body-regular-m w-48 origin-center animate-scale-in rounded-sm bg-color-white p-4 text-color-dark shadow-sm",r==null?void 0:r.content),sideOffset:u,align:h,side:w,ref:n,...a,children:[d,o(x,{width:12,height:6,className:t("fill-white",r==null?void 0:r.arrow)})]})]})})})};export{M as Hint};
 //# sourceMappingURL=Hint.js.map

package/dist/lib/shared/ui/hint/Hint.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Hint.js","sources":["../../../../../lib/shared/ui/hint/Hint.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { useClickOutside, useDevice } from '$/shared/hooks'\nimport { cn } from '$/shared/utils'\n\ntype HintClasses = {\n wrapper?: string\n content?: string\n arrow?: string\n trigger?: string\n}\n\nexport interface HintContentProps extends TooltipPrimitive.TooltipContentProps {\n delayDuration?: number\n sideOffset?: number\n align?: 'end' \| 'center' \| 'start'\n side?: 'top' \| 'right' \| 'bottom' \| 'left'\n defaultOpen?: boolean\n}\n\nexport interface IHintProps extends HintContentProps {\n triggerElement: React.ReactElement\n children: React.ReactElement \| string\n classes?: HintClasses\n}\n\nexport const Hint = ({\n triggerElement,\n children,\n delayDuration = 250,\n sideOffset = 6,\n align = 'center',\n side = 'top',\n defaultOpen = false,\n classes,\n ...contentProps\n}: IHintProps) => {\n const [open, setOpen] = React.useState(false)\n const contentRef = React.useRef<HTMLDivElement>(null)\n const { isMobile } = useDevice()\n\n useClickOutside(contentRef, () => setOpen(false))\n return (\n <TooltipPrimitive.Provider>\n <TooltipPrimitive.Root open={open} onOpenChange={setOpen} defaultOpen={defaultOpen} delayDuration={delayDuration}>\n <div className={cn(classes?.wrapper)} onClick={() => setOpen(isMobile)}>\n <TooltipPrimitive.Trigger type='button' className={cn('cursor-pointer', classes?.trigger)}>\n {triggerElement}\n </TooltipPrimitive.Trigger>\n <TooltipPrimitive.Content\n onPointerDownOutside={(event) => event.preventDefault()}\n className={cn(\n 'desk-body-regular-m w-48 origin-center animate-scale-in rounded-sm bg-color-white p-4 text-color-dark shadow-sm',\n classes?.content\n )}\n sideOffset={sideOffset}\n align={align}\n side={side}\n ref={contentRef}\n {...contentProps}\n >\n {children}\n <TooltipPrimitive.Arrow width={12} height={6} className={cn('fill-white', classes?.arrow)} />\n </TooltipPrimitive.Content>\n </div>\n </TooltipPrimitive.Root>\n </TooltipPrimitive.Provider>\n )\n}\n"],"names":["Hint","triggerElement","children","delayDuration","sideOffset","align","side","defaultOpen","classes","contentProps","open","setOpen","React","contentRef","isMobile","useDevice","useClickOutside","jsx","TooltipPrimitive.Provider","TooltipPrimitive.Root","jsxs","cn","TooltipPrimitive.Trigger","TooltipPrimitive.Content","event","TooltipPrimitive.Arrow"],"mappings":"~~wYA4BO~~,MAAMA,EAAO,CAAC,CACnB,eAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,IAChB,WAAAC,EAAa,EACb,MAAAC,EAAQ,SACR,KAAAC,EAAO,MACP,YAAAC,EAAc,GACd,QAAAC,EACA,GAAGC,CACL,IAAkB,CAChB,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAM,SAAS,EAAK,EACtCC,EAAaD,EAAM,OAAuB,IAAI,EAC9C,CAAE,SAAAE,CAAA,EAAaC,EAAA,EAErB,OAAAC,EAAgBH,EAAY,IAAMF,EAAQ,EAAK,CAAC,EAE9CM,EAACC,EAAA,CACC,SAAAD,EAACE,EAAA,CAAsB,KAAAT,EAAY,aAAcC,EAAS,YAAAJ,EAA0B,cAAAJ,EAClF,SAAAiB,EAAC,MAAA,CAAI,UAAWC,EAAGb,GAAA,YAAAA,EAAS,OAAO,EAAG,QAAS,IAAMG,EAAQG,CAAQ,EACnE,SAAA,CAAAG,EAACK,EAAA,CAAyB,KAAK,SAAS,UAAWD,EAAG,iBAAkBb,GAAA,YAAAA,EAAS,OAAO,EACrF,SAAAP,CAAA,CACH,EACAmB,EAACG,EAAA,CACC,qBAAuBC,GAAUA,EAAM,eAAA,EACvC,UAAWH,EACT,kHACAb,GAAA,YAAAA,EAAS,OAAA,EAEX,WAAAJ,EACA,MAAAC,EACA,KAAAC,EACA,IAAKO,EACJ,GAAGJ,EAEH,SAAA,CAAAP,EACDe,EAACQ,EAAA,CAAuB,MAAO,GAAI,OAAQ,EAAG,UAAWJ,EAAG,aAAcb,GAAA,YAAAA,EAAS,KAAK,CAAA,CAAG,CAAA,CAAA,CAAA,CAC7F,CAAA,CACF,EACF,EACF,CAEJ"}
1	+ {"version":3,"file":"Hint.js","sources":["../../../../../lib/shared/ui/hint/Hint.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { useClickOutside, useDevice } from '$/shared/hooks'\nimport { cn } from '$/shared/utils'\n\ntype HintClasses = {\n wrapper?: string\n content?: string\n arrow?: string\n trigger?: string\n}\n\nexport interface HintContentProps extends TooltipPrimitive.TooltipContentProps {\n delayDuration?: number\n sideOffset?: number\n align?: 'end' \| 'center' \| 'start'\n side?: 'top' \| 'right' \| 'bottom' \| 'left'\n defaultOpen?: boolean\n}\n\nexport interface IHintProps extends HintContentProps {\n triggerElement: React.ReactElement\n children: React.ReactElement \| string\n classes?: HintClasses\n}\n\nexport const Hint = ({\n triggerElement,\n children,\n delayDuration = 250,\n sideOffset = 6,\n align = 'center',\n side = 'top',\n defaultOpen = false,\n classes,\n ...contentProps\n}: IHintProps) => {\n const [open, setOpen] = React.useState(false)\n const contentRef = React.useRef<HTMLDivElement>(null)\n const { isMobile } = useDevice()\n\n useClickOutside(contentRef, () => setOpen(false))\n return (\n <TooltipPrimitive.Provider>\n <TooltipPrimitive.Root open={open} onOpenChange={setOpen} defaultOpen={defaultOpen} delayDuration={delayDuration}>\n <div className={cn(classes?.wrapper)} onClick={() => setOpen(isMobile)}>\n <TooltipPrimitive.Trigger type='button' className={cn('cursor-pointer', classes?.trigger)}>\n {triggerElement}\n </TooltipPrimitive.Trigger>\n <TooltipPrimitive.Content\n onPointerDownOutside={(event) => event.preventDefault()}\n className={cn(\n 'desk-body-regular-m w-48 origin-center animate-scale-in rounded-sm bg-color-white p-4 text-color-dark shadow-sm',\n classes?.content\n )}\n sideOffset={sideOffset}\n align={align}\n side={side}\n ref={contentRef}\n {...contentProps}\n >\n {children}\n <TooltipPrimitive.Arrow width={12} height={6} className={cn('fill-white', classes?.arrow)} />\n </TooltipPrimitive.Content>\n </div>\n </TooltipPrimitive.Root>\n </TooltipPrimitive.Provider>\n )\n}\n"],"names":["Hint","triggerElement","children","delayDuration","sideOffset","align","side","defaultOpen","classes","contentProps","open","setOpen","React","contentRef","isMobile","useDevice","useClickOutside","jsx","TooltipPrimitive.Provider","TooltipPrimitive.Root","jsxs","cn","TooltipPrimitive.Trigger","TooltipPrimitive.Content","event","TooltipPrimitive.Arrow"],"mappings":"ohBA4BO,MAAMA,EAAO,CAAC,CACnB,eAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,IAChB,WAAAC,EAAa,EACb,MAAAC,EAAQ,SACR,KAAAC,EAAO,MACP,YAAAC,EAAc,GACd,QAAAC,EACA,GAAGC,CACL,IAAkB,CAChB,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAM,SAAS,EAAK,EACtCC,EAAaD,EAAM,OAAuB,IAAI,EAC9C,CAAE,SAAAE,CAAA,EAAaC,EAAA,EAErB,OAAAC,EAAgBH,EAAY,IAAMF,EAAQ,EAAK,CAAC,EAE9CM,EAACC,EAAA,CACC,SAAAD,EAACE,EAAA,CAAsB,KAAAT,EAAY,aAAcC,EAAS,YAAAJ,EAA0B,cAAAJ,EAClF,SAAAiB,EAAC,MAAA,CAAI,UAAWC,EAAGb,GAAA,YAAAA,EAAS,OAAO,EAAG,QAAS,IAAMG,EAAQG,CAAQ,EACnE,SAAA,CAAAG,EAACK,EAAA,CAAyB,KAAK,SAAS,UAAWD,EAAG,iBAAkBb,GAAA,YAAAA,EAAS,OAAO,EACrF,SAAAP,CAAA,CACH,EACAmB,EAACG,EAAA,CACC,qBAAuBC,GAAUA,EAAM,eAAA,EACvC,UAAWH,EACT,kHACAb,GAAA,YAAAA,EAAS,OAAA,EAEX,WAAAJ,EACA,MAAAC,EACA,KAAAC,EACA,IAAKO,EACJ,GAAGJ,EAEH,SAAA,CAAAP,EACDe,EAACQ,EAAA,CAAuB,MAAO,GAAI,OAAQ,EAAG,UAAWJ,EAAG,aAAcb,GAAA,YAAAA,EAAS,KAAK,CAAA,CAAG,CAAA,CAAA,CAAA,CAC7F,CAAA,CACF,EACF,EACF,CAEJ"}

package/dist/lib/shared/ui/loader/model/helpers.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{cva as r}from"../../../../../node_modules/class-variance-authority/dist/index.js";const t=r("",{variants:{position:{absolute:"absolute",static:"static",fixed:"fixed"}},defaultVariants:{position:"static"}}),i=r("border-2 border-solid block animate-spin rounded-full",{variants:{intent:{primary:"border-white border-b-transparent",secondary:"border-primary-default border-b-transparent"},size:{sm:"size-5 border-2",md:"size-8 border-2",lg:"size-12 border-4"}},defaultVariants:{size:"md",intent:"primary"}});export{i as loaderConfig,t as wrapperConfig};
+import{cva as r}from"../../../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";const t=r("",{variants:{position:{absolute:"absolute",static:"static",fixed:"fixed"}},defaultVariants:{position:"static"}}),i=r("border-2 border-solid block animate-spin rounded-full",{variants:{intent:{primary:"border-white border-b-transparent",secondary:"border-primary-default border-b-transparent"},size:{sm:"size-5 border-2",md:"size-8 border-2",lg:"size-12 border-4"}},defaultVariants:{size:"md",intent:"primary"}});export{i as loaderConfig,t as wrapperConfig};
 //# sourceMappingURL=helpers.js.map

package/dist/lib/shared/ui/loader/model/helpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"helpers.js","sources":["../../../../../../lib/shared/ui/loader/model/helpers.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const wrapperConfig = cva('', {\n variants: {\n position: {\n absolute: 'absolute',\n static: 'static',\n fixed: 'fixed'\n }\n },\n defaultVariants: {\n position: 'static'\n }\n})\n\nexport const loaderConfig = cva('border-2 border-solid block animate-spin rounded-full', {\n variants: {\n intent: {\n primary: 'border-white border-b-transparent',\n secondary: 'border-primary-default border-b-transparent'\n },\n size: {\n sm: 'size-5 border-2',\n md: 'size-8 border-2',\n lg: 'size-12 border-4'\n }\n },\n defaultVariants: {\n size: 'md',\n intent: 'primary'\n }\n})\n"],"names":["wrapperConfig","cva","loaderConfig"],"mappings":"~~yFAEO~~,MAAMA,EAAgBC,EAAI,GAAI,CACnC,SAAU,CACR,SAAU,CACR,SAAU,WACV,OAAQ,SACR,MAAO,OAAA,CACT,EAEF,gBAAiB,CACf,SAAU,QAAA,CAEd,CAAC,EAEYC,EAAeD,EAAI,wDAAyD,CACvF,SAAU,CACR,OAAQ,CACN,QAAS,oCACT,UAAW,6CAAA,EAEb,KAAM,CACJ,GAAI,kBACJ,GAAI,kBACJ,GAAI,kBAAA,CACN,EAEF,gBAAiB,CACf,KAAM,KACN,OAAQ,SAAA,CAEZ,CAAC"}
1	+ {"version":3,"file":"helpers.js","sources":["../../../../../../lib/shared/ui/loader/model/helpers.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const wrapperConfig = cva('', {\n variants: {\n position: {\n absolute: 'absolute',\n static: 'static',\n fixed: 'fixed'\n }\n },\n defaultVariants: {\n position: 'static'\n }\n})\n\nexport const loaderConfig = cva('border-2 border-solid block animate-spin rounded-full', {\n variants: {\n intent: {\n primary: 'border-white border-b-transparent',\n secondary: 'border-primary-default border-b-transparent'\n },\n size: {\n sm: 'size-5 border-2',\n md: 'size-8 border-2',\n lg: 'size-12 border-4'\n }\n },\n defaultVariants: {\n size: 'md',\n intent: 'primary'\n }\n})\n"],"names":["wrapperConfig","cva","loaderConfig"],"mappings":"2IAEO,MAAMA,EAAgBC,EAAI,GAAI,CACnC,SAAU,CACR,SAAU,CACR,SAAU,WACV,OAAQ,SACR,MAAO,OAAA,CACT,EAEF,gBAAiB,CACf,SAAU,QAAA,CAEd,CAAC,EAEYC,EAAeD,EAAI,wDAAyD,CACvF,SAAU,CACR,OAAQ,CACN,QAAS,oCACT,UAAW,6CAAA,EAEb,KAAM,CACJ,GAAI,kBACJ,GAAI,kBACJ,GAAI,kBAAA,CACN,EAEF,gBAAiB,CACf,KAAM,KACN,OAAQ,SAAA,CAEZ,CAAC"}

package/dist/lib/shared/ui/modal/Modal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as D,Fragment as M}from"react/jsx-runtime";import{useEffect as R,useRef as d}from"react";import{createPortal as y}from"react-dom";import{modalOverlayAnimation as N,modalContentAnimation as j}from"./model/helpers.js";import{IframeModalContent as k}from"./ui/IframeModalContent.js";import{ModalHeader as A}from"./ui/ModalHeader.js";import{cn as e}from"../../utils/cn.js";import{mergeRefs as C}from"../../utils/mergeRefs.js";import{AnimatePresence as E}from"../../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";import{motion as l}from"../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const q=({title:v,children:u,isModalOpen:n,isPortal:a=!0,portalContainer:h=(c=>(c=globalThis==null?void 0:globalThis.document)==null?void 0:c.body)(),closeModal:m,classes:o,iframe:w})=>{R(()=>(n&&(document.body.style.overflow="hidden"),()=>{document.body.style.overflow="visible"}),[n]);const x=d(null),i=d(null),f=d(!1),b=r=>{r.target===i.current&&(f.current=!0)},g=r=>{f.current&&r.target===i.current&&m(),f.current=!1},p=t(E,{children:n&&t(l.div,{ref:C(r=>r==null?void 0:r.focus(),i),tabIndex:-1,onMouseDown:b,onMouseUp:g,className:e("fixed inset-0 flex h-screen w-screen items-center justify-center bg-color-overlay",{"z-1000":!a},o==null?void 0:o.overlay),onKeyDown:r=>{r.key==="Escape"&&m()},"data-id":"modal-overlay",...N,children:D(l.div,{onMouseDown:r=>r.stopPropagation(),className:e("max-h-[90vh] w-full max-w-[600px] overflow-y-auto rounded-md bg-color-white px-4 py-6 shadow-sm desktop:px-6 desktop:py-8",o==null?void 0:o.modal),"data-id":"modal",...j,children:[t(A,{title:v,closeModal:m,classes:o==null?void 0:o.modalHeader}),w?t(k,{ref:x,className:e("mt-4",o==null?void 0:o.content),children:r=>y(u,r)}):t("div",{className:e("mt-4",o==null?void 0:o.content),children:u})]})})});return t(M,{children:a?y(p,h):p})};export{q as Modal};
+import{jsx as t,jsxs as D,Fragment as M}from"react/jsx-runtime";import{useEffect as R,useRef as d}from"react";import{createPortal as y}from"react-dom";import{modalOverlayAnimation as N,modalContentAnimation as j}from"./model/helpers.js";import{IframeModalContent as k}from"./ui/IframeModalContent.js";import{ModalHeader as A}from"./ui/ModalHeader.js";import{cn as e}from"../../utils/cn.js";import{mergeRefs as C}from"../../utils/mergeRefs.js";import{AnimatePresence as E}from"../../../../node_modules/.pnpm/framer-motion@11.18.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";import{motion as l}from"../../../../node_modules/.pnpm/framer-motion@11.18.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const q=({title:v,children:u,isModalOpen:n,isPortal:a=!0,portalContainer:h=(c=>(c=globalThis==null?void 0:globalThis.document)==null?void 0:c.body)(),closeModal:m,classes:o,iframe:w})=>{R(()=>(n&&(document.body.style.overflow="hidden"),()=>{document.body.style.overflow="visible"}),[n]);const x=d(null),i=d(null),f=d(!1),b=r=>{r.target===i.current&&(f.current=!0)},g=r=>{f.current&&r.target===i.current&&m(),f.current=!1},p=t(E,{children:n&&t(l.div,{ref:C(r=>r==null?void 0:r.focus(),i),tabIndex:-1,onMouseDown:b,onMouseUp:g,className:e("fixed inset-0 flex h-screen w-screen items-center justify-center bg-color-overlay",{"z-1000":!a},o==null?void 0:o.overlay),onKeyDown:r=>{r.key==="Escape"&&m()},"data-id":"modal-overlay",...N,children:D(l.div,{onMouseDown:r=>r.stopPropagation(),className:e("max-h-[90vh] w-full max-w-[600px] overflow-y-auto rounded-md bg-color-white px-4 py-6 shadow-sm desktop:px-6 desktop:py-8",o==null?void 0:o.modal),"data-id":"modal",...j,children:[t(A,{title:v,closeModal:m,classes:o==null?void 0:o.modalHeader}),w?t(k,{ref:x,className:e("mt-4",o==null?void 0:o.content),children:r=>y(u,r)}):t("div",{className:e("mt-4",o==null?void 0:o.content),children:u})]})})});return t(M,{children:a?y(p,h):p})};export{q as Modal};
 //# sourceMappingURL=Modal.js.map

package/dist/lib/shared/ui/modal/Modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Modal.js","sources":["../../../../../lib/shared/ui/modal/Modal.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { useEffect, useRef } from 'react' // useState больше не нужен\nimport { createPortal } from 'react-dom'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { modalContentAnimation, modalOverlayAnimation } from './model/helpers'\nimport { IframeModalContent } from './ui/IframeModalContent'\nimport { ModalHeader, type TModalHeaderClasses } from './ui/ModalHeader'\nimport { cn, mergeRefs } from '$/shared/utils'\n\ntype ModalClasses = {\n overlay?: string\n modal?: string\n content?: string\n modalHeader?: TModalHeaderClasses\n}\n\nexport interface ModalProps {\n children: React.ReactElement\n isModalOpen: boolean\n classes?: ModalClasses\n isPortal?: boolean\n portalContainer?: HTMLElement\n title?: string \| React.ReactElement\n closeModal: () => void\n iframe?: boolean\n}\n\nexport const Modal = ({\n title,\n children,\n isModalOpen,\n isPortal = true,\n portalContainer = globalThis?.document?.body,\n closeModal,\n classes,\n iframe\n}: ModalProps) => {\n useEffect(() => {\n if (isModalOpen) {\n document.body.style.overflow = 'hidden'\n }\n return () => {\n document.body.style.overflow = 'visible'\n }\n }, [isModalOpen])\n\n const iframeRef = useRef<HTMLIFrameElement>(null)\n const overlayRef = useRef<HTMLDivElement>(null)\n const isMouseDownOnOverlayRef = useRef(false)\n\n const handleMouseDown = (e: React.MouseEvent<HTMLDivElement>) => {\n if (e.target === overlayRef.current) {\n isMouseDownOnOverlayRef.current = true\n }\n }\n\n const handleMouseUp = (e: React.MouseEvent<HTMLDivElement>) => {\n if (isMouseDownOnOverlayRef.current && e.target === overlayRef.current) {\n closeModal()\n }\n isMouseDownOnOverlayRef.current = false\n }\n\n const modalBody = (\n <AnimatePresence>\n {isModalOpen && (\n <motion.div\n ref={mergeRefs((node) => node?.focus(), overlayRef)}\n tabIndex={-1}\n onMouseDown={handleMouseDown}\n onMouseUp={handleMouseUp}\n className={cn(\n 'fixed inset-0 flex h-screen w-screen items-center justify-center bg-color-overlay',\n { 'z-1000': !isPortal },\n classes?.overlay\n )}\n onKeyDown={(event) => {\n if (event.key === 'Escape') {\n closeModal()\n }\n }}\n data-id='modal-overlay'\n {...modalOverlayAnimation}\n >\n <motion.div\n onMouseDown={(event) => event.stopPropagation()}\n className={cn(\n 'max-h-[90vh] w-full max-w-[600px] overflow-y-auto rounded-md bg-color-white px-4 py-6 shadow-sm desktop:px-6 desktop:py-8',\n classes?.modal\n )}\n data-id='modal'\n {...modalContentAnimation}\n >\n <ModalHeader title={title} closeModal={closeModal} classes={classes?.modalHeader} />\n {iframe ? (\n <IframeModalContent ref={iframeRef} className={cn('mt-4', classes?.content)}>\n {(iframeBody) => createPortal(children, iframeBody)}\n </IframeModalContent>\n ) : (\n <div className={cn('mt-4', classes?.content)}>{children}</div>\n )}\n </motion.div>\n </motion.div>\n )}\n </AnimatePresence>\n )\n return <>{isPortal ? createPortal(modalBody, portalContainer) : modalBody}</>\n}\n"],"names":["Modal","title","children","isModalOpen","isPortal","portalContainer","_a","closeModal","classes","iframe","useEffect","iframeRef","useRef","overlayRef","isMouseDownOnOverlayRef","handleMouseDown","e","handleMouseUp","modalBody","jsx","AnimatePresence","motion","mergeRefs","node","cn","event","modalOverlayAnimation","jsxs","modalContentAnimation","ModalHeader","IframeModalContent","iframeBody","createPortal"],"mappings":"~~0pBA6BO~~,MAAMA,EAAQ,CAAC,CACpB,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,SAAAC,EAAW,GACX,gBAAAC,GAAkBC,MAAA,mCAAY,WAAZ,YAAAA,EAAsB,QACxC,WAAAC,EACA,QAAAC,EACA,OAAAC,CACF,IAAkB,CAChBC,EAAU,KACJP,IACF,SAAS,KAAK,MAAM,SAAW,UAE1B,IAAM,CACX,SAAS,KAAK,MAAM,SAAW,SACjC,GACC,CAACA,CAAW,CAAC,EAEhB,MAAMQ,EAAYC,EAA0B,IAAI,EAC1CC,EAAaD,EAAuB,IAAI,EACxCE,EAA0BF,EAAO,EAAK,EAEtCG,EAAmBC,GAAwC,CAC3DA,EAAE,SAAWH,EAAW,UAC1BC,EAAwB,QAAU,GAEtC,EAEMG,EAAiBD,GAAwC,CACzDF,EAAwB,SAAWE,EAAE,SAAWH,EAAW,SAC7DN,EAAA,EAEFO,EAAwB,QAAU,EACpC,EAEMI,EACJC,EAACC,EAAA,CACE,SAAAjB,GACCgB,EAACE,EAAO,IAAP,CACC,IAAKC,EAAWC,GAASA,GAAA,YAAAA,EAAM,QAASV,CAAU,EAClD,SAAU,GACV,YAAaE,EACb,UAAWE,EACX,UAAWO,EACT,oFACA,CAAE,SAAU,CAACpB,CAAA,EACbI,GAAA,YAAAA,EAAS,OAAA,EAEX,UAAYiB,GAAU,CAChBA,EAAM,MAAQ,UAChBlB,EAAA,CAEJ,EACA,UAAQ,gBACP,GAAGmB,EAEJ,SAAAC,EAACN,EAAO,IAAP,CACC,YAAcI,GAAUA,EAAM,gBAAA,EAC9B,UAAWD,EACT,4HACAhB,GAAA,YAAAA,EAAS,KAAA,EAEX,UAAQ,QACP,GAAGoB,EAEJ,SAAA,CAAAT,EAACU,EAAA,CAAY,MAAA5B,EAAc,WAAAM,EAAwB,QAASC,GAAA,YAAAA,EAAS,YAAa,EACjFC,EACCU,EAACW,EAAA,CAAmB,IAAKnB,EAAW,UAAWa,EAAG,OAAQhB,GAAA,YAAAA,EAAS,OAAO,EACvE,SAACuB,GAAeC,EAAa9B,EAAU6B,CAAU,EACpD,EAEAZ,EAAC,MAAA,CAAI,UAAWK,EAAG,OAAQhB,GAAA,YAAAA,EAAS,OAAO,EAAI,SAAAN,CAAA,CAAS,CAAA,CAAA,CAAA,CAE5D,CAAA,EAGN,EAEF,YAAU,SAAAE,EAAW4B,EAAad,EAAWb,CAAe,EAAIa,EAAU,CAC5E"}
1	+ {"version":3,"file":"Modal.js","sources":["../../../../../lib/shared/ui/modal/Modal.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { useEffect, useRef } from 'react' // useState больше не нужен\nimport { createPortal } from 'react-dom'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { modalContentAnimation, modalOverlayAnimation } from './model/helpers'\nimport { IframeModalContent } from './ui/IframeModalContent'\nimport { ModalHeader, type TModalHeaderClasses } from './ui/ModalHeader'\nimport { cn, mergeRefs } from '$/shared/utils'\n\ntype ModalClasses = {\n overlay?: string\n modal?: string\n content?: string\n modalHeader?: TModalHeaderClasses\n}\n\nexport interface ModalProps {\n children: React.ReactElement\n isModalOpen: boolean\n classes?: ModalClasses\n isPortal?: boolean\n portalContainer?: HTMLElement\n title?: string \| React.ReactElement\n closeModal: () => void\n iframe?: boolean\n}\n\nexport const Modal = ({\n title,\n children,\n isModalOpen,\n isPortal = true,\n portalContainer = globalThis?.document?.body,\n closeModal,\n classes,\n iframe\n}: ModalProps) => {\n useEffect(() => {\n if (isModalOpen) {\n document.body.style.overflow = 'hidden'\n }\n return () => {\n document.body.style.overflow = 'visible'\n }\n }, [isModalOpen])\n\n const iframeRef = useRef<HTMLIFrameElement>(null)\n const overlayRef = useRef<HTMLDivElement>(null)\n const isMouseDownOnOverlayRef = useRef(false)\n\n const handleMouseDown = (e: React.MouseEvent<HTMLDivElement>) => {\n if (e.target === overlayRef.current) {\n isMouseDownOnOverlayRef.current = true\n }\n }\n\n const handleMouseUp = (e: React.MouseEvent<HTMLDivElement>) => {\n if (isMouseDownOnOverlayRef.current && e.target === overlayRef.current) {\n closeModal()\n }\n isMouseDownOnOverlayRef.current = false\n }\n\n const modalBody = (\n <AnimatePresence>\n {isModalOpen && (\n <motion.div\n ref={mergeRefs((node) => node?.focus(), overlayRef)}\n tabIndex={-1}\n onMouseDown={handleMouseDown}\n onMouseUp={handleMouseUp}\n className={cn(\n 'fixed inset-0 flex h-screen w-screen items-center justify-center bg-color-overlay',\n { 'z-1000': !isPortal },\n classes?.overlay\n )}\n onKeyDown={(event) => {\n if (event.key === 'Escape') {\n closeModal()\n }\n }}\n data-id='modal-overlay'\n {...modalOverlayAnimation}\n >\n <motion.div\n onMouseDown={(event) => event.stopPropagation()}\n className={cn(\n 'max-h-[90vh] w-full max-w-[600px] overflow-y-auto rounded-md bg-color-white px-4 py-6 shadow-sm desktop:px-6 desktop:py-8',\n classes?.modal\n )}\n data-id='modal'\n {...modalContentAnimation}\n >\n <ModalHeader title={title} closeModal={closeModal} classes={classes?.modalHeader} />\n {iframe ? (\n <IframeModalContent ref={iframeRef} className={cn('mt-4', classes?.content)}>\n {(iframeBody) => createPortal(children, iframeBody)}\n </IframeModalContent>\n ) : (\n <div className={cn('mt-4', classes?.content)}>{children}</div>\n )}\n </motion.div>\n </motion.div>\n )}\n </AnimatePresence>\n )\n return <>{isPortal ? createPortal(modalBody, portalContainer) : modalBody}</>\n}\n"],"names":["Modal","title","children","isModalOpen","isPortal","portalContainer","_a","closeModal","classes","iframe","useEffect","iframeRef","useRef","overlayRef","isMouseDownOnOverlayRef","handleMouseDown","e","handleMouseUp","modalBody","jsx","AnimatePresence","motion","mergeRefs","node","cn","event","modalOverlayAnimation","jsxs","modalContentAnimation","ModalHeader","IframeModalContent","iframeBody","createPortal"],"mappings":"o0BA6BO,MAAMA,EAAQ,CAAC,CACpB,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,SAAAC,EAAW,GACX,gBAAAC,GAAkBC,MAAA,mCAAY,WAAZ,YAAAA,EAAsB,QACxC,WAAAC,EACA,QAAAC,EACA,OAAAC,CACF,IAAkB,CAChBC,EAAU,KACJP,IACF,SAAS,KAAK,MAAM,SAAW,UAE1B,IAAM,CACX,SAAS,KAAK,MAAM,SAAW,SACjC,GACC,CAACA,CAAW,CAAC,EAEhB,MAAMQ,EAAYC,EAA0B,IAAI,EAC1CC,EAAaD,EAAuB,IAAI,EACxCE,EAA0BF,EAAO,EAAK,EAEtCG,EAAmBC,GAAwC,CAC3DA,EAAE,SAAWH,EAAW,UAC1BC,EAAwB,QAAU,GAEtC,EAEMG,EAAiBD,GAAwC,CACzDF,EAAwB,SAAWE,EAAE,SAAWH,EAAW,SAC7DN,EAAA,EAEFO,EAAwB,QAAU,EACpC,EAEMI,EACJC,EAACC,EAAA,CACE,SAAAjB,GACCgB,EAACE,EAAO,IAAP,CACC,IAAKC,EAAWC,GAASA,GAAA,YAAAA,EAAM,QAASV,CAAU,EAClD,SAAU,GACV,YAAaE,EACb,UAAWE,EACX,UAAWO,EACT,oFACA,CAAE,SAAU,CAACpB,CAAA,EACbI,GAAA,YAAAA,EAAS,OAAA,EAEX,UAAYiB,GAAU,CAChBA,EAAM,MAAQ,UAChBlB,EAAA,CAEJ,EACA,UAAQ,gBACP,GAAGmB,EAEJ,SAAAC,EAACN,EAAO,IAAP,CACC,YAAcI,GAAUA,EAAM,gBAAA,EAC9B,UAAWD,EACT,4HACAhB,GAAA,YAAAA,EAAS,KAAA,EAEX,UAAQ,QACP,GAAGoB,EAEJ,SAAA,CAAAT,EAACU,EAAA,CAAY,MAAA5B,EAAc,WAAAM,EAAwB,QAASC,GAAA,YAAAA,EAAS,YAAa,EACjFC,EACCU,EAACW,EAAA,CAAmB,IAAKnB,EAAW,UAAWa,EAAG,OAAQhB,GAAA,YAAAA,EAAS,OAAO,EACvE,SAACuB,GAAeC,EAAa9B,EAAU6B,CAAU,EACpD,EAEAZ,EAAC,MAAA,CAAI,UAAWK,EAAG,OAAQhB,GAAA,YAAAA,EAAS,OAAO,EAAI,SAAAN,CAAA,CAAS,CAAA,CAAA,CAAA,CAE5D,CAAA,EAGN,EAEF,YAAU,SAAAE,EAAW4B,EAAad,EAAWb,CAAe,EAAIa,EAAU,CAC5E"}