@ozen-ui/kit 0.60.0 → 0.61.0

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.
Files changed (44) hide show
  1. package/__inner__/cjs/components/Autocomplete/helper.d.ts +7 -72
  2. package/__inner__/cjs/components/Autocomplete/types.d.ts +11 -17
  3. package/__inner__/cjs/components/AutocompleteNext/helpers.d.ts +7 -77
  4. package/__inner__/cjs/components/AutocompleteNext/types.d.ts +10 -16
  5. package/__inner__/cjs/components/DatePicker/DatePicker.d.ts +2 -36
  6. package/__inner__/cjs/components/DatePicker/types.d.ts +5 -14
  7. package/__inner__/cjs/components/Segment/Segment.js +1 -1
  8. package/__inner__/cjs/components/Segment/components/SegmentItem/SegmentItem.js +1 -1
  9. package/__inner__/cjs/components/Select/Select.css +6 -0
  10. package/__inner__/cjs/components/Select/Select.js +41 -59
  11. package/__inner__/cjs/components/Select/components/SelectInput/SelectInput.js +5 -6
  12. package/__inner__/cjs/components/Select/components/SelectInputContextConsumer/SelectInputContextConsumer.d.ts +5 -0
  13. package/__inner__/cjs/components/Select/components/{SelectConsumer/SelectInputConsumer.js → SelectInputContextConsumer/SelectInputContextConsumer.js} +3 -3
  14. package/__inner__/cjs/components/Select/components/SelectInputContextConsumer/index.d.ts +1 -0
  15. package/__inner__/cjs/components/Select/components/{SelectConsumer → SelectInputContextConsumer}/index.js +1 -1
  16. package/__inner__/cjs/components/Select/helpers/types.d.ts +5 -8
  17. package/__inner__/cjs/components/Select/helpers/types.js +5 -1
  18. package/__inner__/cjs/components/Select/types.d.ts +43 -41
  19. package/__inner__/cjs/components/Stack/types.d.ts +2 -2
  20. package/__inner__/esm/components/Autocomplete/helper.d.ts +7 -72
  21. package/__inner__/esm/components/Autocomplete/types.d.ts +11 -17
  22. package/__inner__/esm/components/AutocompleteNext/helpers.d.ts +7 -77
  23. package/__inner__/esm/components/AutocompleteNext/types.d.ts +10 -16
  24. package/__inner__/esm/components/DatePicker/DatePicker.d.ts +2 -36
  25. package/__inner__/esm/components/DatePicker/types.d.ts +5 -14
  26. package/__inner__/esm/components/Segment/Segment.js +1 -1
  27. package/__inner__/esm/components/Segment/components/SegmentItem/SegmentItem.js +1 -1
  28. package/__inner__/esm/components/Select/Select.css +6 -0
  29. package/__inner__/esm/components/Select/Select.js +42 -60
  30. package/__inner__/esm/components/Select/components/SelectInput/SelectInput.js +5 -6
  31. package/__inner__/esm/components/Select/components/SelectInputContextConsumer/SelectInputContextConsumer.d.ts +5 -0
  32. package/__inner__/esm/components/Select/components/{SelectConsumer/SelectInputConsumer.js → SelectInputContextConsumer/SelectInputContextConsumer.js} +1 -1
  33. package/__inner__/esm/components/Select/components/SelectInputContextConsumer/index.d.ts +1 -0
  34. package/__inner__/esm/components/Select/components/SelectInputContextConsumer/index.js +1 -0
  35. package/__inner__/esm/components/Select/helpers/types.d.ts +5 -8
  36. package/__inner__/esm/components/Select/helpers/types.js +2 -0
  37. package/__inner__/esm/components/Select/types.d.ts +43 -41
  38. package/__inner__/esm/components/Stack/types.d.ts +2 -2
  39. package/package.json +4 -4
  40. package/__inner__/cjs/components/Select/components/SelectConsumer/SelectInputConsumer.d.ts +0 -5
  41. package/__inner__/cjs/components/Select/components/SelectConsumer/index.d.ts +0 -1
  42. package/__inner__/esm/components/Select/components/SelectConsumer/SelectInputConsumer.d.ts +0 -5
  43. package/__inner__/esm/components/Select/components/SelectConsumer/index.d.ts +0 -1
  44. package/__inner__/esm/components/Select/components/SelectConsumer/index.js +0 -1
