@salutejs/sdds-cs 0.328.0-canary.1906.17459907241.0 → 0.328.0-canary.2163.17581420375.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 (38) hide show
  1. package/CHANGELOG.md +107 -1466
  2. package/components/Autocomplete/Autocomplete.config.js +3 -4
  3. package/components/Autocomplete/Autocomplete.d.ts +124 -117
  4. package/components/Autocomplete/Autocomplete.js +76 -4
  5. package/components/Combobox/Combobox.config.js +2 -2
  6. package/components/Combobox/Combobox.d.ts +48 -24
  7. package/components/DatePicker/DatePicker.config.js +4 -5
  8. package/components/Dropdown/Dropdown.d.ts +6 -6
  9. package/components/Pagination/Pagination.config.js +5 -3
  10. package/components/Select/Select.config.js +1 -1
  11. package/components/Select/Select.d.ts +12 -6
  12. package/components/TextArea/TextArea.config.js +5 -10
  13. package/components/TextField/TextField.config.js +3 -4
  14. package/emotion/cjs/components/Autocomplete/Autocomplete.config.js +3 -4
  15. package/emotion/cjs/components/Autocomplete/Autocomplete.js +76 -4
  16. package/emotion/cjs/components/Combobox/Combobox.config.js +2 -2
  17. package/emotion/cjs/components/DatePicker/DatePicker.config.js +4 -5
  18. package/emotion/cjs/components/Pagination/Pagination.config.js +5 -3
  19. package/emotion/cjs/components/Select/Select.config.js +1 -1
  20. package/emotion/cjs/components/TextArea/TextArea.config.js +5 -10
  21. package/emotion/cjs/components/TextField/TextField.config.js +3 -4
  22. package/emotion/es/components/Autocomplete/Autocomplete.config.js +3 -4
  23. package/emotion/es/components/Autocomplete/Autocomplete.js +61 -2
  24. package/emotion/es/components/Combobox/Combobox.config.js +2 -2
  25. package/emotion/es/components/DatePicker/DatePicker.config.js +4 -5
  26. package/emotion/es/components/Pagination/Pagination.config.js +5 -3
  27. package/emotion/es/components/Select/Select.config.js +1 -1
  28. package/emotion/es/components/TextArea/TextArea.config.js +5 -10
  29. package/emotion/es/components/TextField/TextField.config.js +3 -4
  30. package/es/components/Autocomplete/Autocomplete.config.js +3 -4
  31. package/es/components/Autocomplete/Autocomplete.js +61 -2
  32. package/es/components/Combobox/Combobox.config.js +2 -2
  33. package/es/components/DatePicker/DatePicker.config.js +4 -5
  34. package/es/components/Pagination/Pagination.config.js +5 -3
  35. package/es/components/Select/Select.config.js +1 -1
  36. package/es/components/TextArea/TextArea.config.js +5 -10
  37. package/es/components/TextField/TextField.config.js +3 -4
  38. package/package.json +8 -8
package/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -213,9 +213,8 @@ function _templateObject5() {
213
213
  function _templateObject6() {
214
214
  var data = _tagged_template_literal([
215
215
  "\n ",
216
- ": var(--text-primary);\n ",
217
- ": var(--surface-clear);\n ",
218
- ": var(--surface-clear);\n ",
216
+ ": var(--text-secondary);\n ",
217
+ ": var(--surface-transparent-primary);\n ",
219
218
  ": var(--text-secondary);\n ",
220
219
  ": var(--text-secondary);\n ",
221
220
  ": var(--text-secondary);\n "
@@ -247,7 +246,7 @@ var config = {
247
246
  true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.autocompleteTokens.itemColor, _styledcomponents.autocompleteTokens.background, _styledcomponents.autocompleteTokens.textFieldColor, _styledcomponents.autocompleteTokens.textFieldLabelColor, _styledcomponents.autocompleteTokens.textFieldBackgroundColor, _styledcomponents.autocompleteTokens.textFieldBackgroundColorHover, _styledcomponents.autocompleteTokens.textFieldBackgroundColorFocus, _styledcomponents.autocompleteTokens.textFieldBorderColor, _styledcomponents.autocompleteTokens.textFieldBorderColorHover, _styledcomponents.autocompleteTokens.textFieldBorderColorFocus)
248
247
  },
249
248
  readOnly: {
250
- true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.autocompleteTokens.textFieldColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBorderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly)
249
+ true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.autocompleteTokens.textFieldColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly)
251
250
  }
252
251
  }
