@salutejs/sdds-cs 0.233.1-dev.0 → 0.234.0-dev.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.
@@ -44,10 +44,11 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
44
44
  hasDivider?: boolean | undefined;
45
45
  } & {
46
46
  hintText: string;
47
- hintTrigger?: "click" | "hover" | undefined;
47
+ hintTrigger?: "hover" | "click" | undefined;
48
48
  hintView?: string | undefined;
49
49
  hintSize?: string | undefined;
50
50
  hintTargetIcon?: import("react").ReactNode;
51
+ hintTargetPlacement?: "outer" | "inner" | undefined;
51
52
  hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
52
53
  hintHasArrow?: boolean | undefined;
53
54
  hintOffset?: [number, number] | undefined;
@@ -106,10 +107,11 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
106
107
  hasDivider?: boolean | undefined;
107
108
  } & {
108
109
  hintText: string;
109
- hintTrigger?: "click" | "hover" | undefined;
110
+ hintTrigger?: "hover" | "click" | undefined;
110
111
  hintView?: string | undefined;
111
112
  hintSize?: string | undefined;
112
113
  hintTargetIcon?: import("react").ReactNode;
114
+ hintTargetPlacement?: "outer" | "inner" | undefined;
113
115
  hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
114
116
  hintHasArrow?: boolean | undefined;
115
117
  hintOffset?: [number, number] | undefined;
@@ -174,6 +176,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
174
176
  hintView?: undefined;
175
177
  hintSize?: undefined;
176
178
  hintTargetIcon?: undefined;
179
+ hintTargetPlacement?: undefined;
177
180
  hintPlacement?: undefined;
178
181
  hintHasArrow?: undefined;
179
182
  hintOffset?: undefined;
@@ -236,6 +239,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
236
239
  hintView?: undefined;
237
240
  hintSize?: undefined;
238
241
  hintTargetIcon?: undefined;
242
+ hintTargetPlacement?: undefined;
239
243
  hintPlacement?: undefined;
240
244
  hintHasArrow?: undefined;
241
245
  hintOffset?: undefined;
@@ -296,10 +300,11 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
296
300
  hasDivider?: undefined;
297
301
  } & {
298
302
  hintText: string;
299
- hintTrigger?: "click" | "hover" | undefined;
303
+ hintTrigger?: "hover" | "click" | undefined;
300
304
  hintView?: string | undefined;
301
305
  hintSize?: string | undefined;
302
306
  hintTargetIcon?: import("react").ReactNode;
307
+ hintTargetPlacement?: "outer" | "inner" | undefined;
303
308
  hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
304
309
  hintHasArrow?: boolean | undefined;
305
310
  hintOffset?: [number, number] | undefined;
@@ -358,10 +363,11 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
358
363
  hasDivider?: undefined;
359
364
  } & {
360
365
  hintText: string;
361
- hintTrigger?: "click" | "hover" | undefined;
366
+ hintTrigger?: "hover" | "click" | undefined;
362
367
  hintView?: string | undefined;
363
368
  hintSize?: string | undefined;
364
369
  hintTargetIcon?: import("react").ReactNode;
370
+ hintTargetPlacement?: "outer" | "inner" | undefined;
365
371
  hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
366
372
  hintHasArrow?: boolean | undefined;
367
373
  hintOffset?: [number, number] | undefined;
@@ -426,6 +432,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
426
432
  hintView?: undefined;
427
433
  hintSize?: undefined;
428
434
  hintTargetIcon?: undefined;
435
+ hintTargetPlacement?: undefined;
429
436
  hintPlacement?: undefined;
430
437
  hintHasArrow?: undefined;
431
438
  hintOffset?: undefined;
@@ -488,6 +495,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
488
495
  hintView?: undefined;
489
496
  hintSize?: undefined;
490
497
  hintTargetIcon?: undefined;
498
+ hintTargetPlacement?: undefined;
491
499
  hintPlacement?: undefined;
492
500
  hintHasArrow?: undefined;
493
501
  hintOffset?: undefined;
@@ -19,6 +19,122 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
19
19
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
20
20
  };
