@salutejs/sdds-cs 0.230.1-canary.1710.12871726145.0 → 0.231.0-canary.1706.12871124885.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,8 +1,7 @@
1
- /// <reference types="react" />
2
- /**
3
- * Поле ввода текста.
4
- */
5
- export declare const TextField: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
1
+ import React from 'react';
2
+ import type { ComponentProps } from 'react';
3
+ import { DistributiveOmit } from '@salutejs/plasma-new-hope/styled-components';
4
+ declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
6
5
  view: {
7
6
  default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
8
7
  negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -35,62 +34,64 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
35
34
  readOnly?: boolean | undefined;
36
35
  disabled?: boolean | undefined;
37
36
  } & {
38
- titleCaption?: import("react").ReactNode;
39
- leftHelper?: import("react").ReactNode;
40
- contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
41
- contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
37
+ titleCaption?: React.ReactNode;
38
+ leftHelper?: React.ReactNode;
39
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
40
+ contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
42
41
  textBefore?: string | undefined;
43
42
  textAfter?: string | undefined;
44
- onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
43
+ onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
45
44
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
46
45
  clear?: boolean | undefined;
47
46
  hasDivider?: boolean | undefined;
48
47
  } & {
49
48
  hintText: string;
50
- hintTrigger?: "click" | "hover" | undefined;
49
+ hintTrigger?: "hover" | "click" | undefined;
51
50
  hintView?: string | undefined;
52
51
  hintSize?: string | undefined;
53
- hintTargetIcon?: import("react").ReactNode;
52
+ hintTargetIcon?: React.ReactNode;
53
+ hintTargetPlacement?: "outer" | "inner" | undefined;
54
54
  hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
55
55
  hintHasArrow?: boolean | undefined;
56
56
  hintOffset?: [number, number] | undefined;
57
57
  hintWidth?: string | undefined;
58
- hintContentLeft?: import("react").ReactNode;
58
+ hintContentLeft?: React.ReactNode;
59
59
  } & {
60
60
  chips?: undefined;
61
61
  onChangeChips?: undefined;
62
62
  enumerationType?: "plain" | undefined;
63
- onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
63
+ onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
64
64
  chipType?: undefined;
65
65
  chipView?: undefined;
66
66
  chipValidator?: undefined;
67
- } & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
67
+ } & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
68
68
  size?: string | undefined;
69
69
  view?: string | undefined;
70
70
  readOnly?: boolean | undefined;
71
71
  disabled?: boolean | undefined;
72
72
  } & {
73
- titleCaption?: import("react").ReactNode;
74
- leftHelper?: import("react").ReactNode;
75
- contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
76
- contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
73
+ titleCaption?: React.ReactNode;
74
+ leftHelper?: React.ReactNode;
75
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
76
+ contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
77
77
  textBefore?: string | undefined;
78
78
  textAfter?: string | undefined;
79
- onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
79
+ onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
80
80
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
81
81
  clear?: boolean | undefined;
82
82
  hasDivider?: boolean | undefined;
83
83
  } & {
84
84
  hintText: string;
85
- hintTrigger?: "click" | "hover" | undefined;
85
+ hintTrigger?: "hover" | "click" | undefined;
86
86
  hintView?: string | undefined;
87
87
  hintSize?: string | undefined;
88
- hintTargetIcon?: import("react").ReactNode;
88
+ hintTargetIcon?: React.ReactNode;
89
+ hintTargetPlacement?: "outer" | "inner" | undefined;
89
90
  hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
90
91
  hintHasArrow?: boolean | undefined;
91
92
  hintOffset?: [number, number] | undefined;
92
93
  hintWidth?: string | undefined;
93
- hintContentLeft?: import("react").ReactNode;
94
+ hintContentLeft?: React.ReactNode;
94
95
  } & {
95
96
  enumerationType: "chip";
96
97
  onSearch?: undefined;
@@ -101,19 +102,19 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
101
102
  chipValidator?: ((value: string) => {
102
103
  view?: string | undefined;
103
104
  }) | undefined;
104
- } & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
105
+ } & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
105
106
  size?: string | undefined;