@@ -2,76 +2,13 @@ import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, Auto
2
2
  export declare const defaultGetOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption>;
3
3
  export declare const defaultGetOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption>;
4
4
  export declare const defaultGetOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption>;
5
- export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTION>): ({
5
+ export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTION>): {
6
6
  options: OPTION[];
7
7
  size?: import("../../types/FormElementSizeVariant").FormElementSizeVariant;
8
8
  value?: import("./types").AutocompletePropValue<OPTION>;
9
9
  defaultValue?: import("./types").AutocompletePropValue<OPTION>;
10
- onChange?: ((e: import("react").SyntheticEvent | KeyboardEvent, value: OPTION | null) => void) | undefined;
11
- inputValue?: string;
12
- onInputChange?: (e: import("react").ChangeEvent<HTMLInputElement> | null, value: string) => void;
13
- renderInput?: import("./types").AutocompleteRenderInput;
14
- renderOption?: import("./types").AutocompletePropRenderOption<OPTION> | undefined;
15
- getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
16
- getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
17
- getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
18
- disableCloseOnSelect?: boolean;
19
- allowCustomValue?: boolean;
20
- loading?: boolean;
21
- noOptionsText?: import("react").ReactNode;
22
- clearText?: string;
23
- openText?: string;
24
- closeText?: string;
25
- loadingText?: import("react").ReactNode;
26
- onClose?: () => void;
27
- onOpen?: () => void;
28
- disableClearButton?: boolean;
29
- searchFunction?: import("./types").AutocompleteSearchFunction<OPTION> | undefined;
30
- disableShowEmptyOptionsList?: boolean;
31
- disableShowChevron?: boolean;
32
- dataListProps?: Partial<Omit<import("../DataList").DataListProps, "onSelect" | "open" | "onClose" | "multiple" | "selected" | "anchorRef">>;
33
- } & {
34
- error?: boolean | undefined;
35
- label?: string | undefined;
36
- style?: import("react").CSSProperties | undefined;
37
- className?: string | undefined;
38
- onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
39
- autoFocus?: boolean | undefined;
40
- disabled?: boolean | undefined;
41
- placeholder?: string | undefined;
42
- required?: boolean | undefined;
43
- fullWidth?: boolean | undefined;
44
- disableStroke?: boolean | undefined;
45
- hint?: string | null | undefined;
46
- renderLeft?: import("../FieldIcon").FieldIconProps["icon"];
47
- renderRight?: import("../FieldIcon").FieldIconProps["icon"];
48
- inputProps?: import("../FieldInput").FieldInputProps | undefined;
49
- bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
50
- hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
51
- } & {
52
10
  open?: boolean;
53
- defaultOpen?: never;
54
- } & (OPTION extends {
55
- label: AutocompleteDefaultOption["label"];
56
- } ? Record<string, unknown> : {
57
- getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
58
- }) & (OPTION extends {
59
- id: AutocompleteDefaultOption["id"];
60
- } ? Record<string, unknown> : {
61
- getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
62
- }) & (OPTION extends {
63
- disabled: AutocompleteDefaultOption["disabled"];
64
- } ? Record<string, unknown> : {
65
- getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
66
- }) & {
67
- getOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption> | AutocompletePropGetOptionLabel<OPTION>;
68
- getOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption> | AutocompletePropGetOptionKey<OPTION>;
69
- getOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption> | AutocompletePropGetOptionDisabled<OPTION>;
70
- }) | ({
71
- options: OPTION[];
72
- size?: import("../../types/FormElementSizeVariant").FormElementSizeVariant;
73
- value?: import("./types").AutocompletePropValue<OPTION>;
74
- defaultValue?: import("./types").AutocompletePropValue<OPTION>;
11
+ defaultOpen?: boolean;
75
12
  onChange?: ((e: import("react").SyntheticEvent | KeyboardEvent, value: OPTION | null) => void) | undefined;
76
13
  inputValue?: string;
77
14
  onInputChange?: (e: import("react").ChangeEvent<HTMLInputElement> | null, value: string) => void;
@@ -95,6 +32,7 @@ export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTI
95
32
  disableShowEmptyOptionsList?: boolean;
96
33
  disableShowChevron?: boolean;
97
34
  dataListProps?: Partial<Omit<import("../DataList").DataListProps, "onSelect" | "open" | "onClose" | "multiple" | "selected" | "anchorRef">>;
35
+ ref?: import("react").Ref<HTMLDivElement>;
98
36
  } & {
99
37
  error?: boolean | undefined;
100
38
  label?: string | undefined;
@@ -113,23 +51,20 @@ export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTI
113
51
  inputProps?: import("../FieldInput").FieldInputProps | undefined;
114
52
  bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
115
53
  hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
116
- } & {
117
- open?: never;
118
- defaultOpen?: boolean;
119
54
  } & (OPTION extends {
120
55
  label: AutocompleteDefaultOption["label"];
121
- } ? Record<string, unknown> : {
56
+ } ? object : {
122
57
  getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
123
58
  }) & (OPTION extends {
124
59
  id: AutocompleteDefaultOption["id"];
125
- } ? Record<string, unknown> : {
60
+ } ? object : {
126
61
  getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
127
62
  }) & (OPTION extends {
128
63
  disabled: AutocompleteDefaultOption["disabled"];
129
- } ? Record<string, unknown> : {
64
+ } ? object : {
130
65
  getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
131
66
  }) & {
132
67
  getOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption> | AutocompletePropGetOptionLabel<OPTION>;
133
68
  getOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption> | AutocompletePropGetOptionKey<OPTION>;
134
69
  getOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption> | AutocompletePropGetOptionDisabled<OPTION>;
135
- });
70
+ };
@@ -1,4 +1,4 @@
1
- import type { ChangeEvent, ReactElement, ReactNode, SyntheticEvent } from 'react';
1
+ import type { ChangeEvent, ReactElement, ReactNode, Ref, SyntheticEvent } from 'react';
2
2
  import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
