@scbt-ecom/ui 0.21.1 → 0.22.0

package/README.md

@@ -34,7 +34,7 @@ export default {
 - На проекте для unit тестирования используется vitest, документация — https://vitest.dev/
 - Все тесты лежат в папке test, она полностью должно дублировать структуру папки lib, собственно, что мы и тестируем
 - Снепшоты создаются также с помощью vitest, функция toMatchSnapshot(). Тут главное не нужно создавать на всё подряд их, желательно для реакт компонентов, каких-то больших и сложных объектов, конфигурационных файлов, API-ответов, сложных выходных данных
-- Чтобы обновить снепшоты введите
+- Чтобы обновить снепшоты введите.
 
 ```
 npx vitest -u

package/dist/shared/ui/formElements/controlled/checkbox/CheckboxControl.d.ts

@@ -21,8 +21,8 @@ type CheckboxControlProps<TFieldValues extends FieldValues = FieldValues, TName
     /**
      * Дополнительный текст
      */
-    textHint?: string;
+    helperText?: string;
 };
-declare const InnerComponent: <TFieldValues extends FieldValues = FieldValues>({ control, classes, className, name, rules, shouldUnregister, defaultValue, disabled, children, textHint, ...props }: CheckboxControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const InnerComponent: <TFieldValues extends FieldValues = FieldValues>({ control, classes, className, name, rules, shouldUnregister, defaultValue, disabled, children, helperText, ...props }: CheckboxControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export declare const CheckboxControl: typeof InnerComponent;
 export {};

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

@@ -1,5 +1,6 @@
 import { Control, FieldPath, FieldValues, UseControllerProps } from 'react-hook-form';
 import { Calendar, MaskInputProps } from '../../..';
+import { TFieldContainerConfig } from '../../ui';
 type CalendarProps = React.ComponentPropsWithoutRef<typeof Calendar>;
 type DayPickerControlClasses = MaskInputProps['classes'] & {
     message?: string;
@@ -16,12 +17,16 @@ export type DayPickerControlProps<TFieldValues extends FieldValues = FieldValues
     /**
      * Дополнительный текст
      */
-    textHint?: string;
+    helperText?: string;
     /**
      * Дополнительные стили компонента
      */
     classes?: DayPickerControlClasses;
+    /**
+     * Размер контейнера для поля
+     */
+    size?: TFieldContainerConfig['size'];
 };
-declare const InnerComponent: <T extends FieldValues = FieldValues>({ control, name, disabled, rules, shouldUnregister, defaultValue, inputProps, textHint, classes, ...props }: DayPickerControlProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const InnerComponent: <T extends FieldValues = FieldValues>({ control, name, disabled, rules, shouldUnregister, defaultValue, inputProps, helperText, classes, size, ...props }: DayPickerControlProps<T>) => import("react/jsx-runtime").JSX.Element;
 export declare const DayPickerControl: typeof InnerComponent;
 export {};

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

@@ -1,7 +1,7 @@
 export declare const Controlled: {
-    InputControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ className, control, name, defaultValue, disabled, rules, shouldUnregister, textHint, classes, ...props }: import('react-hook-form').UseControllerProps<TFieldValues, import('react-hook-form').Path<TFieldValues>> & Omit<import('..').InputBaseProps, "classes"> & {
+    InputControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ control, name, defaultValue, disabled, rules, shouldUnregister, helperText, classes, size, ...props }: import('react-hook-form').UseControllerProps<TFieldValues, import('react-hook-form').Path<TFieldValues>> & Omit<import('..').InputBaseProps, "classes"> & {
         control: import('react-hook-form').Control<TFieldValues>;
-        textHint?: string;
+        helperText?: string;
         classes?: {
             container?: string;
             input?: string;
@@ -9,8 +9,9 @@ export declare const Controlled: {
         } & {
             message?: string;
         };
+        size?: import('../ui').TFieldContainerConfig["size"];
     }) => import("react/jsx-runtime").JSX.Element;
-    MaskInputControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ className, control, name, defaultValue, disabled, rules, shouldUnregister, classes, textHint, ...props }: import('react-hook-form').UseControllerProps<TFieldValues, import('react-hook-form').Path<TFieldValues>> & Omit<import('..').MaskInputProps, "classes"> & {
+    MaskInputControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ control, name, defaultValue, disabled, rules, shouldUnregister, classes, helperText, size, ...props }: import('react-hook-form').UseControllerProps<TFieldValues, import('react-hook-form').Path<TFieldValues>> & Omit<import('..').MaskInputProps, "classes"> & {
         control: import('react-hook-form').Control<TFieldValues>;
         classes?: {
             container?: string;
@@ -19,10 +20,11 @@ export declare const Controlled: {
         } & {
             message?: string;
         };
-        textHint?: string;
+        helperText?: string;
+        size?: import('../ui').TFieldContainerConfig["size"];
     }) => import("react/jsx-runtime").JSX.Element;
-    DayPickerControl: <T extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ control, name, disabled, rules, shouldUnregister, defaultValue, inputProps, textHint, classes, ...props }: import('./dayPickerControl/dayPickerControl').DayPickerControlProps<T>) => import("react/jsx-runtime").JSX.Element;
-    CheckboxControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ control, classes, className, name, rules, shouldUnregister, defaultValue, disabled, children, textHint, ...props }: import('react-hook-form').UseControllerProps<TFieldValues, import('react-hook-form').Path<TFieldValues>> & Omit<import('..').CheckboxBaseProps, "classes"> & {
+    DayPickerControl: <T extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ control, name, disabled, rules, shouldUnregister, defaultValue, inputProps, helperText, classes, size, ...props }: import('./dayPickerControl/dayPickerControl').DayPickerControlProps<T>) => import("react/jsx-runtime").JSX.Element;
+    CheckboxControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ control, classes, className, name, rules, shouldUnregister, defaultValue, disabled, children, helperText, ...props }: import('react-hook-form').UseControllerProps<TFieldValues, import('react-hook-form').Path<TFieldValues>> & Omit<import('..').CheckboxBaseProps, "classes"> & {
         control: import('react-hook-form').Control<TFieldValues>;
         children: React.ReactElement | string;
         classes?: {
@@ -33,9 +35,9 @@ export declare const Controlled: {
             message?: string;
             label?: string;
         };
-        textHint?: string;
+        helperText?: string;
     }) => import("react/jsx-runtime").JSX.Element;
-    SelectControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ control, classes, className, name, rules, shouldUnregister, disabled, defaultValue, returnValue, options, textHint, ...props }: import('react-hook-form').UseControllerProps<TFieldValues, import('react-hook-form').Path<TFieldValues>> & Omit<import('react-select').Props<import('..').SelectItemOption, boolean>, "options" | "defaultValue" | "placeholder" | "isSearchable"> & Pick<import('..').InputBaseProps, "invalid" | "label" | "attachmentProps"> & {
+    SelectControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ control, classes, name, rules, shouldUnregister, disabled, defaultValue, returnValue, options, helperText, size, ...props }: import('react-hook-form').UseControllerProps<TFieldValues, import('react-hook-form').Path<TFieldValues>> & Omit<import('react-select').Props<import('..').SelectItemOption, boolean>, "options" | "defaultValue" | "placeholder" | "isSearchable"> & Pick<import('..').InputBaseProps, "invalid" | "label" | "attachmentProps"> & {
         isSearchable?: boolean;
         returnValue?: (option: import('..').SelectItemOption) => string;
         displayValue?: (option: import('..').SelectItemOption) => string;
@@ -58,10 +60,11 @@ export declare const Controlled: {
             container?: string;
             message?: string;
         };
-        textHint?: string;
+        helperText?: string;
+        size?: import('../ui').TFieldContainerConfig["size"];
     }) => import("react/jsx-runtime").JSX.Element;
-    SwitchControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ classes, className, control, name, rules, defaultValue, disabled, shouldUnregister, children, textHint, tooltip, popoverProps, ...props }: import('./switch/SwitchControl').SwitchControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    RadioGroupControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ classes, className, control, name, rules, shouldUnregister, disabled, defaultValue, textHint, label, ...props }: import('react-hook-form').UseControllerProps<TFieldValues, import('react-hook-form').Path<TFieldValues>> & Omit<import('..').RadioGroupBaseProps, "classes"> & {
+    SwitchControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ classes, className, control, name, rules, defaultValue, disabled, shouldUnregister, children, helperText, tooltip, popoverProps, ...props }: import('./switch/SwitchControl').SwitchControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+    RadioGroupControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ classes, className, control, name, rules, shouldUnregister, disabled, defaultValue, helperText, label, ...props }: import('react-hook-form').UseControllerProps<TFieldValues, import('react-hook-form').Path<TFieldValues>> & Omit<import('..').RadioGroupBaseProps, "classes"> & {
         label: string;
         control: import('react-hook-form').Control<TFieldValues>;
         classes?: {
@@ -76,6 +79,6 @@ export declare const Controlled: {
             message?: string;
             label?: string;
         };
-        textHint?: string;
+        helperText?: string;
     }) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/shared/ui/formElements/controlled/input/InputControl.d.ts

@@ -1,5 +1,6 @@
 import { Control, FieldValues, Path, UseControllerProps } from 'react-hook-form';
 import { InputBaseProps } from '../../uncontrolled';
+import { TFieldContainerConfig } from '../../ui';
 type InputControlClasses = InputBaseProps['classes'] & {
     message?: string;
 };
@@ -11,12 +12,16 @@ type InputControlProps<TFieldValues extends FieldValues = FieldValues, TName ext
     /**
      * Дополнительный текст
      */
-    textHint?: string;
+    helperText?: string;
     /**
      * Дополнительные стили компонента
      */
     classes?: InputControlClasses;
+    /**
+     * Размер контейнера для поля
+     */
+    size?: TFieldContainerConfig['size'];
 };
-declare const InnerComponent: <TFieldValues extends FieldValues = FieldValues>({ className, control, name, defaultValue, disabled, rules, shouldUnregister, textHint, classes, ...props }: InputControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const InnerComponent: <TFieldValues extends FieldValues = FieldValues>({ control, name, defaultValue, disabled, rules, shouldUnregister, helperText, classes, size, ...props }: InputControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export declare const InputControl: typeof InnerComponent;
 export {};

package/dist/shared/ui/formElements/controlled/input/MaskInputControl.d.ts

@@ -1,5 +1,6 @@
 import { Control, FieldPath, FieldValues, UseControllerProps } from 'react-hook-form';
 import { MaskInputProps } from '../../uncontrolled';
+import { TFieldContainerConfig } from '../../ui';
 type MaskInputClasses = MaskInputProps['classes'] & {
     message?: string;
 };
@@ -15,8 +16,12 @@ type MaskInputControlProps<TFieldValues extends FieldValues = FieldValues, TName
     /**
      * Дополнительный текст
      */
-    textHint?: string;
+    helperText?: string;
+    /**
+     * Размер контейнера для поля
+     */
+    size?: TFieldContainerConfig['size'];
 };
-declare const InnerComponent: <TFieldValues extends FieldValues = FieldValues>({ className, control, name, defaultValue, disabled, rules, shouldUnregister, classes, textHint, ...props }: MaskInputControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const InnerComponent: <TFieldValues extends FieldValues = FieldValues>({ control, name, defaultValue, disabled, rules, shouldUnregister, classes, helperText, size, ...props }: MaskInputControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export declare const MaskInputControl: typeof InnerComponent;
 export {};

package/dist/shared/ui/formElements/controlled/radio/RadioGroupControl.d.ts

@@ -21,8 +21,8 @@ type RadioGroupControlProps<TFieldValues extends FieldValues = FieldValues, TNam
     /**
      * Дополнительный текст
      */
-    textHint?: string;
+    helperText?: string;
 };
-declare const InnerComponent: <TFieldValues extends FieldValues = FieldValues>({ classes, className, control, name, rules, shouldUnregister, disabled, defaultValue, textHint, label, ...props }: RadioGroupControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const InnerComponent: <TFieldValues extends FieldValues = FieldValues>({ classes, className, control, name, rules, shouldUnregister, disabled, defaultValue, helperText, label, ...props }: RadioGroupControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export declare const RadioGroupControl: typeof InnerComponent;
 export {};

package/dist/shared/ui/formElements/controlled/select/SelectControl.d.ts

@@ -1,5 +1,6 @@
 import { Control, FieldPath, FieldValues, UseControllerProps } from 'react-hook-form';
 import { SelectBaseProps } from '../../..';
+import { TFieldContainerConfig } from '../../ui';
 type SelectControlClasses = SelectBaseProps['classes'] & {
     container?: string;
     message?: string;
@@ -16,8 +17,12 @@ type SelectControlProps<TFieldValues extends FieldValues = FieldValues, TName ex
     /**
      * Дополнительный текст
      */
-    textHint?: string;
+    helperText?: string;
+    /**
+     * Размер контейнера для поля
+     */
+    size?: TFieldContainerConfig['size'];
 };
-declare const InnerComponent: <TFieldValues extends FieldValues = FieldValues>({ control, classes, className, name, rules, shouldUnregister, disabled, defaultValue, returnValue, options, textHint, ...props }: SelectControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const InnerComponent: <TFieldValues extends FieldValues = FieldValues>({ control, classes, name, rules, shouldUnregister, disabled, defaultValue, returnValue, options, helperText, size, ...props }: SelectControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export declare const SelectControl: typeof InnerComponent;
 export {};

package/dist/shared/ui/formElements/controlled/switch/SwitchControl.d.ts

@@ -21,7 +21,7 @@ export type SwitchControlProps<TFieldValues extends FieldValues = FieldValues, T
     /**
      * Дополнительный текст
      */
-    textHint?: string;
+    helperText?: string;
     /**
      * Текст всплывающей подсказки
      */
@@ -31,6 +31,6 @@ export type SwitchControlProps<TFieldValues extends FieldValues = FieldValues, T
      */
     popoverProps?: PopoverProps;
 };
-declare const InnerComponent: <TFieldValues extends FieldValues = FieldValues>({ classes, className, control, name, rules, defaultValue, disabled, shouldUnregister, children, textHint, tooltip, popoverProps, ...props }: SwitchControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const InnerComponent: <TFieldValues extends FieldValues = FieldValues>({ classes, className, control, name, rules, defaultValue, disabled, shouldUnregister, children, helperText, tooltip, popoverProps, ...props }: SwitchControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export declare const SwitchControl: typeof InnerComponent;
 export {};

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

@@ -5,7 +5,7 @@ export type { CheckboxBaseProps, CheckedState } from './checkbox';
 export type { SwitchBaseProps } from './switch';
 export type { RadioGroupBaseProps, RadioOption } from './radio';
 export declare const Uncontrolled: {
-    InputBase: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "placeholder"> & {
+    InputBase: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "size" | "placeholder"> & {
         classes?: {
             container?: string;
             input?: string;
@@ -16,7 +16,7 @@ export declare const Uncontrolled: {
         attachmentProps?: import('../../../types').DeepPartial<import('../ui').IFieldAttachmentProps>;
         renderValues?: () => React.JSX.Element | null;
     } & import('react').RefAttributes<HTMLInputElement>>;
-    MaskInput: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "placeholder"> & {
+    MaskInput: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "size" | "placeholder"> & {
         classes?: {
             container?: string;
             input?: string;

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

@@ -6,7 +6,7 @@ type InputBaseClasses = {
     label?: string;
 };
 type FieldAttachmentProps = React.ComponentPropsWithoutRef<typeof FieldAttachment>;
-export type InputBaseProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'placeholder'> & {
+export type InputBaseProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'placeholder' | 'size'> & {
     /**
      * Дополнительные стили внутренних компонентов
      */
@@ -28,7 +28,7 @@ export type InputBaseProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, '
      */
     renderValues?: () => React.JSX.Element | null;
 };
-export declare const InputBase: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "placeholder"> & {
+export declare const InputBase: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "size" | "placeholder"> & {
     /**
      * Дополнительные стили внутренних компонентов
      */

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

@@ -25,7 +25,7 @@ export type MaskInputProps = InputBaseProps & {
  * @typeParam `A` позволяет вводить любые буквы русского и английского алфавита (regexp: `/[A-Za-zА-Яа-я]/g`)
  * @typeParam `C` позволяет вводить любые буквы, которые определены для использования в гос номерах автомобилей (regexp: `/([АВЕКМНОРСТУХавекмнорстух])/`)
  */
-export declare const MaskInput: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "placeholder"> & {
+export declare const MaskInput: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "size" | "placeholder"> & {
     classes?: {
         container?: string;
         input?: string;

package/dist/shared/ui/modal/Modal.d.ts

@@ -1,9 +1,9 @@
 import { TModalHeaderClasses } from './ui/ModalHeader';
 import * as React from 'react';
 type IModalClasses = {
-    overlay: string;
-    modal: string;
-    content: string;
+    overlay?: string;
+    modal?: string;
+    content?: string;
     modalHeader?: TModalHeaderClasses;
 };
 export interface IModalProps {