@scbt-ecom/ui 0.27.2 → 0.28.1

package/dist/shared/hooks/useOverflow.d.ts

@@ -0,0 +1 @@
+export declare const useOverflow: (ref: React.RefObject<HTMLElement>) => boolean;

package/dist/shared/ui/formElements/controlled/dayPickerControl/dayPickerControl.d.ts

@@ -4,6 +4,12 @@ type CalendarProps = React.ComponentPropsWithoutRef<typeof Calendar>;
 type DayPickerControlClasses = MaskInputProps['classes'] & {
     message?: string;
 };
+export type ExternalHandlers = {
+    onChange?: (value: string) => void;
+    onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+};
 export type DayPickerControlProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = UseControllerProps<TFieldValues, TName> & Omit<CalendarProps, 'selected' | 'onSelect' | 'mode'> & {
     /**
      * Контрол объект для управления полем
@@ -21,6 +27,10 @@ export type DayPickerControlProps<TFieldValues extends FieldValues = FieldValues
      * Дополнительные стили компонента
      */
     classes?: DayPickerControlClasses;
+    /**
+     * Дополнительные хендлеры
+     */
+    externalHandlers?: ExternalHandlers;
 };
 declare const InnerComponent: <T extends FieldValues = FieldValues>({ control, name, disabled, rules, shouldUnregister, defaultValue, inputProps, helperText, classes, ...props }: DayPickerControlProps<T>) => import("react/jsx-runtime").JSX.Element;
 export declare const DayPickerControl: typeof InnerComponent;

package/dist/shared/ui/formElements/controlled/dayPickerControl/range.d.ts