3
3
  import type { DataListProps } from '../DataList';
4
4
  import type { InputProps } from '../Input';
@@ -18,18 +18,6 @@ export type AutocompleteDefaultOption = {
18
18
  };
19
19
  export type AutocompleteSearchFunction<OPTION> = (options: OPTION[], searchValue: string) => OPTION[];
20
20
  export type AutocompleteRenderInput = (props: InputProps) => ReactNode;
21
- type AutocompleteOpenControlledProps = {
22
- /** Текущее состояние списка. Если `true`, список отображается. */
23
- open?: boolean;
24
- /** Состояние открытие по умолчанию (неконтролируемый компонент) */
25
- defaultOpen?: never;
26
- };
27
- type AutocompleteOpenUncontrolledProps = {
28
- /** Текущее состояние списка. Если `true`, список отображается. */
29
- open?: never;
30
- /** Состояние открытие по умолчанию (неконтролируемый компонент) */
31
- defaultOpen?: boolean;
32
- };
33
21
  type AutocompleteInputProps = Pick<InputProps, 'placeholder' | 'autoFocus' | 'fullWidth' | 'disabled' | 'label' | 'required' | 'disableStroke' | 'style' | 'error' | 'hint' | 'renderLeft' | 'renderRight' | 'className' | 'inputProps' | 'hintProps' | 'bodyProps' | 'onKeyDown'>;
34
22
  type AutocompleteDataListProps = Partial<Omit<DataListProps, 'onClose' | 'open' | 'anchorRef' | 'multiple' | 'selected' | 'onSelect'>>;