21
21
  }> & ((import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
22
+ hintText: string;
23
+ hintTrigger?: "hover" | "click" | undefined;
24
+ hintView?: string | undefined;
25
+ hintSize?: string | undefined;
26
+ hintTargetIcon?: React.ReactNode;
27
+ hintTargetPlacement?: "outer" | "inner" | undefined;
28
+ hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
29
+ hintHasArrow?: boolean | undefined;
30
+ hintOffset?: [number, number] | undefined;
31
+ hintWidth?: string | undefined;
32
+ hintContentLeft?: React.ReactNode;
33
+ } & {
34
+ target?: "textfield-like" | undefined;
35
+ view?: "default" | "negative" | "positive" | "warning" | undefined;
36
+ contentLeft?: React.ReactNode;
37
+ placeholder?: string | undefined;
38
+ helperText?: string | undefined;
39
+ chipType?: "default" | "text" | undefined;
40
+ } & {
41
+ multiselect?: false | undefined;
42
+ separator?: undefined;
43
+ } & {
44
+ value?: any;
45
+ onChange?: ((value: any) => void) | undefined;
46
+ listOverflow?: import("csstype").Property.Overflow | undefined;
47
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
48
+ placeholder?: string | undefined;
49
+ helperText?: string | undefined;
50
+ disabled?: boolean | undefined;
51
+ items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
52
+ onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
53
+ children?: undefined;
54
+ isTargetAmount?: boolean | undefined;
55
+ renderTarget?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect | import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[]) => React.ReactNode) | undefined;
56
+ placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
57
+ onScrollBottom?: ((e: React.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
58
+ variant?: "normal" | "tight" | undefined;
59
+ zIndex?: import("csstype").Property.ZIndex | undefined;
60
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
61
+ portal?: string | React.RefObject<HTMLElement> | undefined;
62
+ renderValue?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect) => string) | undefined;
63
+ renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect) => React.ReactNode) | undefined;
64
+ closeAfterSelect?: boolean | undefined;
65
+ beforeList?: React.ReactNode;
66
+ afterList?: React.ReactNode;
67
+ size?: string | undefined;
68
+ view?: string | undefined;
69
+ chipView?: string | undefined;
70
+ status?: "warning" | "success" | "error" | undefined;
71
+ hasItems?: boolean | undefined;
72
+ isOpen?: boolean | undefined;
73
+ } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
74
+ hintText: string;
75
+ hintTrigger?: "hover" | "click" | undefined;
76
+ hintView?: string | undefined;
77
+ hintSize?: string | undefined;
78
+ hintTargetIcon?: React.ReactNode;
79
+ hintTargetPlacement?: "outer" | "inner" | undefined;
80
+ hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
81
+ hintHasArrow?: boolean | undefined;
82
+ hintOffset?: [number, number] | undefined;
83
+ hintWidth?: string | undefined;
84
+ hintContentLeft?: React.ReactNode;
85
+ } & {
86
+ target?: "textfield-like" | undefined;
87
+ view?: "default" | "negative" | "positive" | "warning" | undefined;
88
+ contentLeft?: React.ReactNode;
89
+ placeholder?: string | undefined;
90
+ helperText?: string | undefined;
91
+ chipType?: "default" | "text" | undefined;
92
+ } & {
93
+ multiselect?: true | undefined;
94
+ separator?: string | undefined;
95
+ } & {
96
+ value?: any;
97
+ onChange?: ((value: any) => void) | undefined;
98
+ listOverflow?: import("csstype").Property.Overflow | undefined;
99
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
100
+ placeholder?: string | undefined;
101
+ helperText?: string | undefined;
102
+ disabled?: boolean | undefined;
103
+ items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
104
+ onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
105
+ children?: undefined;
106
+ isTargetAmount?: boolean | undefined;
107
+ renderTarget?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect | import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[]) => React.ReactNode) | undefined;
108
+ placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
109
+ onScrollBottom?: ((e: React.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
110
+ variant?: "normal" | "tight" | undefined;
111
+ zIndex?: import("csstype").Property.ZIndex | undefined;
112
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
113
+ portal?: string | React.RefObject<HTMLElement> | undefined;
114
+ renderValue?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect) => string) | undefined;
115
+ renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect) => React.ReactNode) | undefined;
116
+ closeAfterSelect?: boolean | undefined;
117
+ beforeList?: React.ReactNode;
118
+ afterList?: React.ReactNode;
119
+ size?: string | undefined;
120
+ view?: string | undefined;
121
+ chipView?: string | undefined;
122
+ status?: "warning" | "success" | "error" | undefined;
123
+ hasItems?: boolean | undefined;
124
+ isOpen?: boolean | undefined;
125
+ } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
126
+ hintTrigger?: undefined;
127
+ hintText?: undefined;
128
+ hintView?: undefined;
129
+ hintSize?: undefined;
130
+ hintTargetIcon?: undefined;
131
+ hintTargetPlacement?: undefined;
132
+ hintPlacement?: undefined;
133
+ hintHasArrow?: undefined;
134
+ hintOffset?: undefined;
135
+ hintWidth?: undefined;
136
+ hintContentLeft?: undefined;
137
+ } & {
22
138
  target?: "textfield-like" | undefined;
23
139
  view?: "default" | "negative" | "positive" | "warning" | undefined;
24
140
  contentLeft?: React.ReactNode;
@@ -59,6 +175,18 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
59
175
  hasItems?: boolean | undefined;
60
176
  isOpen?: boolean | undefined;
61
177
  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
178
+ hintTrigger?: undefined;
179
+ hintText?: undefined;
180
+ hintView?: undefined;
181
+ hintSize?: undefined;
182
+ hintTargetIcon?: undefined;
183
+ hintTargetPlacement?: undefined;
184
+ hintPlacement?: undefined;
185
+ hintHasArrow?: undefined;
186
+ hintOffset?: undefined;
187
+ hintWidth?: undefined;
188
+ hintContentLeft?: undefined;
189
+ } & {
62
190
  target?: "textfield-like" | undefined;
63
191
  view?: "default" | "negative" | "positive" | "warning" | undefined;
64
192
  contentLeft?: React.ReactNode;
@@ -44,7 +44,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
44
44
  optional?: boolean | undefined;
45
45
  } & {
46
46
  hintText: string;
47
- hintTrigger?: "click" | "hover" | undefined;
47
+ hintTrigger?: "hover" | "click" | undefined;
48
48
  hintOpened?: boolean | undefined;
49
49
  hintView?: string | undefined;
50
50
  hintSize?: string | undefined;
@@ -87,7 +87,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
87
87
  optional?: boolean | undefined;
88
88
  } & {
89
89
  hintText: string;
90
- hintTrigger?: "click" | "hover" | undefined;
90
+ hintTrigger?: "hover" | "click" | undefined;
91
91
  hintOpened?: boolean | undefined;
92
92
  hintView?: string | undefined;
93
93
  hintSize?: string | undefined;
@@ -130,7 +130,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
130
130
  optional?: boolean | undefined;
131
131
  } & {
132
132
  hintText: string;
133
- hintTrigger?: "click" | "hover" | undefined;
133
+ hintTrigger?: "hover" | "click" | undefined;
134
134
  hintOpened?: boolean | undefined;
135
135
  hintView?: string | undefined;
136
136
  hintSize?: string | undefined;
@@ -173,7 +173,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
173
173
  optional?: boolean | undefined;
174
174
  } & {
175
175
  hintText: string;
176
- hintTrigger?: "click" | "hover" | undefined;
176
+ hintTrigger?: "hover" | "click" | undefined;
177
177
  hintOpened?: boolean | undefined;
178
178
  hintView?: string | undefined;
179
179
  hintSize?: string | undefined;
@@ -47,10 +47,11 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
47
47
  hasDivider?: boolean | undefined;
48
48
  } & {
49
49
  hintText: string;
50
- hintTrigger?: "click" | "hover" | undefined;
50
+ hintTrigger?: "hover" | "click" | undefined;
51
51
  hintView?: string | undefined;
52
52
  hintSize?: string | undefined;
53
53
  hintTargetIcon?: import("react").ReactNode;
54
+ hintTargetPlacement?: "outer" | "inner" | undefined;
54
55
  hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
55
56
  hintHasArrow?: boolean | undefined;
56
57
  hintOffset?: [number, number] | undefined;
@@ -82,10 +83,11 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
82
83
  hasDivider?: boolean | undefined;
83
84
  } & {
84
85
  hintText: string;
85
- hintTrigger?: "click" | "hover" | undefined;
86
+ hintTrigger?: "hover" | "click" | undefined;
86
87
  hintView?: string | undefined;
87
88
  hintSize?: string | undefined;
88
89
  hintTargetIcon?: import("react").ReactNode;
90
+ hintTargetPlacement?: "outer" | "inner" | undefined;
89
91
  hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
90
92
  hintHasArrow?: boolean | undefined;
91
93
  hintOffset?: [number, number] | undefined;
@@ -123,6 +125,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
123
125
  hintView?: undefined;
124
126
  hintSize?: undefined;
125
127
  hintTargetIcon?: undefined;
128
+ hintTargetPlacement?: undefined;
126
129
  hintPlacement?: undefined;
127
130
  hintHasArrow?: undefined;
128
131
  hintOffset?: undefined;
@@ -158,6 +161,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
158
161
  hintView?: undefined;
159
162
  hintSize?: undefined;
160
163
  hintTargetIcon?: undefined;
164
+ hintTargetPlacement?: undefined;
161
165
  hintPlacement?: undefined;
162
166
  hintHasArrow?: undefined;
163
167
  hintOffset?: undefined;
@@ -191,10 +195,11 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
191
195
  hasDivider?: undefined;
192
196
  } & {
193
197
  hintText: string;
194
- hintTrigger?: "click" | "hover" | undefined;
198
+ hintTrigger?: "hover" | "click" | undefined;
195
199
  hintView?: string | undefined;
196
200
  hintSize?: string | undefined;
197
201
  hintTargetIcon?: import("react").ReactNode;
202
+ hintTargetPlacement?: "outer" | "inner" | undefined;
198
203
  hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
199
204
  hintHasArrow?: boolean | undefined;
200
205
  hintOffset?: [number, number] | undefined;
@@ -226,10 +231,11 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
226
231
  hasDivider?: undefined;
227
232
  } & {
228
233
  hintText: string;
229
- hintTrigger?: "click" | "hover" | undefined;
234
+ hintTrigger?: "hover" | "click" | undefined;
230
235
  hintView?: string | undefined;
231
236
  hintSize?: string | undefined;
232
237
  hintTargetIcon?: import("react").ReactNode;
238
+ hintTargetPlacement?: "outer" | "inner" | undefined;
233
239
  hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
234
240
  hintHasArrow?: boolean | undefined;
235
241
  hintOffset?: [number, number] | undefined;
@@ -267,6 +273,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
267
273
  hintView?: undefined;
268
274
  hintSize?: undefined;
269
275
  hintTargetIcon?: undefined;
276
+ hintTargetPlacement?: undefined;
270
277
  hintPlacement?: undefined;
271
278
  hintHasArrow?: undefined;
272
279
  hintOffset?: undefined;
@@ -302,6 +309,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
302
309
  hintView?: undefined;
303
310
  hintSize?: undefined;
304
311
  hintTargetIcon?: undefined;
312
+ hintTargetPlacement?: undefined;
305
313
  hintPlacement?: undefined;
306
314
  hintHasArrow?: undefined;
307
315
  hintOffset?: undefined;
@@ -1,7 +1,7 @@
1
1
  import type { ComponentProps } from 'react';
2
2
  import * as React from 'react';
3
3
  import type { Meta, StoryObj } from '@storybook/react';
4
- import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
4
+ import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
5
5
  import { IconPlasma } from '@salutejs/plasma-icons';
6
6
 
7
7
  import { Autocomplete } from './Autocomplete';
@@ -96,6 +96,19 @@ const meta: Meta<StoryProps> = {
96
96
  },
97
97
  if: { arg: 'required', truthy: false },
98
98
  },