@@ -8,9 +8,21 @@ type IsoDateRange = {
     to?: string;
 };
 type RangeDayPickerProps = Omit<CalendarProps, 'mode'> & {
+    /**
+     * Свойства Input компонента
+     */
     inputProps: Omit<MaskInputProps, 'mask'>;
+    /**
+     * Стили внутренних компонентов
+     */
     classes?: RangeDayPickerClasses;
+    /**
+     * Управляемое значение
+     */
     value: IsoDateRange;
+    /**
+     * Функция для управления значением
+     */
     onChange: (value: IsoDateRange) => void;
 };
 export declare const RangeDayPicker: ({ inputProps, classes, value, onChange, ...props }: RangeDayPickerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/formElements/controlled/dayPickerControl/single.d.ts

@@ -1,13 +1,30 @@
+import { ExternalHandlers } from './dayPickerControl';
 import { Calendar, MaskInputProps } from '../../..';
 type CalendarProps = React.ComponentPropsWithoutRef<typeof Calendar>;
 type SingleDayPickerClasses = MaskInputProps['classes'] & {
     calendar?: string;
 };
 type SingleDayPickerProps = Omit<CalendarProps, 'mode'> & {
+    /**
+     * Свойства Input компонента
+     */
     inputProps: Omit<MaskInputProps, 'mask'>;
+    /**
+     * Стили внутренних компонентов
+     */
     classes?: SingleDayPickerClasses;
+    /**
+     * Управляемое значение
+     */
     value: string;
+    /**
+     * Функция для управления значением
+     */
     onChange: (value: string) => void;
+    /**
+     * Дополнительные хендлеры
+     */
+    externalHandlers?: ExternalHandlers;
 };
-export declare const SingleDayPicker: ({ inputProps, classes, value, onChange, ...props }: SingleDayPickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SingleDayPicker: ({ inputProps, classes, value, onChange, externalHandlers, ...props }: SingleDayPickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -107,4 +107,11 @@ export declare const Controlled: {
         formatter?: (item: import('./dadata/types').IDadataOrganizationOption) => import('..').SelectItemOption;
     }) => import("react/jsx-runtime").JSX.Element;
     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: ({ control, name, defaultValue, rules, shouldUnregister, classes, helperText, disabled, ...props }: import('react-hook-form').UseControllerProps<import('react-hook-form').FieldValues, string> & import('../uncontrolled/uploader').UploaderBaseProps & {
+        control: import('react-hook-form').Control<import('react-hook-form').FieldValues>;
+        classes?: import('../uncontrolled/uploader').UploaderBaseProps & {
+            message?: string;
+            container?: string;
+        };
+    }) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/shared/ui/formElements/controlled/uploader/UploaderControl.d.ts

@@ -0,0 +1,12 @@
+import { Control, FieldValues, Path, UseControllerProps } from 'react-hook-form';
+import { UploaderBaseProps } from '../../uncontrolled/uploader';
+type UploaderControlClasses = UploaderBaseProps & {
+    message?: string;
+    container?: string;
+};
+type UploaderControlProps<TFieldValues extends FieldValues = FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>> = UseControllerProps<TFieldValues, TName> & UploaderBaseProps & {
+    control: Control<TFieldValues>;
+    classes?: UploaderControlClasses;
+};
+export declare const UploaderControl: ({ control, name, defaultValue, rules, shouldUnregister, classes, helperText, disabled, ...props }: UploaderControlProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/formElements/controlled/uploader/index.d.ts

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

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

@@ -7,7 +7,6 @@ export * from './dadataControl';
 export * from './comboboxControl';
 export * from './sliderControl';
 export * from './editorControl';
-export * from './uploaderControl';
 export * from './radioControl';
 export * from './inputCurrencyControl';
 export * from './InputOtpControl';

package/dist/shared/ui/formElements/uncontrolled/checkbox/Checkbox.d.ts

@@ -4,6 +4,12 @@ type CheckboxBaseClasses = {
     indicator?: string;
 };
 export type { CheckedState };
+type ExternalHandlers = {
+    onChange?: (value: CheckedState) => void;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;
+};
 export type CheckboxBaseProps = CheckboxPrimitiveProps & {
     /**
      * Дополнительные стили внутренних компонентов
@@ -13,6 +19,10 @@ export type CheckboxBaseProps = CheckboxPrimitiveProps & {
      * Свойство для отображения не валидного поля
      */
     invalid?: boolean;
+    /**
+     * Дополнительные хендлеры
+     */
+    externalHandlers?: ExternalHandlers;
 };
 export declare const CheckboxBase: import('react').ForwardRefExoticComponent<CheckboxPrimitiveProps & {
     /**
@@ -23,4 +33,8 @@ export declare const CheckboxBase: import('react').ForwardRefExoticComponent<Che
      * Свойство для отображения не валидного поля
      */
     invalid?: boolean;
+    /**
+     * Дополнительные хендлеры
+     */
+    externalHandlers?: ExternalHandlers;
 } & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/shared/ui/formElements/uncontrolled/dayPicker/DayPicker.d.ts

@@ -1,4 +1,10 @@
 import { MaskInputProps } from '../../..';
+type ExternalHandlers = {
+    onChange?: (value: string) => void;
+    onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+};
 export type DayPickerProps = Omit<MaskInputProps, 'value' | 'onChange' | 'mask'> & {
     /**
      * Указывает, открыт ли календарь по умолчанию
@@ -12,6 +18,10 @@ export type DayPickerProps = Omit<MaskInputProps, 'value' | 'onChange' | 'mask'>
      * Функция изменения значения
      */
     onChange?: (value: string) => void;
+    /**
+     * Дополнительные хендлеры
+     */
+    externalHandlers?: ExternalHandlers;
 };
 export declare const DayPickerBase: import('react').ForwardRefExoticComponent<Omit<MaskInputProps, "value" | "onChange" | "mask"> & {
     /**
@@ -26,4 +36,9 @@ export declare const DayPickerBase: import('react').ForwardRefExoticComponent<Om
      * Функция изменения значения
      */
     onChange?: (value: string) => void;
+    /**
+     * Дополнительные хендлеры
+     */
+    externalHandlers?: ExternalHandlers;
 } & import('react').RefAttributes<HTMLInputElement>>;
+export {};

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

@@ -2,6 +2,7 @@ export type { InputBaseProps } from './input';
 export type { MaskInputProps } from './maskInput';
 export type { SelectBaseProps, SelectItemOption } from './select';
 export type { CheckboxBaseProps, CheckedState } from './checkbox';
+export type { DayPickerProps } from './dayPicker';
 export type { SwitchBaseProps } from './switch';
 export type { AutocompleteBaseProps } from './autocomplete';
 export type { RadioGroupBaseProps, RadioOption } from './radio';
@@ -17,6 +18,12 @@ export declare const Uncontrolled: {
         invalid?: boolean;
         attachmentProps?: import('../../../types').DeepPartial<import('../ui').IFieldAttachmentProps>;
         renderValues?: () => React.JSX.Element | null;
+        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('react').RefAttributes<HTMLInputElement>>;
     MaskInput: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "size" | "placeholder"> & {
         classes?: {
@@ -28,6 +35,12 @@ export declare const Uncontrolled: {
         invalid?: boolean;
         attachmentProps?: import('../../../types').DeepPartial<import('../ui').IFieldAttachmentProps>;
         renderValues?: () => React.JSX.Element | null;
+        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;
+        };
     } & {
         mask: "datetime" | "email" | "numeric" | "currency" | "decimal" | "integer" | "percentage" | "url" | "ip" | "mac" | "ssn" | "brl-currency" | "cpf" | "cnpj" | (string & {}) | (string[] & {}) | null;
         externalMaskDefinitions?: Record<string, import('./maskInput/MaskInput').Definition>;
@@ -54,11 +67,23 @@ export declare const Uncontrolled: {
             indicator?: string;
         };
         invalid?: boolean;
+        externalHandlers?: {
+            onChange?: (value: import('@radix-ui/react-checkbox').CheckedState) => void;
+            onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+            onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;
+            onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;
+        };
     } & import('react').RefAttributes<HTMLButtonElement>>;
     DayPickerBase: import('react').ForwardRefExoticComponent<Omit<import('./maskInput').MaskInputProps, "value" | "onChange" | "mask"> & {
         defaultOpen?: boolean;
         value?: string;
         onChange?: (value: string) => void;
+        externalHandlers?: {
+            onChange?: (value: string) => void;
+            onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
+            onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+            onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+        };
     } & import('react').RefAttributes<HTMLInputElement>>;
     AutocompleteBase: <TData>({ formatter, query, value, returnValue, onChange, ...props }: import('./autocomplete').AutocompleteBaseProps<TData>) => import("react/jsx-runtime").JSX.Element;
     SwitchBase: import('react').ForwardRefExoticComponent<import('@radix-ui/react-switch').SwitchProps & {
@@ -66,6 +91,12 @@ export declare const Uncontrolled: {
             root?: string;
             thumb?: string;
         };
+        externalHandlers?: {
+            onChange?: (value: boolean) => void;
+            onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+            onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;
+            onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;
+        };
     } & import('react').RefAttributes<HTMLButtonElement>>;
     RadioGroupBase: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-radio-group').RadioGroupProps, "children"> & {
         options: import('./radio').RadioOption[];
@@ -80,6 +111,12 @@ export declare const Uncontrolled: {
             list?: string;
         };
         invalid?: boolean;
+        externalHandlers?: {
+            onChange?: (value: string) => void;
+            onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+            onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;
+            onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;
+        };
     } & import('react').RefAttributes<HTMLDivElement>>;
     TextareaBase: import('react').ForwardRefExoticComponent<Omit<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "className"> & {
         classes?: {
@@ -90,5 +127,12 @@ export declare const Uncontrolled: {
         label: string;
         invalid?: boolean;
         attachmentProps?: import('../../../types').DeepPartial<import('../ui').IFieldAttachmentProps>;
+        externalHandlers?: {
+            onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+            onClick?: (event: React.MouseEvent<HTMLTextAreaElement>) => void;
+            onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+            onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+        };
     } & import('react').RefAttributes<HTMLTextAreaElement>>;
+    UploaderBase: import('react').ForwardRefExoticComponent<import('./uploader').UploaderBaseProps & import('react').RefAttributes<HTMLInputElement>>;
 };

package/dist/shared/ui/formElements/uncontrolled/input/Input.d.ts

@@ -6,6 +6,12 @@ type InputBaseClasses = {
     label?: string;
 };
 type FieldAttachmentProps = React.ComponentPropsWithoutRef<typeof FieldAttachment>;
+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;
+};
 export type InputBaseProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'placeholder' | 'size'> & {
     /**
      * Дополнительные стили внутренних компонентов
@@ -27,6 +33,10 @@ export type InputBaseProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, '
      * Рендер дополнительных значений вместо базового ввода
      */
     renderValues?: () => React.JSX.Element | null;
+    /**
+     * Дополнительные хендлеры
+     */
+    externalHandlers?: ExternalHandlers;
 };
 export declare const InputBase: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "size" | "placeholder"> & {
     /**
@@ -49,5 +59,9 @@ export declare const InputBase: import('react').ForwardRefExoticComponent<Omit<i
      * Рендер дополнительных значений вместо базового ввода
      */
     renderValues?: () => React.JSX.Element | null;
+    /**
+     * Дополнительные хендлеры
+     */
+    externalHandlers?: ExternalHandlers;
 } & import('react').RefAttributes<HTMLInputElement>>;
 export {};

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

@@ -35,6 +35,12 @@ export declare const MaskInput: import('react').ForwardRefExoticComponent<Omit<i
     invalid?: boolean;
     attachmentProps?: import('../../../../types').DeepPartial<import('../../ui').IFieldAttachmentProps>;
     renderValues?: () => React.JSX.Element | null;
+    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;
+    };
 } & {
     /**
      * маска, по которой будет определяться валидация символов

package/dist/shared/ui/formElements/uncontrolled/radio/RadioGroup.d.ts

@@ -4,6 +4,12 @@ type RadioGroupClasses = RadioItemProps['classes'] & {
     root?: string;
     list?: string;
 };
+type ExternalHandlers = {
+    onChange?: (value: string) => void;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;
+};
 export type RadioGroupBaseProps = Omit<RadioGroupPrimitiveProps, 'children'> & {
     /**
      * Список отображаемых опций
@@ -25,6 +31,10 @@ export type RadioGroupBaseProps = Omit<RadioGroupPrimitiveProps, 'children'> & {
      * Свойство для отображения не валидного поля
      */
     invalid?: boolean;
+    /**
+     * Дополнительные хендлеры
+     */
+    externalHandlers?: ExternalHandlers;
 };
 export declare const RadioGroupBase: import('react').ForwardRefExoticComponent<Omit<RadioGroupPrimitiveProps, "children"> & {
     /**
@@ -47,5 +57,9 @@ export declare const RadioGroupBase: import('react').ForwardRefExoticComponent<O
      * Свойство для отображения не валидного поля
      */
     invalid?: boolean;
+    /**
+     * Дополнительные хендлеры
+     */
+    externalHandlers?: ExternalHandlers;
 } & import('react').RefAttributes<HTMLDivElement>>;
 export {};

package/dist/shared/ui/formElements/uncontrolled/switch/Switch.d.ts

@@ -3,10 +3,18 @@ type SwitchBaseClasses = {
     root?: string;
     thumb?: string;
 };
+type ExternalHandlers = {
+    onChange?: (value: boolean) => void;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;
+};
 export type SwitchBaseProps = SwitchProps & {
     classes?: SwitchBaseClasses;
+    externalHandlers?: ExternalHandlers;
 };
 export declare const SwitchBase: import('react').ForwardRefExoticComponent<SwitchProps & {
     classes?: SwitchBaseClasses;
+    externalHandlers?: ExternalHandlers;
 } & import('react').RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/shared/ui/formElements/uncontrolled/textarea/Textarea.d.ts

@@ -6,6 +6,12 @@ type TextareaBaseClasses = {
     label?: string;
 };
 type FieldAttachmentProps = React.ComponentPropsWithoutRef<typeof FieldAttachment>;
+type ExternalHandlers = {
+    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onClick?: (event: React.MouseEvent<HTMLTextAreaElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+};
 export type TextareaBaseProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size' | 'className'> & {
     /**
      * Дополнительные стили внутренних компонентов
@@ -23,6 +29,10 @@ export type TextareaBaseProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaEl
      * Свойства дополнительной иконки
      */
     attachmentProps?: DeepPartial<FieldAttachmentProps>;
+    /**
+     * Дополнительные хендлеры
+     */
+    externalHandlers?: ExternalHandlers;
 };
 export declare const TextareaBase: import('react').ForwardRefExoticComponent<Omit<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "className"> & {
     /**
@@ -41,5 +51,9 @@ export declare const TextareaBase: import('react').ForwardRefExoticComponent<Omi
      * Свойства дополнительной иконки
      */
     attachmentProps?: DeepPartial<FieldAttachmentProps>;
+    /**
+     * Дополнительные хендлеры
+     */
+    externalHandlers?: ExternalHandlers;
 } & import('react').RefAttributes<HTMLTextAreaElement>>;
 export {};

package/dist/shared/ui/formElements/uncontrolled/uploader/UploaderBase.d.ts

@@ -0,0 +1,38 @@
+import { InputHTMLAttributes } from 'react';
+import { DropzoneOptions } from 'react-dropzone';
+import { UploaderFilesClasses, UploaderInputClasses } from './ui';
+type UploaderBaseClasses = {
+    root?: string;
+    input?: UploaderInputClasses;
+    files?: UploaderFilesClasses;
+};
+export interface UploaderBaseProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'placeholder' | 'value' | 'onChange'> {
+    /**
+     * Опции uploader-а, в нем можно валидировать файлы, указывать максимум и минимум для файлов
+     * Подробнее можно узнать в типе DropzoneOptions
+     */
+    dropzoneOptions?: DropzoneOptions;
+    /**
+     * Объект классов которые можно переопределить
+     */
+    classes?: UploaderBaseClasses;
+    /**
+     * Доп текст под инпутом
+     */
+    helperText?: string;
+    /**
+     * Сеттер инпута
+     * @param file - файлы
+     */
+    onChange: (file: File[]) => void;
+    /**
+     * Валидный ли инпут
+     */
+    invalid?: boolean;
+    /**
+     * Value инпута
+     */
+    value: File[];
+}
+export declare const UploaderBase: import('react').ForwardRefExoticComponent<UploaderBaseProps & import('react').RefAttributes<HTMLInputElement>>;
+export {};

package/dist/shared/ui/formElements/uncontrolled/uploader/index.d.ts

@@ -0,0 +1,2 @@
+export { UploaderBase, type UploaderBaseProps } from './UploaderBase';
+export { bytesToMegabytes, megabytesToBytes } from './model';

package/dist/shared/ui/formElements/{uploaderControl → uncontrolled/uploader}/model/helpers.d.ts

@@ -1,4 +1,6 @@
 import { DropzoneOptions } from 'react-dropzone';
+export declare const bytesToMegabytes: (number: number) => number;
+export declare const megabytesToBytes: (number: number) => number;
 export declare const defaultDropzoneOptions: DropzoneOptions;
 export declare const FilesErrorCode: {
     readonly FileInvalidType: "file-invalid-type";

package/dist/shared/ui/formElements/{uploaderControl → uncontrolled/uploader}/model/hooks/useUploader.d.ts

@@ -2,9 +2,9 @@ import { DropzoneOptions } from 'react-dropzone';
 export type TUseUploader = {
     controlledFiles: File[];
     dropzoneOptions: DropzoneOptions;
-    onValueChange: (f: File[]) => void;
+    onChange: (files: File[]) => void;
 };
-export declare const useUploader: ({ dropzoneOptions, controlledFiles, onValueChange }: TUseUploader) => {
+export declare const useUploader: ({ dropzoneOptions, controlledFiles, onChange }: TUseUploader) => {
     filesStatus: Record<string, "error" | "success" | "loading">;
     removeFile: (index: number) => void;
     dropzoneState: import('react-dropzone').DropzoneState;

package/dist/shared/ui/formElements/uncontrolled/uploader/model/index.d.ts

@@ -0,0 +1 @@
+export { defaultDropzoneOptions, megabytesToBytes, bytesToMegabytes, FilesErrorCode } from './helpers';

package/dist/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFile.d.ts

@@ -0,0 +1,19 @@
+import { UploaderFileNameClasses } from './UploaderFilename';
+export type UploaderFileClasses = UploaderFileNameClasses & {
+    root?: string;
+    content?: string;
+    deleteIcon?: string;
+    buttonRoot?: string;
+    buttonDelete?: string;
+};
+interface UploaderFileProps {
+    filesStatus: {
+        [key: string]: 'loading' | 'success' | 'error';
+    };
+    removeFile: (index: number) => void;
+    classes?: UploaderFileClasses;
+    file: File;
+    index: number;
+}
+export declare const UploaderFile: ({ filesStatus, removeFile, classes, file, index }: UploaderFileProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFilename.d.ts

@@ -0,0 +1,9 @@
+export type UploaderFileNameClasses = {
+    text?: string;
+};
+interface UploaderFilenameProps {
+    file: File;
+    classes?: UploaderFileNameClasses;
+}
+export declare const UploaderFilename: ({ file, classes }: UploaderFilenameProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFiles.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'react';
+import { UploaderFileClasses } from './UploaderFile';
+export type UploaderFilesClasses = {
+    root?: string;
+    file?: UploaderFileClasses;
+};
+interface UploaderFilesProps extends HTMLAttributes<HTMLDivElement> {
+    files: File[];
+    filesStatus: {
+        [key: string]: 'loading' | 'success' | 'error';
+    };
+    removeFile: (index: number) => void;
+    classes?: UploaderFilesClasses;
+}
+export declare const UploaderFiles: ({ files, filesStatus, classes, removeFile }: UploaderFilesProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/shared/ui/formElements/uncontrolled/uploader/ui/UploaderInput.d.ts

@@ -0,0 +1,17 @@
+import { DropzoneRootProps } from 'react-dropzone';
+export type UploaderInputClasses = {
+    root?: string;
+    input?: string;
+    textContainer?: string;
+    icon?: string;
+    textContent?: string;
+    textContentSpan?: string;
+};
+export interface UploaderInputProps {
+    dropzoneState: DropzoneRootProps;
+    disabled?: boolean;
+    invalid?: boolean;
+    classes?: UploaderInputClasses;
+    name?: string;
+}
+export declare const UploaderInput: import('react').ForwardRefExoticComponent<UploaderInputProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/shared/ui/formElements/uncontrolled/uploader/ui/index.d.ts

@@ -0,0 +1,4 @@
+export { UploaderFiles, type UploaderFilesClasses } from './UploaderFiles';
+export { UploaderFilename, type UploaderFileNameClasses } from './UploaderFilename';
+export { UploaderInput, type UploaderInputClasses } from './UploaderInput';
+export { UploaderFile, type UploaderFileClasses } from './UploaderFile';

package/dist/shared/utils/index.d.ts

@@ -3,3 +3,4 @@ export { cn } from './cn';
 export { isClient } from './isClient';
 export { capitalize } from './capitalize';
 export { mergeRefs } from './mergeRefs';
+export { TypeGuards } from './typeGuards';

package/dist/shared/utils/typeGuards.d.ts

@@ -0,0 +1,9 @@
+export declare class TypeGuards {
+    static isString(value: unknown): value is string;
+    static isStringEmpty(value: unknown): boolean;
+    static isNull(value: unknown): value is null;
+    static isUndefined(value: unknown): value is undefined;
+    static isNil(value: unknown): value is boolean;
+    static isArray(value: unknown): value is unknown[];
+    static isArrayEmpty(value: unknown): boolean;
+}

package/dist/typeGuards-CaNkXs7N.js

@@ -0,0 +1,36 @@
+const n = (...i) => {
+  const t = i.filter(Boolean);
+  return t.length <= 1 ? t[0] || null : function(s) {
+    t.forEach((r) => {
+      typeof r == "function" ? r(s) : r && (r.current = s);
+    });
+  };
+};
+class f {
+  static isString(t) {
+    return typeof t == "string";
+  }
+  static isStringEmpty(t) {
+    return this.isString(t) && !t.length;
+  }
+  static isNull(t) {
+    return t === null;
+  }
+  static isUndefined(t) {
+    return t === void 0 && typeof t > "u";
+  }
+  static isNil(t) {
+    return this.isNull(t) || this.isUndefined(t);
+  }
+  static isArray(t) {
+    return Array.isArray(t);
+  }
+  static isArrayEmpty(t) {
+    return this.isArray(t) && !t.length;
+  }
+}
+export {
+  f as T,
+  n as m
+};
+//# sourceMappingURL=typeGuards-CaNkXs7N.js.map

package/dist/typeGuards-CaNkXs7N.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeGuards-CaNkXs7N.js","sources":["../lib/shared/utils/mergeRefs.ts","../lib/shared/utils/typeGuards.ts"],"sourcesContent":["import type React from 'react'\n\nexport const mergeRefs = <T>(...inputRefs: (React.Ref<T> | undefined)[]): React.Ref<T> | React.RefCallback<T> => {\n  const filteredInputRefs = inputRefs.filter(Boolean)\n\n  if (filteredInputRefs.length <= 1) {\n    const firstRef = filteredInputRefs[0]\n\n    return firstRef || null\n  }\n\n  return function mergedRefs(ref) {\n    filteredInputRefs.forEach((inputRef) => {\n      if (typeof inputRef === 'function') {\n        inputRef(ref)\n      } else if (inputRef) {\n        ;(inputRef as React.MutableRefObject<T | null>).current = ref\n      }\n    })\n  }\n}\n","export class TypeGuards {\n  static isString(value: unknown): value is string {\n    return typeof value === 'string'\n  }\n\n  static isStringEmpty(value: unknown): boolean {\n    return this.isString(value) && !value.length\n  }\n\n  static isNull(value: unknown): value is null {\n    return value === null\n  }\n\n  static isUndefined(value: unknown): value is undefined {\n    return value === undefined && typeof value === 'undefined'\n  }\n\n  static isNil(value: unknown): value is boolean {\n    return this.isNull(value) || this.isUndefined(value)\n  }\n\n  static isArray(value: unknown): value is unknown[] {\n    return Array.isArray(value)\n  }\n\n  static isArrayEmpty(value: unknown): boolean {\n    return this.isArray(value) && !value.length\n  }\n}\n"],"names":["mergeRefs","inputRefs","filteredInputRefs","ref","inputRef","TypeGuards","value"],"mappings":"AAEa,MAAAA,IAAY,IAAOC,MAAiF;AACzG,QAAAC,IAAoBD,EAAU,OAAO,OAAO;AAE9C,SAAAC,EAAkB,UAAU,IACbA,EAAkB,CAAC,KAEjB,OAGd,SAAoBC,GAAK;AACZ,IAAAD,EAAA,QAAQ,CAACE,MAAa;AAClC,MAAA,OAAOA,KAAa,aACtBA,EAASD,CAAG,IACHC,MACPA,EAA8C,UAAUD;AAAA,IAC5D,CACD;AAAA,EACH;AACF;ACpBO,MAAME,EAAW;AAAA,EACtB,OAAO,SAASC,GAAiC;AAC/C,WAAO,OAAOA,KAAU;AAAA,EAAA;AAAA,EAG1B,OAAO,cAAcA,GAAyB;AAC5C,WAAO,KAAK,SAASA,CAAK,KAAK,CAACA,EAAM;AAAA,EAAA;AAAA,EAGxC,OAAO,OAAOA,GAA+B;AAC3C,WAAOA,MAAU;AAAA,EAAA;AAAA,EAGnB,OAAO,YAAYA,GAAoC;AAC9C,WAAAA,MAAU,UAAa,OAAOA,IAAU;AAAA,EAAA;AAAA,EAGjD,OAAO,MAAMA,GAAkC;AAC7C,WAAO,KAAK,OAAOA,CAAK,KAAK,KAAK,YAAYA,CAAK;AAAA,EAAA;AAAA,EAGrD,OAAO,QAAQA,GAAoC;AAC1C,WAAA,MAAM,QAAQA,CAAK;AAAA,EAAA;AAAA,EAG5B,OAAO,aAAaA,GAAyB;AAC3C,WAAO,KAAK,QAAQA,CAAK,KAAK,CAACA,EAAM;AAAA,EAAA;AAEzC;"}