253
252
  };
package/components/Autocomplete/Autocomplete.d.ts CHANGED
@@ -1,4 +1,7 @@
1
- export declare const Autocomplete: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
1
+ import { AutocompleteProps, DistributiveOmit, DistributivePick, SuggestionItemType } from '@salutejs/plasma-new-hope/styled-components';
2
+ import React, { ComponentProps } from 'react';
3
+ import { config } from './Autocomplete.config';
4
+ export declare const AutocompleteComponent: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
2
5
  view: {
3
6
  default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
4
7
  negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -21,33 +24,33 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
21
24
  readOnly?: boolean;
22
25
  disabled?: boolean;
23
26
  portal?: string | React.RefObject<HTMLElement>;
24
- zIndex?: import("react").CSSProperties["zIndex"];
27
+ zIndex?: React.CSSProperties["zIndex"];
25
28
  value?: string;
26
29
  defaultValue?: string;
27
- suggestions?: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType[];
30
+ suggestions?: SuggestionItemType[] | undefined;
28
31
  threshold?: number;
29
- filter?: (data: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType) => boolean;
30
- onSuggestionSelect?: (data: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType) => void;
32
+ filter?: ((data: SuggestionItemType) => boolean) | undefined;
33
+ onSuggestionSelect?: ((data: SuggestionItemType) => void) | undefined;
31
34
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
32
35
  listMaxHeight?: string;
33
36
  listWidth?: string;
34
- renderList?: (data?: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType[]) => import("react").ReactNode;
35
- renderListEnd?: () => import("react").ReactNode;
36
- renderItem?: (item: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType) => React.ReactNode;
37
- beforeList?: import("react").ReactNode;
38
- afterList?: import("react").ReactNode;
37
+ renderList?: ((data?: SuggestionItemType[] | undefined) => React.ReactNode) | undefined;
38
+ renderListEnd?: () => React.ReactNode;
39
+ renderItem?: ((item: SuggestionItemType) => React.ReactNode) | undefined;
40
+ beforeList?: React.ReactNode;
41
+ afterList?: React.ReactNode;
39
42
  virtual?: boolean;
40
43
  flip?: boolean;
41
44
  size?: string;
42
45
  view?: string;
43
46
  } & Omit<{
44
- titleCaption?: import("react").ReactNode;
45
- leftHelper?: import("react").ReactNode;
47
+ titleCaption?: React.ReactNode;
48
+ leftHelper?: React.ReactNode;
46
49
  contentLeft?: React.ReactElement;
47
50
  contentRight?: React.ReactElement;
48
51
  textBefore?: string;
49
52
  textAfter?: string;
50
- onSearch?: (value: string, event?: import("react").KeyboardEvent<HTMLInputElement>) => void;
53
+ onSearch?: (value: string, event?: React.KeyboardEvent<HTMLInputElement>) => void;
51
54
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
52
55
  clear?: boolean;
53
56
  hasDivider?: boolean;
@@ -56,53 +59,53 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
56
59
  hintTrigger?: "hover" | "click";
57
60
  hintView?: string;
58
61
  hintSize?: string;
59
- hintTargetIcon?: import("react").ReactNode;
62
+ hintTargetIcon?: React.ReactNode;
60
63
  hintTargetPlacement?: "inner" | "outer";
61
64
  hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
62
65
  hintHasArrow?: boolean;
63
66
  hintOffset?: [number, number];
64
67
  hintWidth?: string;
65
- hintContentLeft?: import("react").ReactNode;
68
+ hintContentLeft?: React.ReactNode;
66
69
  } & {
67
70
  chips?: never;
68
71
  onChangeChips?: never;
69
72
  enumerationType?: "plain";
70
- onSearch?: (value: string, event?: import("react").KeyboardEvent<HTMLInputElement>) => void;
73
+ onSearch?: (value: string, event?: React.KeyboardEvent<HTMLInputElement>) => void;
71
74
  chipType?: never;
72
75
  chipView?: never;
73
76
  chipValidator?: never;
74
- }, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "value" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
77
+ }, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "value" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
75
78
  labelPlacement?: string;