99
+ ...disableProps([
100
+ 'hintText',
101
+ 'hintTrigger',
102
+ 'hintView',
103
+ 'hintSize',
104
+ 'hintTargetIcon',
105
+ 'hintTargetPlacement',
106
+ 'hintPlacement',
107
+ 'hintHasArrow',
108
+ 'hintOffset',
109
+ 'hintWidth',
110
+ 'hintContentLeft',
111
+ ]),
99
112
  },
100
113
  args: {
101
114
  view: 'default',
@@ -1,7 +1,7 @@
1
1
  import React, { useState } from 'react';
2
2
  import type { ComponentProps } from 'react';
3
3
  import type { Meta, StoryObj } from '@storybook/react';
4
- import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
4
+ import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
5
5
  import { IconDone } from '@salutejs/plasma-icons';
6
6
 
7
7
  import { Combobox } from './Combobox';
@@ -82,6 +82,19 @@ const meta: Meta<StorySelectProps> = {
82
82
  },
83
83
  if: { arg: 'required', truthy: false },
84
84
  },
85
+ ...disableProps([
86
+ 'hintText',
87
+ 'hintTrigger',
88
+ 'hintView',
89
+ 'hintSize',
90
+ 'hintTargetIcon',
91
+ 'hintTargetPlacement',
92
+ 'hintPlacement',
93
+ 'hintHasArrow',
94
+ 'hintOffset',
95
+ 'hintWidth',
96
+ 'hintContentLeft',
97
+ ]),
85
98
  },
