@scbt-ecom/ui 0.14.0 → 0.14.1

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.
@@ -4,11 +4,23 @@ type CheckboxBaseClasses = {
4
4
  indicator?: string;
5
5
  };
6
6
  export type CheckboxBaseProps = CheckboxPrimitiveProps & {
7
+ /**
8
+ * Дополнительные стили внутренних компонентов
9
+ */
7
10
  classes?: CheckboxBaseClasses;
11
+ /**
12
+ * Свойство для отображения не валидного поля
13
+ */
8
14
  invalid?: boolean;
9
15
  };
10
16
  export declare const CheckboxBase: import('react').ForwardRefExoticComponent<CheckboxPrimitiveProps & {
17
+ /**
18
+ * Дополнительные стили внутренних компонентов
19
+ */
11
20
  classes?: CheckboxBaseClasses;
21
+ /**
22
+ * Свойство для отображения не валидного поля
23
+ */
12
24
  invalid?: boolean;
13
25
  } & import('react').RefAttributes<HTMLButtonElement>>;
14
26
  export {};
@@ -34,9 +34,7 @@ export declare const Controlled: {
34
34
  label?: string;
35
35
  };
36
36
  }) => import("react/jsx-runtime").JSX.Element;
37
- SelectControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ control, classes, className, name, rules, shouldUnregister, disabled, defaultValue, returnValue, options, ...props }: import('react-hook-form').UseControllerProps<TFieldValues, import('react-hook-form').Path<TFieldValues>> & Omit<import('react-select').Props<import('../..').SelectItemOption, boolean>, "defaultValue" | "options" | "placeholder"> & Pick<import('../..').InputBaseProps, "attachmentProps"> & {
38
- label: string;
39
- invalid?: boolean;
37
+ SelectControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ control, classes, className, name, rules, shouldUnregister, disabled, defaultValue, returnValue, options, ...props }: import('react-hook-form').UseControllerProps<TFieldValues, import('react-hook-form').Path<TFieldValues>> & Omit<import('react-select').Props<import('../..').SelectItemOption, boolean>, "defaultValue" | "options" | "placeholder" | "isSearchable"> & Pick<import('../..').InputBaseProps, "label" | "invalid" | "attachmentProps"> & {
40
38
  isSearchable?: boolean;
41
39
  returnValue?: (option: import('../..').SelectItemOption) => string;
42
40
  displayValue?: (option: import('../..').SelectItemOption) => string;
@@ -7,17 +7,47 @@ type InputBaseClasses = {
7
7
  };
8
8
  type FieldAttachmentProps = React.ComponentPropsWithoutRef<typeof FieldAttachment>;
9
9
  export type InputBaseProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'placeholder'> & {
10
+ /**
11
+ * Дополнительные стили внутренних компонентов
12
+ */
10
13
  classes?: InputBaseClasses;
14
+ /**
15
+ * Отображаемый placeholder
16
+ */
11
17
  label: string;
18
+ /**
19
+ * Отображение не валидного поля
20
+ */
12
21
  invalid?: boolean;
22
+ /**
23
+ * Свойства дополнительной иконки
24
+ */
13
25
  attachmentProps?: DeepPartial<FieldAttachmentProps>;
26
+ /**
27
+ * Рендер дополнительных значений вместо базового ввода
28
+ */
14
29
  renderValues?: () => React.JSX.Element | null;
15
30
  };
16
31
  export declare const InputBase: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "placeholder"> & {
32
+ /**
33
+ * Дополнительные стили внутренних компонентов
34
+ */
17
35
  classes?: InputBaseClasses;
36
+ /**
37
+ * Отображаемый placeholder
38
+ */
18
39
  label: string;
40
+ /**
41
+ * Отображение не валидного поля
42
+ */
19
43
  invalid?: boolean;
44
+ /**
45
+ * Свойства дополнительной иконки
46
+ */
20
47
  attachmentProps?: DeepPartial<FieldAttachmentProps>;
48
+ /**
49
+ * Рендер дополнительных значений вместо базового ввода
50
+ */
21
51
  renderValues?: () => React.JSX.Element | null;
22
52
  } & import('react').RefAttributes<HTMLInputElement>>;
23
53
  export {};
@@ -7,24 +7,56 @@ type SelectClasses = {
7
7
  option?: SelectItemClasses;
8
8
  list?: SelectListClasses;
9
9
  };
10
- export type SelectBaseProps<IsMulti extends boolean = boolean> = Omit<Props<SelectItemOption, IsMulti>, 'placeholder' | 'options' | 'defaultValue'> & Pick<InputBaseProps, 'attachmentProps'> & {
11
- label: string;
12
- invalid?: boolean;
10
+ export type SelectBaseProps<IsMulti extends boolean = boolean> = Omit<Props<SelectItemOption, IsMulti>, 'placeholder' | 'options' | 'defaultValue' | 'isSearchable'> & Pick<InputBaseProps, 'attachmentProps' | 'label' | 'invalid'> & {
11
+ /**
12
+ * Свойство управляющее поиском
13
+ */
13
14
  isSearchable?: boolean;
15
+ /**
16
+ * Функция для управления возвращаемым значением
17
+ */
14
18
  returnValue?: (option: SelectItemOption) => string;
19
+ /**
20
+ * Функция для управления отображаемым значением
21
+ */
15
22
  displayValue?: (option: SelectItemOption) => string;
23
+ /**
24
+ * Дополнительные стили каждого внутреннего элемента
25
+ */
16
26
  classes?: SelectClasses;
27
+ /**
28
+ * Список отображаемых значений
29
+ */
17
30
  options: SelectItemOption[];
31
+ /**
32
+ * Свойство для выключения фильтрации элементов по поиску
33
+ */
18
34
  filterOptionDisabled?: boolean;
19
35
  };
20
- export declare const SelectBase: import('react').ForwardRefExoticComponent<Omit<Props<SelectItemOption, boolean>, "defaultValue" | "options" | "placeholder"> & Pick<InputBaseProps, "attachmentProps"> & {
21
- label: string;
22
- invalid?: boolean;
36
+ export declare const SelectBase: import('react').ForwardRefExoticComponent<Omit<Props<SelectItemOption, boolean>, "defaultValue" | "options" | "placeholder" | "isSearchable"> & Pick<InputBaseProps, "label" | "invalid" | "attachmentProps"> & {
37
+ /**
38
+ * Свойство управляющее поиском
39
+ */
23
40
  isSearchable?: boolean;
41
+ /**
42
+ * Функция для управления возвращаемым значением
43
+ */
24
44
  returnValue?: (option: SelectItemOption) => string;
45
+ /**
46
+ * Функция для управления отображаемым значением
47
+ */
25
48
  displayValue?: (option: SelectItemOption) => string;
49
+ /**
50
+ * Дополнительные стили каждого внутреннего элемента
51
+ */
26
52
  classes?: SelectClasses;
53
+ /**
54
+ * Список отображаемых значений
55
+ */
27
56
  options: SelectItemOption[];
57
+ /**
58
+ * Свойство для выключения фильтрации элементов по поиску
59
+ */
28
60
  filterOptionDisabled?: boolean;
29
61
  } & import('react').RefAttributes<import('node_modules/react-select/dist/declarations/src/Select').default<SelectItemOption, boolean, import('react-select').GroupBase<SelectItemOption>>>>;
30
62
  export {};
@@ -6,7 +6,10 @@ export type ControlClasses = {
6
6
  control?: string;
7
7
  chip?: string;
8
8
  };
9
- type ControlProps = ControlBaseProps & Pick<SelectBaseProps, 'isSearchable' | 'label' | 'returnValue' | 'displayValue'> & Pick<InputBaseProps, 'attachmentProps' | 'invalid'> & {
9
+ type ControlProps = ControlBaseProps & Pick<SelectBaseProps, 'isSearchable' | 'label' | 'returnValue' | 'displayValue' | 'invalid'> & Pick<InputBaseProps, 'attachmentProps'> & {
10
+ /**
11
+ * Дополнительные стили каждого внутреннего элемента
12
+ */
10
13
  classes?: ControlClasses & InputBaseProps['classes'];
11
14
  };
12
15
  export declare const Control: ({ isSearchable, label, attachmentProps, displayValue, isMulti, invalid, classes, ...props }: ControlProps) => import("react/jsx-runtime").JSX.Element;
@@ -2,15 +2,47 @@ import { ActionMeta, InputActionMeta, OnChangeValue, PropsValue } from 'react-se
2
2
  import { SelectItemOption } from '../../../..';
3
3
  type InputChangeHandler = (value: string, action: InputActionMeta) => void;
4
4
  type UseSelectControllerProps<Option> = {
5
+ /**
6
+ * значение поля ввода
7
+ */
5
8
  inputValue: string;
9
+ /**
10
+ * функция для изменения поля ввода
11
+ */
6
12
  onInputChange: InputChangeHandler;
13
+ /**
14
+ * функция для открытия списка
15
+ */
7
16
  onMenuOpen: () => void;
17
+ /**
18
+ * функция для закрытия списка
19
+ */
8
20
  onMenuClose: () => void;
21
+ /**
22
+ * состояние отображения списка
23
+ */
9
24
  menuIsOpen: boolean;
25
+ /**
26
+ * функция, которая управляет отображаемым полем
27
+ */
10
28
  displayValue?: (option: Option) => string;
29
+ /**
30
+ * выбранные значения компонента
31
+ */
11
32
  value: PropsValue<Option>;
33
+ /**
34
+ * функция изменения выбранных значений
35
+ */
12
36
  onValueChange: (value: OnChangeValue<Option, boolean>, action: ActionMeta<Option>) => void;
13
37
  };
38
+ /**
39
+ * Хук для управления компонентом Select
40
+ *
41
+ * @returns `onInputValueChange`,
42
+ * `onMenuOpenToggle`,
43
+ * `selectDisplayValue`,
44
+ * `onDeleteItem`
45
+ */
14
46
  export declare const useSelectController: <Option extends SelectItemOption>({ inputValue, onInputChange, menuIsOpen, onMenuClose, onMenuOpen, displayValue, value, onValueChange }: UseSelectControllerProps<Option>) => {
15
47
  onInputValueChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
16
48
  onMenuOpenToggle: () => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@scbt-ecom/ui",
3
- "version": "0.14.0",
3
+ "version": "0.14.1",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  "./utils-tailwind.css": "./dist/utils-tailwind.css",