76
79
  readOnly?: boolean;
77
80
  disabled?: boolean;
78
81
  portal?: string | React.RefObject<HTMLElement>;
79
- zIndex?: import("react").CSSProperties["zIndex"];
82
+ zIndex?: React.CSSProperties["zIndex"];
80
83
  value?: string;
81
84
  defaultValue?: string;
82
- suggestions?: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType[];
85
+ suggestions?: SuggestionItemType[] | undefined;
83
86
  threshold?: number;
84
- filter?: (data: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType) => boolean;
85
- onSuggestionSelect?: (data: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType) => void;
87
+ filter?: ((data: SuggestionItemType) => boolean) | undefined;
88
+ onSuggestionSelect?: ((data: SuggestionItemType) => void) | undefined;
86
89
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
87
90
  listMaxHeight?: string;
88
91
  listWidth?: string;
89
- renderList?: (data?: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType[]) => import("react").ReactNode;
90
- renderListEnd?: () => import("react").ReactNode;
91
- renderItem?: (item: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType) => React.ReactNode;
92
- beforeList?: import("react").ReactNode;
93
- afterList?: import("react").ReactNode;
92
+ renderList?: ((data?: SuggestionItemType[] | undefined) => React.ReactNode) | undefined;
93
+ renderListEnd?: () => React.ReactNode;
94
+ renderItem?: ((item: SuggestionItemType) => React.ReactNode) | undefined;
95
+ beforeList?: React.ReactNode;
96
+ afterList?: React.ReactNode;
94
97
  virtual?: boolean;
95
98
  flip?: boolean;
96
99
  size?: string;
97
100
  view?: string;
98
101
  } & Omit<{
99
- titleCaption?: import("react").ReactNode;
100
- leftHelper?: import("react").ReactNode;
102
+ titleCaption?: React.ReactNode;
103
+ leftHelper?: React.ReactNode;
101
104
  contentLeft?: React.ReactElement;
102
105
  contentRight?: React.ReactElement;
103
106
  textBefore?: string;
104
107
  textAfter?: string;
105
- onSearch?: (value: string, event?: import("react").KeyboardEvent<HTMLInputElement>) => void;
108
+ onSearch?: (value: string, event?: React.KeyboardEvent<HTMLInputElement>) => void;
106
109
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
107
110
  clear?: boolean;
108
111
  hasDivider?: boolean;
@@ -111,13 +114,13 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
111
114
  hintTrigger?: "hover" | "click";
112
115
  hintView?: string;
113
116
  hintSize?: string;
114
- hintTargetIcon?: import("react").ReactNode;
117
+ hintTargetIcon?: React.ReactNode;
115
118
  hintTargetPlacement?: "inner" | "outer";
116
119
  hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
117
120
  hintHasArrow?: boolean;
118
121
  hintOffset?: [number, number];
119
122
  hintWidth?: string;
120
- hintContentLeft?: import("react").ReactNode;
123
+ hintContentLeft?: React.ReactNode;
121
124
  } & {
122
125
  enumerationType: "chip";
123
126
  onSearch?: never;
@@ -128,38 +131,38 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
128
131
  chipValidator?: (value: string) => {
129
132
  view?: string;
130
133
  };
131
- }, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "value" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
134
+ }, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "value" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
132
135
  labelPlacement?: string;
133
136
  readOnly?: boolean;
134
137
  disabled?: boolean;
135
138
  portal?: string | React.RefObject<HTMLElement>;
136
- zIndex?: import("react").CSSProperties["zIndex"];
139
+ zIndex?: React.CSSProperties["zIndex"];
137
140
  value?: string;
138
141
  defaultValue?: string;
139
- suggestions?: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType[];
142
+ suggestions?: SuggestionItemType[] | undefined;
140
143
  threshold?: number;
141
- filter?: (data: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType) => boolean;
142
- onSuggestionSelect?: (data: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType) => void;
144
+ filter?: ((data: SuggestionItemType) => boolean) | undefined;
145
+ onSuggestionSelect?: ((data: SuggestionItemType) => void) | undefined;
143
146
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
144
147
  listMaxHeight?: string;
145
148
  listWidth?: string;