106
107
  view?: string | undefined;
107
108
  readOnly?: boolean | undefined;
108
109
  disabled?: boolean | undefined;
109
110
  } & {
110
- titleCaption?: import("react").ReactNode;
111
- leftHelper?: import("react").ReactNode;
112
- contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
113
- contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
111
+ titleCaption?: React.ReactNode;
112
+ leftHelper?: React.ReactNode;
113
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
114
+ contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
114
115
  textBefore?: string | undefined;
115
116
  textAfter?: string | undefined;
116
- onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
117
+ onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
117
118
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
118
119
  clear?: boolean | undefined;
119
120
  hasDivider?: boolean | undefined;
@@ -123,6 +124,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
123
124
  hintView?: undefined;
124
125
  hintSize?: undefined;
125
126
  hintTargetIcon?: undefined;
127
+ hintTargetPlacement?: undefined;
126
128
  hintPlacement?: undefined;
127
129
  hintHasArrow?: undefined;
128
130
  hintOffset?: undefined;
@@ -132,23 +134,23 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
132
134
  chips?: undefined;
133
135
  onChangeChips?: undefined;
134
136
  enumerationType?: "plain" | undefined;
135
- onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
137
+ onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
136
138
  chipType?: undefined;
137
139
  chipView?: undefined;
138
140
  chipValidator?: undefined;
139
- } & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
141
+ } & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
140
142
  size?: string | undefined;
141
143
  view?: string | undefined;
142
144
  readOnly?: boolean | undefined;
143
145
  disabled?: boolean | undefined;
144
146
  } & {
145
- titleCaption?: import("react").ReactNode;
146
- leftHelper?: import("react").ReactNode;
147
- contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
148
- contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
147
+ titleCaption?: React.ReactNode;
148
+ leftHelper?: React.ReactNode;
149
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
150
+ contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
149
151
  textBefore?: string | undefined;
150
152
  textAfter?: string | undefined;
151
- onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
153
+ onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
152
154
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
153
155
  clear?: boolean | undefined;
154
156
  hasDivider?: boolean | undefined;
@@ -158,6 +160,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
158
160
  hintView?: undefined;
159
161
  hintSize?: undefined;
160
162
  hintTargetIcon?: undefined;
163
+ hintTargetPlacement?: undefined;
161
164
  hintPlacement?: undefined;
162
165
  hintHasArrow?: undefined;
163
166
  hintOffset?: undefined;
@@ -173,68 +176,70 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
173
176
  chipValidator?: ((value: string) => {
174
177
  view?: string | undefined;
175
178
  }) | undefined;
176
- } & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
179
+ } & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
177
180
  size?: string | undefined;
178
181
  view?: string | undefined;
179
182
  readOnly?: boolean | undefined;
180
183
  disabled?: boolean | undefined;
181
184
  } & {
182
- titleCaption?: import("react").ReactNode;
183
- leftHelper?: import("react").ReactNode;
184
- contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
185
- contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
185
+ titleCaption?: React.ReactNode;
186
+ leftHelper?: React.ReactNode;
187
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
188
+ contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
186
189
  textBefore?: string | undefined;
187
190
  textAfter?: string | undefined;
188
- onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
191
+ onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
189
192
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
190
193
  clear?: false | undefined;
191
194
  hasDivider?: undefined;
192
195
  } & {
193
196
  hintText: string;
194
- hintTrigger?: "click" | "hover" | undefined;
197
+ hintTrigger?: "hover" | "click" | undefined;
195
198
  hintView?: string | undefined;
196
199
  hintSize?: string | undefined;
197
- hintTargetIcon?: import("react").ReactNode;
200
+ hintTargetIcon?: React.ReactNode;
201
+ hintTargetPlacement?: "outer" | "inner" | undefined;
198
202
  hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
199
203
  hintHasArrow?: boolean | undefined;
200
204
  hintOffset?: [number, number] | undefined;
201
205
  hintWidth?: string | undefined;
202
- hintContentLeft?: import("react").ReactNode;
206
+ hintContentLeft?: React.ReactNode;
203
207
  } & {
204
208
  chips?: undefined;
205
209
  onChangeChips?: undefined;
206
210
  enumerationType?: "plain" | undefined;
207
- onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
211
+ onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
208
212
  chipType?: undefined;
209
213
  chipView?: undefined;
210
214
  chipValidator?: undefined;
211
- } & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
215
+ } & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
212
216
  size?: string | undefined;
