@scbt-ecom/ui 0.111.2 → 0.112.0

package/dist/types/lib/shared/ui/formElements/controlled/index.d.ts

@@ -4,7 +4,7 @@ export type { DadataFioProps, DadataCountryProps, DadataOrganizationProps, Dadat
 export type { DayPickerControlProps } from './dayPickerControl';
 export type { EditorControlProps, EditorControlClasses } from './editor';
 export type { InputControlProps, MaskInputControlProps } from './input';
-export type { InputCurrencyControlProps, ICurrencyOption, TCurrencyVariant } from './inputCurrency';
+export type { InputCurrencyControlProps } from './inputCurrency';
 export type { InputOtpControlProps } from './inputOtp';
 export type { RadioGroupControlProps } from './radio';
 export type { SliderControlProps } from './slider';
@@ -42,6 +42,7 @@ export declare const Controlled: {
     TextareaControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ classes, control, name, rules, disabled, defaultValue, shouldUnregister, helperText, ...props }: import('./textarea').TextareaControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
     UploaderControl: <TFieldValues extends import('react-hook-form').FieldValues>({ control, name, defaultValue, rules, shouldUnregister, classes, helperText, disabled, ...props }: import('./uploader').UploaderControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
     InputOtpControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ control, name, defaultValue, disabled, rules, shouldUnregister, classes, helperText, ...props }: import('./inputOtp').InputOtpControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    InputCurrencyControl: <T extends import('react-hook-form').FieldValues>({ defaultCurrency, label, helperText, control, classes, disabled, name, defaultValue, rules, attachmentProps, shouldUnregister, externalHandlers, ...props }: import('./inputCurrency').InputCurrencyControlProps<T>) => import("react/jsx-runtime").JSX.Element;
+    EditorControl: <T extends import('react-hook-form').FieldValues>({ control, label, helperText, editable, classes, defaultValue, disabled, rules, shouldUnregister, name, small, ...props }: import('./editor').EditorControlProps<T>) => import("react/jsx-runtime").JSX.Element;
+    InputCurrencyControl: <TFieldValues extends import('react-hook-form').FieldValues>({ control, name, rules, shouldUnregister, disabled, defaultValue, helperText, classes, ...props }: import('./inputCurrency').InputCurrencyControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
     ComboboxControl: <Multi extends boolean = false, TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ control, className, name, rules, shouldUnregister, disabled, defaultValue, options, helperText, returnValue, classes, multiple, ...props }: import('./combobox').ComboboxControlProps<Multi, TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/types/lib/shared/ui/formElements/controlled/inputCurrency/InputCurrencyControl.d.ts

@@ -1,26 +1,14 @@
-import { ReactElement } from 'react';
-import { FieldValues, Path, UseControllerProps } from 'react-hook-form';
-import { InputBaseProps } from '../../../../../../shared/ui';
-import * as React from 'react';
-export type TCurrencyVariant = 'euro' | 'dollars' | 'rubles' | 'yuan' | 'dirhams';
-export interface ICurrencyOption {
-    ruName: string;
-    engName: string;
-    currency: TCurrencyVariant;
-}
-type ExternalHandlers = {
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
-    onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
-    onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
+import { Control, FieldPath, FieldValues, UseControllerProps } from 'react-hook-form';
+import { InputCurrencyBaseProps } from '../../uncontrolled/inputCurrency';
+type InputCurrencyControlClasses = {
+    root?: string;
+    message?: string;
+    input?: InputCurrencyBaseProps['classes'];
 };
-export type InputCurrencyControlProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>> = Omit<InputBaseProps, 'externalHandlers' | 'onChange' | 'value' | 'defaultValue' | 'type'> & UseControllerProps<TFieldValues, TName> & {
-    classes?: any;
-    defaultCurrency?: TCurrencyVariant;
-    disabled?: boolean;
-    label: string;
-    helperText?: string | ReactElement;
-    externalHandlers?: ExternalHandlers;
+export type InputCurrencyControlProps<TFieldValues extends FieldValues = FieldValues> = UseControllerProps<TFieldValues, FieldPath<TFieldValues>> & Omit<InputCurrencyBaseProps, 'classes'> & {
+    control: Control<TFieldValues>;
+    helperText?: string;
+    classes?: InputCurrencyControlClasses;
 };
-export declare const InputCurrencyControl: <T extends FieldValues>({ defaultCurrency, label, helperText, control, classes, disabled, name, defaultValue, rules, attachmentProps, shouldUnregister, externalHandlers, ...props }: InputCurrencyControlProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const InputCurrencyControl: <TFieldValues extends FieldValues>({ control, name, rules, shouldUnregister, disabled, defaultValue, helperText, classes, ...props }: InputCurrencyControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/lib/shared/ui/formElements/controlled/inputCurrency/index.d.ts

@@ -1 +1 @@
-export { InputCurrencyControl, type InputCurrencyControlProps, type ICurrencyOption, type TCurrencyVariant } from './InputCurrencyControl';
+export { InputCurrencyControl, type InputCurrencyControlProps } from './InputCurrencyControl';

package/dist/types/lib/shared/ui/formElements/index.d.ts

@@ -10,6 +10,7 @@ export * from './uncontrolled/slider';
 export * from './uncontrolled/switch';
 export * from './uncontrolled/textarea';
 export * from './uncontrolled/uploader';
+export * from './uncontrolled/inputCurrency';
 export { Uncontrolled } from './uncontrolled';
 export * from './controlled/autocomplete';
 export * from './controlled/checkbox';

package/dist/types/lib/shared/ui/formElements/uncontrolled/index.d.ts

@@ -52,6 +52,7 @@ export declare const Uncontrolled: {
     } & {
         mask: import('../../../types').NonNullable<import('./maskInput/model').Mask>;
         externalMaskDefinitions?: Record<string, import('./maskInput/MaskInput').Definition>;
+        options?: import('use-mask-input').Options;
     } & import('react').RefAttributes<HTMLInputElement>>;
     CheckboxBase: import('react').ForwardRefExoticComponent<import('@radix-ui/react-checkbox').CheckboxProps & {
         classes?: import('./checkbox/Checkbox').CheckboxBaseClasses;

package/dist/types/lib/shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.d.ts

@@ -0,0 +1,37 @@
+import { DropdownItemOption, DropdownListProps } from '../../../dropdownList';
+import { InputBaseProps } from '../input';
+export type CurrencyValue = {
+    value: string;
+    currency: string | null;
+};
+type InputCurrencyBaseClasses = {
+    root?: string;
+    input?: InputBaseProps['classes'];
+    dropdownList?: DropdownListProps['classes'];
+};
+export interface InputCurrencyBaseProps extends Omit<InputBaseProps, 'value' | 'onChange' | 'classes'> {
+    /**
+     * Выбранное значение
+     */
+    value: CurrencyValue;
+    /**
+     * Функция для изменения значения
+     * @param value
+     */
+    onChange: (value: CurrencyValue) => void;
+    /**
+     * Список валют для выбора
+     */
+    currencies: DropdownItemOption[];
+    /**
+     * Дополнительные стили для переопределения
+     */
+    classes?: InputCurrencyBaseClasses;
+    /**
+     * Включить рендеринг в портале
+     * @property {false | HTMLElement} portal document.body
+     */
+    portal?: false | HTMLElement;
+}
+export declare const InputCurrencyBase: import('react').ForwardRefExoticComponent<InputCurrencyBaseProps & import('react').RefAttributes<HTMLInputElement>>;
+export {};

package/dist/types/lib/shared/ui/formElements/uncontrolled/inputCurrency/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useCurrencyControl } from './useCurrencyControl';
+export { useCurrencyFormat } from './useCurrencyFormat';

package/dist/types/lib/shared/ui/formElements/uncontrolled/inputCurrency/hooks/useCurrencyControl.d.ts

@@ -0,0 +1,15 @@
+import { CurrencyValue } from '../InputCurrency';
+import { DropdownItemOption } from '../../../../../../../shared/ui/dropdownList';
+interface UseCurrencyControlProps {
+    value: CurrencyValue;
+    currencies: DropdownItemOption[];
+    onChange: (value: CurrencyValue) => void;
+}
+export declare const useCurrencyControl: ({ value, currencies, onChange }: UseCurrencyControlProps) => {
+    currency: DropdownItemOption | null;
+    open: boolean;
+    setOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    onCurrencyChange: (currency: DropdownItemOption) => void;
+    onInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+};
+export {};

package/dist/types/lib/shared/ui/formElements/uncontrolled/inputCurrency/hooks/useCurrencyFormat.d.ts

@@ -0,0 +1 @@
+export declare const useCurrencyFormat: (value: string) => import('react').RefObject<HTMLInputElement>;

package/dist/types/lib/shared/ui/formElements/uncontrolled/inputCurrency/index.d.ts

@@ -0,0 +1 @@
+export { InputCurrencyBase, type InputCurrencyBaseProps, type CurrencyValue } from './InputCurrency';

package/dist/types/lib/shared/ui/formElements/uncontrolled/inputCurrency/ui/CurrencyIcon.d.ts

@@ -0,0 +1,14 @@
+import { DropdownItemOption } from '../../../../../../../shared/ui/dropdownList';
+type CurrencyIconClasses = {
+    root?: string;
+    divider?: string;
+    label?: string;
+    icon?: string;
+};
+export interface CurrencyIconProps {
+    currency: DropdownItemOption | null;
+    classes?: CurrencyIconClasses;
+    open: boolean;
+}
+export declare const CurrencyIcon: ({ currency, classes, open }: CurrencyIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/lib/shared/ui/formElements/uncontrolled/inputCurrency/ui/index.d.ts

@@ -0,0 +1 @@
+export { CurrencyIcon } from './CurrencyIcon';

package/dist/types/lib/shared/ui/formElements/uncontrolled/maskInput/MaskInput.d.ts

@@ -1,3 +1,4 @@
+import { Options } from 'use-mask-input';
 import { InputBaseProps } from '../input';
 import { Mask } from './model';
 import { NonNullable } from '../../../../../../shared/types';
@@ -19,6 +20,7 @@ export type MaskInputProps = InputBaseProps & {
      * дополнительные валидаторы спец символов в маске
      */
     externalMaskDefinitions?: Record<string, Definition>;
+    options?: Options;
 };
 /**
  * Компонент маски очень умный, умеет обрабатывать специальные символы
@@ -48,5 +50,6 @@ export declare const MaskInput: import('react').ForwardRefExoticComponent<Omit<i
      * дополнительные валидаторы спец символов в маске
      */
     externalMaskDefinitions?: Record<string, Definition>;
+    options?: Options;
 } & import('react').RefAttributes<HTMLInputElement>>;
 export {};

package/dist/types/lib/shared/validation/base/base.constants.d.ts

@@ -28,4 +28,5 @@ export declare const baseDefaultMessages: {
     INVALID_PASSPORT_NUMBER: () => string;
     DEPARTMENT_NON_EMPTY: () => string;
     INVALID_DEPARTMENT: () => string;
+    CURRENCY_NON_EMPTY: () => string;
 };

package/dist/types/lib/shared/validation/base/base.validators.d.ts

@@ -1,4 +1,5 @@
 import { getBooleanSchema } from './boolean.validators';
+import { getCurrencySchema } from './currency.validators';
 import { getDateSchema } from './date.validators';
 import { getEmailSchema } from './email.validators';
 import { getNumberSchema } from './number.validators';
@@ -23,4 +24,5 @@ export declare const baseValidationSchemas: {
     getBooleanSchema: typeof getBooleanSchema;
     getPassportDepartmentSchema: typeof getPassportDepartmentSchema;
     getPassportSchema: typeof getPassportSchema;
+    getCurrencySchema: typeof getCurrencySchema;
 };

package/dist/types/lib/shared/validation/base/currency.validators.d.ts

@@ -0,0 +1,69 @@
+import { default as z } from 'zod';
+import { CurrencyValue } from '../../../../shared/ui/formElements/uncontrolled/inputCurrency';
+export type CurrencyValidationOptions = {
+    /**
+     * Минимальное значение
+     * @default 1
+     */
+    min?: number;
+    /**
+     * Максимальное значение
+     * @default undefined
+     */
+    max?: number;
+    /**
+     * Значение по умолчанию
+     * @default { value: '', currency: null }
+     */
+    defaultValue?: CurrencyValue;
+    /**
+     * Произвольные сообщения об ошибках
+     */
+    message?: Partial<Record<keyof Omit<CurrencyValidationOptions, 'message' | 'defaultValue'> | 'currencyEmpty' | 'valueEmpty', string>>;
+};
+declare const getCurrencyRequired: (props?: CurrencyValidationOptions) => z.ZodDefault<z.ZodEffects<z.ZodObject<{
+    value: z.ZodDefault<z.ZodEffects<z.ZodString, string, string>>;
+    currency: z.ZodDefault<z.ZodEffects<z.ZodNullable<z.ZodString>, string | null, string | null>> | z.ZodDefault<z.ZodArray<z.ZodDefault<z.ZodEffects<z.ZodNullable<z.ZodString>, string | null, string | null>>, "many">>;
+}, "strip", z.ZodTypeAny, {
+    value: string;
+    currency: string | (string | null)[] | null;
+}, {
+    value?: string | undefined;
+    currency?: string | (string | null | undefined)[] | null | undefined;
+}>, {
+    value: string;
+    currency: string | (string | null)[] | null;
+}, {
+    value?: string | undefined;
+    currency?: string | (string | null | undefined)[] | null | undefined;
+}>>;
+type CurrencyRequiredSchema = ReturnType<typeof getCurrencyRequired>;
+/**
+ * Схема валидации обязательного поля валюты
+ * @param {CurrencyValidationOptions} props настройки схемы
+ * @typeParam `min` - `number | undefined` `default: 1`
+ * @typeParam `max` - `number | undefined` `default: undefined`
+ * @typeParam `message` - `{ [min | max | currencyEmpty | valueEmpty]: string }`
+ * @typeParam `defaultValue` - `CurrencyValue` `default: { value: '', currency: null }`
+ * @returns схема валидации поля в соответствии с настройками
+ *
+ * @example with required min value
+ * z.object({
+ *   field: zodValidators.base.getCurrencySchema({ min: 10 })
+ * })
+ * // will returns z.object({
+ *   value: z.string().min(10),
+ *   currency: z.string().nullable()
+ * })
+ *
+ * @example with required min, max value
+ * z.object({
+ *   field: zodValidators.base.getCurrencySchema({ min: 10, max: 20 })
+ * })
+ * // will returns z.object({
+ *   value: z.string().min(10).max(20),
+ *   currency: z.string().nullable()
+ * })
+ */
+export declare function getCurrencySchema(props?: CurrencyValidationOptions): CurrencyRequiredSchema;
+export {};

package/dist/types/lib/shared/validation/index.d.ts

@@ -18,6 +18,7 @@ export declare const zodValidators: {
         getBooleanSchema: typeof import('./base/boolean.validators').getBooleanSchema;
         getPassportDepartmentSchema: typeof import('./base/passportDepartment.validators').getPassportDepartmentSchema;
         getPassportSchema: typeof import('./base/passport.validators').getPassportSchema;
+        getCurrencySchema: typeof import('./base/currency.validators').getCurrencySchema;
     };
     dadata: {
         getFioSchema: typeof import('./dadata').getFioSchema;

package/dist/types/lib/widgets/fieldMapper/FieldMapper.d.ts

@@ -4,5 +4,5 @@ type FieldMapperProps<TFieldValues extends FieldValues> = {
     control: Control<TFieldValues>;
     fields: FieldElement<TFieldValues>[];
 };
-export declare const FieldMapper: <TFieldValues extends FieldValues>({ fields, control }: FieldMapperProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element[];
+export declare const FieldMapper: <TFieldValues extends FieldValues>({ fields, control }: FieldMapperProps<TFieldValues>) => (import("react/jsx-runtime").JSX.Element | null)[];
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scbt-ecom/ui",
-  "version": "0.111.2",
+  "version": "0.112.0",
   "type": "module",
   "exports": {
     ".": {
@@ -88,6 +88,7 @@
     "esbuild": "0.24.0"
   },
   "dependencies": {
+    "@floating-ui/react": "^0.26.16",
     "@hookform/resolvers": "^3.9.0",
     "@radix-ui/react-checkbox": "^1.1.1",
     "@radix-ui/react-popover": "^1.1.1",
@@ -116,6 +117,7 @@
     "html-react-parser": "^5.2.2",
     "input-otp": "^1.4.1",
     "rc-slider": "^11.1.8",
+    "react-country-flag": "^3.1.0",
     "react-day-picker": "^9.4.1",
     "react-dropzone": "^14.2.3",
     "react-hook-form": "^7.53.1",
@@ -127,8 +129,7 @@
     "use-mask-input": "^3.4.2",
     "uuid": "^11.1.0",
     "vite-plugin-svgr": "^4.3.0",
-    "zod": "^3.23.8",
-    "@floating-ui/react": "^0.26.16"
+    "zod": "^3.23.8"
   },
   "devDependencies": {
     "@eslint/compat": "^1.2.1",

package/dist/lib/shared/ui/formElements/controlled/inputCurrency/model/helpers.js

@@ -1,2 +0,0 @@
-const e=r=>{switch(r){case"euro":return"€ ";case"dollars":return"$ ";case"rubles":return"₽ ";case"yuan":return"¥ ";case"dirhams":return"د.إ ";default:return""}},u=[{ruName:"Евро",engName:"Eur",currency:"euro"},{ruName:"Доллар США",engName:"USD",currency:"dollars"},{ruName:"Российский рубль",engName:"RUB",currency:"rubles"},{ruName:"Китайский Юань",engName:"CNY",currency:"yuan"},{ruName:"Дирхам ОАЭ",engName:"AED",currency:"dirhams"}];export{u as currencyOptionsList,e as getDelimiterForCurrency};
-//# sourceMappingURL=helpers.js.map

package/dist/lib/shared/ui/formElements/controlled/inputCurrency/model/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","sources":["../../../../../../../../lib/shared/ui/formElements/controlled/inputCurrency/model/helpers.ts"],"sourcesContent":["import type { ICurrencyOption, TCurrencyVariant } from '../InputCurrencyControl'\n\nexport const getDelimiterForCurrency = (currency: TCurrencyVariant) => {\n  switch (currency) {\n    case 'euro':\n      return '\\u20AC '\n    case 'dollars':\n      return '$ '\n    case 'rubles':\n      return '\\u20BD '\n    case 'yuan':\n      return '¥ '\n    case 'dirhams':\n      return 'د.إ '\n    default:\n      return ''\n  }\n}\n\nexport const currencyOptionsList: ICurrencyOption[] = [\n  {\n    ruName: 'Евро',\n    engName: 'Eur',\n    currency: 'euro'\n  },\n  {\n    ruName: 'Доллар США',\n    engName: 'USD',\n    currency: 'dollars'\n  },\n  {\n    ruName: 'Российский рубль',\n    engName: 'RUB',\n    currency: 'rubles'\n  },\n  {\n    ruName: 'Китайский Юань',\n    engName: 'CNY',\n    currency: 'yuan'\n  },\n  {\n    ruName: 'Дирхам ОАЭ',\n    engName: 'AED',\n    currency: 'dirhams'\n  }\n]\n"],"names":["getDelimiterForCurrency","currency","currencyOptionsList"],"mappings":"AAEO,MAAMA,EAA2BC,GAA+B,CACrE,OAAQA,EAAA,CACN,IAAK,OACH,MAAO,KACT,IAAK,UACH,MAAO,KACT,IAAK,SACH,MAAO,KACT,IAAK,OACH,MAAO,KACT,IAAK,UACH,MAAO,OACT,QACE,MAAO,EAAA,CAEb,EAEaC,EAAyC,CACpD,CACE,OAAQ,OACR,QAAS,MACT,SAAU,MAAA,EAEZ,CACE,OAAQ,aACR,QAAS,MACT,SAAU,SAAA,EAEZ,CACE,OAAQ,mBACR,QAAS,MACT,SAAU,QAAA,EAEZ,CACE,OAAQ,iBACR,QAAS,MACT,SAAU,MAAA,EAEZ,CACE,OAAQ,aACR,QAAS,MACT,SAAU,SAAA,CAEd"}

package/dist/lib/shared/ui/formElements/controlled/inputCurrency/model/useInputCurrency.js

@@ -1,2 +0,0 @@
-import s from"react";import{currencyOptionsList as r}from"./helpers.js";const m=o=>{const[u,n]=s.useState(!1),[c,l]=s.useState(()=>{var e;return((e=r)==null?void 0:e.find(t=>(t==null?void 0:t.currency)===o))||r[0]});return{menuIsOpen:u,currentCurrencyOption:c,onSelectOption:e=>{l(e),n(!1)},onToggleMenu:()=>n(e=>!e),onCloseMenu:()=>n(!1)}};export{m as useInputCurrency};
-//# sourceMappingURL=useInputCurrency.js.map

package/dist/lib/shared/ui/formElements/controlled/inputCurrency/model/useInputCurrency.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInputCurrency.js","sources":["../../../../../../../../lib/shared/ui/formElements/controlled/inputCurrency/model/useInputCurrency.tsx"],"sourcesContent":["import React from 'react'\nimport { type ICurrencyOption, type TCurrencyVariant } from '../InputCurrencyControl'\nimport { currencyOptionsList } from './helpers'\n\ntype TUseInputCurrencyReturn = {\n  menuIsOpen: boolean\n  currentCurrencyOption: ICurrencyOption\n  onSelectOption: (option: ICurrencyOption) => void\n  onToggleMenu: () => void\n  onCloseMenu: () => void\n}\n\nexport const useInputCurrency = (defaultCurrency?: TCurrencyVariant): TUseInputCurrencyReturn => {\n  const [menuIsOpen, setMenuIsOpen] = React.useState(false)\n  const [currentCurrencyOption, setCurrencyOption] = React.useState<ICurrencyOption>(\n    () => currencyOptionsList?.find((option) => option?.currency === defaultCurrency) || currencyOptionsList[0]\n  )\n  const onSelectOption = (option: ICurrencyOption) => {\n    setCurrencyOption(option)\n    setMenuIsOpen(false)\n  }\n\n  const onToggleMenu = () => setMenuIsOpen((prev) => !prev)\n  const onCloseMenu = () => setMenuIsOpen(false)\n\n  return {\n    menuIsOpen,\n    currentCurrencyOption,\n    onSelectOption,\n    onToggleMenu,\n    onCloseMenu\n  }\n}\n"],"names":["useInputCurrency","defaultCurrency","menuIsOpen","setMenuIsOpen","React","currentCurrencyOption","setCurrencyOption","_a","currencyOptionsList","option","prev"],"mappings":"wEAYO,MAAMA,EAAoBC,GAAgE,CAC/F,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAM,SAAS,EAAK,EAClD,CAACC,EAAuBC,CAAiB,EAAIF,EAAM,SACvD,WAAM,QAAAG,EAAAC,IAAA,YAAAD,EAAqB,KAAME,IAAWA,GAAA,YAAAA,EAAQ,YAAaR,KAAoBO,EAAoB,CAAC,EAAA,EAU5G,MAAO,CACL,WAAAN,EACA,sBAAAG,EACA,eAXsBI,GAA4B,CAClDH,EAAkBG,CAAM,EACxBN,EAAc,EAAK,CACrB,EASE,aAPmB,IAAMA,EAAeO,GAAS,CAACA,CAAI,EAQtD,YAPkB,IAAMP,EAAc,EAAK,CAO3C,CAEJ"}

package/dist/lib/shared/ui/formElements/controlled/inputCurrency/ui/MenuTrigger.js

@@ -1,2 +0,0 @@
-import{jsxs as i,jsx as r}from"react/jsx-runtime";import"../../../../button/Button.js";import"../../../../buttonIcon/ButtonIcon.js";import"../../../../calendar/Calendar.js";import"../../../../calendar/model/utils.js";import"../../../../accordion/Accordion.js";import"react";import"react-dom";import"../../../../modal/ui/IframeModalContent.js";import"../../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as m}from"../../../../icon/Icon.js";import"../../../../table/ui/primitives/Primitives.js";import"../../../../carousel/ui/CarouselContent.js";import"../../../../slot/Slot.js";import"../../../uncontrolled/autocomplete/Autocomplete.js";import"../../../uncontrolled/checkbox/Checkbox.js";import"../../../uncontrolled/combobox/combobox.js";import"../../../uncontrolled/dayPicker/DayPicker.js";import"../../../uncontrolled/input/Input.js";import"../../../uncontrolled/inputOtp/InputOtpBase.js";import"../../../uncontrolled/maskInput/MaskInput.js";import"../../../uncontrolled/radio/RadioGroup.js";import"../../../uncontrolled/radio/ui/RadioItem.js";import"../../../uncontrolled/slider/SliderBase.js";import"../../../uncontrolled/switch/Switch.js";import"../../../uncontrolled/textarea/Textarea.js";import"../../../uncontrolled/uploader/UploaderBase.js";import"../../editor/ui/Editor.js";import"../../input/MaskInputControl.js";import"../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const E=({onToggleMenu:o,currentCurrencyOption:t})=>i("button",{type:"button",onClick:o,className:"desk-body-regular-l flex items-center gap-1 border-l border-solid border-blue-grey-500 pl-2 pr-4",children:[r("span",{className:"uppercase text-color-tetriary",children:t.engName}),r(m,{name:"arrows/arrowRight",className:"rotate-90 text-icon-blue-grey-700"})]});export{E as MenuTrigger};
-//# sourceMappingURL=MenuTrigger.js.map

package/dist/lib/shared/ui/formElements/controlled/inputCurrency/ui/MenuTrigger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuTrigger.js","sources":["../../../../../../../../lib/shared/ui/formElements/controlled/inputCurrency/ui/MenuTrigger.tsx"],"sourcesContent":["import { type ICurrencyOption } from '../InputCurrencyControl'\nimport { Icon } from '$/shared/ui'\n\ninterface IMenuTriggerProps {\n  onToggleMenu: () => void\n  currentCurrencyOption: ICurrencyOption\n}\n\nexport const MenuTrigger = ({ onToggleMenu, currentCurrencyOption }: IMenuTriggerProps) => {\n  return (\n    <button\n      type='button'\n      onClick={onToggleMenu}\n      className='desk-body-regular-l flex items-center gap-1 border-l border-solid border-blue-grey-500 pl-2 pr-4'\n    >\n      <span className='uppercase text-color-tetriary'>{currentCurrencyOption.engName}</span>\n      <Icon name='arrows/arrowRight' className='rotate-90 text-icon-blue-grey-700' />\n    </button>\n  )\n}\n"],"names":["MenuTrigger","onToggleMenu","currentCurrencyOption","jsxs","jsx","Icon"],"mappings":"q4CAQO,MAAMA,EAAc,CAAC,CAAE,aAAAC,EAAc,sBAAAC,KAExCC,EAAC,SAAA,CACC,KAAK,SACL,QAASF,EACT,UAAU,mGAEV,SAAA,CAAAG,EAAC,OAAA,CAAK,UAAU,gCAAiC,SAAAF,EAAsB,QAAQ,EAC/EE,EAACC,EAAA,CAAK,KAAK,oBAAoB,UAAU,mCAAA,CAAoC,CAAA,CAAA,CAAA"}

package/dist/lib/shared/ui/formElements/controlled/inputCurrency/ui/OptionList.js

@@ -1,2 +0,0 @@
-import{jsx as l,jsxs as a}from"react/jsx-runtime";import{cn as m}from"../../../../../utils/cn.js";const n=({optionsList:r,menuIsOpen:c,onSelectOption:s})=>l("div",{className:m("invisible absolute top-[64px] z-10 h-[208px] w-full scale-0 rounded-sm bg-color-white p-1 opacity-0 shadow-sm transition-all",{"opacity-1 scale-1 visible":c}),children:r==null?void 0:r.map(e=>a("div",{onClick:()=>s(e),className:"desk-body-regular-l flex cursor-pointer items-center gap-2 rounded-sm bg-color-white p-2 hover:bg-color-blue-grey-100",children:[l("span",{children:e.ruName})," ",a("span",{className:"uppercase",children:["(",e.engName,")"]})]},e.engName))});export{n as OptionList};
-//# sourceMappingURL=OptionList.js.map

package/dist/lib/shared/ui/formElements/controlled/inputCurrency/ui/OptionList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OptionList.js","sources":["../../../../../../../../lib/shared/ui/formElements/controlled/inputCurrency/ui/OptionList.tsx"],"sourcesContent":["import { type ICurrencyOption } from '../InputCurrencyControl'\nimport { cn } from '$/shared/utils'\n\ninterface IOptionListProps {\n  optionsList: ICurrencyOption[]\n  menuIsOpen: boolean\n  onSelectOption: (option: ICurrencyOption) => void\n}\n\nexport const OptionList = ({ optionsList, menuIsOpen, onSelectOption }: IOptionListProps) => {\n  return (\n    <div\n      className={cn(\n        'invisible absolute top-[64px] z-10 h-[208px] w-full scale-0 rounded-sm bg-color-white p-1 opacity-0 shadow-sm transition-all',\n        { 'opacity-1 scale-1 visible': menuIsOpen }\n      )}\n    >\n      {optionsList?.map((option) => (\n        <div\n          key={option.engName}\n          onClick={() => onSelectOption(option)}\n          className='desk-body-regular-l flex cursor-pointer items-center gap-2 rounded-sm bg-color-white p-2 hover:bg-color-blue-grey-100'\n        >\n          <span>{option.ruName}</span> <span className='uppercase'>({option.engName})</span>\n        </div>\n      ))}\n    </div>\n  )\n}\n"],"names":["OptionList","optionsList","menuIsOpen","onSelectOption","jsx","cn","option","jsxs"],"mappings":"kGASO,MAAMA,EAAa,CAAC,CAAE,YAAAC,EAAa,WAAAC,EAAY,eAAAC,KAElDC,EAAC,MAAA,CACC,UAAWC,EACT,+HACA,CAAE,4BAA6BH,CAAA,CAAW,EAG3C,SAAAD,GAAA,YAAAA,EAAa,IAAKK,GACjBC,EAAC,MAAA,CAEC,QAAS,IAAMJ,EAAeG,CAAM,EACpC,UAAU,wHAEV,SAAA,CAAAF,EAAC,OAAA,CAAM,WAAO,MAAA,CAAO,EAAO,IAACG,EAAC,OAAA,CAAK,UAAU,YAAY,SAAA,CAAA,IAAED,EAAO,QAAQ,GAAA,CAAA,CAAC,CAAA,CAAA,EAJtEA,EAAO,OAAA,EAMf,CAAA"}

package/dist/lib/shared/ui/formElements/controlled/inputCurrency/ui/index.js

@@ -1,2 +0,0 @@
-import{MenuTrigger as e}from"./MenuTrigger.js";import{OptionList as i}from"./OptionList.js";export{e as MenuTrigger,i as OptionList};
-//# sourceMappingURL=index.js.map

package/dist/types/lib/shared/ui/formElements/controlled/inputCurrency/model/helpers.d.ts

@@ -1,3 +0,0 @@
-import { ICurrencyOption, TCurrencyVariant } from '../InputCurrencyControl';
-export declare const getDelimiterForCurrency: (currency: TCurrencyVariant) => "" | "€ " | "$ " | "₽ " | "¥ " | "د.إ ";
-export declare const currencyOptionsList: ICurrencyOption[];

package/dist/types/lib/shared/ui/formElements/controlled/inputCurrency/model/useInputCurrency.d.ts

@@ -1,10 +0,0 @@
-import { ICurrencyOption, TCurrencyVariant } from '../InputCurrencyControl';
-type TUseInputCurrencyReturn = {
-    menuIsOpen: boolean;
-    currentCurrencyOption: ICurrencyOption;
-    onSelectOption: (option: ICurrencyOption) => void;
-    onToggleMenu: () => void;
-    onCloseMenu: () => void;
-};
-export declare const useInputCurrency: (defaultCurrency?: TCurrencyVariant) => TUseInputCurrencyReturn;
-export {};

package/dist/types/lib/shared/ui/formElements/controlled/inputCurrency/ui/MenuTrigger.d.ts

@@ -1,7 +0,0 @@
-import { ICurrencyOption } from '../InputCurrencyControl';
-interface IMenuTriggerProps {
-    onToggleMenu: () => void;
-    currentCurrencyOption: ICurrencyOption;
-}
-export declare const MenuTrigger: ({ onToggleMenu, currentCurrencyOption }: IMenuTriggerProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/lib/shared/ui/formElements/controlled/inputCurrency/ui/OptionList.d.ts

@@ -1,8 +0,0 @@
-import { ICurrencyOption } from '../InputCurrencyControl';
-interface IOptionListProps {
-    optionsList: ICurrencyOption[];
-    menuIsOpen: boolean;
-    onSelectOption: (option: ICurrencyOption) => void;
-}
-export declare const OptionList: ({ optionsList, menuIsOpen, onSelectOption }: IOptionListProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/lib/shared/ui/formElements/controlled/inputCurrency/ui/index.d.ts

@@ -1,2 +0,0 @@
-export { MenuTrigger } from './MenuTrigger';
-export { OptionList } from './OptionList';