146
- renderList?: (data?: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType[]) => import("react").ReactNode;
147
- renderListEnd?: () => import("react").ReactNode;
148
- renderItem?: (item: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType) => React.ReactNode;
149
- beforeList?: import("react").ReactNode;
150
- afterList?: import("react").ReactNode;
149
+ renderList?: ((data?: SuggestionItemType[] | undefined) => React.ReactNode) | undefined;
150
+ renderListEnd?: () => React.ReactNode;
151
+ renderItem?: ((item: SuggestionItemType) => React.ReactNode) | undefined;
152
+ beforeList?: React.ReactNode;
153
+ afterList?: React.ReactNode;
151
154
  virtual?: boolean;
152
155
  flip?: boolean;
153
156
  size?: string;
154
157
  view?: string;
155
158
  } & Omit<{
156
- titleCaption?: import("react").ReactNode;
157
- leftHelper?: import("react").ReactNode;
159
+ titleCaption?: React.ReactNode;
160
+ leftHelper?: React.ReactNode;
158
161
  contentLeft?: React.ReactElement;
159
162
  contentRight?: React.ReactElement;
160
163
  textBefore?: string;
161
164
  textAfter?: string;
162
- onSearch?: (value: string, event?: import("react").KeyboardEvent<HTMLInputElement>) => void;
165
+ onSearch?: (value: string, event?: React.KeyboardEvent<HTMLInputElement>) => void;
163
166
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
164
167
  clear?: boolean;
165
168
  hasDivider?: boolean;
@@ -179,42 +182,42 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
179
182
  chips?: never;
180
183
  onChangeChips?: never;
181
184
  enumerationType?: "plain";
182
- onSearch?: (value: string, event?: import("react").KeyboardEvent<HTMLInputElement>) => void;
185
+ onSearch?: (value: string, event?: React.KeyboardEvent<HTMLInputElement>) => void;
183
186
  chipType?: never;
184
187
  chipView?: never;
185
188
  chipValidator?: never;
186
- }, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "value" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
189
+ }, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "value" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
187
190
  labelPlacement?: string;
188
191
  readOnly?: boolean;
189
192
  disabled?: boolean;
190
193
  portal?: string | React.RefObject<HTMLElement>;
191
- zIndex?: import("react").CSSProperties["zIndex"];
194
+ zIndex?: React.CSSProperties["zIndex"];
192
195
  value?: string;
193
196
  defaultValue?: string;
194
- suggestions?: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType[];
197
+ suggestions?: SuggestionItemType[] | undefined;
195
198
  threshold?: number;
196
- filter?: (data: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType) => boolean;
197
- onSuggestionSelect?: (data: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType) => void;
199
+ filter?: ((data: SuggestionItemType) => boolean) | undefined;
200
+ onSuggestionSelect?: ((data: SuggestionItemType) => void) | undefined;
198
201
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
199
202
  listMaxHeight?: string;
200
203
  listWidth?: string;
201
- renderList?: (data?: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType[]) => import("react").ReactNode;
202
- renderListEnd?: () => import("react").ReactNode;
203
- renderItem?: (item: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType) => React.ReactNode;
204
- beforeList?: import("react").ReactNode;
205
- afterList?: import("react").ReactNode;
204
+ renderList?: ((data?: SuggestionItemType[] | undefined) => React.ReactNode) | undefined;
205
+ renderListEnd?: () => React.ReactNode;
206
+ renderItem?: ((item: SuggestionItemType) => React.ReactNode) | undefined;
207
+ beforeList?: React.ReactNode;
208
+ afterList?: React.ReactNode;
206
209
  virtual?: boolean;
207
210
  flip?: boolean;
208
211
  size?: string;
209
212
  view?: string;
210
213
  } & Omit<{
211
- titleCaption?: import("react").ReactNode;
212
- leftHelper?: import("react").ReactNode;
214
+ titleCaption?: React.ReactNode;
215
+ leftHelper?: React.ReactNode;
213
216
  contentLeft?: React.ReactElement;
214
217
  contentRight?: React.ReactElement;
215
218
  textBefore?: string;
216
219
  textAfter?: string;
217
- onSearch?: (value: string, event?: import("react").KeyboardEvent<HTMLInputElement>) => void;
220
+ onSearch?: (value: string, event?: React.KeyboardEvent<HTMLInputElement>) => void;
218
221
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
219
222
  clear?: boolean;
220
223
  hasDivider?: boolean;
@@ -240,38 +243,38 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
240
243
  chipValidator?: (value: string) => {
241
244
  view?: string;
242
245
  };
243
- }, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "value" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
246
+ }, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "value" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
244
247
  labelPlacement?: string;
