@scbt-ecom/ui 0.133.0 → 0.135.0
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.
- package/dist/lib/exports/ui.js +1 -1
- package/dist/lib/shared/style.css +1 -1
- package/dist/lib/shared/ui/formElements/controlled/autocomplete/{Autocomplete.js → AutocompleteControl.js} +2 -2
- package/dist/lib/shared/ui/formElements/controlled/autocomplete/AutocompleteControl.js.map +1 -0
- package/dist/lib/shared/ui/formElements/controlled/autocomplete/index.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/checkbox/CheckboxControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/checkbox/CheckboxControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/combobox/ComboboxControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/combobox/ComboboxControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/dadata/address/DadataAddress.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/dadata/address/DadataAddress.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/dadata/auto/DadataAuto.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/dadata/auto/DadataAuto.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/dadata/country/DadataCountry.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/dadata/country/DadataCountry.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/dadata/fio/DadataFio.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/dadata/fio/DadataFio.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/dadata/party/DadataOrganization.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/dadata/party/DadataOrganization.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/dayPickerControl/dayPickerControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/dayPickerControl/dayPickerControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/dayPickerControl/single.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/dayPickerControl/single.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/index.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/index.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/inputCurrency/InputCurrencyControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/inputCurrency/InputCurrencyControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/inputOtp/InputOtpControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/inputOtp/InputOtpControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/radio/RadioGroupControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/radio/RadioGroupControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/switch/SwitchControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/switch/SwitchControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/textarea/TextareaControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/textarea/TextareaControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/uploader/UploaderControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/uploader/UploaderControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/index.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/checkbox/Checkbox.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/checkbox/Checkbox.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/combobox/combobox.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/combobox/combobox.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/input/Input.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/radio/RadioGroup.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/radio/RadioGroup.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/slider/SliderBase.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderAlgorithmic/SliderAlgorithmic.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderAlgorithmic/SliderAlgorithmic.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderMarks/SliderMarks.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderMarks/SliderMarks.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderStep/SliderStep.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderStep/SliderStep.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/switch/Switch.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/switch/Switch.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/textarea/Textarea.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/textarea/Textarea.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/uploader/UploaderBase.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/uploader/UploaderBase.js.map +1 -1
- package/dist/lib/shared/ui/index.js +1 -1
- package/dist/lib/widgets/conditionBlock/ConditionBlock.js +1 -1
- package/dist/lib/widgets/conditionBlock/ConditionBlock.js.map +1 -1
- package/dist/lib/widgets/model/helpers.js +1 -1
- package/dist/stats.html +1 -1
- package/dist/types/lib/shared/ui/formElements/controlled/autocomplete/index.d.ts +1 -1
- package/dist/types/lib/shared/ui/formElements/controlled/dayPickerControl/dayPickerControl.d.ts +5 -0
- package/dist/types/lib/shared/ui/formElements/controlled/dayPickerControl/single.d.ts +5 -0
- package/dist/types/lib/shared/ui/formElements/uncontrolled/checkbox/Checkbox.d.ts +9 -0
- package/dist/types/lib/shared/ui/formElements/uncontrolled/combobox/combobox.d.ts +10 -2
- package/dist/types/lib/shared/ui/formElements/uncontrolled/index.d.ts +7 -0
- package/dist/types/lib/shared/ui/formElements/uncontrolled/input/Input.d.ts +9 -2
- package/dist/types/lib/shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.d.ts +9 -0
- package/dist/types/lib/shared/ui/formElements/uncontrolled/maskInput/MaskInput.d.ts +1 -0
- package/dist/types/lib/shared/ui/formElements/uncontrolled/radio/RadioGroup.d.ts +9 -0
- package/dist/types/lib/shared/ui/formElements/uncontrolled/slider/SliderBase.d.ts +1 -1
- package/dist/types/lib/shared/ui/formElements/uncontrolled/switch/Switch.d.ts +3 -0
- package/dist/types/lib/shared/ui/formElements/uncontrolled/textarea/Textarea.d.ts +9 -1
- package/dist/types/lib/shared/ui/formElements/uncontrolled/uploader/UploaderBase.d.ts +5 -0
- package/package.json +1 -1
- package/dist/lib/shared/ui/formElements/controlled/autocomplete/Autocomplete.js.map +0 -1
- /package/dist/types/lib/shared/ui/formElements/controlled/autocomplete/{Autocomplete.d.ts → AutocompleteControl.d.ts} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as p}from"react/jsx-runtime";import{AutocompleteControl as A}from"../../autocomplete/
|
|
1
|
+
import{jsx as p}from"react/jsx-runtime";import{AutocompleteControl as A}from"../../autocomplete/AutocompleteControl.js";import{useDadataQueryParty as s}from"./query.js";import{VITE_DADATA_BASE_CACHE_URL as c}from"../../../../../../../src/configs/api.js";const e=o=>({value:(o==null?void 0:o.value)||"",label:(o==null?void 0:o.value)||""}),v=({formatter:o=e,dadataBaseUrl:r=c,queryClient:a,...n})=>{const t=s;return p(A,{query:(u,l)=>t(u,r,l,a),formatter:o,...n})};export{v as DadataOrganization};
|
|
2
2
|
//# sourceMappingURL=DadataOrganization.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DadataOrganization.js","sources":["../../../../../../../../lib/shared/ui/formElements/controlled/dadata/party/DadataOrganization.tsx"],"sourcesContent":["import { type FieldValues } from 'react-hook-form'\nimport { type QueryClient } from '@tanstack/react-query'\nimport { AutocompleteControl, type AutocompleteControlProps } from '../../autocomplete'\nimport { type IDadataOrganizationOption } from '../types'\nimport { useDadataQueryParty } from './query'\nimport { VITE_DADATA_BASE_CACHE_URL } from '@/configs/api'\nimport { type AutocompleteItemOption } from '$/shared/ui'\n\nconst organizationFormatter = (item: IDadataOrganizationOption): AutocompleteItemOption<typeof item> => ({\n value: item?.value || '',\n label: item?.value || ''\n})\n\nexport type DadataOrganizationProps<TFieldValues extends FieldValues> = Omit<\n AutocompleteControlProps<TFieldValues, IDadataOrganizationOption>,\n 'query' | 'formatter'\n> & {\n dadataBaseUrl: string\n formatter?: (item: IDadataOrganizationOption) => AutocompleteItemOption<typeof item>\n queryClient?: QueryClient\n}\n\n/**\n * DADATA_BASE_CACHE_URL - нужно использовать этот url\n */\nexport const DadataOrganization = <TFieldValues extends FieldValues>({\n formatter = organizationFormatter,\n dadataBaseUrl = VITE_DADATA_BASE_CACHE_URL as string,\n queryClient,\n ...props\n}: DadataOrganizationProps<TFieldValues>) => {\n const queryFn = useDadataQueryParty\n\n return (\n <AutocompleteControl\n query={(query, options) => queryFn(query, dadataBaseUrl, options, queryClient)}\n formatter={formatter}\n {...props}\n />\n )\n}\n"],"names":["organizationFormatter","item","DadataOrganization","formatter","dadataBaseUrl","VITE_DADATA_BASE_CACHE_URL","queryClient","props","queryFn","useDadataQueryParty","jsx","AutocompleteControl","query","options"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DadataOrganization.js","sources":["../../../../../../../../lib/shared/ui/formElements/controlled/dadata/party/DadataOrganization.tsx"],"sourcesContent":["import { type FieldValues } from 'react-hook-form'\nimport { type QueryClient } from '@tanstack/react-query'\nimport { AutocompleteControl, type AutocompleteControlProps } from '../../autocomplete'\nimport { type IDadataOrganizationOption } from '../types'\nimport { useDadataQueryParty } from './query'\nimport { VITE_DADATA_BASE_CACHE_URL } from '@/configs/api'\nimport { type AutocompleteItemOption } from '$/shared/ui'\n\nconst organizationFormatter = (item: IDadataOrganizationOption): AutocompleteItemOption<typeof item> => ({\n value: item?.value || '',\n label: item?.value || ''\n})\n\nexport type DadataOrganizationProps<TFieldValues extends FieldValues> = Omit<\n AutocompleteControlProps<TFieldValues, IDadataOrganizationOption>,\n 'query' | 'formatter'\n> & {\n dadataBaseUrl: string\n formatter?: (item: IDadataOrganizationOption) => AutocompleteItemOption<typeof item>\n queryClient?: QueryClient\n}\n\n/**\n * DADATA_BASE_CACHE_URL - нужно использовать этот url\n */\nexport const DadataOrganization = <TFieldValues extends FieldValues>({\n formatter = organizationFormatter,\n dadataBaseUrl = VITE_DADATA_BASE_CACHE_URL as string,\n queryClient,\n ...props\n}: DadataOrganizationProps<TFieldValues>) => {\n const queryFn = useDadataQueryParty\n\n return (\n <AutocompleteControl\n query={(query, options) => queryFn(query, dadataBaseUrl, options, queryClient)}\n formatter={formatter}\n {...props}\n />\n )\n}\n"],"names":["organizationFormatter","item","DadataOrganization","formatter","dadataBaseUrl","VITE_DADATA_BASE_CACHE_URL","queryClient","props","queryFn","useDadataQueryParty","jsx","AutocompleteControl","query","options"],"mappings":"8PAQA,MAAMA,EAAyBC,IAA0E,CACvG,OAAOA,GAAA,YAAAA,EAAM,QAAS,GACtB,OAAOA,GAAA,YAAAA,EAAM,QAAS,EACxB,GAcaC,EAAqB,CAAmC,CACnE,UAAAC,EAAYH,EACZ,cAAAI,EAAgBC,EAChB,YAAAC,EACA,GAAGC,CACL,IAA6C,CAC3C,MAAMC,EAAUC,EAEhB,OACEC,EAACC,EAAA,CACC,MAAO,CAACC,EAAOC,IAAYL,EAAQI,EAAOR,EAAeS,EAASP,CAAW,EAC7E,UAAAH,EACC,GAAGI,CAAA,CAAA,CAGV"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as P,jsx as r}from"react/jsx-runtime";import{useState as S}from"react";import{useController as j}from"react-hook-form";import{SingleDayPicker as k}from"./single.js";import{cn as y}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-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"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import"../../uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../../src/configs/api.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as N}from"../../ui/MessageView.js";const lt=({control:i,name:m,disabled:o,rules:
|
|
1
|
+
import{jsxs as P,jsx as r}from"react/jsx-runtime";import{useState as S}from"react";import{useController as j}from"react-hook-form";import{SingleDayPicker as k}from"./single.js";import{cn as y}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-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"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import"../../uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../../src/configs/api.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as N}from"../../ui/MessageView.js";const lt=({control:i,name:m,disabled:o,rules:e,shouldUnregister:p,defaultValue:s,inputProps:n,helperText:a,classes:l,...c})=>{const{field:f,fieldState:g}=j({control:i,name:m,defaultValue:s,disabled:o,rules:e,shouldUnregister:p}),{value:u,onChange:h,...d}=f,{error:t,invalid:C}=g,{message:v,container:x,...w}=l||{},[D,M]=S(new Date);return P("div",{className:y("w-full",x),children:[r(k,{...c,value:u??"",onChange:h,month:D,onMonthChange:M,classes:w,inputProps:{...n,...d,invalid:C,"data-error-message":t==null?void 0:t.message}}),r(N,{text:(t==null?void 0:t.message)||a,className:v,intent:t?"error":"simple",disabled:o})]})};export{lt as DayPickerControl};
|
|
2
2
|
//# sourceMappingURL=dayPickerControl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dayPickerControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/dayPickerControl/dayPickerControl.tsx"],"sourcesContent":["'use client'\n\nimport { useState } from 'react'\nimport { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { SingleDayPicker } from './single'\nimport { type Calendar, type MaskInputProps } from '$/shared/ui'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype CalendarProps = React.ComponentPropsWithoutRef<typeof Calendar>\ntype DayPickerControlClasses = MaskInputProps['classes'] & {\n message?: string\n}\n\nexport type ExternalHandlers = {\n onChange?: (value: string) => void\n onClick?: (event: React.MouseEvent<HTMLInputElement>) => void\n onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void\n onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void\n}\n\nexport type DayPickerControlProps<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n Omit<CalendarProps, 'selected' | 'onSelect' | 'mode'> & {\n /**\n * Контрол объект для управления полем\n */\n control: Control<TFieldValues>\n /**\n * Свойства отображаемого Input поля\n */\n inputProps: Omit<MaskInputProps, 'mask'>\n /**\n * Дополнительный текст\n */\n helperText?: string\n /**\n * Дополнительные стили компонента\n */\n classes?: DayPickerControlClasses\n /**\n * Дополнительные хендлеры\n */\n externalHandlers?: ExternalHandlers\n }\n\nexport const DayPickerControl = <T extends FieldValues = FieldValues>({\n control,\n name,\n disabled,\n rules,\n shouldUnregister,\n defaultValue,\n inputProps,\n helperText,\n classes,\n ...props\n}: DayPickerControlProps<T>) => {\n const { field, fieldState } = useController({\n control,\n name,\n defaultValue,\n disabled,\n rules,\n shouldUnregister\n })\n\n const { value, onChange, ...restField } = field\n const { error, invalid } = fieldState\n const { message, container, ...restClasses } = classes || {}\n\n const [month, setMonth] = useState<Date>(new Date())\n\n return (\n <div className={cn('w-full', container)}>\n <SingleDayPicker\n {...props}\n value={value ?? ''}\n onChange={onChange}\n month={month}\n onMonthChange={setMonth}\n classes={restClasses}\n inputProps={{\n ...inputProps,\n ...restField,\n invalid\n }}\n />\n <MessageView\n text={error?.message || helperText}\n className={message}\n intent={error ? 'error' : 'simple'}\n disabled={disabled}\n />\n </div>\n )\n}\n"],"names":["DayPickerControl","control","name","disabled","rules","shouldUnregister","defaultValue","inputProps","helperText","classes","props","field","fieldState","useController","value","onChange","restField","error","invalid","message","container","restClasses","month","setMonth","useState","cn","jsx","SingleDayPicker","MessageView"],"mappings":"
|
|
1
|
+
{"version":3,"file":"dayPickerControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/dayPickerControl/dayPickerControl.tsx"],"sourcesContent":["'use client'\n\nimport { useState } from 'react'\nimport { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport type { DataLayers } from '../../../../types'\nimport { SingleDayPicker } from './single'\nimport { type Calendar, type MaskInputProps } from '$/shared/ui'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype CalendarProps = React.ComponentPropsWithoutRef<typeof Calendar>\ntype DayPickerControlClasses = MaskInputProps['classes'] & {\n message?: string\n}\n\nexport type ExternalHandlers = {\n onChange?: (value: string) => void\n onClick?: (event: React.MouseEvent<HTMLInputElement>) => void\n onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void\n onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void\n}\n\nexport type DayPickerControlProps<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n Omit<CalendarProps, 'selected' | 'onSelect' | 'mode'> & {\n /**\n * Контрол объект для управления полем\n */\n control: Control<TFieldValues>\n /**\n * Свойства отображаемого Input поля\n */\n inputProps: Omit<MaskInputProps, 'mask'>\n /**\n * Дополнительный текст\n */\n helperText?: string\n /**\n * Дополнительные стили компонента\n */\n classes?: DayPickerControlClasses\n /**\n * Дополнительные хендлеры\n */\n externalHandlers?: ExternalHandlers\n /**\n * Даталееры\n */\n dataLayers?: DataLayers\n }\n\nexport const DayPickerControl = <T extends FieldValues = FieldValues>({\n control,\n name,\n disabled,\n rules,\n shouldUnregister,\n defaultValue,\n inputProps,\n helperText,\n classes,\n ...props\n}: DayPickerControlProps<T>) => {\n const { field, fieldState } = useController({\n control,\n name,\n defaultValue,\n disabled,\n rules,\n shouldUnregister\n })\n\n const { value, onChange, ...restField } = field\n const { error, invalid } = fieldState\n const { message, container, ...restClasses } = classes || {}\n\n const [month, setMonth] = useState<Date>(new Date())\n\n return (\n <div className={cn('w-full', container)}>\n <SingleDayPicker\n {...props}\n value={value ?? ''}\n onChange={onChange}\n month={month}\n onMonthChange={setMonth}\n classes={restClasses}\n inputProps={{\n ...inputProps,\n ...restField,\n invalid,\n ['data-error-message']: error?.message\n }}\n />\n <MessageView\n text={error?.message || helperText}\n className={message}\n intent={error ? 'error' : 'simple'}\n disabled={disabled}\n />\n </div>\n )\n}\n"],"names":["DayPickerControl","control","name","disabled","rules","shouldUnregister","defaultValue","inputProps","helperText","classes","props","field","fieldState","useController","value","onChange","restField","error","invalid","message","container","restClasses","month","setMonth","useState","cn","jsx","SingleDayPicker","MessageView"],"mappings":"kkDAqDO,MAAMA,GAAmB,CAAsC,CACpE,QAAAC,EACA,KAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,WAAAC,EACA,WAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAAgC,CAC9B,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAZ,EACA,KAAAC,EACA,aAAAI,EACA,SAAAH,EACA,MAAAC,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,MAAAS,EAAO,SAAAC,EAAU,GAAGC,GAAcL,EACpC,CAAE,MAAAM,EAAO,QAAAC,CAAA,EAAYN,EACrB,CAAE,QAAAO,EAAS,UAAAC,EAAW,GAAGC,CAAA,EAAgBZ,GAAW,CAAA,EAEpD,CAACa,EAAOC,CAAQ,EAAIC,EAAe,IAAI,IAAM,EAEnD,SACG,MAAA,CAAI,UAAWC,EAAG,SAAUL,CAAS,EACpC,SAAA,CAAAM,EAACC,EAAA,CACE,GAAGjB,EACJ,MAAOI,GAAS,GAChB,SAAAC,EACA,MAAAO,EACA,cAAeC,EACf,QAASF,EACT,WAAY,CACV,GAAGd,EACH,GAAGS,EACH,QAAAE,EACC,qBAAuBD,GAAA,YAAAA,EAAO,OAAA,CACjC,CAAA,EAEFS,EAACE,EAAA,CACC,MAAMX,GAAA,YAAAA,EAAO,UAAWT,EACxB,UAAWW,EACX,OAAQF,EAAQ,QAAU,SAC1B,SAAAd,CAAA,CAAA,CACF,EACF,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as _,jsx as c}from"react/jsx-runtime";import{useRef as G,useState as E,useEffect as P}from"react";import{createPortal as j}from"react-dom";import{useFloating as K}from"../../../../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";import{SINGLE_MASK as q,SINGLE_VALIDATION_REGEX as B}from"./model/constants.js";import{getCurrentDate as H,getInitialValue as I}from"./model/utils.js";import{useClickOutside as U}from"../../../../hooks/useClickOutside.js";import"react-hook-form";import{cn as b}from"../../../../utils/cn.js";import{mergeRefs as X}from"../../../../utils/mergeRefs.js";import{TypeGuards as D}from"../../../../utils/typeGuards.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import{Calendar as v}from"../../../calendar/Calendar.js";import{DATE_VISIBLE_PATTERN as O}from"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as z}from"../../../icon/Icon.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import{MaskInput as J}from"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import"../../uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../../src/configs/api.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{autoUpdate as Q}from"../../../../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";import{flip as W,offset as Y}from"../../../../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";import{parse as Z}from"../../../../../../node_modules/date-fns/parse.js";import{isValid as $}from"../../../../../../node_modules/date-fns/isValid.js";import{formatDate as h}from"../../../../../../node_modules/date-fns/format.js";const vt=({inputProps:s,classes:i,value:e,onChange:l,externalHandlers:V,month:x,onMonthChange:r,...m})=>{const{onChange:a,onFocus:d,...A}=V||{},u=G(null),{refs:g,floatingStyles:N}=K({placement:"bottom-end",middleware:[W({boundary:"clippingAncestors",crossAxis:!1}),Y(0)],whileElementsMounted:Q}),{calendar:k,...C}=i||{},[L,n]=E(!1),S=()=>{n(t=>!t)},R=H("single",e),[w,f]=E(I("single",e));P(()=>{e&&!D.isStringEmpty(e)&&(f(I("single",e)),r&&r(new Date(e)))},[e]),U(u,()=>n(!1));const F=t=>{const{value:o}=t.target;if(f(o),D.isStringEmpty(o))return l("");if(!B.test(o))return;const p=Z(o,O,new Date);if($(p)){const y=p.toISOString();l(y),r&&r(p),a&&a(y)}},T=t=>{r&&r(t);const o=t.toISOString();l(o),f(h(t,O)),n(!1),a&&a(o)};return _("div",{ref:g.setReference,className:b("relative w-full",i==null?void 0:i.container),children:[c(J,{mask:q,...s,...A,classes:C,value:w,onChange:F,autoComplete:"off",onFocus:t=>{n(!0),d&&d(t)},onKeyDown:t=>{t.key==="Enter"&&S()},attachmentProps:{disabled:s.disabled,icon:c(z,{name:"general/calendar",className:"text-icon-blue-grey-600"}),onClickIcon:S,...s.attachmentProps},dataLayers:m==null?void 0:m.dataLayers}),L&&j(c(v,{ref:X(u,g.setFloating),...m,required:!0,mode:"single",style:{...N,width:"max-content"},month:x,onMonthChange:r,selected:R,onSelect:T,className:b(k),"data-test-id":"calendar"}),document.body)]})};export{vt as SingleDayPicker};
|
|
2
2
|
//# sourceMappingURL=single.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"single.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/dayPickerControl/single.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { autoUpdate, flip, offset, useFloating } from '@floating-ui/react'\nimport { format, isValid, parse } from 'date-fns'\nimport { type ExternalHandlers } from './dayPickerControl'\nimport { getCurrentDate, getInitialValue, SINGLE_MASK, SINGLE_VALIDATION_REGEX } from './model'\nimport { useClickOutside } from '$/shared/hooks'\nimport { Calendar, DATE_VISIBLE_PATTERN, Icon, MaskInput, type MaskInputProps } from '$/shared/ui'\nimport { cn, mergeRefs, TypeGuards } from '$/shared/utils'\n\ntype CalendarProps = React.ComponentPropsWithoutRef<typeof Calendar>\n\ntype SingleDayPickerClasses = MaskInputProps['classes'] & {\n calendar?: string\n}\n\ntype SingleDayPickerProps = Omit<CalendarProps, 'mode'> & {\n /**\n * Свойства Input компонента\n */\n inputProps: Omit<MaskInputProps, 'mask'>\n /**\n * Стили внутренних компонентов\n */\n classes?: SingleDayPickerClasses\n /**\n * Управляемое значение\n */\n value: string\n /**\n * Функция для управления значением\n */\n onChange: (value: string) => void\n /**\n * Дополнительные хендлеры\n */\n externalHandlers?: ExternalHandlers\n}\n\nexport const SingleDayPicker = ({\n inputProps,\n classes,\n value,\n onChange,\n externalHandlers,\n month,\n onMonthChange,\n ...props\n}: SingleDayPickerProps) => {\n const { onChange: externalOnChange, onFocus: externalOnFocus, ...restHandlers } = externalHandlers || {}\n\n const calendarRef = useRef<HTMLDivElement>(null)\n\n const { refs, floatingStyles } = useFloating({\n placement: 'bottom-end',\n middleware: [\n flip({\n boundary: 'clippingAncestors',\n crossAxis: false\n }),\n offset(0)\n ],\n whileElementsMounted: autoUpdate\n })\n\n const { calendar, ...restClasses } = classes || {}\n\n const [calendarOpen, setCalendarOpen] = useState<boolean>(false)\n\n const onCalendarOpenChange = () => {\n setCalendarOpen((prev) => !prev)\n }\n\n const date = getCurrentDate('single', value)\n\n const [visibleValue, setVisibleValue] = useState<string>(getInitialValue('single', value))\n\n useEffect(() => {\n if (value && !TypeGuards.isStringEmpty(value)) {\n setVisibleValue(getInitialValue('single', value))\n if (onMonthChange) onMonthChange(new Date(value))\n }\n }, [value])\n\n useClickOutside(calendarRef, () => setCalendarOpen(false))\n\n const onVisibleValueChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const { value } = event.target\n\n setVisibleValue(value)\n\n if (TypeGuards.isStringEmpty(value)) {\n return onChange('')\n }\n\n if (!SINGLE_VALIDATION_REGEX.test(value)) {\n return\n }\n\n const date = parse(value, DATE_VISIBLE_PATTERN, new Date())\n\n if (isValid(date)) {\n const isoDate = date.toISOString()\n\n onChange(isoDate)\n if (onMonthChange) onMonthChange(date)\n\n if (externalOnChange) externalOnChange(isoDate)\n }\n }\n\n const onDateChange = (newDate: Date) => {\n if (onMonthChange) onMonthChange(newDate)\n\n const isoDate = newDate.toISOString()\n\n onChange(isoDate)\n setVisibleValue(format(newDate, DATE_VISIBLE_PATTERN))\n setCalendarOpen(false)\n\n if (externalOnChange) externalOnChange(isoDate)\n }\n\n return (\n <div ref={refs.setReference} className={cn('relative w-full', classes?.container)}>\n <MaskInput\n mask={SINGLE_MASK}\n {...inputProps}\n {...restHandlers}\n classes={restClasses}\n value={visibleValue}\n onChange={onVisibleValueChange}\n autoComplete='off'\n onFocus={(event) => {\n setCalendarOpen(true)\n if (externalOnFocus) externalOnFocus(event)\n }}\n onKeyDown={(event) => {\n if (event.key === 'Enter') {\n onCalendarOpenChange()\n }\n }}\n attachmentProps={{\n disabled: inputProps.disabled,\n icon: <Icon name='general/calendar' className='text-icon-blue-grey-600' />,\n onClickIcon: onCalendarOpenChange,\n ...inputProps.attachmentProps\n }}\n />\n {calendarOpen &&\n createPortal(\n <Calendar\n // @ts-expect-error asdf\n ref={mergeRefs(calendarRef, refs.setFloating)}\n {...props}\n required\n mode='single'\n style={{\n ...floatingStyles,\n width: 'max-content'\n }}\n month={month}\n onMonthChange={onMonthChange}\n selected={date}\n onSelect={onDateChange}\n className={cn(calendar)}\n data-test-id='calendar'\n />,\n document.body\n )}\n </div>\n )\n}\n"],"names":["SingleDayPicker","inputProps","classes","value","onChange","externalHandlers","month","onMonthChange","props","externalOnChange","externalOnFocus","restHandlers","calendarRef","useRef","refs","floatingStyles","useFloating","flip","offset","autoUpdate","calendar","restClasses","calendarOpen","setCalendarOpen","useState","onCalendarOpenChange","prev","date","getCurrentDate","visibleValue","setVisibleValue","getInitialValue","useEffect","TypeGuards","useClickOutside","onVisibleValueChange","event","SINGLE_VALIDATION_REGEX","parse","DATE_VISIBLE_PATTERN","isValid","isoDate","onDateChange","newDate","format","jsxs","cn","jsx","MaskInput","SINGLE_MASK","Icon","createPortal","Calendar","mergeRefs"],"mappings":"4+
|
|
1
|
+
{"version":3,"file":"single.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/dayPickerControl/single.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { autoUpdate, flip, offset, useFloating } from '@floating-ui/react'\nimport { format, isValid, parse } from 'date-fns'\nimport { type DataLayers } from '../../../../types'\nimport { type ExternalHandlers } from './dayPickerControl'\nimport { getCurrentDate, getInitialValue, SINGLE_MASK, SINGLE_VALIDATION_REGEX } from './model'\nimport { useClickOutside } from '$/shared/hooks'\nimport { Calendar, DATE_VISIBLE_PATTERN, Icon, MaskInput, type MaskInputProps } from '$/shared/ui'\nimport { cn, mergeRefs, TypeGuards } from '$/shared/utils'\n\ntype CalendarProps = React.ComponentPropsWithoutRef<typeof Calendar>\n\ntype SingleDayPickerClasses = MaskInputProps['classes'] & {\n calendar?: string\n}\n\ntype SingleDayPickerProps = Omit<CalendarProps, 'mode'> & {\n /**\n * Свойства Input компонента\n */\n inputProps: Omit<MaskInputProps, 'mask'>\n /**\n * Стили внутренних компонентов\n */\n classes?: SingleDayPickerClasses\n /**\n * Управляемое значение\n */\n value: string\n /**\n * Функция для управления значением\n */\n onChange: (value: string) => void\n /**\n * Дополнительные хендлеры\n */\n externalHandlers?: ExternalHandlers\n /**\n * Даталееры\n */\n dataLayers?: DataLayers\n}\n\nexport const SingleDayPicker = ({\n inputProps,\n classes,\n value,\n onChange,\n externalHandlers,\n month,\n onMonthChange,\n ...props\n}: SingleDayPickerProps) => {\n const { onChange: externalOnChange, onFocus: externalOnFocus, ...restHandlers } = externalHandlers || {}\n\n const calendarRef = useRef<HTMLDivElement>(null)\n\n const { refs, floatingStyles } = useFloating({\n placement: 'bottom-end',\n middleware: [\n flip({\n boundary: 'clippingAncestors',\n crossAxis: false\n }),\n offset(0)\n ],\n whileElementsMounted: autoUpdate\n })\n\n const { calendar, ...restClasses } = classes || {}\n\n const [calendarOpen, setCalendarOpen] = useState<boolean>(false)\n\n const onCalendarOpenChange = () => {\n setCalendarOpen((prev) => !prev)\n }\n\n const date = getCurrentDate('single', value)\n\n const [visibleValue, setVisibleValue] = useState<string>(getInitialValue('single', value))\n\n useEffect(() => {\n if (value && !TypeGuards.isStringEmpty(value)) {\n setVisibleValue(getInitialValue('single', value))\n if (onMonthChange) onMonthChange(new Date(value))\n }\n }, [value])\n\n useClickOutside(calendarRef, () => setCalendarOpen(false))\n\n const onVisibleValueChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const { value } = event.target\n\n setVisibleValue(value)\n\n if (TypeGuards.isStringEmpty(value)) {\n return onChange('')\n }\n\n if (!SINGLE_VALIDATION_REGEX.test(value)) {\n return\n }\n\n const date = parse(value, DATE_VISIBLE_PATTERN, new Date())\n\n if (isValid(date)) {\n const isoDate = date.toISOString()\n\n onChange(isoDate)\n if (onMonthChange) onMonthChange(date)\n\n if (externalOnChange) externalOnChange(isoDate)\n }\n }\n\n const onDateChange = (newDate: Date) => {\n if (onMonthChange) onMonthChange(newDate)\n\n const isoDate = newDate.toISOString()\n\n onChange(isoDate)\n setVisibleValue(format(newDate, DATE_VISIBLE_PATTERN))\n setCalendarOpen(false)\n\n if (externalOnChange) externalOnChange(isoDate)\n }\n\n return (\n <div ref={refs.setReference} className={cn('relative w-full', classes?.container)}>\n <MaskInput\n mask={SINGLE_MASK}\n {...inputProps}\n {...restHandlers}\n classes={restClasses}\n value={visibleValue}\n onChange={onVisibleValueChange}\n autoComplete='off'\n onFocus={(event) => {\n setCalendarOpen(true)\n if (externalOnFocus) externalOnFocus(event)\n }}\n onKeyDown={(event) => {\n if (event.key === 'Enter') {\n onCalendarOpenChange()\n }\n }}\n attachmentProps={{\n disabled: inputProps.disabled,\n icon: <Icon name='general/calendar' className='text-icon-blue-grey-600' />,\n onClickIcon: onCalendarOpenChange,\n ...inputProps.attachmentProps\n }}\n dataLayers={props?.dataLayers}\n />\n {calendarOpen &&\n createPortal(\n <Calendar\n // @ts-expect-error asdf\n ref={mergeRefs(calendarRef, refs.setFloating)}\n {...props}\n required\n mode='single'\n style={{\n ...floatingStyles,\n width: 'max-content'\n }}\n month={month}\n onMonthChange={onMonthChange}\n selected={date}\n onSelect={onDateChange}\n className={cn(calendar)}\n data-test-id='calendar'\n />,\n document.body\n )}\n </div>\n )\n}\n"],"names":["SingleDayPicker","inputProps","classes","value","onChange","externalHandlers","month","onMonthChange","props","externalOnChange","externalOnFocus","restHandlers","calendarRef","useRef","refs","floatingStyles","useFloating","flip","offset","autoUpdate","calendar","restClasses","calendarOpen","setCalendarOpen","useState","onCalendarOpenChange","prev","date","getCurrentDate","visibleValue","setVisibleValue","getInitialValue","useEffect","TypeGuards","useClickOutside","onVisibleValueChange","event","SINGLE_VALIDATION_REGEX","parse","DATE_VISIBLE_PATTERN","isValid","isoDate","onDateChange","newDate","format","jsxs","cn","jsx","MaskInput","SINGLE_MASK","Icon","createPortal","Calendar","mergeRefs"],"mappings":"4+EA8CO,MAAMA,GAAkB,CAAC,CAC9B,WAAAC,EACA,QAAAC,EACA,MAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,MAAAC,EACA,cAAAC,EACA,GAAGC,CACL,IAA4B,CAC1B,KAAM,CAAE,SAAUC,EAAkB,QAASC,EAAiB,GAAGC,CAAA,EAAiBN,GAAoB,CAAA,EAEhGO,EAAcC,EAAuB,IAAI,EAEzC,CAAE,KAAAC,EAAM,eAAAC,CAAA,EAAmBC,EAAY,CAC3C,UAAW,aACX,WAAY,CACVC,EAAK,CACH,SAAU,oBACV,UAAW,EAAA,CACZ,EACDC,EAAO,CAAC,CAAA,EAEV,qBAAsBC,CAAA,CACvB,EAEK,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAAgBnB,GAAW,CAAA,EAE1C,CAACoB,EAAcC,CAAe,EAAIC,EAAkB,EAAK,EAEzDC,EAAuB,IAAM,CACjCF,EAAiBG,GAAS,CAACA,CAAI,CACjC,EAEMC,EAAOC,EAAe,SAAUzB,CAAK,EAErC,CAAC0B,EAAcC,CAAe,EAAIN,EAAiBO,EAAgB,SAAU5B,CAAK,CAAC,EAEzF6B,EAAU,IAAM,CACV7B,GAAS,CAAC8B,EAAW,cAAc9B,CAAK,IAC1C2B,EAAgBC,EAAgB,SAAU5B,CAAK,CAAC,EAC5CI,GAAeA,EAAc,IAAI,KAAKJ,CAAK,CAAC,EAEpD,EAAG,CAACA,CAAK,CAAC,EAEV+B,EAAgBtB,EAAa,IAAMW,EAAgB,EAAK,CAAC,EAEzD,MAAMY,EAAwBC,GAA+C,CAC3E,KAAM,CAAE,MAAAjC,CAAAA,EAAUiC,EAAM,OAIxB,GAFAN,EAAgB3B,CAAK,EAEjB8B,EAAW,cAAc9B,CAAK,EAChC,OAAOC,EAAS,EAAE,EAGpB,GAAI,CAACiC,EAAwB,KAAKlC,CAAK,EACrC,OAGF,MAAMwB,EAAOW,EAAMnC,EAAOoC,EAAsB,IAAI,IAAM,EAE1D,GAAIC,EAAQb,CAAI,EAAG,CACjB,MAAMc,EAAUd,EAAK,YAAA,EAErBvB,EAASqC,CAAO,EACZlC,KAA6BoB,CAAI,EAEjClB,KAAmCgC,CAAO,CAChD,CACF,EAEMC,EAAgBC,GAAkB,CAClCpC,KAA6BoC,CAAO,EAExC,MAAMF,EAAUE,EAAQ,YAAA,EAExBvC,EAASqC,CAAO,EAChBX,EAAgBc,EAAOD,EAASJ,CAAoB,CAAC,EACrDhB,EAAgB,EAAK,EAEjBd,KAAmCgC,CAAO,CAChD,EAEA,OACEI,EAAC,MAAA,CAAI,IAAK/B,EAAK,aAAc,UAAWgC,EAAG,kBAAmB5C,GAAA,YAAAA,EAAS,SAAS,EAC9E,SAAA,CAAA6C,EAACC,EAAA,CACC,KAAMC,EACL,GAAGhD,EACH,GAAGU,EACJ,QAASU,EACT,MAAOQ,EACP,SAAUM,EACV,aAAa,MACb,QAAUC,GAAU,CAClBb,EAAgB,EAAI,EAChBb,KAAiC0B,CAAK,CAC5C,EACA,UAAYA,GAAU,CAChBA,EAAM,MAAQ,SAChBX,EAAA,CAEJ,EACA,gBAAiB,CACf,SAAUxB,EAAW,SACrB,KAAM8C,EAACG,EAAA,CAAK,KAAK,mBAAmB,UAAU,0BAA0B,EACxE,YAAazB,EACb,GAAGxB,EAAW,eAAA,EAEhB,WAAYO,GAAA,YAAAA,EAAO,UAAA,CAAA,EAEpBc,GACC6B,EACEJ,EAACK,EAAA,CAEC,IAAKC,EAAUzC,EAAaE,EAAK,WAAW,EAC3C,GAAGN,EACJ,SAAQ,GACR,KAAK,SACL,MAAO,CACL,GAAGO,EACH,MAAO,aAAA,EAET,MAAAT,EACA,cAAAC,EACA,SAAUoB,EACV,SAAUe,EACV,UAAWI,EAAG1B,CAAQ,EACtB,eAAa,UAAA,CAAA,EAEf,SAAS,IAAA,CACX,EACJ,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{AutocompleteControl as o}from"./autocomplete/
|
|
1
|
+
import{AutocompleteControl as o}from"./autocomplete/AutocompleteControl.js";import{CheckboxControl as r}from"./checkbox/CheckboxControl.js";import{DadataOrganization as t}from"./dadata/party/DadataOrganization.js";import{DadataAddress as m}from"./dadata/address/DadataAddress.js";import{DadataAuto as p}from"./dadata/auto/DadataAuto.js";import{DadataCountry as i}from"./dadata/country/DadataCountry.js";import{DadataFio as a}from"./dadata/fio/DadataFio.js";import{DayPickerControl as n}from"./dayPickerControl/dayPickerControl.js";import{EditorControl as C}from"./editor/EditorControl.js";import{InputControl as f}from"./input/InputControl.js";import{MaskInputControl as l}from"./input/MaskInputControl.js";import{InputCurrencyControl as d}from"./inputCurrency/InputCurrencyControl.js";import{InputOtpControl as e}from"./inputOtp/InputOtpControl.js";import{RadioGroupControl as u}from"./radio/RadioGroupControl.js";import{RadioGroupTabControl as c}from"./radio/RadioGroupTabControl.js";import{RadioGroupCardControl as D}from"./radio/RadioGroupCardControl.js";import{SliderControl as b}from"./slider/SliderControl.js";import{SwitchControl as s}from"./switch/SwitchControl.js";import{TextareaControl as x}from"./textarea/TextareaControl.js";import{UploaderControl as I}from"./uploader/UploaderControl.js";import{ComboboxControl as k}from"./combobox/ComboboxControl.js";const J={InputControl:f,MaskInputControl:l,DayPickerControl:n,CheckboxControl:r,SwitchControl:s,RadioGroupControl:u,RadioGroupTabControl:c,RadioGroupCardControl:D,AutocompleteControl:o,DadataFio:a,DadataAddress:m,DadataCountry:i,DadataAuto:p,DadataOrganization:t,SliderControl:b,TextareaControl:x,UploaderControl:I,InputOtpControl:e,EditorControl:C,InputCurrencyControl:d,ComboboxControl:k};export{J as Controlled};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../lib/shared/ui/formElements/controlled/index.ts"],"sourcesContent":["import { AutocompleteControl } from './autocomplete'\nexport type { AutocompleteControlProps } from './autocomplete'\nimport { CheckboxControl } from './checkbox'\nexport type { CheckboxControlProps } from './checkbox'\nimport { DadataAddress, DadataAuto, DadataCountry, DadataFio, DadataOrganization } from './dadata'\nexport type { DadataFioProps, DadataCountryProps, DadataOrganizationProps, DadataAutoProps, DadataAddressProps } from './dadata'\nimport { DayPickerControl } from './dayPickerControl'\nexport type { DayPickerControlProps } from './dayPickerControl'\nimport { EditorControl } from './editor'\nexport type { EditorControlProps, EditorControlClasses } from './editor'\nimport { InputControl, MaskInputControl } from './input'\nexport type { InputControlProps, MaskInputControlProps } from './input'\nimport { InputCurrencyControl } from './inputCurrency'\nexport type { InputCurrencyControlProps } from './inputCurrency'\nimport { InputOtpControl } from './inputOtp'\nexport type { InputOtpControlProps } from './inputOtp'\nimport { RadioGroupCardControl, RadioGroupControl, RadioGroupTabControl } from './radio'\nexport type { RadioGroupControlProps } from './radio'\nimport { SliderControl } from './slider'\nexport type { SliderControlProps } from './slider'\nimport { SwitchControl } from './switch'\nexport type { SwitchControlProps } from './switch'\nimport { TextareaControl } from './textarea'\nexport type { TextareaControlProps } from './textarea'\nimport { UploaderControl } from './uploader'\nexport type { UploaderControlProps } from './uploader'\nimport { ComboboxControl } from './combobox'\nexport type { ComboboxControlProps } from './combobox'\n\n/**\n * @example\n * ```ts\n * It's ok\n * import { UploaderControl } from '@scbt-ecom/ui'\n *\n * Not ok (tree shaking doesn't work)\n * import { Controlled } from '@scbt-ecom/ui'\n * ```\n * @deprecated use ComponentControl instead\n */\nexport const Controlled = {\n InputControl,\n MaskInputControl,\n DayPickerControl,\n CheckboxControl,\n SwitchControl,\n RadioGroupControl,\n RadioGroupTabControl,\n RadioGroupCardControl,\n AutocompleteControl,\n DadataFio,\n DadataAddress,\n DadataCountry,\n DadataAuto,\n DadataOrganization,\n SliderControl,\n TextareaControl,\n UploaderControl,\n InputOtpControl,\n EditorControl,\n InputCurrencyControl,\n ComboboxControl\n}\n"],"names":["Controlled","InputControl","MaskInputControl","DayPickerControl","CheckboxControl","SwitchControl","RadioGroupControl","RadioGroupTabControl","RadioGroupCardControl","AutocompleteControl","DadataFio","DadataAddress","DadataCountry","DadataAuto","DadataOrganization","SliderControl","TextareaControl","UploaderControl","InputOtpControl","EditorControl","InputCurrencyControl","ComboboxControl"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../../lib/shared/ui/formElements/controlled/index.ts"],"sourcesContent":["import { AutocompleteControl } from './autocomplete'\nexport type { AutocompleteControlProps } from './autocomplete'\nimport { CheckboxControl } from './checkbox'\nexport type { CheckboxControlProps } from './checkbox'\nimport { DadataAddress, DadataAuto, DadataCountry, DadataFio, DadataOrganization } from './dadata'\nexport type { DadataFioProps, DadataCountryProps, DadataOrganizationProps, DadataAutoProps, DadataAddressProps } from './dadata'\nimport { DayPickerControl } from './dayPickerControl'\nexport type { DayPickerControlProps } from './dayPickerControl'\nimport { EditorControl } from './editor'\nexport type { EditorControlProps, EditorControlClasses } from './editor'\nimport { InputControl, MaskInputControl } from './input'\nexport type { InputControlProps, MaskInputControlProps } from './input'\nimport { InputCurrencyControl } from './inputCurrency'\nexport type { InputCurrencyControlProps } from './inputCurrency'\nimport { InputOtpControl } from './inputOtp'\nexport type { InputOtpControlProps } from './inputOtp'\nimport { RadioGroupCardControl, RadioGroupControl, RadioGroupTabControl } from './radio'\nexport type { RadioGroupControlProps } from './radio'\nimport { SliderControl } from './slider'\nexport type { SliderControlProps } from './slider'\nimport { SwitchControl } from './switch'\nexport type { SwitchControlProps } from './switch'\nimport { TextareaControl } from './textarea'\nexport type { TextareaControlProps } from './textarea'\nimport { UploaderControl } from './uploader'\nexport type { UploaderControlProps } from './uploader'\nimport { ComboboxControl } from './combobox'\nexport type { ComboboxControlProps } from './combobox'\n\n/**\n * @example\n * ```ts\n * It's ok\n * import { UploaderControl } from '@scbt-ecom/ui'\n *\n * Not ok (tree shaking doesn't work)\n * import { Controlled } from '@scbt-ecom/ui'\n * ```\n * @deprecated use ComponentControl instead\n */\nexport const Controlled = {\n InputControl,\n MaskInputControl,\n DayPickerControl,\n CheckboxControl,\n SwitchControl,\n RadioGroupControl,\n RadioGroupTabControl,\n RadioGroupCardControl,\n AutocompleteControl,\n DadataFio,\n DadataAddress,\n DadataCountry,\n DadataAuto,\n DadataOrganization,\n SliderControl,\n TextareaControl,\n UploaderControl,\n InputOtpControl,\n EditorControl,\n InputCurrencyControl,\n ComboboxControl\n}\n"],"names":["Controlled","InputControl","MaskInputControl","DayPickerControl","CheckboxControl","SwitchControl","RadioGroupControl","RadioGroupTabControl","RadioGroupCardControl","AutocompleteControl","DadataFio","DadataAddress","DadataCountry","DadataAuto","DadataOrganization","SliderControl","TextareaControl","UploaderControl","InputOtpControl","EditorControl","InputCurrencyControl","ComboboxControl"],"mappings":"u1CAwCO,MAAMA,EAAa,CACxB,aAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,kBAAAC,EACA,qBAAAC,EACA,sBAAAC,EACA,oBAAAC,EACA,UAAAC,EACA,cAAAC,EACA,cAAAC,EACA,WAAAC,EACA,mBAAAC,EACA,cAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,qBAAAC,EACA,gBAAAC,CACF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as C,jsx as m}from"react/jsx-runtime";import{useController as w}from"react-hook-form";import{cn as I}from"../../../../utils/cn.js";import"react";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.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"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import{InputCurrencyBase as j}from"../../uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../../src/configs/api.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as v}from"../../ui/MessageView.js";const mt=({control:i,name:p,rules:e,shouldUnregister:s,disabled:o,defaultValue:a,helperText:n,classes:c,...l})=>{const{field:f,fieldState:u}=w({control:i,name:p,rules:e,shouldUnregister:s,disabled:o,defaultValue:a}),{error:t,invalid:r,isTouched:d}=u,{root:g,input:h,message:x}=c??{};return C("div",{className:I("w-full",g),children:[m(j,{...l,...f,classes:h,invalid:r,attachmentProps:{invalid:r,isTouched:d,withValidateIcons:!1},"data-error-message":t==null?void 0:t.message}),m(v,{text:(t==null?void 0:t.message)||n,className:x,intent:t?"error":"simple",disabled:o})]})};export{mt as InputCurrencyControl};
|
|
2
2
|
//# sourceMappingURL=InputCurrencyControl.js.map
|
package/dist/lib/shared/ui/formElements/controlled/inputCurrency/InputCurrencyControl.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputCurrencyControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/inputCurrency/InputCurrencyControl.tsx"],"sourcesContent":["import { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { MessageView } from '../../ui'\nimport { InputCurrencyBase, type InputCurrencyBaseProps } from '../../uncontrolled/inputCurrency'\nimport { cn } from '$/shared/utils'\n\ntype InputCurrencyControlClasses = {\n root?: string\n message?: string\n input?: InputCurrencyBaseProps['classes']\n}\n\nexport type InputCurrencyControlProps<TFieldValues extends FieldValues = FieldValues> = UseControllerProps<\n TFieldValues,\n FieldPath<TFieldValues>\n> &\n Omit<InputCurrencyBaseProps, 'classes'> & {\n control: Control<TFieldValues>\n helperText?: string\n classes?: InputCurrencyControlClasses\n }\n\nexport const InputCurrencyControl = <TFieldValues extends FieldValues>({\n control,\n name,\n rules,\n shouldUnregister,\n disabled,\n defaultValue,\n helperText,\n classes,\n ...props\n}: InputCurrencyControlProps<TFieldValues>) => {\n const { field, fieldState } = useController({\n control,\n name,\n rules,\n shouldUnregister,\n disabled,\n defaultValue\n })\n\n const { error, invalid, isTouched } = fieldState\n const { root, input, message } = classes ?? {}\n\n return (\n <div className={cn('w-full', root)}>\n <InputCurrencyBase\n {...props}\n {...field}\n classes={input}\n invalid={invalid}\n attachmentProps={{\n invalid,\n isTouched,\n withValidateIcons: false\n }}\n />\n <MessageView\n text={error?.message || helperText}\n className={message}\n intent={error ? 'error' : 'simple'}\n disabled={disabled}\n />\n </div>\n )\n}\n"],"names":["InputCurrencyControl","control","name","rules","shouldUnregister","disabled","defaultValue","helperText","classes","props","field","fieldState","useController","error","invalid","isTouched","root","input","message","cn","jsx","InputCurrencyBase","MessageView"],"mappings":"6hDAqBO,MAAMA,GAAuB,CAAmC,CACrE,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,aAAAC,EACA,WAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAA+C,CAC7C,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAX,EACA,KAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,aAAAC,CAAA,CACD,EAEK,CAAE,MAAAO,EAAO,QAAAC,EAAS,UAAAC,CAAA,EAAcJ,EAChC,CAAE,KAAAK,EAAM,MAAAC,EAAO,QAAAC,CAAA,EAAYV,GAAW,CAAA,EAE5C,SACG,MAAA,CAAI,UAAWW,EAAG,SAAUH,CAAI,EAC/B,SAAA,CAAAI,EAACC,EAAA,CACE,GAAGZ,EACH,GAAGC,EACJ,QAASO,EACT,QAAAH,EACA,gBAAiB,CACf,QAAAA,EACA,UAAAC,EACA,kBAAmB,EAAA,
|
|
1
|
+
{"version":3,"file":"InputCurrencyControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/inputCurrency/InputCurrencyControl.tsx"],"sourcesContent":["import { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { MessageView } from '../../ui'\nimport { InputCurrencyBase, type InputCurrencyBaseProps } from '../../uncontrolled/inputCurrency'\nimport { cn } from '$/shared/utils'\n\ntype InputCurrencyControlClasses = {\n root?: string\n message?: string\n input?: InputCurrencyBaseProps['classes']\n}\n\nexport type InputCurrencyControlProps<TFieldValues extends FieldValues = FieldValues> = UseControllerProps<\n TFieldValues,\n FieldPath<TFieldValues>\n> &\n Omit<InputCurrencyBaseProps, 'classes'> & {\n control: Control<TFieldValues>\n helperText?: string\n classes?: InputCurrencyControlClasses\n }\n\nexport const InputCurrencyControl = <TFieldValues extends FieldValues>({\n control,\n name,\n rules,\n shouldUnregister,\n disabled,\n defaultValue,\n helperText,\n classes,\n ...props\n}: InputCurrencyControlProps<TFieldValues>) => {\n const { field, fieldState } = useController({\n control,\n name,\n rules,\n shouldUnregister,\n disabled,\n defaultValue\n })\n\n const { error, invalid, isTouched } = fieldState\n const { root, input, message } = classes ?? {}\n\n return (\n <div className={cn('w-full', root)}>\n <InputCurrencyBase\n {...props}\n {...field}\n classes={input}\n invalid={invalid}\n attachmentProps={{\n invalid,\n isTouched,\n withValidateIcons: false\n }}\n data-error-message={error?.message}\n />\n <MessageView\n text={error?.message || helperText}\n className={message}\n intent={error ? 'error' : 'simple'}\n disabled={disabled}\n />\n </div>\n )\n}\n"],"names":["InputCurrencyControl","control","name","rules","shouldUnregister","disabled","defaultValue","helperText","classes","props","field","fieldState","useController","error","invalid","isTouched","root","input","message","cn","jsx","InputCurrencyBase","MessageView"],"mappings":"6hDAqBO,MAAMA,GAAuB,CAAmC,CACrE,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,aAAAC,EACA,WAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAA+C,CAC7C,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAX,EACA,KAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,aAAAC,CAAA,CACD,EAEK,CAAE,MAAAO,EAAO,QAAAC,EAAS,UAAAC,CAAA,EAAcJ,EAChC,CAAE,KAAAK,EAAM,MAAAC,EAAO,QAAAC,CAAA,EAAYV,GAAW,CAAA,EAE5C,SACG,MAAA,CAAI,UAAWW,EAAG,SAAUH,CAAI,EAC/B,SAAA,CAAAI,EAACC,EAAA,CACE,GAAGZ,EACH,GAAGC,EACJ,QAASO,EACT,QAAAH,EACA,gBAAiB,CACf,QAAAA,EACA,UAAAC,EACA,kBAAmB,EAAA,EAErB,qBAAoBF,GAAA,YAAAA,EAAO,OAAA,CAAA,EAE7BO,EAACE,EAAA,CACC,MAAMT,GAAA,YAAAA,EAAO,UAAWN,EACxB,UAAWW,EACX,OAAQL,EAAQ,QAAU,SAC1B,SAAAR,CAAA,CAAA,CACF,EACF,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as C,jsx as
|
|
1
|
+
import{jsxs as C,jsx as m}from"react/jsx-runtime";import{useController as j}from"react-hook-form";import{cn as v}from"../../../../utils/cn.js";import"react";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.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"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import{InputOtpBase as w}from"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import"../../uncontrolled/inputCurrency/InputCurrency.js";import{MessageView as I}from"../../ui/MessageView.js";import"../../../../../../src/configs/api.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const mt=({control:r,name:i,defaultValue:p,disabled:o,rules:s,shouldUnregister:e,classes:a,helperText:n,...l})=>{const{field:c,fieldState:f}=j({control:r,name:i,defaultValue:p,disabled:o,rules:s,shouldUnregister:e}),{error:t,invalid:g}=f,{container:u,message:d,...x}=a||{};return C("div",{className:v("w-full",u),children:[m(w,{...c,...l,invalid:g,classes:x,"data-error-message":t==null?void 0:t.message}),m(I,{text:(t==null?void 0:t.message)||n,className:d,intent:t?"error":"simple",disabled:o})]})};export{mt as InputOtpControl};
|
|
2
2
|
//# sourceMappingURL=InputOtpControl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputOtpControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/inputOtp/InputOtpControl.tsx"],"sourcesContent":["import { type FieldValues, type Path, useController, type UseControllerProps } from 'react-hook-form'\nimport { InputOtpBase, type InputOtpBaseProps } from '$/shared/ui'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype InputOtpControlClasses = InputOtpBaseProps['classes'] & {\n message?: string\n container?: string\n}\n\nexport type InputOtpControlProps<\n TFieldValues extends FieldValues = FieldValues,\n TName extends Path<TFieldValues> = Path<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n Omit<InputOtpBaseProps, 'classes'> & {\n classes?: InputOtpControlClasses\n helperText?: string\n }\n\nexport const InputOtpControl = <TFieldValues extends FieldValues = FieldValues>({\n control,\n name,\n defaultValue,\n disabled,\n rules,\n shouldUnregister,\n classes,\n helperText,\n ...props\n}: InputOtpControlProps<TFieldValues>) => {\n const { field, fieldState } = useController({ control, name, defaultValue, disabled, rules, shouldUnregister })\n\n const { error, invalid } = fieldState\n\n const { container, message, ...restClasses } = classes || {}\n\n return (\n <div className={cn('w-full', container)}>\n <InputOtpBase {...field} {...props} invalid={invalid} classes={restClasses} />\n <MessageView\n text={error?.message || helperText}\n className={message}\n intent={error ? 'error' : 'simple'}\n disabled={disabled}\n />\n </div>\n )\n}\n"],"names":["InputOtpControl","control","name","defaultValue","disabled","rules","shouldUnregister","classes","helperText","props","field","fieldState","useController","error","invalid","container","message","restClasses","cn","jsx","InputOtpBase","MessageView"],"mappings":"whDAmBO,MAAMA,GAAkB,CAAiD,CAC9E,QAAAC,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAA0C,CACxC,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAAE,QAAAX,EAAS,KAAAC,EAAM,aAAAC,EAAc,SAAAC,EAAU,MAAAC,EAAO,iBAAAC,CAAA,CAAkB,EAExG,CAAE,MAAAO,EAAO,QAAAC,CAAA,EAAYH,EAErB,CAAE,UAAAI,EAAW,QAAAC,EAAS,GAAGC,CAAA,EAAgBV,GAAW,CAAA,EAE1D,SACG,MAAA,CAAI,UAAWW,EAAG,SAAUH,CAAS,EACpC,SAAA,CAAAI,EAACC,
|
|
1
|
+
{"version":3,"file":"InputOtpControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/inputOtp/InputOtpControl.tsx"],"sourcesContent":["import { type FieldValues, type Path, useController, type UseControllerProps } from 'react-hook-form'\nimport { InputOtpBase, type InputOtpBaseProps } from '$/shared/ui'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype InputOtpControlClasses = InputOtpBaseProps['classes'] & {\n message?: string\n container?: string\n}\n\nexport type InputOtpControlProps<\n TFieldValues extends FieldValues = FieldValues,\n TName extends Path<TFieldValues> = Path<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n Omit<InputOtpBaseProps, 'classes'> & {\n classes?: InputOtpControlClasses\n helperText?: string\n }\n\nexport const InputOtpControl = <TFieldValues extends FieldValues = FieldValues>({\n control,\n name,\n defaultValue,\n disabled,\n rules,\n shouldUnregister,\n classes,\n helperText,\n ...props\n}: InputOtpControlProps<TFieldValues>) => {\n const { field, fieldState } = useController({ control, name, defaultValue, disabled, rules, shouldUnregister })\n\n const { error, invalid } = fieldState\n\n const { container, message, ...restClasses } = classes || {}\n\n return (\n <div className={cn('w-full', container)}>\n <InputOtpBase {...field} {...props} invalid={invalid} classes={restClasses} data-error-message={error?.message} />\n <MessageView\n text={error?.message || helperText}\n className={message}\n intent={error ? 'error' : 'simple'}\n disabled={disabled}\n />\n </div>\n )\n}\n"],"names":["InputOtpControl","control","name","defaultValue","disabled","rules","shouldUnregister","classes","helperText","props","field","fieldState","useController","error","invalid","container","message","restClasses","cn","jsx","InputOtpBase","MessageView"],"mappings":"whDAmBO,MAAMA,GAAkB,CAAiD,CAC9E,QAAAC,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAA0C,CACxC,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAAE,QAAAX,EAAS,KAAAC,EAAM,aAAAC,EAAc,SAAAC,EAAU,MAAAC,EAAO,iBAAAC,CAAA,CAAkB,EAExG,CAAE,MAAAO,EAAO,QAAAC,CAAA,EAAYH,EAErB,CAAE,UAAAI,EAAW,QAAAC,EAAS,GAAGC,CAAA,EAAgBV,GAAW,CAAA,EAE1D,SACG,MAAA,CAAI,UAAWW,EAAG,SAAUH,CAAS,EACpC,SAAA,CAAAI,EAACC,EAAA,CAAc,GAAGV,EAAQ,GAAGD,EAAO,QAAAK,EAAkB,QAASG,EAAa,qBAAoBJ,GAAA,YAAAA,EAAO,OAAA,CAAS,EAChHM,EAACE,EAAA,CACC,MAAMR,GAAA,YAAAA,EAAO,UAAWL,EACxB,UAAWQ,EACX,OAAQH,EAAQ,QAAU,SAC1B,SAAAT,CAAA,CAAA,CACF,EACF,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as k,jsx as
|
|
1
|
+
import{jsxs as k,jsx as t}from"react/jsx-runtime";import{useController as v}from"react-hook-form";import{cn as w}from"../../../../utils/cn.js";import"react";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.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"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import{RadioGroupBase as G}from"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import"../../uncontrolled/inputCurrency/InputCurrency.js";import{MessageView as R}from"../../ui/MessageView.js";import"../../../../../../src/configs/api.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const so=({classes:i,className:m,control:p,name:e,rules:s,shouldUnregister:a,disabled:r,defaultValue:l,helperText:n,label:c,...d})=>{const{field:f,fieldState:g}=v({control:p,name:e,rules:s,shouldUnregister:a,disabled:r,defaultValue:l}),{onChange:u,...C}=f,{invalid:x,error:o}=g,{container:h,message:b,label:N,...j}=i||{};return k("div",{className:h,children:[t("p",{className:w("desk-body-regular-l w-full pb-4 text-color-dark",N),children:c}),t(G,{...d,...C,onValueChange:u,invalid:x,className:m,classes:j,"data-error-message":o==null?void 0:o.message}),t(R,{text:(o==null?void 0:o.message)||n,className:b,intent:o?"error":"simple",disabled:r})]})};export{so as RadioGroupControl};
|
|
2
2
|
//# sourceMappingURL=RadioGroupControl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroupControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/radio/RadioGroupControl.tsx"],"sourcesContent":["import { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { RadioGroupBase, type RadioGroupBaseProps } from '$/shared/ui'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype RadioControlClasses = RadioGroupBaseProps['classes'] & {\n container?: string\n message?: string\n label?: string\n}\n\nexport type RadioGroupControlProps<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n Omit<RadioGroupBaseProps, 'classes' | 'name'> & {\n /**\n * Отображаемый лейбл\n */\n label: string\n /**\n * Контрол объект для управления полем\n */\n control: Control<TFieldValues>\n /**\n * Дополнительные стили компонента\n */\n classes?: RadioControlClasses\n /**\n * Дополнительный текст\n */\n helperText?: string\n }\n\nexport const RadioGroupControl = <TFieldValues extends FieldValues = FieldValues>({\n classes,\n className,\n control,\n name,\n rules,\n shouldUnregister,\n disabled,\n defaultValue,\n helperText,\n label,\n ...props\n}: RadioGroupControlProps<TFieldValues>) => {\n const { field, fieldState } = useController({\n control,\n name,\n rules,\n shouldUnregister,\n disabled,\n defaultValue\n })\n\n const { onChange, ...restField } = field\n const { invalid, error } = fieldState\n const { container, message, label: labelClass, ...restClasses } = classes || {}\n\n return (\n <div className={container}>\n <p className={cn('desk-body-regular-l w-full pb-4 text-color-dark', labelClass)}>{label}</p>\n <RadioGroupBase\n {...props}\n {...restField}\n onValueChange={onChange}\n invalid={invalid}\n className={className}\n classes={restClasses}\n />\n <MessageView\n text={error?.message || helperText}\n className={message}\n intent={error ? 'error' : 'simple'}\n disabled={disabled}\n />\n </div>\n )\n}\n"],"names":["RadioGroupControl","classes","className","control","name","rules","shouldUnregister","disabled","defaultValue","helperText","label","props","field","fieldState","useController","onChange","restField","invalid","error","container","message","labelClass","restClasses","jsxs","jsx","cn","RadioGroupBase","MessageView"],"mappings":"0hDAkCO,MAAMA,GAAoB,CAAiD,CAChF,QAAAC,EACA,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,aAAAC,EACA,WAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAA4C,CAC1C,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAX,EACA,KAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,aAAAC,CAAA,CACD,EAEK,CAAE,SAAAO,EAAU,GAAGC,CAAA,EAAcJ,EAC7B,CAAE,QAAAK,EAAS,MAAAC,CAAA,EAAUL,EACrB,CAAE,UAAAM,EAAW,QAAAC,EAAS,MAAOC,EAAY,GAAGC,CAAA,EAAgBrB,GAAW,CAAA,EAE7E,OACEsB,EAAC,MAAA,CAAI,UAAWJ,EACd,SAAA,CAAAK,EAAC,KAAE,UAAWC,EAAG,kDAAmDJ,CAAU,EAAI,SAAAX,EAAM,EACxFc,EAACE,EAAA,CACE,GAAGf,EACH,GAAGK,EACJ,cAAeD,EACf,QAAAE,EACA,UAAAf,EACA,QAASoB,
|
|
1
|
+
{"version":3,"file":"RadioGroupControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/radio/RadioGroupControl.tsx"],"sourcesContent":["import { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { RadioGroupBase, type RadioGroupBaseProps } from '$/shared/ui'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype RadioControlClasses = RadioGroupBaseProps['classes'] & {\n container?: string\n message?: string\n label?: string\n}\n\nexport type RadioGroupControlProps<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n Omit<RadioGroupBaseProps, 'classes' | 'name'> & {\n /**\n * Отображаемый лейбл\n */\n label: string\n /**\n * Контрол объект для управления полем\n */\n control: Control<TFieldValues>\n /**\n * Дополнительные стили компонента\n */\n classes?: RadioControlClasses\n /**\n * Дополнительный текст\n */\n helperText?: string\n }\n\nexport const RadioGroupControl = <TFieldValues extends FieldValues = FieldValues>({\n classes,\n className,\n control,\n name,\n rules,\n shouldUnregister,\n disabled,\n defaultValue,\n helperText,\n label,\n ...props\n}: RadioGroupControlProps<TFieldValues>) => {\n const { field, fieldState } = useController({\n control,\n name,\n rules,\n shouldUnregister,\n disabled,\n defaultValue\n })\n\n const { onChange, ...restField } = field\n const { invalid, error } = fieldState\n const { container, message, label: labelClass, ...restClasses } = classes || {}\n\n return (\n <div className={container}>\n <p className={cn('desk-body-regular-l w-full pb-4 text-color-dark', labelClass)}>{label}</p>\n <RadioGroupBase\n {...props}\n {...restField}\n onValueChange={onChange}\n invalid={invalid}\n className={className}\n classes={restClasses}\n data-error-message={error?.message}\n />\n <MessageView\n text={error?.message || helperText}\n className={message}\n intent={error ? 'error' : 'simple'}\n disabled={disabled}\n />\n </div>\n )\n}\n"],"names":["RadioGroupControl","classes","className","control","name","rules","shouldUnregister","disabled","defaultValue","helperText","label","props","field","fieldState","useController","onChange","restField","invalid","error","container","message","labelClass","restClasses","jsxs","jsx","cn","RadioGroupBase","MessageView"],"mappings":"0hDAkCO,MAAMA,GAAoB,CAAiD,CAChF,QAAAC,EACA,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,aAAAC,EACA,WAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAA4C,CAC1C,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAX,EACA,KAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,aAAAC,CAAA,CACD,EAEK,CAAE,SAAAO,EAAU,GAAGC,CAAA,EAAcJ,EAC7B,CAAE,QAAAK,EAAS,MAAAC,CAAA,EAAUL,EACrB,CAAE,UAAAM,EAAW,QAAAC,EAAS,MAAOC,EAAY,GAAGC,CAAA,EAAgBrB,GAAW,CAAA,EAE7E,OACEsB,EAAC,MAAA,CAAI,UAAWJ,EACd,SAAA,CAAAK,EAAC,KAAE,UAAWC,EAAG,kDAAmDJ,CAAU,EAAI,SAAAX,EAAM,EACxFc,EAACE,EAAA,CACE,GAAGf,EACH,GAAGK,EACJ,cAAeD,EACf,QAAAE,EACA,UAAAf,EACA,QAASoB,EACT,qBAAoBJ,GAAA,YAAAA,EAAO,OAAA,CAAA,EAE7BM,EAACG,EAAA,CACC,MAAMT,GAAA,YAAAA,EAAO,UAAWT,EACxB,UAAWW,EACX,OAAQF,EAAQ,QAAU,SAC1B,SAAAX,CAAA,CAAA,CACF,EACF,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as i,jsx as
|
|
1
|
+
import{jsxs as i,jsx as t}from"react/jsx-runtime";import{useId as B}from"react";import{useController as F}from"react-hook-form";import{cn as e}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{Popover as I}from"../../../popover/Popover.js";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as z}from"../../../icon/Icon.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import{SwitchBase as E}from"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import"../../uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../../src/configs/api.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as M}from"../../ui/MessageView.js";const ho=({classes:c,className:a,control:n,name:f,rules:d,defaultValue:g,disabled:o,shouldUnregister:x,children:h,helperText:m,tooltip:s,popoverProps:u,...C})=>{const{field:v,fieldState:y}=F({control:n,name:f,rules:d,defaultValue:g,disabled:o,shouldUnregister:x}),{value:N,onChange:b,...k}=v,{invalid:w,error:r}=y,{container:S,message:p,...j}=c||{},l=B();return i("div",{className:e("flex flex-col",{"pointer-events-none":o},a,S),children:[i("div",{className:"flex items-center gap-2",children:[t(E,{...C,...k,invalid:w,classes:j,id:l,checked:N,onCheckedChange:b,"data-error-message":r==null?void 0:r.message}),i("label",{htmlFor:l,className:e("mob-body-regular-l text-color-dark",{"flex flex-col":!!m,"text-color-disabled":o}),children:[h,m&&t("p",{className:e("mob-body-regular-s text-color-tetriary",{"text-color-disabled":o},p),children:m})]}),s&&t(I,{side:"top",classes:{root:"self-start py-[2px]"},triggerElement:t(z,{name:"info/helpCircle",className:e("size-4 text-color-blue-grey-600",{"text-icon-blue-grey-100":o})}),...u,children:s})]}),r&&t(M,{text:r.message,className:p,intent:"error",disabled:o})]})};export{ho as SwitchControl};
|
|
2
2
|
//# sourceMappingURL=SwitchControl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwitchControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/switch/SwitchControl.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { MessageView } from '../../ui'\nimport { Icon, Popover, SwitchBase, type SwitchBaseProps } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype SwitchControlClasses = SwitchBaseProps['classes'] & {\n container?: string\n message?: string\n}\n\ntype PopoverProps = React.ComponentPropsWithoutRef<typeof Popover>\n\nexport type SwitchControlProps<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n Omit<SwitchBaseProps, 'classes'> & {\n /**\n * Контрол объект для управления полем\n */\n control: Control<TFieldValues>\n /**\n * Отображаемый лейбл\n */\n children: React.ReactElement | string\n /**\n * Дополнительные стили компонента\n */\n classes?: SwitchControlClasses\n /**\n * Дополнительный текст\n */\n helperText?: string\n /**\n * Текст всплывающей подсказки\n */\n tooltip?: React.ReactElement | string\n /**\n * Свойства `Popover` компонента\n */\n popoverProps?: PopoverProps\n }\n\nexport const SwitchControl = <TFieldValues extends FieldValues = FieldValues>({\n classes,\n className,\n control,\n name,\n rules,\n defaultValue,\n disabled,\n shouldUnregister,\n children,\n helperText,\n tooltip,\n popoverProps,\n ...props\n}: SwitchControlProps<TFieldValues>) => {\n const { field, fieldState } = useController({\n control,\n name,\n rules,\n defaultValue,\n disabled,\n shouldUnregister\n })\n\n const { value, onChange, ...restField } = field\n const { invalid, error } = fieldState\n const { container, message, ...restClasses } = classes || {}\n const id = useId()\n\n return (\n <div className={cn('flex flex-col', { 'pointer-events-none': disabled }, className, container)}>\n <div className='flex items-center gap-2'>\n <SwitchBase\n {...props}\n {...restField}\n invalid={invalid}\n classes={restClasses}\n id={id}\n checked={value}\n onCheckedChange={onChange}\n />\n <label\n htmlFor={id}\n className={cn('mob-body-regular-l text-color-dark', {\n 'flex flex-col': Boolean(helperText),\n 'text-color-disabled': disabled\n })}\n >\n {children}\n {helperText && (\n <p\n className={cn(\n 'mob-body-regular-s text-color-tetriary',\n {\n 'text-color-disabled': disabled\n },\n message\n )}\n >\n {helperText}\n </p>\n )}\n </label>\n {tooltip && (\n <Popover\n side='top'\n classes={{ root: 'self-start py-[2px]' }}\n triggerElement={\n <Icon\n name='info/helpCircle'\n className={cn('size-4 text-color-blue-grey-600', {\n 'text-icon-blue-grey-100': disabled\n })}\n />\n }\n {...popoverProps}\n >\n {tooltip}\n </Popover>\n )}\n </div>\n {error && <MessageView text={error.message} className={message} intent='error' disabled={disabled} />}\n </div>\n )\n}\n"],"names":["SwitchControl","classes","className","control","name","rules","defaultValue","disabled","shouldUnregister","children","helperText","tooltip","popoverProps","props","field","fieldState","useController","value","onChange","restField","invalid","error","container","message","restClasses","id","useId","jsxs","cn","jsx","SwitchBase","Popover","Icon","MessageView"],"mappings":"yoDA4CO,MAAMA,GAAgB,CAAiD,CAC5E,QAAAC,EACA,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,WAAAC,EACA,QAAAC,EACA,aAAAC,EACA,GAAGC,CACL,IAAwC,CACtC,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAb,EACA,KAAAC,EACA,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,MAAAS,EAAO,SAAAC,EAAU,GAAGC,GAAcL,EACpC,CAAE,QAAAM,EAAS,MAAAC,CAAA,EAAUN,EACrB,CAAE,UAAAO,EAAW,QAAAC,EAAS,GAAGC,CAAA,EAAgBvB,GAAW,CAAA,EACpDwB,EAAKC,EAAA,EAEX,OACEC,EAAC,MAAA,CAAI,UAAWC,EAAG,gBAAiB,CAAE,sBAAuBrB,CAAA,EAAYL,EAAWoB,CAAS,EAC3F,SAAA,CAAAK,EAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAE,EAACC,EAAA,CACE,GAAGjB,EACH,GAAGM,EACJ,QAAAC,EACA,QAASI,EACT,GAAAC,EACA,QAASR,EACT,gBAAiBC,
|
|
1
|
+
{"version":3,"file":"SwitchControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/switch/SwitchControl.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { MessageView } from '../../ui'\nimport { Icon, Popover, SwitchBase, type SwitchBaseProps } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype SwitchControlClasses = SwitchBaseProps['classes'] & {\n container?: string\n message?: string\n}\n\ntype PopoverProps = React.ComponentPropsWithoutRef<typeof Popover>\n\nexport type SwitchControlProps<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n Omit<SwitchBaseProps, 'classes'> & {\n /**\n * Контрол объект для управления полем\n */\n control: Control<TFieldValues>\n /**\n * Отображаемый лейбл\n */\n children: React.ReactElement | string\n /**\n * Дополнительные стили компонента\n */\n classes?: SwitchControlClasses\n /**\n * Дополнительный текст\n */\n helperText?: string\n /**\n * Текст всплывающей подсказки\n */\n tooltip?: React.ReactElement | string\n /**\n * Свойства `Popover` компонента\n */\n popoverProps?: PopoverProps\n }\n\nexport const SwitchControl = <TFieldValues extends FieldValues = FieldValues>({\n classes,\n className,\n control,\n name,\n rules,\n defaultValue,\n disabled,\n shouldUnregister,\n children,\n helperText,\n tooltip,\n popoverProps,\n ...props\n}: SwitchControlProps<TFieldValues>) => {\n const { field, fieldState } = useController({\n control,\n name,\n rules,\n defaultValue,\n disabled,\n shouldUnregister\n })\n\n const { value, onChange, ...restField } = field\n const { invalid, error } = fieldState\n const { container, message, ...restClasses } = classes || {}\n const id = useId()\n\n return (\n <div className={cn('flex flex-col', { 'pointer-events-none': disabled }, className, container)}>\n <div className='flex items-center gap-2'>\n <SwitchBase\n {...props}\n {...restField}\n invalid={invalid}\n classes={restClasses}\n id={id}\n checked={value}\n onCheckedChange={onChange}\n data-error-message={error?.message}\n />\n <label\n htmlFor={id}\n className={cn('mob-body-regular-l text-color-dark', {\n 'flex flex-col': Boolean(helperText),\n 'text-color-disabled': disabled\n })}\n >\n {children}\n {helperText && (\n <p\n className={cn(\n 'mob-body-regular-s text-color-tetriary',\n {\n 'text-color-disabled': disabled\n },\n message\n )}\n >\n {helperText}\n </p>\n )}\n </label>\n {tooltip && (\n <Popover\n side='top'\n classes={{ root: 'self-start py-[2px]' }}\n triggerElement={\n <Icon\n name='info/helpCircle'\n className={cn('size-4 text-color-blue-grey-600', {\n 'text-icon-blue-grey-100': disabled\n })}\n />\n }\n {...popoverProps}\n >\n {tooltip}\n </Popover>\n )}\n </div>\n {error && <MessageView text={error.message} className={message} intent='error' disabled={disabled} />}\n </div>\n )\n}\n"],"names":["SwitchControl","classes","className","control","name","rules","defaultValue","disabled","shouldUnregister","children","helperText","tooltip","popoverProps","props","field","fieldState","useController","value","onChange","restField","invalid","error","container","message","restClasses","id","useId","jsxs","cn","jsx","SwitchBase","Popover","Icon","MessageView"],"mappings":"yoDA4CO,MAAMA,GAAgB,CAAiD,CAC5E,QAAAC,EACA,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,WAAAC,EACA,QAAAC,EACA,aAAAC,EACA,GAAGC,CACL,IAAwC,CACtC,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAb,EACA,KAAAC,EACA,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,MAAAS,EAAO,SAAAC,EAAU,GAAGC,GAAcL,EACpC,CAAE,QAAAM,EAAS,MAAAC,CAAA,EAAUN,EACrB,CAAE,UAAAO,EAAW,QAAAC,EAAS,GAAGC,CAAA,EAAgBvB,GAAW,CAAA,EACpDwB,EAAKC,EAAA,EAEX,OACEC,EAAC,MAAA,CAAI,UAAWC,EAAG,gBAAiB,CAAE,sBAAuBrB,CAAA,EAAYL,EAAWoB,CAAS,EAC3F,SAAA,CAAAK,EAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAE,EAACC,EAAA,CACE,GAAGjB,EACH,GAAGM,EACJ,QAAAC,EACA,QAASI,EACT,GAAAC,EACA,QAASR,EACT,gBAAiBC,EACjB,qBAAoBG,GAAA,YAAAA,EAAO,OAAA,CAAA,EAE7BM,EAAC,QAAA,CACC,QAASF,EACT,UAAWG,EAAG,qCAAsC,CAClD,gBAAiB,EAAQlB,EACzB,sBAAuBH,CAAA,CACxB,EAEA,SAAA,CAAAE,EACAC,GACCmB,EAAC,IAAA,CACC,UAAWD,EACT,yCACA,CACE,sBAAuBrB,CAAA,EAEzBgB,CAAA,EAGD,SAAAb,CAAA,CAAA,CACH,CAAA,CAAA,EAGHC,GACCkB,EAACE,EAAA,CACC,KAAK,MACL,QAAS,CAAE,KAAM,qBAAA,EACjB,eACEF,EAACG,EAAA,CACC,KAAK,kBACL,UAAWJ,EAAG,kCAAmC,CAC/C,0BAA2BrB,CAAA,CAC5B,CAAA,CAAA,EAGJ,GAAGK,EAEH,SAAAD,CAAA,CAAA,CACH,EAEJ,EACCU,GAASQ,EAACI,EAAA,CAAY,KAAMZ,EAAM,QAAS,UAAWE,EAAS,OAAO,QAAQ,SAAAhB,CAAA,CAAoB,CAAA,EACrG,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as v,jsx as m}from"react/jsx-runtime";import{useController as w}from"react-hook-form";import{cn as C}from"../../../../utils/cn.js";import"react";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.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"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import{TextareaBase as T}from"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import"../../uncontrolled/inputCurrency/InputCurrency.js";import{MessageView as j}from"../../ui/MessageView.js";import"../../../../../../src/configs/api.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const it=({classes:p,control:e,name:s,rules:a,disabled:r,defaultValue:n,shouldUnregister:l,helperText:c,...i})=>{const{field:f,fieldState:d}=w({control:e,name:s,rules:a,disabled:r,defaultValue:n,shouldUnregister:l}),{error:t,invalid:o,isTouched:x}=d,{message:
|
|
1
|
+
import{jsxs as v,jsx as m}from"react/jsx-runtime";import{useController as w}from"react-hook-form";import{cn as C}from"../../../../utils/cn.js";import"react";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.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"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import{TextareaBase as T}from"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import"../../uncontrolled/inputCurrency/InputCurrency.js";import{MessageView as j}from"../../ui/MessageView.js";import"../../../../../../src/configs/api.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const it=({classes:p,control:e,name:s,rules:a,disabled:r,defaultValue:n,shouldUnregister:l,helperText:c,...i})=>{const{field:f,fieldState:d}=w({control:e,name:s,rules:a,disabled:r,defaultValue:n,shouldUnregister:l}),{error:t,invalid:o,isTouched:x}=d,{message:g,root:h,...u}=p||{};return v("div",{className:C("w-full",h),children:[m(T,{...i,...f,"aria-invalid":o,invalid:o,classes:u,attachmentProps:{invalid:o,isTouched:x,withValidateIcons:!0,...i.attachmentProps},"data-error-message":t==null?void 0:t.message}),m(j,{text:(t==null?void 0:t.message)||c,className:g,intent:t?"error":"simple",disabled:r})]})};export{it as TextareaControl};
|
|
2
2
|
//# sourceMappingURL=TextareaControl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextareaControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/textarea/TextareaControl.tsx"],"sourcesContent":["import { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { TextareaBase, type TextareaBaseProps } from '$/shared/ui'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype TextareaControlClasses = TextareaBaseProps['classes'] & {\n root?: string\n message?: string\n}\n\nexport type TextareaControlProps<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n Omit<TextareaBaseProps, 'classes'> & {\n /**\n * Контрол объект для управления полем\n */\n control: Control<TFieldValues>\n /**\n * Дополнительные стили компонента\n */\n classes?: TextareaControlClasses\n /**\n * Дополнительный текст\n */\n helperText?: string\n }\n\nexport const TextareaControl = <TFieldValues extends FieldValues = FieldValues>({\n classes,\n control,\n name,\n rules,\n disabled,\n defaultValue,\n shouldUnregister,\n helperText,\n ...props\n}: TextareaControlProps<TFieldValues>) => {\n const { field, fieldState } = useController({\n control,\n name,\n rules,\n disabled,\n defaultValue,\n shouldUnregister\n })\n\n const { error, invalid, isTouched } = fieldState\n const { message, root, ...restClasses } = classes || {}\n\n return (\n <div className={cn('w-full', root)}>\n <TextareaBase\n {...props}\n {...field}\n aria-invalid={invalid}\n invalid={invalid}\n classes={restClasses}\n attachmentProps={{\n invalid,\n isTouched,\n withValidateIcons: true,\n ...props.attachmentProps\n }}\n />\n <MessageView\n text={error?.message || helperText}\n className={message}\n intent={error ? 'error' : 'simple'}\n disabled={disabled}\n />\n </div>\n )\n}\n"],"names":["TextareaControl","classes","control","name","rules","disabled","defaultValue","shouldUnregister","helperText","props","field","fieldState","useController","error","invalid","isTouched","message","root","restClasses","cn","jsx","TextareaBase","MessageView"],"mappings":"whDA6BO,MAAMA,GAAkB,CAAiD,CAC9E,QAAAC,EACA,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAA0C,CACxC,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAV,EACA,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,aAAAC,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,MAAAM,EAAO,QAAAC,EAAS,UAAAC,CAAA,EAAcJ,EAChC,CAAE,QAAAK,EAAS,KAAAC,EAAM,GAAGC,CAAA,EAAgBjB,GAAW,CAAA,EAErD,SACG,MAAA,CAAI,UAAWkB,EAAG,SAAUF,CAAI,EAC/B,SAAA,CAAAG,EAACC,EAAA,CACE,GAAGZ,EACH,GAAGC,EACJ,eAAcI,EACd,QAAAA,EACA,QAASI,EACT,gBAAiB,CACf,QAAAJ,EACA,UAAAC,EACA,kBAAmB,GACnB,GAAGN,EAAM,eAAA,
|
|
1
|
+
{"version":3,"file":"TextareaControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/textarea/TextareaControl.tsx"],"sourcesContent":["import { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { TextareaBase, type TextareaBaseProps } from '$/shared/ui'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype TextareaControlClasses = TextareaBaseProps['classes'] & {\n root?: string\n message?: string\n}\n\nexport type TextareaControlProps<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n Omit<TextareaBaseProps, 'classes'> & {\n /**\n * Контрол объект для управления полем\n */\n control: Control<TFieldValues>\n /**\n * Дополнительные стили компонента\n */\n classes?: TextareaControlClasses\n /**\n * Дополнительный текст\n */\n helperText?: string\n }\n\nexport const TextareaControl = <TFieldValues extends FieldValues = FieldValues>({\n classes,\n control,\n name,\n rules,\n disabled,\n defaultValue,\n shouldUnregister,\n helperText,\n ...props\n}: TextareaControlProps<TFieldValues>) => {\n const { field, fieldState } = useController({\n control,\n name,\n rules,\n disabled,\n defaultValue,\n shouldUnregister\n })\n\n const { error, invalid, isTouched } = fieldState\n const { message, root, ...restClasses } = classes || {}\n\n return (\n <div className={cn('w-full', root)}>\n <TextareaBase\n {...props}\n {...field}\n aria-invalid={invalid}\n invalid={invalid}\n classes={restClasses}\n attachmentProps={{\n invalid,\n isTouched,\n withValidateIcons: true,\n ...props.attachmentProps\n }}\n data-error-message={error?.message}\n />\n <MessageView\n text={error?.message || helperText}\n className={message}\n intent={error ? 'error' : 'simple'}\n disabled={disabled}\n />\n </div>\n )\n}\n"],"names":["TextareaControl","classes","control","name","rules","disabled","defaultValue","shouldUnregister","helperText","props","field","fieldState","useController","error","invalid","isTouched","message","root","restClasses","cn","jsx","TextareaBase","MessageView"],"mappings":"whDA6BO,MAAMA,GAAkB,CAAiD,CAC9E,QAAAC,EACA,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAA0C,CACxC,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAV,EACA,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,aAAAC,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,MAAAM,EAAO,QAAAC,EAAS,UAAAC,CAAA,EAAcJ,EAChC,CAAE,QAAAK,EAAS,KAAAC,EAAM,GAAGC,CAAA,EAAgBjB,GAAW,CAAA,EAErD,SACG,MAAA,CAAI,UAAWkB,EAAG,SAAUF,CAAI,EAC/B,SAAA,CAAAG,EAACC,EAAA,CACE,GAAGZ,EACH,GAAGC,EACJ,eAAcI,EACd,QAAAA,EACA,QAASI,EACT,gBAAiB,CACf,QAAAJ,EACA,UAAAC,EACA,kBAAmB,GACnB,GAAGN,EAAM,eAAA,EAEX,qBAAoBI,GAAA,YAAAA,EAAO,OAAA,CAAA,EAE7BO,EAACE,EAAA,CACC,MAAMT,GAAA,YAAAA,EAAO,UAAWL,EACxB,UAAWQ,EACX,OAAQH,EAAQ,QAAU,SAC1B,SAAAR,CAAA,CAAA,CACF,EACF,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as C,jsx as
|
|
1
|
+
import{jsxs as C,jsx as r}from"react/jsx-runtime";import{useController as j}from"react-hook-form";import{UploaderBase as v}from"../../uncontrolled/uploader/UploaderBase.js";import{cn as w}from"../../../../utils/cn.js";import"react";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.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"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../../src/configs/api.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as N}from"../../ui/MessageView.js";const rt=({control:m,name:i,defaultValue:p,rules:s,shouldUnregister:e,classes:a,helperText:l,disabled:o,...n})=>{const{field:c,fieldState:f}=j({control:m,name:i,defaultValue:p,rules:s,shouldUnregister:e}),{error:t,invalid:d}=f,{message:g,container:x,...u}=a||{};return C("div",{className:w("w-full",x),children:[r(v,{...n,...c,invalid:d,disabled:o,classes:u,"data-error-message":t==null?void 0:t.message}),r(N,{text:(t==null?void 0:t.message)||l,className:g,intent:t?"error":"simple",disabled:o})]})};export{rt as UploaderControl};
|
|
2
2
|
//# sourceMappingURL=UploaderControl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UploaderControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/uploader/UploaderControl.tsx"],"sourcesContent":["import { type Control, type FieldValues, type Path, useController, type UseControllerProps } from 'react-hook-form'\nimport { UploaderBase, type UploaderBaseProps } from '../../uncontrolled/uploader'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype UploaderControlClasses = UploaderBaseProps & {\n message?: string\n container?: string\n}\n\nexport type UploaderControlProps<\n TFieldValues extends FieldValues,\n TName extends Path<TFieldValues> = Path<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n Omit<UploaderBaseProps, 'name'> & {\n control: Control<TFieldValues>\n classes?: UploaderControlClasses\n }\n\nexport const UploaderControl = <TFieldValues extends FieldValues>({\n control,\n name,\n defaultValue,\n rules,\n shouldUnregister,\n classes,\n helperText,\n disabled,\n ...props\n}: UploaderControlProps<TFieldValues>) => {\n const { field, fieldState } = useController({\n control,\n name,\n defaultValue,\n rules,\n shouldUnregister\n })\n\n const { error, invalid } = fieldState\n\n const { message, container, ...restClasses } = classes || {}\n\n return (\n <div className={cn('w-full', container)}>\n <UploaderBase
|
|
1
|
+
{"version":3,"file":"UploaderControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/uploader/UploaderControl.tsx"],"sourcesContent":["import { type Control, type FieldValues, type Path, useController, type UseControllerProps } from 'react-hook-form'\nimport { UploaderBase, type UploaderBaseProps } from '../../uncontrolled/uploader'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype UploaderControlClasses = UploaderBaseProps & {\n message?: string\n container?: string\n}\n\nexport type UploaderControlProps<\n TFieldValues extends FieldValues,\n TName extends Path<TFieldValues> = Path<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n Omit<UploaderBaseProps, 'name'> & {\n control: Control<TFieldValues>\n classes?: UploaderControlClasses\n }\n\nexport const UploaderControl = <TFieldValues extends FieldValues>({\n control,\n name,\n defaultValue,\n rules,\n shouldUnregister,\n classes,\n helperText,\n disabled,\n ...props\n}: UploaderControlProps<TFieldValues>) => {\n const { field, fieldState } = useController({\n control,\n name,\n defaultValue,\n rules,\n shouldUnregister\n })\n\n const { error, invalid } = fieldState\n\n const { message, container, ...restClasses } = classes || {}\n\n return (\n <div className={cn('w-full', container)}>\n <UploaderBase\n {...props}\n {...field}\n invalid={invalid}\n disabled={disabled}\n classes={restClasses}\n data-error-message={error?.message}\n />\n <MessageView\n text={error?.message || helperText}\n className={message}\n intent={error ? 'error' : 'simple'}\n disabled={disabled}\n />\n </div>\n )\n}\n"],"names":["UploaderControl","control","name","defaultValue","rules","shouldUnregister","classes","helperText","disabled","props","field","fieldState","useController","error","invalid","message","container","restClasses","cn","jsx","UploaderBase","MessageView"],"mappings":"whDAmBO,MAAMA,GAAkB,CAAmC,CAChE,QAAAC,EACA,KAAAC,EACA,aAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,WAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAA0C,CACxC,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAX,EACA,KAAAC,EACA,aAAAC,EACA,MAAAC,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,MAAAQ,EAAO,QAAAC,CAAA,EAAYH,EAErB,CAAE,QAAAI,EAAS,UAAAC,EAAW,GAAGC,CAAA,EAAgBX,GAAW,CAAA,EAE1D,SACG,MAAA,CAAI,UAAWY,EAAG,SAAUF,CAAS,EACpC,SAAA,CAAAG,EAACC,EAAA,CACE,GAAGX,EACH,GAAGC,EACJ,QAAAI,EACA,SAAAN,EACA,QAASS,EACT,qBAAoBJ,GAAA,YAAAA,EAAO,OAAA,CAAA,EAE7BM,EAACE,EAAA,CACC,MAAMR,GAAA,YAAAA,EAAO,UAAWN,EACxB,UAAWQ,EACX,OAAQF,EAAQ,QAAU,SAC1B,SAAAL,CAAA,CAAA,CACF,EACF,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{AutocompleteBase as t}from"./uncontrolled/autocomplete/Autocomplete.js";import{CheckboxBase as p}from"./uncontrolled/checkbox/Checkbox.js";import{Combobox as m}from"./uncontrolled/combobox/combobox.js";import{DayPickerBase as f}from"./uncontrolled/dayPicker/DayPicker.js";import{InputBase as l}from"./uncontrolled/input/Input.js";import{InputOtpBase as d}from"./uncontrolled/inputOtp/InputOtpBase.js";import{MaskInput as u}from"./uncontrolled/maskInput/MaskInput.js";import{RadioGroupBase as B}from"./uncontrolled/radio/RadioGroup.js";import{RadioItem as c}from"./uncontrolled/radio/ui/RadioItem.js";import{RadioItemCard as y}from"./uncontrolled/radio/ui/RadioItemCard.js";import{RadioItemTab as R}from"./uncontrolled/radio/ui/RadioItemTab.js";import{SliderBase as T}from"./uncontrolled/slider/SliderBase.js";import{SwitchBase as A}from"./uncontrolled/switch/Switch.js";import{TextareaBase as S}from"./uncontrolled/textarea/Textarea.js";import{UploaderBase as M}from"./uncontrolled/uploader/UploaderBase.js";import{bytesToMegabytes as U,megabytesToBytes as w}from"./uncontrolled/uploader/model/helpers.js";import{InputCurrencyBase as z}from"./uncontrolled/inputCurrency/InputCurrency.js";import{Uncontrolled as F}from"./uncontrolled/index.js";import{AutocompleteControl as q}from"./controlled/autocomplete/
|
|
1
|
+
import{AutocompleteBase as t}from"./uncontrolled/autocomplete/Autocomplete.js";import{CheckboxBase as p}from"./uncontrolled/checkbox/Checkbox.js";import{Combobox as m}from"./uncontrolled/combobox/combobox.js";import{DayPickerBase as f}from"./uncontrolled/dayPicker/DayPicker.js";import{InputBase as l}from"./uncontrolled/input/Input.js";import{InputOtpBase as d}from"./uncontrolled/inputOtp/InputOtpBase.js";import{MaskInput as u}from"./uncontrolled/maskInput/MaskInput.js";import{RadioGroupBase as B}from"./uncontrolled/radio/RadioGroup.js";import{RadioItem as c}from"./uncontrolled/radio/ui/RadioItem.js";import{RadioItemCard as y}from"./uncontrolled/radio/ui/RadioItemCard.js";import{RadioItemTab as R}from"./uncontrolled/radio/ui/RadioItemTab.js";import{SliderBase as T}from"./uncontrolled/slider/SliderBase.js";import{SwitchBase as A}from"./uncontrolled/switch/Switch.js";import{TextareaBase as S}from"./uncontrolled/textarea/Textarea.js";import{UploaderBase as M}from"./uncontrolled/uploader/UploaderBase.js";import{bytesToMegabytes as U,megabytesToBytes as w}from"./uncontrolled/uploader/model/helpers.js";import{InputCurrencyBase as z}from"./uncontrolled/inputCurrency/InputCurrency.js";import{Uncontrolled as F}from"./uncontrolled/index.js";import{AutocompleteControl as q}from"./controlled/autocomplete/AutocompleteControl.js";import{CheckboxControl as H}from"./controlled/checkbox/CheckboxControl.js";import{DadataOrganization as K}from"./controlled/dadata/party/DadataOrganization.js";import{DadataAddress as N}from"./controlled/dadata/address/DadataAddress.js";import{DadataAuto as V}from"./controlled/dadata/auto/DadataAuto.js";import{DadataCountry as X}from"./controlled/dadata/country/DadataCountry.js";import{DadataFio as Z}from"./controlled/dadata/fio/DadataFio.js";import{DayPickerControl as $}from"./controlled/dayPickerControl/dayPickerControl.js";import{EditorControl as ro}from"./controlled/editor/EditorControl.js";import{InputControl as eo}from"./controlled/input/InputControl.js";import{MaskInputControl as ao}from"./controlled/input/MaskInputControl.js";import{InputCurrencyControl as xo}from"./controlled/inputCurrency/InputCurrencyControl.js";import{InputOtpControl as no}from"./controlled/inputOtp/InputOtpControl.js";import{RadioGroupControl as Co}from"./controlled/radio/RadioGroupControl.js";import{RadioGroupTabControl as uo}from"./controlled/radio/RadioGroupTabControl.js";import{RadioGroupCardControl as Bo}from"./controlled/radio/RadioGroupCardControl.js";import{SliderControl as co}from"./controlled/slider/SliderControl.js";import{SwitchControl as yo}from"./controlled/switch/SwitchControl.js";import{TextareaControl as Ro}from"./controlled/textarea/TextareaControl.js";import{UploaderControl as To}from"./controlled/uploader/UploaderControl.js";import{ComboboxControl as Ao}from"./controlled/combobox/ComboboxControl.js";import{Controlled as So}from"./controlled/index.js";export{t as AutocompleteBase,q as AutocompleteControl,p as CheckboxBase,H as CheckboxControl,m as Combobox,Ao as ComboboxControl,So as Controlled,N as DadataAddress,V as DadataAuto,X as DadataCountry,Z as DadataFio,K as DadataOrganization,f as DayPickerBase,$ as DayPickerControl,ro as EditorControl,l as InputBase,eo as InputControl,z as InputCurrencyBase,xo as InputCurrencyControl,d as InputOtpBase,no as InputOtpControl,u as MaskInput,ao as MaskInputControl,B as RadioGroupBase,Bo as RadioGroupCardControl,Co as RadioGroupControl,uo as RadioGroupTabControl,c as RadioItem,y as RadioItemCard,R as RadioItemTab,T as SliderBase,co as SliderControl,A as SwitchBase,yo as SwitchControl,S as TextareaBase,Ro as TextareaControl,F as Uncontrolled,M as UploaderBase,To as UploaderControl,U as bytesToMegabytes,w as megabytesToBytes};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{forwardRef as c}from"react";import{Checkbox as l,CheckboxIndicator as g}from"../../../../../../node_modules/@radix-ui/react-checkbox/dist/index.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{Icon as u}from"../../../icon/Icon.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../autocomplete/Autocomplete.js";import"../combobox/combobox.js";import"../dayPicker/DayPicker.js";import"../input/Input.js";import"../inputOtp/InputOtpBase.js";import"../maskInput/MaskInput.js";import"../radio/RadioGroup.js";import"../radio/ui/RadioItem.js";import"../slider/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=c(({classes:r,className:d,invalid:m,disabled:n,externalHandlers:f,dataLayers:o,...t},h)=>{const{onChange:p,...b}=f||{};return e(l,{...t,...b,onCheckedChange:a=>{t.onCheckedChange&&t.onCheckedChange(a),p&&p(a)},disabled:n,ref:h,"aria-invalid":m,"data-layer-id":o==null?void 0:o.targetId,className:i("flex h-6 max-h-6 min-h-6 w-6 min-w-6 max-w-6 items-center justify-center rounded-full","relative rounded-sm border-2 border-blue-grey-700 outline-none",'after:left-1/2 after:top-1/2 after:h-10 after:w-10 after:-translate-x-1/2 after:-translate-y-1/2 after:content-[""]',"after:absolute after:rounded-full [&:not(:disabled)]:hover:after:bg-color-primary-tr-hover","after:duration-100 [&:not(:disabled)]:active:after:bg-color-primary-tr-pressed","after:-z-10 [&:not(:disabled)]:focus:after:bg-color-primary-tr-focus",{"border-negative":m,"disabled:border-0 disabled:bg-color-blue-grey-300":n},r==null?void 0:r.root,d),children:e(g,{className:i("h-6 w-6 rounded-sm bg-color-primary-default group-disabled:bg-color-primary-disabled",r==null?void 0:r.indicator),children:e(u,{name:"general/check",className:i("size-6 text-icon-white",r==null?void 0:r.icon)})})})});C.displayName="CheckboxBase";export{C as CheckboxBase};
|
|
2
2
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { type CheckboxProps as CheckboxPrimitiveProps, type CheckedState, Indicator, Root } from '@radix-ui/react-checkbox'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type CheckboxBaseClasses = {\n root?: string\n indicator?: string\n icon?: string\n}\n\nexport type { CheckedState }\n\ntype ExternalHandlers = {\n onChange?: (value: CheckedState) => void\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void\n onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void\n onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void\n}\n\nexport type CheckboxBaseProps = CheckboxPrimitiveProps & {\n /**\n * Дополнительные стили внутренних компонентов\n */\n classes?: CheckboxBaseClasses\n /**\n * Свойство для отображения не валидного поля\n */\n invalid?: boolean\n /**\n * Дополнительные хендлеры\n */\n externalHandlers?: ExternalHandlers\n}\n\nexport const CheckboxBase = forwardRef<HTMLButtonElement, CheckboxBaseProps>(\n ({ classes, className, invalid, disabled, externalHandlers, ...props }, ref) => {\n const { onChange, ...restHandlers } = externalHandlers || {}\n\n const onCheckedChange = (value: CheckedState) => {\n if (props.onCheckedChange) props.onCheckedChange(value)\n if (onChange) onChange(value)\n }\n\n return (\n <Root\n {...props}\n {...restHandlers}\n onCheckedChange={onCheckedChange}\n disabled={disabled}\n ref={ref}\n aria-invalid={invalid}\n className={cn(\n 'flex h-6 max-h-6 min-h-6 w-6 min-w-6 max-w-6 items-center justify-center rounded-full',\n 'relative rounded-sm border-2 border-blue-grey-700 outline-none',\n 'after:left-1/2 after:top-1/2 after:h-10 after:w-10 after:-translate-x-1/2 after:-translate-y-1/2 after:content-[\"\"]',\n 'after:absolute after:rounded-full [&:not(:disabled)]:hover:after:bg-color-primary-tr-hover',\n 'after:duration-100 [&:not(:disabled)]:active:after:bg-color-primary-tr-pressed',\n 'after:-z-10 [&:not(:disabled)]:focus:after:bg-color-primary-tr-focus',\n {\n 'border-negative': invalid,\n 'disabled:border-0 disabled:bg-color-blue-grey-300': disabled\n },\n classes?.root,\n className\n )}\n >\n <Indicator\n className={cn(\n 'h-6 w-6 rounded-sm bg-color-primary-default group-disabled:bg-color-primary-disabled',\n classes?.indicator\n )}\n >\n <Icon name='general/check' className={cn('size-6 text-icon-white', classes?.icon)} />\n </Indicator>\n </Root>\n )\n }\n)\nCheckboxBase.displayName = 'CheckboxBase'\n"],"names":["CheckboxBase","forwardRef","classes","className","invalid","disabled","externalHandlers","props","ref","onChange","restHandlers","jsx","Root","value","cn","Indicator","Icon"],"mappings":"+
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { type CheckboxProps as CheckboxPrimitiveProps, type CheckedState, Indicator, Root } from '@radix-ui/react-checkbox'\nimport { type DataLayers } from '../../../../types'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type CheckboxBaseClasses = {\n root?: string\n indicator?: string\n icon?: string\n}\n\nexport type { CheckedState }\n\ntype ExternalHandlers = {\n onChange?: (value: CheckedState) => void\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void\n onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void\n onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void\n}\n\nexport type CheckboxBaseProps = CheckboxPrimitiveProps & {\n /**\n * Дополнительные стили внутренних компонентов\n */\n classes?: CheckboxBaseClasses\n /**\n * Свойство для отображения не валидного поля\n */\n invalid?: boolean\n /**\n * Дополнительные хендлеры\n */\n externalHandlers?: ExternalHandlers\n /**\n * Даталееры\n */\n dataLayers?: DataLayers\n}\n\nexport const CheckboxBase = forwardRef<HTMLButtonElement, CheckboxBaseProps>(\n ({ classes, className, invalid, disabled, externalHandlers, dataLayers, ...props }, ref) => {\n const { onChange, ...restHandlers } = externalHandlers || {}\n\n const onCheckedChange = (value: CheckedState) => {\n if (props.onCheckedChange) props.onCheckedChange(value)\n if (onChange) onChange(value)\n }\n\n return (\n <Root\n {...props}\n {...restHandlers}\n onCheckedChange={onCheckedChange}\n disabled={disabled}\n ref={ref}\n aria-invalid={invalid}\n data-layer-id={dataLayers?.targetId}\n className={cn(\n 'flex h-6 max-h-6 min-h-6 w-6 min-w-6 max-w-6 items-center justify-center rounded-full',\n 'relative rounded-sm border-2 border-blue-grey-700 outline-none',\n 'after:left-1/2 after:top-1/2 after:h-10 after:w-10 after:-translate-x-1/2 after:-translate-y-1/2 after:content-[\"\"]',\n 'after:absolute after:rounded-full [&:not(:disabled)]:hover:after:bg-color-primary-tr-hover',\n 'after:duration-100 [&:not(:disabled)]:active:after:bg-color-primary-tr-pressed',\n 'after:-z-10 [&:not(:disabled)]:focus:after:bg-color-primary-tr-focus',\n {\n 'border-negative': invalid,\n 'disabled:border-0 disabled:bg-color-blue-grey-300': disabled\n },\n classes?.root,\n className\n )}\n >\n <Indicator\n className={cn(\n 'h-6 w-6 rounded-sm bg-color-primary-default group-disabled:bg-color-primary-disabled',\n classes?.indicator\n )}\n >\n <Icon name='general/check' className={cn('size-6 text-icon-white', classes?.icon)} />\n </Indicator>\n </Root>\n )\n }\n)\nCheckboxBase.displayName = 'CheckboxBase'\n"],"names":["CheckboxBase","forwardRef","classes","className","invalid","disabled","externalHandlers","dataLayers","props","ref","onChange","restHandlers","jsx","Root","value","cn","Indicator","Icon"],"mappings":"+3CAwCO,MAAMA,EAAeC,EAC1B,CAAC,CAAE,QAAAC,EAAS,UAAAC,EAAW,QAAAC,EAAS,SAAAC,EAAU,iBAAAC,EAAkB,WAAAC,EAAY,GAAGC,CAAA,EAASC,IAAQ,CAC1F,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAAiBL,GAAoB,CAAA,EAO1D,OACEM,EAACC,EAAA,CACE,GAAGL,EACH,GAAGG,EACJ,gBATqBG,GAAwB,CAC3CN,EAAM,iBAAiBA,EAAM,gBAAgBM,CAAK,EAClDJ,KAAmBI,CAAK,CAC9B,EAOI,SAAAT,EACA,IAAAI,EACA,eAAcL,EACd,gBAAeG,GAAA,YAAAA,EAAY,SAC3B,UAAWQ,EACT,wFACA,iEACA,sHACA,6FACA,iFACA,uEACA,CACE,kBAAmBX,EACnB,oDAAqDC,CAAA,EAEvDH,GAAA,YAAAA,EAAS,KACTC,CAAA,EAGF,SAAAS,EAACI,EAAA,CACC,UAAWD,EACT,uFACAb,GAAA,YAAAA,EAAS,SAAA,EAGX,SAAAU,EAACK,GAAK,KAAK,gBAAgB,UAAWF,EAAG,yBAA0Bb,GAAA,YAAAA,EAAS,IAAI,CAAA,CAAG,CAAA,CAAA,CACrF,CAAA,CAGN,CACF,EACAF,EAAa,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as Q,jsx as r}from"react/jsx-runtime";import{forwardRef as V}from"react";import{useFloating as W}from"../../../../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";import{cn as u}from"../../../../utils/cn.js";import"react-hook-form";import{useClickOutsideMany as X}from"../../../../hooks/useClickOutsideMany.js";import{useCombobox as Y}from"./hooks/useCombobox.js";import{useKeyboardNavigation as Z}from"./hooks/useKeyboardNavigation.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as _}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"../dayPicker/DayPicker.js";import{InputBase as $}from"../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"../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";import{DropdownList as x}from"../../../dropdownList/DropdownList.js";import{Portal as l}from"../../../portal/Portal.js";import{AnimatePresence as H}from"../../../../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";import{motion as oo}from"../../../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";import{autoUpdate as to}from"../../../../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";import{flip as io,offset as ro}from"../../../../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";const mo=({options:R,multiple:g,value:e,onChange:k,defaultOpen:v,attachmentProps:L,searchable:m,invalid:h,displayValue:b,label:N,disabled:a,readOnly:d,className:P,externalHandlers:o,inputValue:y,filterDisabled:s,onInputChange:A,empty:B,classes:t,portal:F=globalThis?(O=>(O=globalThis==null?void 0:globalThis.document)==null?void 0:O.body)():void 0,...f},M)=>{var I;const j=f["data-error-message"],{floating:z,...D}=(t==null?void 0:t.list)??{},{refs:i,floatingStyles:E}=W({placement:"bottom-start",strategy:"absolute",middleware:[io({boundary:"clippingAncestors",crossAxis:!1}),ro(4)],whileElementsMounted:to}),{open:C,setOpen:c,state:T,changeHandler:K,options:S,search:U,onInputChange:q,comboboxDisplayValue:w}=Y({multiple:g,value:e,onChange:k,searchable:m,defaultOpen:v,displayValue:b,initialOptions:R,filterDisabled:s,externalHandlers:o,externalInputValue:y,externalOnInputChange:A});Z({ref:i.domReference,openChangeHandler:c});const G=()=>e?g&&m?w(e):m?U:w(e):"";X([i.floating,i.reference],()=>c(!1));const J=F??i.domReference.current;return Q("div",{ref:i.setReference,className:u("relative w-full",t==null?void 0:t.root,P),children:[r($,{ref:M,label:N,invalid:h,readOnly:d||!m,value:y||G(),onChange:q,disabled:a,onClick:p=>{var n;C||c(!0),(n=o==null?void 0:o.clickHandler)==null||n.call(o,p)},onBlur:p=>{var n;(n=o==null?void 0:o.blurHandler)==null||n.call(o,p)},onFocus:o==null?void 0:o.focusHandler,classes:{input:u({"cursor-pointer":!m,"cursor-default":a,"pointer-events-none":a||d}),...t==null?void 0:t.input},autoComplete:"off",attachmentProps:{icon:r(_,{name:"arrows/arrowRight",className:u("size-6 rotate-90 text-color-blue-grey-600 duration-100",{"-rotate-90":C,"text-color-negative":h})}),onClickIcon:()=>c(p=>!p),...L},"data-test-id":"combobox-input","data-error-message":j,dataLayers:f==null?void 0:f.dataLayers}),r(l,{root:J,children:r(H,{children:C&&r(oo.div,{ref:i.setFloating,initial:{opacity:0},animate:{opacity:1},transition:{duration:.1},className:u("z-[1000]",z),style:{...E,width:(I=i.reference.current)==null?void 0:I.getBoundingClientRect().width},children:r(x,{empty:B,options:S,multiple:g,onPick:K,value:T,displayValue:b,classes:D,target:i.domReference})})})})]})},_o=V(mo);export{_o as Combobox};
|
|
2
2
|
//# sourceMappingURL=combobox.js.map
|