35
23
  export type AutocompleteProps<OPTION = AutocompleteDefaultOption> = {
@@ -41,6 +29,10 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption> = {
41
29
  value?: AutocompletePropValue<OPTION>;
42
30
  /** Выбранное значение опции по умолчанию */
43
31
  defaultValue?: AutocompletePropValue<OPTION>;
32
+ /** Текущее состояние списка. Если `true`, список отображается. */
33
+ open?: boolean;
34
+ /** Состояние открытие по умолчанию (неконтролируемый компонент) */
35
+ defaultOpen?: boolean;
44
36
  /** Функция обратного вызова, которая будет вызвана при выборе значения */
45
37
  onChange?: (e: SyntheticEvent | KeyboardEvent, value: OPTION | null) => void;
46
38
  /** Введённое значение в текстовом поле */
@@ -87,17 +79,19 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption> = {
87
79
  disableShowChevron?: boolean;
88
80
  /** Свойства компонента DataList */
89
81
  dataListProps?: AutocompleteDataListProps;
90
- } & AutocompleteInputProps & (AutocompleteOpenControlledProps | AutocompleteOpenUncontrolledProps) & (OPTION extends {
82
+ /** Ссылка на HTML элемент */
83
+ ref?: Ref<HTMLDivElement>;
84
+ } & AutocompleteInputProps & (OPTION extends {
91
85
  label: AutocompleteDefaultOption['label'];
92
- } ? Record<string, unknown> : {
86
+ } ? object : {
93
87
  getOptionLabel?: AutocompletePropGetOptionLabel<OPTION>;
94
88
  }) & (OPTION extends {
95
89
  id: AutocompleteDefaultOption['id'];
96
- } ? Record<string, unknown> : {
90
+ } ? object : {
97
91
  getOptionKey?: AutocompletePropGetOptionKey<OPTION>;
98
92
  }) & (OPTION extends {
99
93
  disabled: AutocompleteDefaultOption['disabled'];
100
- } ? Record<string, unknown> : {
94
+ } ? object : {
101
95
  getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION>;
102
96
  });
103
97
  export type AutocompleteComponent = <OPTION = AutocompleteDefaultOption>(props: AutocompleteProps<OPTION>) => ReactElement | null;
@@ -2,7 +2,7 @@ import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, Auto
2
2
  export declare const defaultGetOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption>;
3
3
  export declare const defaultGetOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption>;
4
4
  export declare const defaultGetOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption>;
5
- export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false>(props: AutocompleteProps<OPTION, MULTIPLE>): ({
5
+ export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false>(props: AutocompleteProps<OPTION, MULTIPLE>): {
6
6
  multiple?: MULTIPLE | undefined;
7
7
  limitTags?: number | "responsive";
8
8
  renderTag?: import("./types").AutocompletePropRenderTag;
@@ -11,76 +11,8 @@ export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, M
11
11
  size?: import("./types").AutocompletePropSize;
12
12
  value?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
13
13
  defaultValue?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
14
- onChange?: import("./types").AutocompleteOnChange<OPTION, MULTIPLE> | undefined;
15
- inputValue?: string;
16
- onInputChange?: import("./types").AutocompleteOnInputChange;
17
- renderInput?: import("./types").AutocompletePropRenderInput;
18
- renderOption?: import("./types").AutocompletePropRenderOption<OPTION> | undefined;
19
- getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
20
- getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
21
- getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
22
- disableCloseOnSelect?: boolean;
23
- allowCustomValue?: boolean;
24
- loading?: boolean;
25
- noOptionsText?: import("react").ReactNode;
26
- clearText?: string;
27
- openText?: string;
28
- closeText?: string;
29
- loadingText?: import("react").ReactNode;
30
- onClose?(): void;
31
- onOpen?(): void;
32
- disableClearButton?: boolean;
33
- searchFunction?: import("./types").AutocompletePropSearchFunction<OPTION> | undefined;
34
- disableShowEmptyOptionsList?: boolean;
35
- disableShowChevron?: boolean;
36
- popoverProps?: import("./components").AutocompleteDropdownProps["popoverProps"];
37
- listProps?: import("./components").AutocompleteDropdownProps["listProps"];
38
- } & {
39
- error?: boolean | undefined;
40
- label?: string | undefined;
41
- style?: import("react").CSSProperties | undefined;
42
- className?: string | undefined;
43
- onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
44
- autoFocus?: boolean | undefined;
45
- disabled?: boolean | undefined;
46
- placeholder?: string | undefined;
47
- required?: boolean | undefined;
48
- fullWidth?: boolean | undefined;
49
- disableStroke?: boolean | undefined;
50
- hint?: string | null | undefined;
51
- renderLeft?: import("../FieldIcon").FieldIconProps["icon"];
52
- renderRight?: import("../FieldIcon").FieldIconProps["icon"];
53
- inputProps?: import("../FieldInput").FieldInputProps | undefined;
54
- bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
55
- hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
56
- } & {
57
14
  open?: boolean;
58
- defaultOpen?: never;
59
- } & (OPTION extends {
60
- label: AutocompleteDefaultOption["label"];
61
- } ? Record<string, unknown> : {
62
- getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
63
- }) & (OPTION extends {
64
- id: AutocompleteDefaultOption["id"];
65
- } ? Record<string, unknown> : {
66
- getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
67
- }) & (OPTION extends {
68
- disabled: AutocompleteDefaultOption["disabled"];
69
- } ? Record<string, unknown> : {
70
- getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
71
- }) & {
72
- getOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption> | AutocompletePropGetOptionLabel<OPTION>;
73
- getOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption> | AutocompletePropGetOptionKey<OPTION>;
74
- getOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption> | AutocompletePropGetOptionDisabled<OPTION>;
75
- }) | ({
76
- multiple?: MULTIPLE | undefined;
77
- limitTags?: number | "responsive";
78
- renderTag?: import("./types").AutocompletePropRenderTag;
79
- renderMoreTag?: import("./types").AutocompletePropRenderMoreTag<OPTION> | undefined;
80
- options: OPTION[];
81
- size?: import("./types").AutocompletePropSize;
82
- value?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
83
- defaultValue?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
15
+ defaultOpen?: boolean;
84
16
  onChange?: import("./types").AutocompleteOnChange<OPTION, MULTIPLE> | undefined;
85
17
  inputValue?: string;
86
18
  onInputChange?: import("./types").AutocompleteOnInputChange;
@@ -105,6 +37,7 @@ export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, M
105
37
  disableShowChevron?: boolean;
106
38
  popoverProps?: import("./components").AutocompleteDropdownProps["popoverProps"];
107
39
  listProps?: import("./components").AutocompleteDropdownProps["listProps"];
40
+ ref?: import("react").Ref<HTMLDivElement>;
108
41
  } & {
109
42
  error?: boolean | undefined;
110
43
  label?: string | undefined;
@@ -123,25 +56,22 @@ export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, M
123
56
  inputProps?: import("../FieldInput").FieldInputProps | undefined;
124
57
  bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
125
58
  hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
126
- } & {
127
- open?: never;
128
- defaultOpen?: boolean;
129
59
  } & (OPTION extends {
130
60
  label: AutocompleteDefaultOption["label"];
131
- } ? Record<string, unknown> : {
61
+ } ? object : {
132
62
  getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
133
63
  }) & (OPTION extends {
134
64
  id: AutocompleteDefaultOption["id"];
135
- } ? Record<string, unknown> : {
65
+ } ? object : {
136
66
  getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
137
67
  }) & (OPTION extends {
138
68
  disabled: AutocompleteDefaultOption["disabled"];
139
- } ? Record<string, unknown> : {
69
+ } ? object : {
140
70
  getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
141
71
  }) & {
142
72
  getOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption> | AutocompletePropGetOptionLabel<OPTION>;
143
73
  getOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption> | AutocompletePropGetOptionKey<OPTION>;
144
74
  getOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption> | AutocompletePropGetOptionDisabled<OPTION>;
145
- });
75
+ };
146
76
  export declare const isMultipleParams: <OPTION>(params: AutocompleteProps<OPTION, boolean>) => params is AutocompleteProps<OPTION, true>;
147
77
  export declare const isNotMultipleParams: <OPTION>(params: AutocompleteProps<OPTION, boolean>) => params is AutocompleteProps<OPTION, false>;
@@ -33,18 +33,6 @@ export type AutocompleteRenderMoreTagProps<OPTION> = {
33
33
  omittedValues?: AutocompletePropValue<OPTION, true>;
34
34
  };
35
35
  export type AutocompletePropRenderMoreTag<OPTION> = (props: AutocompleteRenderMoreTagProps<OPTION>, ref?: Ref<TagRef>) => ReactNode;
36
- type AutocompleteOpenControlledProps = {
37
- /** Текущее состояние списка. Если `true`, список отображается. */
38
- open?: boolean;
39
- /** Состояние открытие по умолчанию (неконтролируемый компонент) */
40
- defaultOpen?: never;
41
- };
42
- type AutocompleteOpenUncontrolledProps = {
43
- /** Текущее состояние списка. Если `true`, список отображается. */
44
- open?: never;
45
- /** Состояние открытие по умолчанию (неконтролируемый компонент) */
46
- defaultOpen?: boolean;
47
- };
48
36
  type AutocompleteInputProps = Pick<InputProps, 'hint' | 'style' | 'error' | 'label' | 'disabled' | 'required' | 'autoFocus' | 'fullWidth' | 'className' | 'hintProps' | 'bodyProps' | 'onKeyDown' | 'inputProps' | 'renderLeft' | 'renderRight' | 'placeholder' | 'disableStroke'>;
49
37
  export type AutocompleteOnChange<OPTION, MULTIPLE extends boolean> = (e: SyntheticEvent | KeyboardEvent, value: (MULTIPLE extends true ? OPTION[] : OPTION) | null) => void;
50
38
  export type AutocompleteOnInputChange = (e: ChangeEvent<HTMLInputElement> | null, value: string) => void;
@@ -67,6 +55,10 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE exten
67
55
  value?: AutocompletePropValue<OPTION, MULTIPLE>;
68
56
  /** Выбранное значение опции по умолчанию */
69
57
  defaultValue?: AutocompletePropValue<OPTION, MULTIPLE>;
58
+ /** Текущее состояние списка. Если `true`, список отображается. */
59
+ open?: boolean;
60
+ /** Состояние открытие по умолчанию (неконтролируемый компонент) */
61
+ defaultOpen?: boolean;
70
62
  /** Функция обратного вызова, которая будет вызвана при выборе значения */
71
63
  onChange?: AutocompleteOnChange<OPTION, MULTIPLE>;
72
64
  /** Введённое значение в текстовом поле */
@@ -115,17 +107,19 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE exten
115
107
  popoverProps?: AutocompleteDropdownProps['popoverProps'];
116
108
  /** Свойства компонента List */
117
109
  listProps?: AutocompleteDropdownProps['listProps'];
118
- } & AutocompleteInputProps & (AutocompleteOpenControlledProps | AutocompleteOpenUncontrolledProps) & (OPTION extends {
110
+ /** Ссылка на HTML элемент */
111
+ ref?: Ref<HTMLDivElement>;
112
+ } & AutocompleteInputProps & (OPTION extends {
119
113
  label: AutocompleteDefaultOption['label'];
120
- } ? Record<string, unknown> : {
114
+ } ? object : {
121
115
  getOptionLabel?: AutocompletePropGetOptionLabel<OPTION>;
122
116
  }) & (OPTION extends {
123
117
  id: AutocompleteDefaultOption['id'];
124
- } ? Record<string, unknown> : {
118
+ } ? object : {
125
119
  getOptionKey?: AutocompletePropGetOptionKey<OPTION>;
126
120
  }) & (OPTION extends {
127
121
  disabled: AutocompleteDefaultOption['disabled'];
128
- } ? Record<string, unknown> : {
122
+ } ? object : {
129
123
  getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION>;
130
124
  });
131
125
  export type AutocompleteComponent = <OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false>(props: AutocompleteProps<OPTION, MULTIPLE>) => ReactElement | null;
@@ -1,39 +1,5 @@
1
1
  import './DatePicker.css';
2
2
  import React from 'react';
3
- import type { DatePickerOnChange } from './types';
3
+ import type { DatePickerProps } from './types';
4
4
  export declare const cnDatePicker: import("@bem-react/classname").ClassNameFormatter;
5
- export declare const DatePicker: React.ForwardRefExoticComponent<(Omit<{
6
- value?: Date | null;
7
- defaultValue?: Date | null;
8
- onChange?: DatePickerOnChange;
9
- onInputChange?: import("./types").DatePickerOnInputChange;
10
- onClose?: () => void;
11
- onOpen?: () => void;
12
- calendarProps?: import("../Calendar").CalendarProps;
13
- popoverProps?: import("../Popover").PopoverBaseProps;
14
- clearText?: string;
15
- disableClearButton?: boolean;
16
- onError?: import("./types").DatePickerPropOnError;
17
- } & Pick<import("../Calendar").CalendarProps, "exclude" | "offsetDate" | "minDate" | "maxDate"> & Pick<import("../Input").InputProps, "error" | "label" | "onKeyDown" | "disabled" | "placeholder" | "required" | "size" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps"> & {
18
- open?: boolean;
19
- defaultOpen?: never;
20
- } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
21
- ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
22
- }, "value" | "defaultValue" | "error" | "label" | "onChange" | "onError" | "onKeyDown" | "disabled" | "open" | "onClose" | "placeholder" | "required" | "size" | "exclude" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps" | "clearText" | "disableClearButton" | "onInputChange" | "onOpen" | "defaultOpen" | "popoverProps" | "offsetDate" | "minDate" | "maxDate" | "calendarProps">, "ref"> | Omit<{
23
- value?: Date | null;
24
- defaultValue?: Date | null;
25
- onChange?: DatePickerOnChange;
26
- onInputChange?: import("./types").DatePickerOnInputChange;
27
- onClose?: () => void;
28
- onOpen?: () => void;
29
- calendarProps?: import("../Calendar").CalendarProps;
30
- popoverProps?: import("../Popover").PopoverBaseProps;
31
- clearText?: string;
32
- disableClearButton?: boolean;
33
- onError?: import("./types").DatePickerPropOnError;
34
- } & Pick<import("../Calendar").CalendarProps, "exclude" | "offsetDate" | "minDate" | "maxDate"> & Pick<import("../Input").InputProps, "error" | "label" | "onKeyDown" | "disabled" | "placeholder" | "required" | "size" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps"> & {
35
- open?: never;
36
- defaultOpen?: boolean;
37
- } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
38
- ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
39
- }, "value" | "defaultValue" | "error" | "label" | "onChange" | "onError" | "onKeyDown" | "disabled" | "open" | "onClose" | "placeholder" | "required" | "size" | "exclude" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps" | "clearText" | "disableClearButton" | "onInputChange" | "onOpen" | "defaultOpen" | "popoverProps" | "offsetDate" | "minDate" | "maxDate" | "calendarProps">, "ref">) & React.RefAttributes<HTMLDivElement>>;
5
+ export declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -15,24 +15,16 @@ export type DatePickerPropOnError = (props: {
15
15
  inputValue?: string;
16
16
  value?: Date | null;
17
17
  }) => void;