245
248
  readOnly?: boolean;
246
249
  disabled?: boolean;
247
250
  portal?: string | React.RefObject<HTMLElement>;
248
- zIndex?: import("react").CSSProperties["zIndex"];
251
+ zIndex?: React.CSSProperties["zIndex"];
249
252
  value?: string;
250
253
  defaultValue?: string;
251
- suggestions?: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType[];
254
+ suggestions?: SuggestionItemType[] | undefined;
252
255
  threshold?: number;
253
- filter?: (data: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType) => boolean;
254
- onSuggestionSelect?: (data: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType) => void;
256
+ filter?: ((data: SuggestionItemType) => boolean) | undefined;
257
+ onSuggestionSelect?: ((data: SuggestionItemType) => void) | undefined;
255
258
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
256
259
  listMaxHeight?: string;
257
260
  listWidth?: string;
258
- renderList?: (data?: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType[]) => import("react").ReactNode;
259
- renderListEnd?: () => import("react").ReactNode;
260
- renderItem?: (item: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType) => React.ReactNode;
261
- beforeList?: import("react").ReactNode;
262
- afterList?: import("react").ReactNode;
261
+ renderList?: ((data?: SuggestionItemType[] | undefined) => React.ReactNode) | undefined;
262
+ renderListEnd?: () => React.ReactNode;
263
+ renderItem?: ((item: SuggestionItemType) => React.ReactNode) | undefined;
264
+ beforeList?: React.ReactNode;
265
+ afterList?: React.ReactNode;
263
266
  virtual?: boolean;
264
267
  flip?: boolean;
265
268
  size?: string;
266
269
  view?: string;
267
270
  } & Omit<{
268
- titleCaption?: import("react").ReactNode;
269
- leftHelper?: import("react").ReactNode;
271
+ titleCaption?: React.ReactNode;
272
+ leftHelper?: React.ReactNode;
270
273
  contentLeft?: React.ReactElement;
271
274
  contentRight?: React.ReactElement;
272
275
  textBefore?: string;
273
276
  textAfter?: string;
274
- onSearch?: (value: string, event?: import("react").KeyboardEvent<HTMLInputElement>) => void;
277
+ onSearch?: (value: string, event?: React.KeyboardEvent<HTMLInputElement>) => void;
275
278
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
276
279
  clear?: false;
277
280
  hasDivider?: never;
@@ -280,53 +283,53 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
280
283
  hintTrigger?: "hover" | "click";
281
284
  hintView?: string;
282
285
  hintSize?: string;
283
- hintTargetIcon?: import("react").ReactNode;
286
+ hintTargetIcon?: React.ReactNode;
284
287
  hintTargetPlacement?: "inner" | "outer";
285
288
  hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
286
289
  hintHasArrow?: boolean;
287
290
  hintOffset?: [number, number];
288
291
  hintWidth?: string;
289
- hintContentLeft?: import("react").ReactNode;
292
+ hintContentLeft?: React.ReactNode;
290
293
  } & {
291
294
  chips?: never;
292
295
  onChangeChips?: never;
293
296
  enumerationType?: "plain";
294
- onSearch?: (value: string, event?: import("react").KeyboardEvent<HTMLInputElement>) => void;
297
+ onSearch?: (value: string, event?: React.KeyboardEvent<HTMLInputElement>) => void;
295
298
  chipType?: never;
296
299
  chipView?: never;
297
300
  chipValidator?: never;
298
- }, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "value" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
301
+ }, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "value" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
299
302
  labelPlacement?: string;
300
303
  readOnly?: boolean;
301
304
  disabled?: boolean;
302
305
  portal?: string | React.RefObject<HTMLElement>;
303
- zIndex?: import("react").CSSProperties["zIndex"];
306
+ zIndex?: React.CSSProperties["zIndex"];
304
307
  value?: string;
