@scbt-ecom/ui 0.31.1 → 0.31.3

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

@@ -1,4 +1,5 @@
 export type { TextareaControlProps } from './textarea';
+export type { InputOtpControlProps } from './inputOtp';
 export declare const Controlled: {
     InputControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ control, name, defaultValue, disabled, rules, shouldUnregister, helperText, classes, ...props }: import('react-hook-form').UseControllerProps<TFieldValues, import('react-hook-form').Path<TFieldValues>> & Omit<import('..').InputBaseProps, "classes"> & {
         control: import('react-hook-form').Control<TFieldValues>;
@@ -108,4 +109,5 @@ export declare const Controlled: {
             container?: string;
         };
     }) => 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;
 };

package/dist/shared/ui/formElements/controlled/inputOtp/InputOtpControl.d.ts

@@ -0,0 +1,12 @@
+import { FieldValues, Path, UseControllerProps } from 'react-hook-form';
+import { InputOtpBaseProps } from '../../..';
+type InputOtpControlClasses = InputOtpBaseProps['classes'] & {
+    message?: string;
+    container?: string;
+};
+export type InputOtpControlProps<TFieldValues extends FieldValues = FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>> = UseControllerProps<TFieldValues, TName> & Omit<InputOtpBaseProps, 'classes'> & {
+    classes?: InputOtpControlClasses;
+    helperText?: string;
+};
+export declare const InputOtpControl: <TFieldValues extends FieldValues = FieldValues>({ control, name, defaultValue, disabled, rules, shouldUnregister, classes, helperText, ...props }: InputOtpControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export { InputOtpControl, type InputOtpControlProps } from './InputOtpControl';

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

@@ -8,6 +8,7 @@ export type { AutocompleteBaseProps } from './autocomplete';
 export type { RadioGroupBaseProps, RadioOption } from './radio';
 export type { TextareaBaseProps } from './textarea';
 export { isSingleOption } from './select';
+export type { InputOtpBaseProps } from './inputOtp';
 export declare const Uncontrolled: {
     InputBase: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "size" | "placeholder"> & {
         classes?: import('./input/Input').InputBaseClasses;
@@ -123,5 +124,16 @@ export declare const Uncontrolled: {
             onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
         };
     } & import('react').RefAttributes<HTMLTextAreaElement>>;
+    InputOtpBase: import('react').ForwardRefExoticComponent<Omit<import('input-otp').OTPInputProps, "render"> & {
+        classes?: import('./inputOtp').InputOtpBaseClasses;
+        initialFocus?: boolean;
+        externalHandlers?: {
+            onChange?: (value: string) => void;
+            onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+            onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
+            onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
+        };
+        invalid?: boolean;
+    } & import('react').RefAttributes<HTMLInputElement>>;
     UploaderBase: import('react').ForwardRefExoticComponent<import('./uploader').UploaderBaseProps & import('react').RefAttributes<HTMLInputElement>>;
 };

package/dist/shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.d.ts

@@ -0,0 +1,51 @@
+import { OTPInputProps } from 'input-otp';
+import { InputOTPSlotClasses } from './ui';
+export type InputOtpBaseClasses = {
+    input?: string;
+    inputContainer?: string;
+    container?: string;
+    slot?: InputOTPSlotClasses;
+};
+type ExternalHandlers = {
+    onChange?: (value: string) => void;
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
+};
+export type InputOtpBaseProps = Omit<OTPInputProps, 'render'> & {
+    /**
+     * Внешние классы которыми можно поменять стили
+     */
+    classes?: InputOtpBaseClasses;
+    /**
+     * Изначальный автофокус
+     */
+    initialFocus?: boolean;
+    /**
+     * Внешние handlers
+     */
+    externalHandlers?: ExternalHandlers;
+    /**
+     * Для aria-invalid валидное или не валидное поле
+     */
+    invalid?: boolean;
+};
+export declare const InputOtpBase: import('react').ForwardRefExoticComponent<Omit<OTPInputProps, "render"> & {
+    /**
+     * Внешние классы которыми можно поменять стили
+     */
+    classes?: InputOtpBaseClasses;
+    /**
+     * Изначальный автофокус
+     */
+    initialFocus?: boolean;
+    /**
+     * Внешние handlers
+     */
+    externalHandlers?: ExternalHandlers;
+    /**
+     * Для aria-invalid валидное или не валидное поле
+     */
+    invalid?: boolean;
+} & import('react').RefAttributes<HTMLInputElement>>;
+export {};

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

@@ -0,0 +1 @@
+export { type InputOtpBaseClasses, type InputOtpBaseProps, InputOtpBase } from './InputOtpBase';

package/dist/shared/ui/formElements/uncontrolled/inputOtp/ui/InputOtpSlot.d.ts

@@ -0,0 +1,14 @@
+import { ComponentPropsWithoutRef } from 'react';
+export type InputOTPSlotClasses = {
+    singleChar?: string;
+    caretWrapper?: string;
+    caret?: string;
+    substrate?: string;
+};
+interface InputOTPSlotProps extends ComponentPropsWithoutRef<'div'> {
+    index: number;
+    classes?: InputOTPSlotClasses;
+    invalid?: boolean;
+}
+export declare const InputOTPSlot: import('react').ForwardRefExoticComponent<InputOTPSlotProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1 @@
+export { InputOTPSlot, type InputOTPSlotClasses } from './InputOtpSlot';

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

@@ -24,7 +24,7 @@ export interface UploaderBaseProps extends Omit<InputHTMLAttributes<HTMLInputEle
      * Сеттер значение
      * @param file - файлы
      */
-    onChange: (file: File[]) => void;
+    onChange?: (file: File[]) => void;
     /**
      * Валидное ли значение
      */
@@ -32,7 +32,7 @@ export interface UploaderBaseProps extends Omit<InputHTMLAttributes<HTMLInputEle
     /**
      * Значение
      */
-    value: File[];
+    value?: File[];
 }
 export declare const UploaderBase: import('react').ForwardRefExoticComponent<UploaderBaseProps & import('react').RefAttributes<HTMLInputElement>>;
 export {};

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

@@ -1,8 +1,8 @@
 import { DropzoneOptions } from 'react-dropzone';
 export type TUseUploader = {
-    controlledFiles: File[];
+    controlledFiles?: File[];
     dropzoneOptions: DropzoneOptions;
-    onChange: (files: File[]) => void;
+    onChange?: (files: File[]) => void;
 };
 export declare const useUploader: ({ dropzoneOptions, controlledFiles, onChange }: TUseUploader) => {
     filesStatus: Record<string, "error" | "success" | "loading">;

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

@@ -5,7 +5,7 @@ export type UploaderFilesClasses = {
     file?: UploaderFileClasses;
 };
 interface UploaderFilesProps extends HTMLAttributes<HTMLDivElement> {
-    files: File[];
+    files?: File[];
     filesStatus: {
         [key: string]: 'loading' | 'success' | 'error';
     };