86
99
  args: {
87
100
  label: 'Label',
@@ -1,7 +1,7 @@
1
1
  import React, { useState } from 'react';
2
2
  import type { ComponentProps } from 'react';
3
3
  import type { Meta, StoryObj } from '@storybook/react';
4
- import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
4
+ import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
5
5
  import { IconPlasma } from '@salutejs/plasma-icons';
6
6
 
7
7
  import './style.css';
@@ -84,6 +84,19 @@ const meta: Meta<StorySelectProps> = {
84
84
  options: ['default', 'text'],
85
85
  if: { arg: 'target', eq: 'textfield-like' },
86
86
  },
87
+ ...disableProps([
88
+ 'hintText',
89
+ 'hintTrigger',
90
+ 'hintView',
91
+ 'hintSize',
92
+ 'hintTargetIcon',
93
+ 'hintTargetPlacement',
94
+ 'hintPlacement',
95
+ 'hintHasArrow',
96
+ 'hintOffset',
97
+ 'hintWidth',
98
+ 'hintContentLeft',
99
+ ]),
87
100
  },
88
101
  args: {
89
102
  target: 'textfield-like',
@@ -16,10 +16,6 @@ type StoryTextAreaPropsCustom = {
16
16
 
17
17
  type StoryTextAreaProps = ComponentProps<typeof TextArea> & StoryTextAreaPropsCustom;
18
18
 
19
- const hintViews = ['default'];
20
- const hintSizes = ['m', 's'];
21
- const hintTriggers = ['hover', 'click'];
22
-
23
19
  const meta: Meta<StoryTextAreaProps> = {
24
20
  title: 'Data Entry/TextArea',
25
21
  decorators: [InSpacingDecorator],
@@ -72,52 +68,6 @@ const meta: Meta<StoryTextAreaProps> = {
72
68
  },
73
69
  if: { arg: 'clear', truthy: false },
74
70
  },
75
- hasHint: {
76
- control: {
77
- type: 'boolean',
78
- },
79
- },
80
- hintText: {
81
- control: { type: 'text' },
82
- if: { arg: 'hasHint', truthy: true },
83
- },
84
- hintView: {
85
- options: hintViews,
86
- control: {
87
- type: 'select',
88
- },
89
- if: { arg: 'hasHint', truthy: true },
90
- },
91
- hintSize: {
92
- options: hintSizes,
93
- control: {
94
- type: 'select',
95
- },
96
- if: { arg: 'hasHint', truthy: true },
97
- },
98
- hintTrigger: {
99
- options: hintTriggers,
100
- control: {
101
- type: 'inline-radio',
102
- },
103
- if: { arg: 'hasHint', truthy: true },
104
- },
105
- hintPlacement: {
106
- options: placements,
107
- control: {
108
- type: 'select',
109
- },
110
- if: { arg: 'hasHint', truthy: true },
111
- mappers: placements,
112
- },
113
- hintHasArrow: {
114
- control: { type: 'boolean' },
115
- if: { arg: 'hasHint', truthy: true },
116
- },
117
- hintWidth: {
118
- control: { type: 'text' },
119
- if: { arg: 'hasHint', truthy: true },
120
- },
121
71
  helperText: {
122
72
  control: { type: 'text' },
123
73
  },
@@ -161,7 +111,17 @@ const meta: Meta<StoryTextAreaProps> = {
161
111
  'width',
162
112
  'helperText',
163
113
  'labelPlacement',
114
+ 'hintText',
115
+ 'hintTrigger',
164
116
  'hintView',
117
+ 'hintSize',
118
+ 'hintTargetIcon',
119
+ 'hintTargetPlacement',
120
+ 'hintPlacement',
121
+ 'hintHasArrow',
122
+ 'hintOffset',
123
+ 'hintWidth',
124
+ 'hintContentLeft',
165
125
  ]),
166
126
  },