305
308
  defaultValue?: string;
306
- suggestions?: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType[];
309
+ suggestions?: SuggestionItemType[] | undefined;
307
310
  threshold?: number;
308
- filter?: (data: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType) => boolean;
309
- onSuggestionSelect?: (data: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType) => void;
311
+ filter?: ((data: SuggestionItemType) => boolean) | undefined;
312
+ onSuggestionSelect?: ((data: SuggestionItemType) => void) | undefined;
310
313
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
311
314
  listMaxHeight?: string;
312
315
  listWidth?: string;
313
- renderList?: (data?: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType[]) => import("react").ReactNode;
314
- renderListEnd?: () => import("react").ReactNode;
315
- renderItem?: (item: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType) => React.ReactNode;
316
- beforeList?: import("react").ReactNode;
317
- afterList?: import("react").ReactNode;
316
+ renderList?: ((data?: SuggestionItemType[] | undefined) => React.ReactNode) | undefined;
317
+ renderListEnd?: () => React.ReactNode;
318
+ renderItem?: ((item: SuggestionItemType) => React.ReactNode) | undefined;
319
+ beforeList?: React.ReactNode;
320
+ afterList?: React.ReactNode;
318
321
  virtual?: boolean;
319
322
  flip?: boolean;
320
323
  size?: string;
321
324
  view?: string;
322
325
  } & Omit<{
323
- titleCaption?: import("react").ReactNode;
324
- leftHelper?: import("react").ReactNode;
326
+ titleCaption?: React.ReactNode;
327
+ leftHelper?: React.ReactNode;
325
328
  contentLeft?: React.ReactElement;
326
329
  contentRight?: React.ReactElement;
327
330
  textBefore?: string;
328
331
  textAfter?: string;
329
- onSearch?: (value: string, event?: import("react").KeyboardEvent<HTMLInputElement>) => void;
332
+ onSearch?: (value: string, event?: React.KeyboardEvent<HTMLInputElement>) => void;
330
333
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
331
334
  clear?: false;
332
335
  hasDivider?: never;
@@ -335,13 +338,13 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
335
338
  hintTrigger?: "hover" | "click";
336
339
  hintView?: string;
337
340
  hintSize?: string;
338
- hintTargetIcon?: import("react").ReactNode;
341
+ hintTargetIcon?: React.ReactNode;
339
342
  hintTargetPlacement?: "inner" | "outer";
340
343
  hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
341
344
  hintHasArrow?: boolean;
342
345
  hintOffset?: [number, number];
343
346
  hintWidth?: string;
344
- hintContentLeft?: import("react").ReactNode;
347
+ hintContentLeft?: React.ReactNode;
345
348
  } & {
346
349
  enumerationType: "chip";
347
350
  onSearch?: never;
@@ -352,38 +355,38 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
352
355
  chipValidator?: (value: string) => {
353
356
  view?: string;
354
357
  };
355
- }, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "value" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
358
+ }, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "value" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
356
359
  labelPlacement?: string;
357
360
  readOnly?: boolean;
358
361
  disabled?: boolean;
359
362
  portal?: string | React.RefObject<HTMLElement>;
360
- zIndex?: import("react").CSSProperties["zIndex"];
363
+ zIndex?: React.CSSProperties["zIndex"];
361
364
  value?: string;
362
365
  defaultValue?: string;
363
- suggestions?: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType[];
366
+ suggestions?: SuggestionItemType[] | undefined;
364
367
  threshold?: number;
365
- filter?: (data: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType) => boolean;
366
- onSuggestionSelect?: (data: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType) => void;
368
+ filter?: ((data: SuggestionItemType) => boolean) | undefined;
369
+ onSuggestionSelect?: ((data: SuggestionItemType) => void) | undefined;
367
370
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
368
371
  listMaxHeight?: string;
369
372
  listWidth?: string;
370
- renderList?: (data?: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType[]) => import("react").ReactNode;
371
- renderListEnd?: () => import("react").ReactNode;
372
- renderItem?: (item: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType) => React.ReactNode;
373
- beforeList?: import("react").ReactNode;
374
- afterList?: import("react").ReactNode;
373
+ renderList?: ((data?: SuggestionItemType[] | undefined) => React.ReactNode) | undefined;
374
+ renderListEnd?: () => React.ReactNode;
375
+ renderItem?: ((item: SuggestionItemType) => React.ReactNode) | undefined;
376
+ beforeList?: React.ReactNode;
377
+ afterList?: React.ReactNode;
375
378
  virtual?: boolean;