213
217
  view?: string | undefined;
214
218
  readOnly?: boolean | undefined;
215
219
  disabled?: boolean | undefined;
216
220
  } & {
217
- titleCaption?: import("react").ReactNode;
218
- leftHelper?: import("react").ReactNode;
219
- contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
220
- contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
221
+ titleCaption?: React.ReactNode;
222
+ leftHelper?: React.ReactNode;
223
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
224
+ contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
221
225
  textBefore?: string | undefined;
222
226
  textAfter?: string | undefined;
223
- onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
227
+ onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
224
228
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
225
229
  clear?: false | undefined;
226
230
  hasDivider?: undefined;
227
231
  } & {
228
232
  hintText: string;
229
- hintTrigger?: "click" | "hover" | undefined;
233
+ hintTrigger?: "hover" | "click" | undefined;
230
234
  hintView?: string | undefined;
231
235
  hintSize?: string | undefined;
232
- hintTargetIcon?: import("react").ReactNode;
236
+ hintTargetIcon?: React.ReactNode;
237
+ hintTargetPlacement?: "outer" | "inner" | undefined;
233
238
  hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
234
239
  hintHasArrow?: boolean | undefined;
235
240
  hintOffset?: [number, number] | undefined;
236
241
  hintWidth?: string | undefined;
237
- hintContentLeft?: import("react").ReactNode;
242
+ hintContentLeft?: React.ReactNode;
238
243
  } & {
239
244
  enumerationType: "chip";
240
245
  onSearch?: undefined;
@@ -245,19 +250,19 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
245
250
  chipValidator?: ((value: string) => {
246
251
  view?: string | undefined;
247
252
  }) | undefined;
248
- } & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
253
+ } & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
249
254
  size?: string | undefined;
250
255
  view?: string | undefined;
251
256
  readOnly?: boolean | undefined;
252
257
  disabled?: boolean | undefined;
253
258
  } & {
254
- titleCaption?: import("react").ReactNode;
255
- leftHelper?: import("react").ReactNode;
256
- contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
257
- contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
259
+ titleCaption?: React.ReactNode;
260
+ leftHelper?: React.ReactNode;
261
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
262
+ contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
258
263
  textBefore?: string | undefined;
259
264
  textAfter?: string | undefined;
260
- onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
265
+ onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
261
266
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
262
267
  clear?: false | undefined;
263
268
  hasDivider?: undefined;
@@ -267,6 +272,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
267
272
  hintView?: undefined;
268
273
  hintSize?: undefined;
269
274
  hintTargetIcon?: undefined;
275
+ hintTargetPlacement?: undefined;
270
276
  hintPlacement?: undefined;
271
277
  hintHasArrow?: undefined;
272
278
  hintOffset?: undefined;
@@ -276,23 +282,23 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
276
282
  chips?: undefined;
277
283
  onChangeChips?: undefined;
278
284
  enumerationType?: "plain" | undefined;
279
- onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
285
+ onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
280
286
  chipType?: undefined;
281
287
  chipView?: undefined;
282
288
  chipValidator?: undefined;
283
- } & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
289
+ } & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
284
290
  size?: string | undefined;
285
291
  view?: string | undefined;
286
292
  readOnly?: boolean | undefined;
287
293
  disabled?: boolean | undefined;
