@scbt-ecom/ui 0.148.7 → 0.149.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/AutocompleteControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/autocomplete/AutocompleteControl.js.map +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/editor/EditorControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/editor/EditorControl.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/input/InputControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/input/InputControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/input/MaskInputControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/input/MaskInputControl.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/RadioGroupCardControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/radio/RadioGroupCardControl.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/radio/RadioGroupTabControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/radio/RadioGroupTabControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/slider/SliderControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/slider/SliderControl.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/index.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/index.js.map +1 -1
- package/dist/lib/shared/ui/index.js +1 -1
- package/dist/lib/widgets/banner/index.js +1 -1
- package/dist/lib/widgets/banner/ui/banners/BannerImageFull.js +1 -1
- package/dist/lib/widgets/banner/ui/banners/BannerImageFull.js.map +1 -1
- package/dist/lib/widgets/banner/ui/banners/BannerWithSeparateImg.js +1 -1
- package/dist/lib/widgets/banner/ui/banners/BannerWithSeparateImg.js.map +1 -1
- package/dist/lib/widgets/calculator/Calculator.js +1 -1
- package/dist/lib/widgets/calculator/Calculator.js.map +1 -1
- package/dist/lib/widgets/fieldMapper/FieldMapper.js +1 -1
- package/dist/lib/widgets/fieldMapper/FieldMapper.js.map +1 -1
- package/dist/lib/widgets/fieldMapper/model/componentMap.js +3 -0
- package/dist/lib/widgets/fieldMapper/model/componentMap.js.map +1 -0
- package/dist/lib/widgets/model/helpers.js +2 -2
- package/dist/lib/widgets/model/helpers.js.map +1 -1
- package/dist/stats.html +1 -1
- package/dist/types/lib/shared/ui/formElements/controlled/autocomplete/AutocompleteControl.d.ts +1 -0
- package/dist/types/lib/shared/ui/formElements/controlled/checkbox/CheckboxControl.d.ts +1 -1
- package/dist/types/lib/shared/ui/formElements/controlled/combobox/ComboboxControl.d.ts +1 -0
- package/dist/types/lib/shared/ui/formElements/controlled/dadata/address/DadataAddress.d.ts +1 -0
- package/dist/types/lib/shared/ui/formElements/controlled/dadata/auto/DadataAuto.d.ts +1 -0
- package/dist/types/lib/shared/ui/formElements/controlled/dadata/country/DadataCountry.d.ts +1 -0
- package/dist/types/lib/shared/ui/formElements/controlled/dadata/fio/DadataFio.d.ts +1 -0
- package/dist/types/lib/shared/ui/formElements/controlled/dadata/party/DadataOrganization.d.ts +1 -0
- package/dist/types/lib/shared/ui/formElements/controlled/dayPickerControl/dayPickerControl.d.ts +1 -1
- package/dist/types/lib/shared/ui/formElements/controlled/editor/EditorControl.d.ts +1 -0
- package/dist/types/lib/shared/ui/formElements/controlled/index.d.ts +0 -34
- package/dist/types/lib/shared/ui/formElements/controlled/input/InputControl.d.ts +1 -1
- package/dist/types/lib/shared/ui/formElements/controlled/input/MaskInputControl.d.ts +2 -1
- package/dist/types/lib/shared/ui/formElements/controlled/inputCurrency/InputCurrencyControl.d.ts +1 -1
- package/dist/types/lib/shared/ui/formElements/controlled/inputOtp/InputOtpControl.d.ts +1 -1
- package/dist/types/lib/shared/ui/formElements/controlled/radio/RadioGroupCardControl.d.ts +1 -0
- package/dist/types/lib/shared/ui/formElements/controlled/radio/RadioGroupControl.d.ts +1 -1
- package/dist/types/lib/shared/ui/formElements/controlled/radio/RadioGroupTabControl.d.ts +1 -0
- package/dist/types/lib/shared/ui/formElements/controlled/slider/SliderControl.d.ts +1 -1
- package/dist/types/lib/shared/ui/formElements/controlled/switch/SwitchControl.d.ts +1 -1
- package/dist/types/lib/shared/ui/formElements/controlled/textarea/TextareaControl.d.ts +1 -1
- package/dist/types/lib/shared/ui/formElements/controlled/uploader/UploaderControl.d.ts +1 -1
- package/dist/types/lib/shared/ui/formElements/index.d.ts +0 -2
- package/dist/types/lib/shared/ui/formElements/uncontrolled/index.d.ts +0 -134
- package/dist/types/lib/shared/ui/loader/model/helpers.d.ts +1 -1
- package/dist/types/lib/widgets/fieldMapper/model/componentMap.d.ts +25 -0
- package/dist/types/lib/widgets/fieldMapper/model/types.d.ts +4 -4
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as n}from"react/jsx-runtime";import{AutocompleteControl as p}from"../../autocomplete/AutocompleteControl.js";import{useDadataQueryFio as s}from"./query.js";import{VITE_DADATA_BASE_CACHE_URL as A}from"../../../../../../../src/configs/api.js";const c=o=>({value:(o==null?void 0:o.value)||"",label:(o==null?void 0:o.value)||"",data:o}),_=({formatter:o=c,dadataBaseUrl:r=A,queryClient:a,...u})=>{const l=s;return n(p,{query:(t,f)=>l(t,r,f,a),formatter:o,...u})};export{_ as DadataFio,_ as default};
|
|
2
2
|
//# sourceMappingURL=DadataFio.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DadataFio.js","sources":["../../../../../../../../lib/shared/ui/formElements/controlled/dadata/fio/DadataFio.tsx"],"sourcesContent":["import { type FieldValues } from 'react-hook-form'\nimport { type QueryClient } from '@tanstack/react-query'\nimport { AutocompleteControl, type AutocompleteControlProps } from '../../autocomplete'\nimport { type IDadataCacheOption } from '../types'\nimport { useDadataQueryFio } from './query'\nimport { VITE_DADATA_BASE_CACHE_URL } from '@/configs/api'\nimport { type AutocompleteItemOption } from '$/shared/ui'\n\nconst fioFormatter = (item: IDadataCacheOption<unknown>): AutocompleteItemOption<typeof item> => ({\n value: item?.value || '',\n label: item?.value || '',\n data: item\n})\n\nexport type DadataFioProps<TFieldValues extends FieldValues> = Omit<\n AutocompleteControlProps<TFieldValues, IDadataCacheOption<unknown>>,\n 'query' | 'formatter'\n> & {\n dadataBaseUrl: string\n formatter?: (item: IDadataCacheOption<unknown>) => AutocompleteItemOption<typeof item>\n queryClient?: QueryClient\n}\n\n/**\n * DADATA_BASE_CACHE_URL - нужно использовать этот url\n */\nexport const DadataFio = <TFieldValues extends FieldValues>({\n formatter = fioFormatter,\n dadataBaseUrl = VITE_DADATA_BASE_CACHE_URL,\n queryClient,\n ...props\n}: DadataFioProps<TFieldValues>) => {\n const queryFn = useDadataQueryFio\n\n return (\n <AutocompleteControl\n query={(query, options) => queryFn(query, dadataBaseUrl, options, queryClient)}\n formatter={formatter}\n {...props}\n />\n )\n}\n"],"names":["fioFormatter","item","DadataFio","formatter","dadataBaseUrl","VITE_DADATA_BASE_CACHE_URL","queryClient","props","queryFn","useDadataQueryFio","jsx","AutocompleteControl","query","options"],"mappings":"4PAQA,MAAMA,EAAgBC,IAA4E,CAChG,OAAOA,GAAA,YAAAA,EAAM,QAAS,GACtB,OAAOA,GAAA,YAAAA,EAAM,QAAS,GACtB,KAAMA,CACR,GAcaC,EAAY,CAAmC,CAC1D,UAAAC,EAAYH,EACZ,cAAAI,EAAgBC,EAChB,YAAAC,EACA,GAAGC,CACL,IAAoC,CAClC,MAAMC,EAAUC,EAEhB,OACEC,EAACC,EAAA,CACC,MAAO,CAACC,EAAOC,IAAYL,EAAQI,EAAOR,EAAeS,EAASP,CAAW,EAC7E,UAAAH,EACC,GAAGI,CAAA,CAAA,CAGV"}
|
|
1
|
+
{"version":3,"file":"DadataFio.js","sources":["../../../../../../../../lib/shared/ui/formElements/controlled/dadata/fio/DadataFio.tsx"],"sourcesContent":["import { type FieldValues } from 'react-hook-form'\nimport { type QueryClient } from '@tanstack/react-query'\nimport { AutocompleteControl, type AutocompleteControlProps } from '../../autocomplete'\nimport { type IDadataCacheOption } from '../types'\nimport { useDadataQueryFio } from './query'\nimport { VITE_DADATA_BASE_CACHE_URL } from '@/configs/api'\nimport { type AutocompleteItemOption } from '$/shared/ui'\n\nconst fioFormatter = (item: IDadataCacheOption<unknown>): AutocompleteItemOption<typeof item> => ({\n value: item?.value || '',\n label: item?.value || '',\n data: item\n})\n\nexport type DadataFioProps<TFieldValues extends FieldValues> = Omit<\n AutocompleteControlProps<TFieldValues, IDadataCacheOption<unknown>>,\n 'query' | 'formatter'\n> & {\n dadataBaseUrl: string\n formatter?: (item: IDadataCacheOption<unknown>) => AutocompleteItemOption<typeof item>\n queryClient?: QueryClient\n}\n\n/**\n * DADATA_BASE_CACHE_URL - нужно использовать этот url\n */\nexport const DadataFio = <TFieldValues extends FieldValues>({\n formatter = fioFormatter,\n dadataBaseUrl = VITE_DADATA_BASE_CACHE_URL,\n queryClient,\n ...props\n}: DadataFioProps<TFieldValues>) => {\n const queryFn = useDadataQueryFio\n\n return (\n <AutocompleteControl\n query={(query, options) => queryFn(query, dadataBaseUrl, options, queryClient)}\n formatter={formatter}\n {...props}\n />\n )\n}\n\nexport default DadataFio\n"],"names":["fioFormatter","item","DadataFio","formatter","dadataBaseUrl","VITE_DADATA_BASE_CACHE_URL","queryClient","props","queryFn","useDadataQueryFio","jsx","AutocompleteControl","query","options"],"mappings":"4PAQA,MAAMA,EAAgBC,IAA4E,CAChG,OAAOA,GAAA,YAAAA,EAAM,QAAS,GACtB,OAAOA,GAAA,YAAAA,EAAM,QAAS,GACtB,KAAMA,CACR,GAcaC,EAAY,CAAmC,CAC1D,UAAAC,EAAYH,EACZ,cAAAI,EAAgBC,EAChB,YAAAC,EACA,GAAGC,CACL,IAAoC,CAClC,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{jsx as p}from"react/jsx-runtime";import{AutocompleteControl as
|
|
1
|
+
import{jsx as p}from"react/jsx-runtime";import{AutocompleteControl as s}from"../../autocomplete/AutocompleteControl.js";import{useDadataQueryParty as A}from"./query.js";import{VITE_DADATA_BASE_CACHE_URL as e}from"../../../../../../../src/configs/api.js";const f=o=>({value:(o==null?void 0:o.value)||"",label:(o==null?void 0:o.value)||""}),d=({formatter:o=f,dadataBaseUrl:r=e,queryClient:a,...t})=>{const n=A;return p(s,{query:(u,l)=>n(u,r,l,a),formatter:o,...t})};export{d as DadataOrganization,d as default};
|
|
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":"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
|
+
{"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\nexport default DadataOrganization\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"uuid";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../../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"@radix-ui/react-radio-group";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"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as N}from"../../ui/MessageView.js";const yt=({control:i,name:m,disabled:o,rules:p,shouldUnregister:e,defaultValue:s,inputProps:n,helperText:a,classes:l,...c})=>{const{field:f,fieldState:g}=j({control:i,name:m,defaultValue:s,disabled:o,rules:p,shouldUnregister:e}),{value:u,onChange:h
|
|
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"uuid";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../../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"@radix-ui/react-radio-group";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"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as N}from"../../ui/MessageView.js";const yt=({control:i,name:m,disabled:o,rules:p,shouldUnregister:e,defaultValue:s,inputProps:n,helperText:a,classes:l,...c})=>{const{field:f,fieldState:g}=j({control:i,name:m,defaultValue:s,disabled:o,rules:p,shouldUnregister:e}),{value:u,onChange:d,...h}=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:d,month:D,onMonthChange:M,classes:w,inputProps:{...n,...h,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{yt as DayPickerControl,yt as default};
|
|
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 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":"wjEAqDO,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
|
+
{"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\nexport default DayPickerControl\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":"wjEAqDO,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{jsx as
|
|
1
|
+
import{jsx as n}from"react/jsx-runtime";import{useController as c}from"react-hook-form";import{Editor as j}from"./ui/Editor.js";import{EditorModal as s}from"./ui/EditorModal.js";const k=({control:u,label:r,helperText:o,editable:t=!0,classes:i,defaultValue:e,disabled:E,rules:l,shouldUnregister:p,name:C,small:a,...f})=>{const{field:m,fieldState:{error:d}}=c({control:u,defaultValue:e,disabled:E,rules:l,shouldUnregister:p,name:C});return a?n(s,{error:d,field:m,editable:t,helperText:o,label:r,classes:i,...f}):n(j,{...m,editable:t,error:d,helperText:o,label:r,classes:i,...f})};export{k as EditorControl,k as default};
|
|
2
2
|
//# sourceMappingURL=EditorControl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditorControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/editor/EditorControl.tsx"],"sourcesContent":["import { type ReactElement } from 'react'\nimport { type FieldValues, type Path, useController, type UseControllerProps } from 'react-hook-form'\nimport { Editor } from './ui/Editor'\nimport { EditorModal } from './ui/EditorModal'\n\nexport type EditorControlClasses = {\n root?: string\n editor?: string\n wrapper?: string\n message?: string\n label?: string\n}\n\nexport type EditorControlProps<\n TFieldValues extends FieldValues,\n TName extends Path<TFieldValues> = Path<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> & {\n editable?: boolean\n classes?: EditorControlClasses\n helperText?: string | ReactElement\n label: string\n limit?: number\n small?: boolean\n}\n\nexport const EditorControl = <T extends FieldValues>({\n control,\n label,\n helperText,\n editable = true,\n classes,\n defaultValue,\n disabled,\n rules,\n shouldUnregister,\n name,\n small,\n ...props\n}: EditorControlProps<T>) => {\n const {\n field,\n fieldState: { error }\n } = useController({\n control,\n defaultValue,\n disabled,\n rules,\n shouldUnregister,\n name\n })\n\n if (small) {\n return (\n <EditorModal\n error={error}\n field={field}\n editable={editable}\n helperText={helperText}\n label={label}\n classes={classes}\n {...props}\n />\n )\n }\n return (\n <Editor {...field} editable={editable} error={error} helperText={helperText} label={label} classes={classes} {...props} />\n )\n}\n"],"names":["EditorControl","control","label","helperText","editable","classes","defaultValue","disabled","rules","shouldUnregister","name","small","props","field","error","useController","jsx","EditorModal","Editor"],"mappings":"kLAyBO,MAAMA,EAAgB,CAAwB,CACnD,QAAAC,EACA,MAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,GACX,QAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,KAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAA6B,CAC3B,KAAM,CACJ,MAAAC,EACA,WAAY,CAAE,MAAAC,CAAA,CAAM,EAClBC,EAAc,CAChB,QAAAd,EACA,aAAAK,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,KAAAC,CAAA,CACD,EAED,OAAIC,EAEAK,EAACC,EAAA,CACC,MAAAH,EACA,MAAAD,EACA,SAAAT,EACA,WAAAD,EACA,MAAAD,EACA,QAAAG,EACC,GAAGO,CAAA,CAAA,EAKRI,EAACE,EAAA,CAAQ,GAAGL,EAAO,SAAAT,EAAoB,MAAAU,EAAc,WAAAX,EAAwB,MAAAD,EAAc,QAAAG,EAAmB,GAAGO,CAAA,CAAO,CAE5H"}
|
|
1
|
+
{"version":3,"file":"EditorControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/editor/EditorControl.tsx"],"sourcesContent":["import { type ReactElement } from 'react'\nimport { type FieldValues, type Path, useController, type UseControllerProps } from 'react-hook-form'\nimport { Editor } from './ui/Editor'\nimport { EditorModal } from './ui/EditorModal'\n\nexport type EditorControlClasses = {\n root?: string\n editor?: string\n wrapper?: string\n message?: string\n label?: string\n}\n\nexport type EditorControlProps<\n TFieldValues extends FieldValues,\n TName extends Path<TFieldValues> = Path<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> & {\n editable?: boolean\n classes?: EditorControlClasses\n helperText?: string | ReactElement\n label: string\n limit?: number\n small?: boolean\n}\n\nexport const EditorControl = <T extends FieldValues>({\n control,\n label,\n helperText,\n editable = true,\n classes,\n defaultValue,\n disabled,\n rules,\n shouldUnregister,\n name,\n small,\n ...props\n}: EditorControlProps<T>) => {\n const {\n field,\n fieldState: { error }\n } = useController({\n control,\n defaultValue,\n disabled,\n rules,\n shouldUnregister,\n name\n })\n\n if (small) {\n return (\n <EditorModal\n error={error}\n field={field}\n editable={editable}\n helperText={helperText}\n label={label}\n classes={classes}\n {...props}\n />\n )\n }\n return (\n <Editor {...field} editable={editable} error={error} helperText={helperText} label={label} classes={classes} {...props} />\n )\n}\n\nexport default EditorControl\n"],"names":["EditorControl","control","label","helperText","editable","classes","defaultValue","disabled","rules","shouldUnregister","name","small","props","field","error","useController","jsx","EditorModal","Editor"],"mappings":"kLAyBO,MAAMA,EAAgB,CAAwB,CACnD,QAAAC,EACA,MAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,GACX,QAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,KAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAA6B,CAC3B,KAAM,CACJ,MAAAC,EACA,WAAY,CAAE,MAAAC,CAAA,CAAM,EAClBC,EAAc,CAChB,QAAAd,EACA,aAAAK,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,KAAAC,CAAA,CACD,EAED,OAAIC,EAEAK,EAACC,EAAA,CACC,MAAAH,EACA,MAAAD,EACA,SAAAT,EACA,WAAAD,EACA,MAAAD,EACA,QAAAG,EACC,GAAGO,CAAA,CAAA,EAKRI,EAACE,EAAA,CAAQ,GAAGL,EAAO,SAAAT,EAAoB,MAAAU,EAAc,WAAAX,EAAwB,MAAAD,EAAc,QAAAG,EAAmB,GAAGO,CAAA,CAAO,CAE5H"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as E,jsx as a}from"react/jsx-runtime";import{useRef as C,useEffect as F}from"react";import{useController as I}from"react-hook-form";import{cn as j}from"../../../../utils/cn.js";import{mergeRefs as N}from"../../../../utils/mergeRefs.js";import"uuid";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import{InputBase as P}from"../../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"@radix-ui/react-radio-group";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"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../editor/ui/Editor.js";import"./MaskInputControl.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";class l extends CustomEvent{constructor(o,m){super(o,m)}}const Vt=({control:
|
|
1
|
+
import{jsxs as E,jsx as a}from"react/jsx-runtime";import{useRef as C,useEffect as F}from"react";import{useController as I}from"react-hook-form";import{cn as j}from"../../../../utils/cn.js";import{mergeRefs as N}from"../../../../utils/mergeRefs.js";import"uuid";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import{InputBase as P}from"../../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"@radix-ui/react-radio-group";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"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../editor/ui/Editor.js";import"./MaskInputControl.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";class l extends CustomEvent{constructor(o,m){super(o,m)}}const Vt=({control:e,name:o,defaultValue:m,disabled:p,rules:c,shouldUnregister:f,helperText:u,classes:d,...s})=>{const i=C(null),{field:n,fieldState:v}=I({control:e,name:o,defaultValue:m,disabled:p,rules:c,shouldUnregister:f}),{error:t,invalid:r,isTouched:h}=v,{message:g,root:w,...x}=d||{};return F(()=>{i.current&&(r&&i.current.dispatchEvent(new l("invalidField",{detail:t})),r||i.current.dispatchEvent(new l("validateField",{detail:t})))},[r]),E("div",{className:j("w-full",w),children:[a(P,{...s,...n,ref:N(i,n.ref),classes:x,invalid:r,attachmentProps:{invalid:r,isTouched:h,withValidateIcons:!0,...s.attachmentProps},"data-error-message":t==null?void 0:t.message}),a(R,{text:(t==null?void 0:t.message)||u,className:g,intent:t?"error":"simple",disabled:p})]})};export{Vt as InputControl,Vt as default};
|
|
2
2
|
//# sourceMappingURL=InputControl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/input/InputControl.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef } from 'react'\nimport { type Control, type FieldValues, type Path, useController, type UseControllerProps } from 'react-hook-form'\nimport { InputBase, type InputBaseProps } from '$/shared/ui'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn, mergeRefs } from '$/shared/utils'\n\ntype InputControlClasses = InputBaseProps['classes'] & {\n message?: string\n root?: string\n}\n\nexport type InputControlProps<\n TFieldValues extends FieldValues = FieldValues,\n TName extends Path<TFieldValues> = Path<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n Omit<InputBaseProps, 'classes'> & {\n /**\n * Контрол объект для управления полем\n */\n control: Control<TFieldValues>\n /**\n * Дополнительный текст\n */\n helperText?: string\n /**\n * Дополнительные стили компонента\n */\n classes?: InputControlClasses\n }\n\nclass DLGAFieldEvent<T extends {}> extends CustomEvent<T> {\n constructor(type: string, options: { bubbles?: boolean; cancelable?: boolean; detail?: T }) {\n super(type, options)\n }\n}\n\nexport const InputControl = <TFieldValues extends FieldValues = FieldValues>({\n control,\n name,\n defaultValue,\n disabled,\n rules,\n shouldUnregister,\n helperText,\n classes,\n ...props\n}: InputControlProps<TFieldValues>) => {\n const ref = useRef<HTMLInputElement>(null)\n const { field, fieldState } = useController({\n control,\n name,\n defaultValue,\n disabled,\n rules,\n shouldUnregister\n })\n\n const { error, invalid, isTouched } = fieldState\n const { message, root, ...restClasses } = classes || {}\n\n useEffect(() => {\n if (!ref.current) return\n\n if (invalid) {\n ref.current.dispatchEvent(new DLGAFieldEvent('invalidField', { detail: error }))\n }\n if (!invalid) {\n ref.current.dispatchEvent(new DLGAFieldEvent('validateField', { detail: error }))\n }\n }, [invalid])\n\n return (\n <div className={cn('w-full', root)}>\n <InputBase\n {...props}\n {...field}\n ref={mergeRefs(ref, field.ref)}\n classes={restClasses}\n invalid={invalid}\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":["DLGAFieldEvent","type","options","InputControl","control","name","defaultValue","disabled","rules","shouldUnregister","helperText","classes","props","ref","useRef","field","fieldState","useController","error","invalid","isTouched","message","root","restClasses","useEffect","cn","jsx","InputBase","mergeRefs","MessageView"],"mappings":"2oEAgCA,MAAMA,UAAqC,WAAe,CACxD,YAAYC,EAAcC,EAAkE,CAC1F,MAAMD,EAAMC,CAAO,CACrB,CACF,CAEO,MAAMC,GAAe,CAAiD,CAC3E,QAAAC,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAAuC,CACrC,MAAMC,EAAMC,EAAyB,IAAI,EACnC,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAb,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,MAAAS,EAAO,QAAAC,EAAS,UAAAC,CAAA,EAAcJ,EAChC,CAAE,QAAAK,EAAS,KAAAC,EAAM,GAAGC,CAAA,EAAgBZ,GAAW,CAAA,EAErD,OAAAa,EAAU,IAAM,CACTX,EAAI,UAELM,GACFN,EAAI,QAAQ,cAAc,IAAIb,EAAe,eAAgB,CAAE,OAAQkB,CAAA,CAAO,CAAC,EAE5EC,GACHN,EAAI,QAAQ,cAAc,IAAIb,EAAe,gBAAiB,CAAE,OAAQkB,CAAA,CAAO,CAAC,EAEpF,EAAG,CAACC,CAAO,CAAC,IAGT,MAAA,CAAI,UAAWM,EAAG,SAAUH,CAAI,EAC/B,SAAA,CAAAI,EAACC,EAAA,CACE,GAAGf,EACH,GAAGG,EACJ,IAAKa,EAAUf,EAAKE,EAAM,GAAG,EAC7B,QAASQ,EACT,QAAAJ,EACA,gBAAiB,CACf,QAAAA,EACA,UAAAC,EACA,kBAAmB,GACnB,GAAGR,EAAM,eAAA,EAEX,qBAAoBM,GAAA,YAAAA,EAAO,OAAA,CAAA,EAE7BQ,EAACG,EAAA,CACC,MAAMX,GAAA,YAAAA,EAAO,UAAWR,EACxB,UAAWW,EACX,OAAQH,EAAQ,QAAU,SAC1B,SAAAX,CAAA,CAAA,CACF,EACF,CAEJ"}
|
|
1
|
+
{"version":3,"file":"InputControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/input/InputControl.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef } from 'react'\nimport { type Control, type FieldValues, type Path, useController, type UseControllerProps } from 'react-hook-form'\nimport { InputBase, type InputBaseProps } from '$/shared/ui'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn, mergeRefs } from '$/shared/utils'\n\ntype InputControlClasses = InputBaseProps['classes'] & {\n message?: string\n root?: string\n}\n\nexport type InputControlProps<\n TFieldValues extends FieldValues = FieldValues,\n TName extends Path<TFieldValues> = Path<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n Omit<InputBaseProps, 'classes'> & {\n /**\n * Контрол объект для управления полем\n */\n control: Control<TFieldValues>\n /**\n * Дополнительный текст\n */\n helperText?: string\n /**\n * Дополнительные стили компонента\n */\n classes?: InputControlClasses\n }\n\nclass DLGAFieldEvent<T extends {}> extends CustomEvent<T> {\n constructor(type: string, options: { bubbles?: boolean; cancelable?: boolean; detail?: T }) {\n super(type, options)\n }\n}\n\nexport const InputControl = <TFieldValues extends FieldValues = FieldValues>({\n control,\n name,\n defaultValue,\n disabled,\n rules,\n shouldUnregister,\n helperText,\n classes,\n ...props\n}: InputControlProps<TFieldValues>) => {\n const ref = useRef<HTMLInputElement>(null)\n const { field, fieldState } = useController({\n control,\n name,\n defaultValue,\n disabled,\n rules,\n shouldUnregister\n })\n\n const { error, invalid, isTouched } = fieldState\n const { message, root, ...restClasses } = classes || {}\n\n useEffect(() => {\n if (!ref.current) return\n\n if (invalid) {\n ref.current.dispatchEvent(new DLGAFieldEvent('invalidField', { detail: error }))\n }\n if (!invalid) {\n ref.current.dispatchEvent(new DLGAFieldEvent('validateField', { detail: error }))\n }\n }, [invalid])\n\n return (\n <div className={cn('w-full', root)}>\n <InputBase\n {...props}\n {...field}\n ref={mergeRefs(ref, field.ref)}\n classes={restClasses}\n invalid={invalid}\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\nexport default InputControl\n"],"names":["DLGAFieldEvent","type","options","InputControl","control","name","defaultValue","disabled","rules","shouldUnregister","helperText","classes","props","ref","useRef","field","fieldState","useController","error","invalid","isTouched","message","root","restClasses","useEffect","cn","jsx","InputBase","mergeRefs","MessageView"],"mappings":"2oEAgCA,MAAMA,UAAqC,WAAe,CACxD,YAAYC,EAAcC,EAAkE,CAC1F,MAAMD,EAAMC,CAAO,CACrB,CACF,CAEO,MAAMC,GAAe,CAAiD,CAC3E,QAAAC,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAAuC,CACrC,MAAMC,EAAMC,EAAyB,IAAI,EACnC,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAb,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,MAAAS,EAAO,QAAAC,EAAS,UAAAC,CAAA,EAAcJ,EAChC,CAAE,QAAAK,EAAS,KAAAC,EAAM,GAAGC,CAAA,EAAgBZ,GAAW,CAAA,EAErD,OAAAa,EAAU,IAAM,CACTX,EAAI,UAELM,GACFN,EAAI,QAAQ,cAAc,IAAIb,EAAe,eAAgB,CAAE,OAAQkB,CAAA,CAAO,CAAC,EAE5EC,GACHN,EAAI,QAAQ,cAAc,IAAIb,EAAe,gBAAiB,CAAE,OAAQkB,CAAA,CAAO,CAAC,EAEpF,EAAG,CAACC,CAAO,CAAC,IAGT,MAAA,CAAI,UAAWM,EAAG,SAAUH,CAAI,EAC/B,SAAA,CAAAI,EAACC,EAAA,CACE,GAAGf,EACH,GAAGG,EACJ,IAAKa,EAAUf,EAAKE,EAAM,GAAG,EAC7B,QAASQ,EACT,QAAAJ,EACA,gBAAiB,CACf,QAAAA,EACA,UAAAC,EACA,kBAAmB,GACnB,GAAGR,EAAM,eAAA,EAEX,qBAAoBM,GAAA,YAAAA,EAAO,OAAA,CAAA,EAE7BQ,EAACG,EAAA,CACC,MAAMX,GAAA,YAAAA,EAAO,UAAWR,EACxB,UAAWW,EACX,OAAQH,EAAQ,QAAU,SAC1B,SAAAX,CAAA,CAAA,CACF,EACF,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as M,jsx as i}from"react/jsx-runtime";import{memo as p}from"react";import{useController as k}from"react-hook-form";import{MaskInput as w}from"../../uncontrolled/maskInput/MaskInput.js";import{cn as j}from"../../../../utils/cn.js";import"uuid";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../../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/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";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"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../editor/ui/Editor.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as v}from"../../ui/MessageView.js";const s=({control:e,name:a,defaultValue:n,disabled:o,rules:l,shouldUnregister:c,classes:f,helperText:u,...m})=>{const{field:d,fieldState:g}=k({control:e,name:a,defaultValue:n,disabled:o,rules:l,shouldUnregister:c}),{error:t,invalid:r,isTouched:h}=g,{message:C,container:I,...x}=f||{};return M("div",{className:j("w-full",I),children:[i(w,{...m,...d,invalid:r,classes:x,attachmentProps:{invalid:r,isTouched:h,withValidateIcons:!0,...m.attachmentProps},"data-error-message":t==null?void 0:t.message}),i(v,{text:(t==null?void 0:t.message)||u,className:C,intent:t?"error":"simple",disabled:o})]})},jt=p(s),vt=p(s);export{jt as MaskInputControl,vt as default};
|
|
2
2
|
//# sourceMappingURL=MaskInputControl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MaskInputControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/input/MaskInputControl.tsx"],"sourcesContent":["'use client'\n\nimport { memo } from 'react'\nimport { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { MaskInput, type MaskInputProps } from '../../uncontrolled/maskInput'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype MaskInputClasses = MaskInputProps['classes'] & {\n message?: string\n}\n\nexport type MaskInputControlProps<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n Omit<MaskInputProps, 'classes'> & {\n /**\n * Контрол объект для управления полем\n */\n control: Control<TFieldValues>\n /**\n * Дополнительные стили компонента\n */\n classes?: MaskInputClasses\n /**\n * Дополнительный текст\n */\n helperText?: string\n }\n\nconst InnerComponent = <TFieldValues extends FieldValues = FieldValues>({\n control,\n name,\n defaultValue,\n disabled,\n rules,\n shouldUnregister,\n classes,\n helperText,\n ...props\n}: MaskInputControlProps<TFieldValues>) => {\n const { field, fieldState } = useController({\n control,\n name,\n defaultValue,\n disabled,\n rules,\n shouldUnregister\n })\n\n const { error, invalid, isTouched } = fieldState\n const { message, container, ...restClasses } = classes || {}\n\n return (\n <div className={cn('w-full', container)}>\n <MaskInput\n {...props}\n {...field}\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\nexport const MaskInputControl = memo(InnerComponent) as typeof InnerComponent\n"],"names":["InnerComponent","control","name","defaultValue","disabled","rules","shouldUnregister","classes","helperText","props","field","fieldState","useController","error","invalid","isTouched","message","container","restClasses","cn","jsx","MaskInput","MessageView","MaskInputControl","memo"],"mappings":"iiEA+BA,MAAMA,EAAiB,CAAiD,CACtE,QAAAC,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAA2C,CACzC,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAX,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,MAAAO,EAAO,QAAAC,EAAS,UAAAC,CAAA,EAAcJ,EAChC,CAAE,QAAAK,EAAS,UAAAC,EAAW,GAAGC,CAAA,EAAgBX,GAAW,CAAA,EAE1D,SACG,MAAA,CAAI,UAAWY,EAAG,SAAUF,CAAS,EACpC,SAAA,CAAAG,EAACC,EAAA,CACE,GAAGZ,EACH,GAAGC,EACJ,QAAAI,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,SAAAT,CAAA,CAAA,CACF,EACF,CAEJ,EAEamB,GAAmBC,EAAKxB,CAAc"}
|
|
1
|
+
{"version":3,"file":"MaskInputControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/input/MaskInputControl.tsx"],"sourcesContent":["'use client'\n\nimport { memo } from 'react'\nimport { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { MaskInput, type MaskInputProps } from '../../uncontrolled/maskInput'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype MaskInputClasses = MaskInputProps['classes'] & {\n message?: string\n}\n\nexport type MaskInputControlProps<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n Omit<MaskInputProps, 'classes'> & {\n /**\n * Контрол объект для управления полем\n */\n control: Control<TFieldValues>\n /**\n * Дополнительные стили компонента\n */\n classes?: MaskInputClasses\n /**\n * Дополнительный текст\n */\n helperText?: string\n }\n\nconst InnerComponent = <TFieldValues extends FieldValues = FieldValues>({\n control,\n name,\n defaultValue,\n disabled,\n rules,\n shouldUnregister,\n classes,\n helperText,\n ...props\n}: MaskInputControlProps<TFieldValues>) => {\n const { field, fieldState } = useController({\n control,\n name,\n defaultValue,\n disabled,\n rules,\n shouldUnregister\n })\n\n const { error, invalid, isTouched } = fieldState\n const { message, container, ...restClasses } = classes || {}\n\n return (\n <div className={cn('w-full', container)}>\n <MaskInput\n {...props}\n {...field}\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\nexport const MaskInputControl = memo(InnerComponent) as typeof InnerComponent\n\nexport default memo(InnerComponent) as typeof InnerComponent\n"],"names":["InnerComponent","control","name","defaultValue","disabled","rules","shouldUnregister","classes","helperText","props","field","fieldState","useController","error","invalid","isTouched","message","container","restClasses","cn","jsx","MaskInput","MessageView","MaskInputControl","memo","MaskInputControl_default"],"mappings":"iiEA+BA,MAAMA,EAAiB,CAAiD,CACtE,QAAAC,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAA2C,CACzC,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAX,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,MAAAO,EAAO,QAAAC,EAAS,UAAAC,CAAA,EAAcJ,EAChC,CAAE,QAAAK,EAAS,UAAAC,EAAW,GAAGC,CAAA,EAAgBX,GAAW,CAAA,EAE1D,SACG,MAAA,CAAI,UAAWY,EAAG,SAAUF,CAAS,EACpC,SAAA,CAAAG,EAACC,EAAA,CACE,GAAGZ,EACH,GAAGC,EACJ,QAAAI,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,SAAAT,CAAA,CAAA,CACF,EACF,CAEJ,EAEamB,GAAmBC,EAAKxB,CAAc,EAEnDyB,GAAeD,EAAKxB,CAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
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"uuid";import"react";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../../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"@radix-ui/react-radio-group";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"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as v}from"../../ui/MessageView.js";const vt=({control:i,name:p,rules:e,shouldUnregister:s,disabled:o,defaultValue:a,helperText:n,classes:c
|
|
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"uuid";import"react";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../../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"@radix-ui/react-radio-group";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"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as v}from"../../ui/MessageView.js";const vt=({control:i,name:p,rules:e,shouldUnregister:s,disabled:o,defaultValue:a,helperText:n,classes:l,...c})=>{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}=l??{};return C("div",{className:I("w-full",g),children:[m(j,{...c,...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{vt as InputCurrencyControl,vt as default};
|
|
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 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":"+jEAqBO,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
|
+
{"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\nexport default InputCurrencyControl\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":"+jEAqBO,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 j,jsx as o}from"react/jsx-runtime";import{useController as v}from"react-hook-form";import{cn as C}from"../../../../utils/cn.js";import"uuid";import"react";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../../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 N}from"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";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 h}from"../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const ht=({control:r,name:i,defaultValue:p,disabled:m,rules:s,shouldUnregister:e,classes:a,helperText:n,...l})=>{const{field:c,fieldState:f}=v({control:r,name:i,defaultValue:p,disabled:m,rules:s,shouldUnregister:e}),{error:t,invalid:d}=f,{container:u,message:g,...x}=a||{};return j("div",{className:C("w-full",u),children:[o(N,{...c,...l,invalid:d,classes:x,"data-error-message":t==null?void 0:t.message}),o("div",{className:"flex justify-center",children:o(h,{text:(t==null?void 0:t.message)||n,className:g,intent:t?"error":"simple",disabled:m})})]})};export{ht as InputOtpControl};
|
|
1
|
+
import{jsxs as j,jsx as o}from"react/jsx-runtime";import{useController as v}from"react-hook-form";import{cn as C}from"../../../../utils/cn.js";import"uuid";import"react";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../../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 N}from"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";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 h}from"../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const ht=({control:r,name:i,defaultValue:p,disabled:m,rules:s,shouldUnregister:e,classes:a,helperText:n,...l})=>{const{field:c,fieldState:f}=v({control:r,name:i,defaultValue:p,disabled:m,rules:s,shouldUnregister:e}),{error:t,invalid:d}=f,{container:u,message:g,...x}=a||{};return j("div",{className:C("w-full",u),children:[o(N,{...c,...l,invalid:d,classes:x,"data-error-message":t==null?void 0:t.message}),o("div",{className:"flex justify-center",children:o(h,{text:(t==null?void 0:t.message)||n,className:g,intent:t?"error":"simple",disabled:m})})]})};export{ht as InputOtpControl,ht as default};
|
|
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} data-error-message={error?.message} />\n <div className='flex justify-center'>\n <MessageView\n text={error?.message || helperText}\n className={message}\n intent={error ? 'error' : 'simple'}\n disabled={disabled}\n />\n </div>\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":"0jEAmBO,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,EAAC,MAAA,CAAI,UAAU,sBACb,SAAAA,EAACE,EAAA,CACC,MAAMR,GAAA,YAAAA,EAAO,UAAWL,EACxB,UAAWQ,EACX,OAAQH,EAAQ,QAAU,SAC1B,SAAAT,CAAA,CAAA,CACF,CACF,CAAA,EACF,CAEJ"}
|
|
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 <div className='flex justify-center'>\n <MessageView\n text={error?.message || helperText}\n className={message}\n intent={error ? 'error' : 'simple'}\n disabled={disabled}\n />\n </div>\n </div>\n )\n}\n\nexport default InputOtpControl\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":"0jEAmBO,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,EAAC,MAAA,CAAI,UAAU,sBACb,SAAAA,EAACE,EAAA,CACC,MAAMR,GAAA,YAAAA,EAAO,UAAWL,EACxB,UAAWQ,EACX,OAAQH,EAAQ,QAAU,SAC1B,SAAAT,CAAA,CAAA,CACF,CACF,CAAA,EACF,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import{CarouselNative as
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{CarouselNative as l}from"../../../carousel/CarouselNative.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import{RadioItemCard as n}from"../../uncontrolled/radio/ui/RadioItemCard.js";import"react";import"@radix-ui/react-radio-group";import{cn as f}from"../../../../utils/cn.js";import"uuid";import{RadioGroupControl as d}from"./RadioGroupControl.js";const j=({options:r,...o})=>{var m;return t(d,{options:r,...o,classes:{...o==null?void 0:o.classes,list:f("flex flex-row gap-4 max-w-[540px] overflow-x-auto",(m=o==null?void 0:o.classes)==null?void 0:m.list)},renderComponent:({options:e,...i})=>t(l,{items:e,renderComponent:a=>t(n,{...i,item:a})})})};export{j as RadioGroupCardControl,j as default};
|
|
2
2
|
//# sourceMappingURL=RadioGroupCardControl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroupCardControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/radio/RadioGroupCardControl.tsx"],"sourcesContent":["import { type FieldValues } from 'react-hook-form'\nimport { CarouselNative } from '../../../carousel/CarouselNative'\nimport { RadioItemCard } from '../../uncontrolled/radio'\nimport { RadioGroupControl, type RadioGroupControlProps } from './RadioGroupControl'\nimport { cn } from '$/shared/utils'\n\nexport const RadioGroupCardControl = <TFieldValues extends FieldValues = FieldValues>({\n options,\n ...props\n}: RadioGroupControlProps<TFieldValues>) => {\n return (\n <RadioGroupControl\n options={options}\n {...props}\n classes={{\n ...props?.classes,\n list: cn('flex flex-row gap-4 max-w-[540px] overflow-x-auto', props?.classes?.list)\n }}\n renderComponent={({ options, ...props }) => (\n <CarouselNative items={options} renderComponent={(option) => <RadioItemCard {...props} item={option} />} />\n )}\n />\n )\n}\n"],"names":["RadioGroupCardControl","options","props","jsx","RadioGroupControl","cn","_a","CarouselNative","option","RadioItemCard"],"mappings":"icAMO,MAAMA,EAAwB,CAAiD,CACpF,QAAAC,EACA,GAAGC,CACL,IAA4C,OAC1C,OACEC,EAACC,EAAA,CACC,QAAAH,EACC,GAAGC,EACJ,QAAS,CACP,GAAGA,GAAA,YAAAA,EAAO,QACV,KAAMG,EAAG,uDAAuDC,EAAAJ,GAAA,YAAAA,EAAO,UAAP,YAAAI,EAAgB,IAAI,CAAA,EAEtF,gBAAiB,CAAC,CAAE,QAAAL,EAAS,GAAGC,KAC9BC,EAACI,EAAA,CAAe,MAAON,EAAS,gBAAkBO,GAAWL,EAACM,GAAe,GAAGP,EAAO,KAAMM,CAAA,CAAQ,CAAA,CAAI,CAAA,CAAA,CAIjH"}
|
|
1
|
+
{"version":3,"file":"RadioGroupCardControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/radio/RadioGroupCardControl.tsx"],"sourcesContent":["import { type FieldValues } from 'react-hook-form'\nimport { CarouselNative } from '../../../carousel/CarouselNative'\nimport { RadioItemCard } from '../../uncontrolled/radio'\nimport { RadioGroupControl, type RadioGroupControlProps } from './RadioGroupControl'\nimport { cn } from '$/shared/utils'\n\nexport const RadioGroupCardControl = <TFieldValues extends FieldValues = FieldValues>({\n options,\n ...props\n}: RadioGroupControlProps<TFieldValues>) => {\n return (\n <RadioGroupControl\n options={options}\n {...props}\n classes={{\n ...props?.classes,\n list: cn('flex flex-row gap-4 max-w-[540px] overflow-x-auto', props?.classes?.list)\n }}\n renderComponent={({ options, ...props }) => (\n <CarouselNative items={options} renderComponent={(option) => <RadioItemCard {...props} item={option} />} />\n )}\n />\n )\n}\n\nexport default RadioGroupCardControl\n"],"names":["RadioGroupCardControl","options","props","jsx","RadioGroupControl","cn","_a","CarouselNative","option","RadioItemCard"],"mappings":"icAMO,MAAMA,EAAwB,CAAiD,CACpF,QAAAC,EACA,GAAGC,CACL,IAA4C,OAC1C,OACEC,EAACC,EAAA,CACC,QAAAH,EACC,GAAGC,EACJ,QAAS,CACP,GAAGA,GAAA,YAAAA,EAAO,QACV,KAAMG,EAAG,uDAAuDC,EAAAJ,GAAA,YAAAA,EAAO,UAAP,YAAAI,EAAgB,IAAI,CAAA,EAEtF,gBAAiB,CAAC,CAAE,QAAAL,EAAS,GAAGC,KAC9BC,EAACI,EAAA,CAAe,MAAON,EAAS,gBAAkBO,GAAWL,EAACM,GAAe,GAAGP,EAAO,KAAMM,CAAA,CAAQ,CAAA,CAAI,CAAA,CAAA,CAIjH"}
|
|
@@ -1,2 +1,2 @@
|
|
|
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"uuid";import"react";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../../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"@radix-ui/react-radio-group";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"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const Vo=({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{Vo as RadioGroupControl};
|
|
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"uuid";import"react";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../../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"@radix-ui/react-radio-group";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"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const Vo=({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{Vo as RadioGroupControl,Vo as default};
|
|
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 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":"4jEAkCO,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
|
+
{"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\nexport default RadioGroupControl\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":"4jEAkCO,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{jsx as
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"react";import"@radix-ui/react-radio-group";import{cn as f}from"../../../../utils/cn.js";import"uuid";import{RadioItemTab as o}from"../../uncontrolled/radio/ui/RadioItemTab.js";import{RadioGroupControl as x}from"./RadioGroupControl.js";const b=({options:t,...e})=>{var l;return r(x,{...e,options:t,classes:{...e==null?void 0:e.classes,list:f("flex flex-row flex-wrap gap-x-3 gap-y-4",(l=e==null?void 0:e.classes)==null?void 0:l.list)},renderComponent:({options:a,...i})=>r("div",{className:"flex list-none flex-row flex-wrap gap-x-3 gap-y-4",children:a==null?void 0:a.map(m=>r(o,{item:m,...i},m.value))})})};export{b as RadioGroupTabControl,b as default};
|
|
2
2
|
//# sourceMappingURL=RadioGroupTabControl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroupTabControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/radio/RadioGroupTabControl.tsx"],"sourcesContent":["import { type FieldValues } from 'react-hook-form'\nimport { RadioItemTab } from '../../uncontrolled/radio'\nimport { RadioGroupControl } from './RadioGroupControl'\nimport { type RadioGroupControlProps } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport const RadioGroupTabControl = <TFieldValues extends FieldValues = FieldValues>({\n options,\n ...props\n}: RadioGroupControlProps<TFieldValues>) => {\n return (\n <RadioGroupControl\n {...props}\n options={options}\n classes={{\n ...props?.classes,\n list: cn('flex flex-row flex-wrap gap-x-3 gap-y-4', props?.classes?.list)\n }}\n renderComponent={({ options, ...props }) => {\n return (\n <div className='flex list-none flex-row flex-wrap gap-x-3 gap-y-4'>\n {options?.map((option) => (\n <RadioItemTab key={option.value} item={option} {...props} />\n ))}\n </div>\n )\n }}\n />\n )\n}\n"],"names":["RadioGroupTabControl","options","props","jsx","RadioGroupControl","cn","_a","option","RadioItemTab"],"mappings":"0XAMO,MAAMA,EAAuB,CAAiD,CACnF,QAAAC,EACA,GAAGC,CACL,IAA4C,OAC1C,OACEC,EAACC,EAAA,CACE,GAAGF,EACJ,QAAAD,EACA,QAAS,CACP,GAAGC,GAAA,YAAAA,EAAO,QACV,KAAMG,EAAG,2CAA2CC,EAAAJ,GAAA,YAAAA,EAAO,UAAP,YAAAI,EAAgB,IAAI,CAAA,EAE1E,gBAAiB,CAAC,CAAE,QAAAL,EAAS,GAAGC,OAE3B,MAAA,CAAI,UAAU,oDACZ,SAAAD,GAAAA,YAAAA,EAAS,IAAKM,GACbJ,EAACK,EAAA,CAAgC,KAAMD,EAAS,GAAGL,GAAhCK,EAAO,KAAgC,GAE9D,CAEJ,CAAA,CAGN"}
|
|
1
|
+
{"version":3,"file":"RadioGroupTabControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/radio/RadioGroupTabControl.tsx"],"sourcesContent":["import { type FieldValues } from 'react-hook-form'\nimport { RadioItemTab } from '../../uncontrolled/radio'\nimport { RadioGroupControl } from './RadioGroupControl'\nimport { type RadioGroupControlProps } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport const RadioGroupTabControl = <TFieldValues extends FieldValues = FieldValues>({\n options,\n ...props\n}: RadioGroupControlProps<TFieldValues>) => {\n return (\n <RadioGroupControl\n {...props}\n options={options}\n classes={{\n ...props?.classes,\n list: cn('flex flex-row flex-wrap gap-x-3 gap-y-4', props?.classes?.list)\n }}\n renderComponent={({ options, ...props }) => {\n return (\n <div className='flex list-none flex-row flex-wrap gap-x-3 gap-y-4'>\n {options?.map((option) => (\n <RadioItemTab key={option.value} item={option} {...props} />\n ))}\n </div>\n )\n }}\n />\n )\n}\n\nexport default RadioGroupTabControl\n"],"names":["RadioGroupTabControl","options","props","jsx","RadioGroupControl","cn","_a","option","RadioItemTab"],"mappings":"0XAMO,MAAMA,EAAuB,CAAiD,CACnF,QAAAC,EACA,GAAGC,CACL,IAA4C,OAC1C,OACEC,EAACC,EAAA,CACE,GAAGF,EACJ,QAAAD,EACA,QAAS,CACP,GAAGC,GAAA,YAAAA,EAAO,QACV,KAAMG,EAAG,2CAA2CC,EAAAJ,GAAA,YAAAA,EAAO,UAAP,YAAAI,EAAgB,IAAI,CAAA,EAE1E,gBAAiB,CAAC,CAAE,QAAAL,EAAS,GAAGC,OAE3B,MAAA,CAAI,UAAU,oDACZ,SAAAD,GAAAA,YAAAA,EAAS,IAAKM,GACbJ,EAACK,EAAA,CAAgC,KAAMD,EAAS,GAAGL,GAAhCK,EAAO,KAAgC,GAE9D,CAEJ,CAAA,CAGN"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import{useController as C}from"react-hook-form";import{cn as S}from"../../../../utils/cn.js";import"uuid";import"react";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../../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"@radix-ui/react-radio-group";import{SliderBase as h}from"../../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"../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const hr=o=>{const{control:t,name:i,defaultValue:m,disabled:p,rules:s,shouldUnregister:e,classes:l,...n}=o,{field:a,fieldState:c}=C({control:t,name:i,defaultValue:m,disabled:p,rules:s,shouldUnregister:e}),{invalid:d}=c,{container:f,...u}=l||{};return r("div",{className:S("w-full",f),children:r(h,{...n,...a,classes:u,invalid:d})})};export{hr as SliderControl};
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{useController as C}from"react-hook-form";import{cn as S}from"../../../../utils/cn.js";import"uuid";import"react";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../../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"@radix-ui/react-radio-group";import{SliderBase as h}from"../../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"../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const hr=o=>{const{control:t,name:i,defaultValue:m,disabled:p,rules:s,shouldUnregister:e,classes:l,...n}=o,{field:a,fieldState:c}=C({control:t,name:i,defaultValue:m,disabled:p,rules:s,shouldUnregister:e}),{invalid:d}=c,{container:f,...u}=l||{};return r("div",{className:S("w-full",f),children:r(h,{...n,...a,classes:u,invalid:d})})};export{hr as SliderControl,hr as default};
|
|
2
2
|
//# sourceMappingURL=SliderControl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/slider/SliderControl.tsx"],"sourcesContent":["import { type Control, type FieldValues, type Path, useController, type UseControllerProps } from 'react-hook-form'\nimport type { SliderBaseClasses, SliderGatewayProps } from '../../uncontrolled/slider/model/types'\nimport { SliderBase } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype SliderControlClasses = SliderBaseClasses & {\n container?: string\n}\n\nexport type SliderControlProps<\n TFieldValues extends FieldValues,\n TName extends Path<TFieldValues> = Path<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n SliderGatewayProps & {\n control: Control<TFieldValues>\n classes?: SliderControlClasses\n }\n\nexport const SliderControl = <TFieldValues extends FieldValues, TName extends Path<TFieldValues>>(\n props: SliderControlProps<TFieldValues, TName>\n) => {\n const { control, name, defaultValue, disabled, rules, shouldUnregister, classes, ...restProps } = props\n\n const { field, fieldState } = useController({\n control,\n name,\n defaultValue,\n disabled,\n rules,\n shouldUnregister\n })\n\n const { invalid } = fieldState\n\n const { container, ...restClasses } = classes || {}\n\n return (\n <div className={cn('w-full', container)}>\n <SliderBase {...restProps} {...field} classes={restClasses} invalid={invalid} />\n </div>\n )\n}\n"],"names":["SliderControl","props","control","name","defaultValue","disabled","rules","shouldUnregister","classes","restProps","field","fieldState","useController","invalid","container","restClasses","cn","jsx","SliderBase"],"mappings":"whEAkBO,MAAMA,GACXC,GACG,CACH,KAAM,CAAE,QAAAC,EAAS,KAAAC,EAAM,aAAAC,EAAc,SAAAC,EAAU,MAAAC,EAAO,iBAAAC,EAAkB,QAAAC,EAAS,GAAGC,CAAA,EAAcR,EAE5F,CAAE,MAAAS,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAV,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,QAAAM,GAAYF,EAEd,CAAE,UAAAG,EAAW,GAAGC,CAAA,EAAgBP,GAAW,CAAA,EAEjD,SACG,MAAA,CAAI,UAAWQ,EAAG,SAAUF,CAAS,EACpC,SAAAG,EAACC,EAAA,CAAY,GAAGT,EAAY,GAAGC,EAAO,QAASK,EAAa,QAAAF,EAAkB,EAChF,CAEJ"}
|
|
1
|
+
{"version":3,"file":"SliderControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/slider/SliderControl.tsx"],"sourcesContent":["import { type Control, type FieldValues, type Path, useController, type UseControllerProps } from 'react-hook-form'\nimport type { SliderBaseClasses, SliderGatewayProps } from '../../uncontrolled/slider/model/types'\nimport { SliderBase } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype SliderControlClasses = SliderBaseClasses & {\n container?: string\n}\n\nexport type SliderControlProps<\n TFieldValues extends FieldValues,\n TName extends Path<TFieldValues> = Path<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n SliderGatewayProps & {\n control: Control<TFieldValues>\n classes?: SliderControlClasses\n }\n\nexport const SliderControl = <TFieldValues extends FieldValues, TName extends Path<TFieldValues>>(\n props: SliderControlProps<TFieldValues, TName>\n) => {\n const { control, name, defaultValue, disabled, rules, shouldUnregister, classes, ...restProps } = props\n\n const { field, fieldState } = useController({\n control,\n name,\n defaultValue,\n disabled,\n rules,\n shouldUnregister\n })\n\n const { invalid } = fieldState\n\n const { container, ...restClasses } = classes || {}\n\n return (\n <div className={cn('w-full', container)}>\n <SliderBase {...restProps} {...field} classes={restClasses} invalid={invalid} />\n </div>\n )\n}\n\nexport default SliderControl\n"],"names":["SliderControl","props","control","name","defaultValue","disabled","rules","shouldUnregister","classes","restProps","field","fieldState","useController","invalid","container","restClasses","cn","jsx","SliderBase"],"mappings":"whEAkBO,MAAMA,GACXC,GACG,CACH,KAAM,CAAE,QAAAC,EAAS,KAAAC,EAAM,aAAAC,EAAc,SAAAC,EAAU,MAAAC,EAAO,iBAAAC,EAAkB,QAAAC,EAAS,GAAGC,CAAA,EAAcR,EAE5F,CAAE,MAAAS,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAV,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,QAAAM,GAAYF,EAEd,CAAE,UAAAG,EAAW,GAAGC,CAAA,EAAgBP,GAAW,CAAA,EAEjD,SACG,MAAA,CAAI,UAAWQ,EAAG,SAAUF,CAAS,EACpC,SAAAG,EAACC,EAAA,CAAY,GAAGT,EAAY,GAAGC,EAAO,QAASK,EAAa,QAAAF,EAAkB,EAChF,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs 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 m}from"../../../../utils/cn.js";import"uuid";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@hookform/resolvers/zod";import{Popover as I}from"../../../popover/Popover.js";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import{Icon as z}from"../../../icon/Icon.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../../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"@radix-ui/react-radio-group";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"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as M}from"../../ui/MessageView.js";const Vo=({classes:a,className:c,control:n,name:f,rules:d,defaultValue:g,disabled:o,shouldUnregister:x,children:h,helperText:e,tooltip:p,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:s,...j}=a||{},l=B();return i("div",{className:m("flex flex-col",{"pointer-events-none":o},c,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:m("mob-body-regular-l text-color-dark",{"flex flex-col":!!e,"text-color-disabled":o}),children:[h,e&&t("p",{className:m("mob-body-regular-s text-color-tetriary",{"text-color-disabled":o},s),children:e})]}),p&&t(I,{side:"top",classes:{root:"self-start py-[2px]"},triggerElement:t(z,{name:"info/helpCircle",className:m("size-4 text-color-blue-grey-600",{"text-icon-blue-grey-100":o})}),...u,children:p})]}),r&&t(M,{text:r.message,className:s,intent:"error",disabled:o})]})};export{Vo as SwitchControl,Vo as default};
|
|
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 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":"2oEA4CO,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
|
+
{"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\nexport default SwitchControl\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":"2oEA4CO,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"uuid";import"react";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../../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"@radix-ui/react-radio-group";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"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const jt=({classes:p,control:e,name:s,rules:a,disabled:r,defaultValue:
|
|
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"uuid";import"react";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../../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"@radix-ui/react-radio-group";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"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const jt=({classes:p,control:e,name:s,rules:a,disabled:r,defaultValue:l,shouldUnregister:n,helperText:c,...i})=>{const{field:f,fieldState:d}=w({control:e,name:s,rules:a,disabled:r,defaultValue:l,shouldUnregister:n}),{error:t,invalid:o,isTouched:u}=d,{message:x,root:g,...h}=p||{};return v("div",{className:C("w-full",g),children:[m(T,{...i,...f,"aria-invalid":o,invalid:o,classes:h,attachmentProps:{invalid:o,isTouched:u,withValidateIcons:!0,...i.attachmentProps},"data-error-message":t==null?void 0:t.message}),m(j,{text:(t==null?void 0:t.message)||c,className:x,intent:t?"error":"simple",disabled:r})]})};export{jt as TextareaControl,jt as default};
|
|
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 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":"0jEA6BO,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
|
+
{"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\nexport default TextareaControl\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":"0jEA6BO,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"}
|