167
127
  args: {
@@ -186,14 +146,6 @@ const meta: Meta<StoryTextAreaProps> = {
186
146
  labelPlacement: 'outer',
187
147
  clear: false,
188
148
  hasDivider: false,
189
- hasHint: true,
190
- hintText: 'Текст подсказки',
191
- hintTrigger: 'hover',
192
- hintView: 'default',
193
- hintSize: 'm',
194
- hintPlacement: 'auto',
195
- hintWidth: '10rem',
196
- hintHasArrow: true,
197
149
  },
198
150
  };
199
151
 
@@ -4,7 +4,6 @@ import type { StoryObj, Meta } from '@storybook/react';
4
4
  import { action } from '@storybook/addon-actions';
5
5
  import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils';
6
6
  import { IconPlasma } from '@salutejs/plasma-icons';
7
- import type { PopoverPlacement } from '@salutejs/plasma-new-hope';
8
7
 
9
8
  import { TextField } from '.';
10
9
 
@@ -12,32 +11,10 @@ const onChange = action('onChange');
12
11
  const onFocus = action('onFocus');
13
12
  const onBlur = action('onBlur');
14
13
  const onSearch = action('onSearch');
15
- const onChipsChange = action('onChipsChange');
16
14
 
17
15
  const sizes = ['s'];