288
294
  } & {
289
- titleCaption?: import("react").ReactNode;
290
- leftHelper?: import("react").ReactNode;
291
- contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
292
- contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
295
+ titleCaption?: React.ReactNode;
296
+ leftHelper?: React.ReactNode;
297
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
298
+ contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
293
299
  textBefore?: string | undefined;
294
300
  textAfter?: string | undefined;
295
- onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
301
+ onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
296
302
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
297
303
  clear?: false | undefined;
298
304
  hasDivider?: undefined;
@@ -302,6 +308,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
302
308
  hintView?: undefined;
303
309
  hintSize?: undefined;
304
310
  hintTargetIcon?: undefined;
311
+ hintTargetPlacement?: undefined;
305
312
  hintPlacement?: undefined;
306
313
  hintHasArrow?: undefined;
307
314
  hintOffset?: undefined;
@@ -317,4 +324,11 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
317
324
  chipValidator?: ((value: string) => {
318
325
  view?: string | undefined;
319
326
  }) | undefined;
320
- } & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>))>;
327
+ } & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>))>;
328
+ declare type OmittedHintProps = 'hintText' | 'hintTrigger' | 'hintView' | 'hintSize' | 'hintTargetIcon' | 'hintTargetPlacement' | 'hintPlacement' | 'hintHasArrow' | 'hintOffset' | 'hintWidth' | 'hintContentLeft';
329
+ declare type TextFieldProps = DistributiveOmit<ComponentProps<typeof TextFieldComponent>, OmittedHintProps>;
330
+ /**
331
+ * Поле ввода текста.
332
+ */
333
+ export declare const TextField: (props: TextFieldProps & React.RefAttributes<HTMLInputElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
334
+ export {};
@@ -4,11 +4,20 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.TextField = void 0;
7
+ var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
7
8
  var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
8
9
  var _TextField = /*#__PURE__*/require("./TextField.config");
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
9
12
  var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.textFieldConfig, _TextField.config);
13
+ var TextFieldComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
14
+ var TexFieldWithTypes = function TexFieldWithTypes(props, ref) {
15
+ return /*#__PURE__*/_react["default"].createElement(TextFieldComponent, _extends({
16
+ ref: ref
17
+ }, props));
18
+ };
10
19
 
11
20
  /**
12
21
  * Поле ввода текста.
13
22
  */
14
- var TextField = exports.TextField = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
23
+ var TextField = exports.TextField = /*#__PURE__*/(0, _styledComponents.fixedForwardRef)(TexFieldWithTypes);
@@ -3,8 +3,17 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.Autocomplete = void 0;
6
+ exports.AutocompleteComponent = exports.Autocomplete = void 0;
7
+ var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
7
8
  var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
8
9
  var _Autocomplete = /*#__PURE__*/require("./Autocomplete.config");
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
9
12
  var mergedConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.autocompleteConfig, _Autocomplete.config);
10
- var Autocomplete = exports.Autocomplete = /*#__PURE__*/(0, _emotion.component)(mergedConfig);
13
+ var AutocompleteComponent = exports.AutocompleteComponent = /*#__PURE__*/(0, _emotion.component)(mergedConfig);
14
+ var AutocompleteWithTypes = function AutocompleteWithTypes(props, ref) {
15
+ return /*#__PURE__*/_react["default"].createElement(AutocompleteComponent, _extends({
16
+ ref: ref
17
+ }, props));
18
+ };
19
+ var Autocomplete = exports.Autocomplete = /*#__PURE__*/(0, _emotion.fixedForwardRef)(AutocompleteWithTypes);
@@ -2,7 +2,7 @@ import React, { ComponentProps, useRef, useState } from 'react';
2
2
  import type { StoryObj, Meta } from '@storybook/react';
3
3
  import { action } from '@storybook/addon-actions';