18
- type DatePickerOpenControlledProps = {
19
- /** Текущее состояние списка. Если `true`, список отображается. */
20
- open?: boolean;
21
- /** Состояние открытие по умолчанию (неконтролируемый компонент) */
22
- defaultOpen?: never;
23
- };
24
- type DatePickerOpenUncontrolledProps = {
25
- /** Текущее состояние списка. Если `true`, список отображается. */
26
- open?: never;
27
- /** Состояние открытие по умолчанию (неконтролируемый компонент) */
28
- defaultOpen?: boolean;
29
- };
30
18
  export type DatePickerRef = ComponentRef<typeof FIELD_CONTROL_DEFAULT_TAG>;
31
19
  export type DatePickerProps = ExtendableComponentPropsWithRef<{
32
20
  /** Выбранная дата */
33
21
  value?: Date | null;
34
22
  /** Выбранная дата по умолчанию (неконтролируемое состояние) */
35
23
  defaultValue?: Date | null;
24
+ /** Текущее состояние списка. Если `true`, список отображается. */
25
+ open?: boolean;
26
+ /** Состояние открытие по умолчанию (неконтролируемый компонент) */
27
+ defaultOpen?: boolean;
36
28
  /** Функция обратного вызова, которая будет вызвана при выборе значения */
37
29
  onChange?: DatePickerOnChange;
38
30
  /** Введённое значение в текстовом поле */
@@ -51,5 +43,4 @@ export type DatePickerProps = ExtendableComponentPropsWithRef<{
51
43
  disableClearButton?: boolean;
52
44
  /** Функция обратно вызова, которая сработает если пользователь ввёл дату с ошибкой */
53
45
  onError?: DatePickerPropOnError;
54
- } & Pick<CalendarProps, 'minDate' | 'maxDate' | 'exclude' | 'offsetDate'> & Pick<InputProps, 'label' | 'hint' | 'onKeyDown' | 'size' | 'error' | 'required' | 'fullWidth' | 'disableStroke' | 'disabled' | 'renderLeft' | 'renderRight' | 'placeholder' | 'inputProps' | 'hintProps'> & (DatePickerOpenControlledProps | DatePickerOpenUncontrolledProps), typeof FIELD_CONTROL_DEFAULT_TAG>;
55
- export {};
46
+ } & Pick<CalendarProps, 'minDate' | 'maxDate' | 'exclude' | 'offsetDate'> & Pick<InputProps, 'label' | 'hint' | 'onKeyDown' | 'size' | 'error' | 'required' | 'fullWidth' | 'disableStroke' | 'disabled' | 'renderLeft' | 'renderRight' | 'placeholder' | 'inputProps' | 'hintProps'>, typeof FIELD_CONTROL_DEFAULT_TAG>;
@@ -32,7 +32,7 @@ exports.Segment = (0, react_1.forwardRef)(function (inProps, ref) {
32
32
  selected: valueState,
33
33
  onChange: handleChange,
34
34
  }); }, [name, disabled, iconSize, selectedColor, valueState, handleChange]);