18
16
  const views = ['default', 'negative'];
19
17
  const labelPlacements = ['outer'];
20
- const hintSizes = ['m', 's'];
21
- const hintTriggers = ['hover', 'click'];
22
- const placements: Array<PopoverPlacement> = [
23
- 'top',
24
- 'top-start',
25
- 'top-end',
26
-
27
- 'bottom',
28
- 'bottom-start',
29
- 'bottom-end',
30
-
31
- 'left',
32
- 'left-start',
33
- 'left-end',
34
-
35
- 'right',
36
- 'right-start',
37
- 'right-end',
38
-
39
- 'auto',
40
- ];
41
18
 
42
19
  const meta: Meta<typeof TextField> = {
43
20
  title: 'Data Entry/TextField',
@@ -92,40 +69,6 @@ const meta: Meta<typeof TextField> = {
92
69
  type: 'inline-radio',
93
70
  },
94
71
  },
95
- hintText: {
96
- control: { type: 'text' },
97
- if: { arg: 'hasHint', truthy: true },
98
- },
99
- hintSize: {
100
- options: hintSizes,
101
- control: {
102
- type: 'select',
103
- },
104
- if: { arg: 'hasHint', truthy: true },
105
- },
106
- hintTrigger: {
107
- options: hintTriggers,
108
- control: {
109
- type: 'inline-radio',
110
- },
111
- if: { arg: 'hasHint', truthy: true },
112
- },
113
- hintPlacement: {
114
- options: placements,
115
- control: {
116
- type: 'select',
117
- },
118
- if: { arg: 'hasHint', truthy: true },
119
- mappers: placements,
120
- },
121
- hintHasArrow: {
122
- control: { type: 'boolean' },
123
- if: { arg: 'hasHint', truthy: true },
124
- },
125
- hintWidth: {
126
- control: { type: 'text' },
127
- if: { arg: 'hasHint', truthy: true },
128
- },
129
72
  chipType: {
130
73
  control: 'select',
131
74
  options: ['default', 'text'],
@@ -153,6 +96,17 @@ const meta: Meta<typeof TextField> = {
153
96
  'minLength',
154
97
  'maxLength',
155
98
  'checked',
99
+ 'hintText',
100
+ 'hintTrigger',
101
+ 'hintView',
102
+ 'hintSize',
103
+ 'hintTargetIcon',
104
+ 'hintTargetPlacement',
105
+ 'hintPlacement',
106
+ 'hintHasArrow',
107
+ 'hintOffset',
108
+ 'hintWidth',
109
+ 'hintContentLeft',
156
110
  ]),
157
111
  },
158
112
  };
@@ -179,7 +133,6 @@ type StoryPropsDefault = Omit<
179
133
  | 'chips'
180
134
  | 'onChangeChips'
181
135
  > & {
182
- hasHint: boolean;
183
136
  enableContentLeft: boolean;
184
137
  enableContentRight: boolean;
185
138
  };
@@ -243,14 +196,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
243
196
  enableContentRight: true,
244
197
  clear: false,
245
198
  hasDivider: false,
246
- hasHint: true,
247
- hintText: 'Текст подсказки',
248
- hintTrigger: 'hover',
249
- hintView: 'default',
250
- hintSize: 'm',
251
- hintPlacement: 'auto',
252
- hintWidth: '10rem',
253
- hintHasArrow: true,
254
199
  },
255
200
  parameters: {
256
201
  controls: {