4
4
  import { IconPlaceholder, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
5
- import { IconPlasma, IconCalendarOutline } from '@salutejs/plasma-icons';
5
+ import { IconPlasma, IconDisclosureDown, IconCalendarOutline } from '@salutejs/plasma-icons';
6
6
 
7
7
  import { IconButton } from '../IconButton/IconButton';
8
8
 
@@ -186,6 +186,7 @@ const StoryRange = ({
186
186
  const rangeRef = useRef(null);
187
187
 
188
188
  const [isOpen, setIsOpen] = useState(false);
189
+ const [firstDate, setFirstDate] = useState<string | Date>('');
189
190
 
190
191
  const iconSize = 's';
191
192
  const showDividerIcon = dividerVariant === 'icon';
@@ -232,6 +233,12 @@ const StoryRange = ({
232
233
  onChangeSecondValue={(e, currentValue) => {
233
234
  onChangeSecondValue(e, currentValue);
234
235
  }}
236
+ onCommitFirstDate={(currentValue) => {
237
+ setFirstDate(currentValue);
238
+ }}
239
+ onCommitSecondDate={(currentValue) => {
240
+ firstDate && currentValue && setIsOpen(false);
241
+ }}
235
242
  {...dividerIconProps}
236
243
  {...rest}
237
244
  />
@@ -260,7 +267,6 @@ export const Range: StoryObj<StoryPropsRange> = {
260
267
  view: 'default',
261
268
  lang: 'ru',
262
269
  format: 'DD.MM.YYYY',
263
- closeAfterDateSelect: true,
264
270
  isDoubleCalendar: false,
265
271
  dividerVariant: 'dash',
266
272
  min: new Date(2024, 1, 1),
@@ -4,11 +4,20 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.TextField = void 0;
7
+ var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
7
8
  var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
8
9
  var _TextField = /*#__PURE__*/require("./TextField.config");
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
9
12
  var mergedConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.textFieldConfig, _TextField.config);
13
+ var TextFieldComponent = /*#__PURE__*/(0, _emotion.component)(mergedConfig);
14
+ var TexFieldWithTypes = function TexFieldWithTypes(props, ref) {
15
+ return /*#__PURE__*/_react["default"].createElement(TextFieldComponent, _extends({
16
+ ref: ref
17
+ }, props));
18
+ };
10
19
 
11
20
  /**
12
21
  * Поле ввода текста.
13
22
  */
14
- var TextField = exports.TextField = /*#__PURE__*/(0, _emotion.component)(mergedConfig);
23
+ var TextField = exports.TextField = /*#__PURE__*/(0, _emotion.fixedForwardRef)(TexFieldWithTypes);
@@ -1,4 +1,12 @@
1
- import { autocompleteConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
+ import React from 'react';
3
+ import { autocompleteConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope/emotion';
2
4
  import { config } from './Autocomplete.config';
3
5
  var mergedConfig = /*#__PURE__*/mergeConfig(autocompleteConfig, config);
4
- export var Autocomplete = /*#__PURE__*/component(mergedConfig);
6
+ export var AutocompleteComponent = /*#__PURE__*/component(mergedConfig);
7
+ var AutocompleteWithTypes = function AutocompleteWithTypes(props, ref) {
8
+ return /*#__PURE__*/React.createElement(AutocompleteComponent, _extends({
9
+ ref: ref
10
+ }, props));
11
+ };
12
+ export var Autocomplete = /*#__PURE__*/fixedForwardRef(AutocompleteWithTypes);
@@ -2,7 +2,7 @@ import React, { ComponentProps, useRef, useState } from 'react';
2
2
  import type { StoryObj, Meta } from '@storybook/react';
3
3
  import { action } from '@storybook/addon-actions';
4
4
  import { IconPlaceholder, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
5
- import { IconPlasma, IconCalendarOutline } from '@salutejs/plasma-icons';
5
+ import { IconPlasma, IconDisclosureDown, IconCalendarOutline } from '@salutejs/plasma-icons';
6
6
 
7
7
  import { IconButton } from '../IconButton/IconButton';
8
8
 
@@ -186,6 +186,7 @@ const StoryRange = ({
186
186
  const rangeRef = useRef(null);
187
187
 
188
188
  const [isOpen, setIsOpen] = useState(false);
189
+ const [firstDate, setFirstDate] = useState<string | Date>('');
189
190
 
190
191
  const iconSize = 's';
191
192
  const showDividerIcon = dividerVariant === 'icon';
@@ -232,6 +233,12 @@ const StoryRange = ({
232
233
  onChangeSecondValue={(e, currentValue) => {
233
234
  onChangeSecondValue(e, currentValue);
234
235
  }}
236
+ onCommitFirstDate={(currentValue) => {
237
+ setFirstDate(currentValue);
238
+ }}
239
+ onCommitSecondDate={(currentValue) => {
240
+ firstDate && currentValue && setIsOpen(false);
241
+ }}
235
242
  {...dividerIconProps}
236
243
  {...rest}
237
244
  />
@@ -260,7 +267,6 @@ export const Range: StoryObj<StoryPropsRange> = {
260
267
  view: 'default',
261
268
  lang: 'ru',
262
269
  format: 'DD.MM.YYYY',
263
- closeAfterDateSelect: true,
264
270
  isDoubleCalendar: false,
265
271
  dividerVariant: 'dash',
266
272
  min: new Date(2024, 1, 1),
@@ -1,8 +1,16 @@
1
- import { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
+ import React from 'react';
3
+ import { textFieldConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope/emotion';
2
4
  import { config } from './TextField.config';
3
5
  var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig, config);
6
+ var TextFieldComponent = /*#__PURE__*/component(mergedConfig);
7
+ var TexFieldWithTypes = function TexFieldWithTypes(props, ref) {
8
+ return /*#__PURE__*/React.createElement(TextFieldComponent, _extends({
9
+ ref: ref
10
+ }, props));
11
+ };
4
12
 
5
13
  /**
6
14
  * Поле ввода текста.
7
15
  */
8
- export var TextField = /*#__PURE__*/component(mergedConfig);
16
+ export var TextField = /*#__PURE__*/fixedForwardRef(TexFieldWithTypes);
@@ -1,4 +1,12 @@
1
- import { autocompleteConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
+ import React from 'react';
3
+ import { autocompleteConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope/styled-components';
2
4
  import { config } from './Autocomplete.config';
3
5
  var mergedConfig = /*#__PURE__*/mergeConfig(autocompleteConfig, config);
4
- export var Autocomplete = /*#__PURE__*/component(mergedConfig);
6
+ export var AutocompleteComponent = /*#__PURE__*/component(mergedConfig);
7
+ var AutocompleteWithTypes = function AutocompleteWithTypes(props, ref) {
8
+ return /*#__PURE__*/React.createElement(AutocompleteComponent, _extends({
9
+ ref: ref
10
+ }, props));
11
+ };
12
+ export var Autocomplete = /*#__PURE__*/fixedForwardRef(AutocompleteWithTypes);
@@ -1,8 +1,16 @@
1
- import { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
+ import React from 'react';
3
+ import { textFieldConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope/styled-components';
2
4
  import { config } from './TextField.config';
3
5
  var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig, config);
6
+ var TextFieldComponent = /*#__PURE__*/component(mergedConfig);
7
+ var TexFieldWithTypes = function TexFieldWithTypes(props, ref) {
8
+ return /*#__PURE__*/React.createElement(TextFieldComponent, _extends({
9
+ ref: ref
10
+ }, props));
11
+ };
4
12
 
5
13
  /**
6
14
  * Поле ввода текста.
7
15
  */
8
- export var TextField = /*#__PURE__*/component(mergedConfig);
16
+ export var TextField = /*#__PURE__*/fixedForwardRef(TexFieldWithTypes);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.230.1-canary.1710.12871726145.0",
3
+ "version": "0.231.0-canary.1706.12871124885.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS CS web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -30,7 +30,7 @@
30
30
  "directory": "packages/sdds-cs"
31
31
  },
32
32
  "dependencies": {
33
- "@salutejs/plasma-new-hope": "0.241.1-canary.1710.12871726145.0",
33
+ "@salutejs/plasma-new-hope": "0.242.0-canary.1706.12871124885.0",
34
34
  "@salutejs/sdds-themes": "0.31.0"
35
35
  },
36
36
  "peerDependencies": {
@@ -122,5 +122,5 @@
122
122
  "Anton Vinogradov"
123
123
  ],
124
124
  "sideEffects": false,
125
- "gitHead": "9cf4121ba76072934161ff20525aef88cd0595ef"
125
+ "gitHead": "054fbbb473690a107b267aa391c4ea3b5cfa6c4b"
126
126
  }