376
379
  flip?: boolean;
377
380
  size?: string;
378
381
  view?: string;
379
382
  } & Omit<{
380
- titleCaption?: import("react").ReactNode;
381
- leftHelper?: import("react").ReactNode;
383
+ titleCaption?: React.ReactNode;
384
+ leftHelper?: React.ReactNode;
382
385
  contentLeft?: React.ReactElement;
383
386
  contentRight?: React.ReactElement;
384
387
  textBefore?: string;
385
388
  textAfter?: string;
386
- onSearch?: (value: string, event?: import("react").KeyboardEvent<HTMLInputElement>) => void;
389
+ onSearch?: (value: string, event?: React.KeyboardEvent<HTMLInputElement>) => void;
387
390
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
388
391
  clear?: false;
389
392
  hasDivider?: never;
@@ -403,42 +406,42 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
403
406
  chips?: never;
404
407
  onChangeChips?: never;
405
408
  enumerationType?: "plain";
406
- onSearch?: (value: string, event?: import("react").KeyboardEvent<HTMLInputElement>) => void;
409
+ onSearch?: (value: string, event?: React.KeyboardEvent<HTMLInputElement>) => void;
407
410
  chipType?: never;
408
411
  chipView?: never;
409
412
  chipValidator?: never;
410
- }, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "value" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
413
+ }, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "value" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
411
414
  labelPlacement?: string;
412
415
  readOnly?: boolean;
413
416
  disabled?: boolean;
414
417
  portal?: string | React.RefObject<HTMLElement>;
415
- zIndex?: import("react").CSSProperties["zIndex"];
418
+ zIndex?: React.CSSProperties["zIndex"];
416
419
  value?: string;
417
420
  defaultValue?: string;
418
- suggestions?: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType[];
421
+ suggestions?: SuggestionItemType[] | undefined;
419
422
  threshold?: number;
420
- filter?: (data: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType) => boolean;
421
- onSuggestionSelect?: (data: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType) => void;
423
+ filter?: ((data: SuggestionItemType) => boolean) | undefined;
424
+ onSuggestionSelect?: ((data: SuggestionItemType) => void) | undefined;
422
425
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
423
426
  listMaxHeight?: string;
424
427
  listWidth?: string;
425
- renderList?: (data?: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType[]) => import("react").ReactNode;
426
- renderListEnd?: () => import("react").ReactNode;
427
- renderItem?: (item: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType) => React.ReactNode;
428
- beforeList?: import("react").ReactNode;
429
- afterList?: import("react").ReactNode;
428
+ renderList?: ((data?: SuggestionItemType[] | undefined) => React.ReactNode) | undefined;
429
+ renderListEnd?: () => React.ReactNode;
430
+ renderItem?: ((item: SuggestionItemType) => React.ReactNode) | undefined;
431
+ beforeList?: React.ReactNode;
432
+ afterList?: React.ReactNode;
430
433
  virtual?: boolean;
431
434
  flip?: boolean;
432
435
  size?: string;
433
436
  view?: string;