35
- return (react_1.default.createElement("fieldset", tslib_1.__assign({ ref: ref, disabled: disabled, className: (0, exports.cnSegment)('', {
35
+ return (react_1.default.createElement("fieldset", tslib_1.__assign({ ref: ref, disabled: disabled, className: (0, exports.cnSegment)({
36
36
  size: size,
37
37
  variant: variant,
38
38
  disabled: disabled,
@@ -15,7 +15,7 @@ exports.SegmentItem = (0, react_1.forwardRef)(function (_a, ref) {
15
15
  onChange === null || onChange === void 0 ? void 0 : onChange(event);
16
16
  onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(event);
17
17
  };
18
- return (react_1.default.createElement("label", tslib_1.__assign({ ref: ref, className: (0, exports.cnSegmentItem)('', tslib_1.__assign({ disabled: disabled, selected: selected }, (selected && { selectedColor: selectedColor })), [className]), "data-testid": dataTestId }, labelProps),
18
+ return (react_1.default.createElement("label", tslib_1.__assign({ ref: ref, className: (0, exports.cnSegmentItem)(tslib_1.__assign({ disabled: disabled, selected: selected }, (selected && { selectedColor: selectedColor })), [className]), "data-testid": dataTestId }, labelProps),
19
19
  Icon && (react_1.default.createElement(Icon, { className: (0, exports.cnSegmentItem)('Icon'), ref: iconRef, size: iconSize })),
20
20
  children,
21
21
  react_1.default.createElement("input", tslib_1.__assign({ disabled: disabled, type: "radio", name: nameProp || name, className: (0, exports.cnSegmentItem)('Radio'), onChange: handleChange, checked: selected, value: value, "data-testid": inputTestId }, other, { ref: inputRef })),
@@ -57,6 +57,12 @@
57
57
  color: var(--textfield-placeholder-color);
58
58
  }
59
59
 
60
+ .Select-HiddenLabel {
61
+ visibility: hidden;
62
+ block-size: 0;
63
+ opacity: 0;
64
+ }
65
+
60
66
  .Select_multiline .Select-FieldContainer {
61
67
  overflow: auto;
62
68
  }