434
437
  } & Omit<{
435
- titleCaption?: import("react").ReactNode;
436
- leftHelper?: import("react").ReactNode;
438
+ titleCaption?: React.ReactNode;
439
+ leftHelper?: React.ReactNode;
437
440
  contentLeft?: React.ReactElement;
438
441
  contentRight?: React.ReactElement;
439
442
  textBefore?: string;
440
443
  textAfter?: string;
441
- onSearch?: (value: string, event?: import("react").KeyboardEvent<HTMLInputElement>) => void;
444
+ onSearch?: (value: string, event?: React.KeyboardEvent<HTMLInputElement>) => void;
442
445
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
443
446
  clear?: false;
444
447
  hasDivider?: never;
@@ -464,4 +467,8 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
464
467
  chipValidator?: (value: string) => {
465
468
  view?: string;
466
469
  };
467
- }, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "value" | "required"> & import("react").RefAttributes<HTMLInputElement>))>;
470
+ }, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "value" | "required"> & React.RefAttributes<HTMLInputElement>))>;
471
+ type PropsFromConfig = keyof typeof config['variations'];
472
+ type Props<T extends SuggestionItemType> = DistributiveOmit<AutocompleteProps<T>, PropsFromConfig> & DistributivePick<ComponentProps<typeof AutocompleteComponent>, PropsFromConfig>;
473
+ export declare const Autocomplete: <T extends SuggestionItemType>(props: Props<T> & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null;
474
+ export {};
package/components/Autocomplete/Autocomplete.js CHANGED
@@ -2,13 +2,85 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- Object.defineProperty(exports, "Autocomplete", {
6
- enumerable: true,
7
- get: function() {
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: Object.getOwnPropertyDescriptor(all, name).get
9
+ });
10
+ }
11
+ _export(exports, {
12
+ get Autocomplete () {
8
13
  return Autocomplete;
14
+ },
15
+ get AutocompleteComponent () {
16
+ return AutocompleteComponent;
9
17
  }
10
18
  });
11
19
  var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
20
+ var _react = /*#__PURE__*/ _interop_require_default(require("react"));
12
21
  var _Autocompleteconfig = require("./Autocomplete.config");
22
+ function _define_property(obj, key, value) {
23
+ if (key in obj) {
24
+ Object.defineProperty(obj, key, {
25
+ value: value,
26
+ enumerable: true,
27
+ configurable: true,
28
+ writable: true
29
+ });
30
+ } else {
31
+ obj[key] = value;
32
+ }
33
+ return obj;
34
+ }
35
+ function _interop_require_default(obj) {
36
+ return obj && obj.__esModule ? obj : {
37
+ default: obj
38
+ };
39
+ }
40
+ function _object_spread(target) {
41
+ for(var i = 1; i < arguments.length; i++){
42
+ var source = arguments[i] != null ? arguments[i] : {};
43
+ var ownKeys = Object.keys(source);
44
+ if (typeof Object.getOwnPropertySymbols === "function") {
45
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
46
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
47
+ }));
48
+ }
49
+ ownKeys.forEach(function(key) {
50
+ _define_property(target, key, source[key]);
51
+ });
52
+ }
53
+ return target;
54
+ }
55
+ function ownKeys(object, enumerableOnly) {
56
+ var keys = Object.keys(object);
57
+ if (Object.getOwnPropertySymbols) {
58
+ var symbols = Object.getOwnPropertySymbols(object);
59
+ if (enumerableOnly) {
60
+ symbols = symbols.filter(function(sym) {
61
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
62
+ });
63
+ }
64
+ keys.push.apply(keys, symbols);
65
+ }
66
+ return keys;
67
+ }
68
+ function _object_spread_props(target, source) {
69
+ source = source != null ? source : {};
70
+ if (Object.getOwnPropertyDescriptors) {
71
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
72
+ } else {
73
+ ownKeys(Object(source)).forEach(function(key) {
74
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
75
+ });
76
+ }
77
+ return target;
78
+ }
13
79
  var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.autocompleteConfig, _Autocompleteconfig.config);
14
- var Autocomplete = (0, _styledcomponents.component)(mergedConfig);
80
+ var AutocompleteComponent = (0, _styledcomponents.component)(mergedConfig);
81
+ var AutocompleteWithoutRef = function(props, ref) {
82
+ return /*#__PURE__*/ _react.default.createElement(AutocompleteComponent, _object_spread_props(_object_spread({}, props), {
83
+ ref: ref
84
+ }));
85
+ };
86
+ var Autocomplete = (0, _styledcomponents.fixedForwardRef)(AutocompleteWithoutRef);
package/components/Combobox/Combobox.config.js CHANGED
@@ -280,8 +280,8 @@ function _templateObject6() {
280
280
  var data = _tagged_template_literal([
281
281
  "\n ",
282
282
  ": var(--text-primary);\n ",
283
- ": var(--surface-clear);\n ",
284
- ": var(--text-secondary);\n ",
283
+ ": var(--surface-transparent-primary);\n ",
284
+ ": var(--text-primary);\n ",
285
285
  ": var(--text-secondary);\n ",
286
286
  ": var(--text-secondary);\n ",
287
287
  ": var(--text-primary);\n ",