@salutejs/plasma-new-hope 0.177.2-canary.1518.11581273445.0 → 0.178.0-canary.1513.11580788581.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -2
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +1 -2
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -2
- package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +1 -2
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -6
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -6
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +9 -6
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -6
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +1 -2
- package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +1 -2
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -6
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -6
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +9 -6
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -6
- package/es/components/Combobox/ComboboxNew/Combobox.js +1 -2
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js +1 -2
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +1 -2
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -6
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -6
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +9 -6
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -6
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +1 -2
- package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +1 -2
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -6
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -6
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +9 -6
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -6
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +1 -2
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
@@ -37,6 +37,7 @@ const placements: Array<PopoverPlacement> = [
|
|
37
37
|
];
|
38
38
|
|
39
39
|
type StoryTextAreaPropsCustom = {
|
40
|
+
hasHint?: boolean;
|
40
41
|
enableContentRight?: boolean;
|
41
42
|
};
|
42
43
|
|
@@ -92,43 +93,44 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
92
93
|
},
|
93
94
|
hintText: {
|
94
95
|
control: { type: 'text' },
|
96
|
+
if: { arg: 'hasHint', truthy: true },
|
95
97
|
},
|
96
98
|
hintView: {
|
97
99
|
options: hintViews,
|
98
100
|
control: {
|
99
101
|
type: 'select',
|
100
102
|
},
|
101
|
-
if: { arg: '
|
103
|
+
if: { arg: 'hasHint', truthy: true },
|
102
104
|
},
|
103
105
|
hintSize: {
|
104
106
|
options: hintSizes,
|
105
107
|
control: {
|
106
108
|
type: 'select',
|
107
109
|
},
|
108
|
-
if: { arg: '
|
110
|
+
if: { arg: 'hasHint', truthy: true },
|
109
111
|
},
|
110
112
|
hintTrigger: {
|
111
113
|
options: hintTriggers,
|
112
114
|
control: {
|
113
115
|
type: 'inline-radio',
|
114
116
|
},
|
115
|
-
if: { arg: '
|
117
|
+
if: { arg: 'hasHint', truthy: true },
|
116
118
|
},
|
117
119
|
hintPlacement: {
|
118
120
|
options: placements,
|
119
121
|
control: {
|
120
122
|
type: 'select',
|
121
123
|
},
|
122
|
-
if: { arg: '
|
124
|
+
if: { arg: 'hasHint', truthy: true },
|
123
125
|
mappers: placements,
|
124
126
|
},
|
125
127
|
hintHasArrow: {
|
126
128
|
control: { type: 'boolean' },
|
127
|
-
if: { arg: '
|
129
|
+
if: { arg: 'hasHint', truthy: true },
|
128
130
|
},
|
129
131
|
hintWidth: {
|
130
132
|
control: { type: 'text' },
|
131
|
-
if: { arg: '
|
133
|
+
if: { arg: 'hasHint', truthy: true },
|
132
134
|
},
|
133
135
|
},
|
134
136
|
args: {
|
@@ -152,6 +154,7 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
152
154
|
requiredPlacement: 'right',
|
153
155
|
clear: false,
|
154
156
|
hasDivider: false,
|
157
|
+
hasHint: true,
|
155
158
|
hintText: 'Текст подсказки',
|
156
159
|
hintTrigger: 'hover',
|
157
160
|
hintView: 'default',
|
package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx
CHANGED
@@ -95,43 +95,44 @@ const meta: Meta<typeof TextField> = {
|
|
95
95
|
},
|
96
96
|
hintText: {
|
97
97
|
control: { type: 'text' },
|
98
|
+
if: { arg: 'hasHint', truthy: true },
|
98
99
|
},
|
99
100
|
hintView: {
|
100
101
|
options: hintViews,
|
101
102
|
control: {
|
102
103
|
type: 'select',
|
103
104
|
},
|
104
|
-
if: { arg: '
|
105
|
+
if: { arg: 'hasHint', truthy: true },
|
105
106
|
},
|
106
107
|
hintSize: {
|
107
108
|
options: hintSizes,
|
108
109
|
control: {
|
109
110
|
type: 'select',
|
110
111
|
},
|
111
|
-
if: { arg: '
|
112
|
+
if: { arg: 'hasHint', truthy: true },
|
112
113
|
},
|
113
114
|
hintTrigger: {
|
114
115
|
options: hintTriggers,
|
115
116
|
control: {
|
116
117
|
type: 'inline-radio',
|
117
118
|
},
|
118
|
-
if: { arg: '
|
119
|
+
if: { arg: 'hasHint', truthy: true },
|
119
120
|
},
|
120
121
|
hintPlacement: {
|
121
122
|
options: placements,
|
122
123
|
control: {
|
123
124
|
type: 'select',
|
124
125
|
},
|
125
|
-
if: { arg: '
|
126
|
+
if: { arg: 'hasHint', truthy: true },
|
126
127
|
mappers: placements,
|
127
128
|
},
|
128
129
|
hintHasArrow: {
|
129
130
|
control: { type: 'boolean' },
|
130
|
-
if: { arg: '
|
131
|
+
if: { arg: 'hasHint', truthy: true },
|
131
132
|
},
|
132
133
|
hintWidth: {
|
133
134
|
control: { type: 'text' },
|
134
|
-
if: { arg: '
|
135
|
+
if: { arg: 'hasHint', truthy: true },
|
135
136
|
},
|
136
137
|
},
|
137
138
|
};
|
@@ -158,6 +159,7 @@ type StoryPropsDefault = Omit<
|
|
158
159
|
| 'chips'
|
159
160
|
| 'onChangeChips'
|
160
161
|
> & {
|
162
|
+
hasHint: boolean;
|
161
163
|
enableContentLeft: boolean;
|
162
164
|
enableContentRight: boolean;
|
163
165
|
};
|
@@ -222,6 +224,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
222
224
|
requiredPlacement: 'right',
|
223
225
|
clear: false,
|
224
226
|
hasDivider: false,
|
227
|
+
hasHint: true,
|
225
228
|
hintText: 'Текст подсказки',
|
226
229
|
hintTrigger: 'hover',
|
227
230
|
hintView: 'default',
|
@@ -251,6 +254,7 @@ type StoryPropsChips = Omit<
|
|
251
254
|
| 'minLength'
|
252
255
|
| 'enumerationType'
|
253
256
|
> & {
|
257
|
+
hasHint: boolean;
|
254
258
|
enableContentLeft: boolean;
|
255
259
|
enableContentRight: boolean;
|
256
260
|
};
|
@@ -37,6 +37,7 @@ const placements: Array<PopoverPlacement> = [
|
|
37
37
|
];
|
38
38
|
|
39
39
|
type StoryTextAreaPropsCustom = {
|
40
|
+
hasHint?: boolean;
|
40
41
|
enableContentRight?: boolean;
|
41
42
|
};
|
42
43
|
|
@@ -92,43 +93,44 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
92
93
|
},
|
93
94
|
hintText: {
|
94
95
|
control: { type: 'text' },
|
96
|
+
if: { arg: 'hasHint', truthy: true },
|
95
97
|
},
|
96
98
|
hintView: {
|
97
99
|
options: hintViews,
|
98
100
|
control: {
|
99
101
|
type: 'select',
|
100
102
|
},
|
101
|
-
if: { arg: '
|
103
|
+
if: { arg: 'hasHint', truthy: true },
|
102
104
|
},
|
103
105
|
hintSize: {
|
104
106
|
options: hintSizes,
|
105
107
|
control: {
|
106
108
|
type: 'select',
|
107
109
|
},
|
108
|
-
if: { arg: '
|
110
|
+
if: { arg: 'hasHint', truthy: true },
|
109
111
|
},
|
110
112
|
hintTrigger: {
|
111
113
|
options: hintTriggers,
|
112
114
|
control: {
|
113
115
|
type: 'inline-radio',
|
114
116
|
},
|
115
|
-
if: { arg: '
|
117
|
+
if: { arg: 'hasHint', truthy: true },
|
116
118
|
},
|
117
119
|
hintPlacement: {
|
118
120
|
options: placements,
|
119
121
|
control: {
|
120
122
|
type: 'select',
|
121
123
|
},
|
122
|
-
if: { arg: '
|
124
|
+
if: { arg: 'hasHint', truthy: true },
|
123
125
|
mappers: placements,
|
124
126
|
},
|
125
127
|
hintHasArrow: {
|
126
128
|
control: { type: 'boolean' },
|
127
|
-
if: { arg: '
|
129
|
+
if: { arg: 'hasHint', truthy: true },
|
128
130
|
},
|
129
131
|
hintWidth: {
|
130
132
|
control: { type: 'text' },
|
131
|
-
if: { arg: '
|
133
|
+
if: { arg: 'hasHint', truthy: true },
|
132
134
|
},
|
133
135
|
},
|
134
136
|
args: {
|
@@ -152,6 +154,7 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
152
154
|
requiredPlacement: 'right',
|
153
155
|
clear: false,
|
154
156
|
hasDivider: false,
|
157
|
+
hasHint: true,
|
155
158
|
hintText: 'Текст подсказки',
|
156
159
|
hintTrigger: 'hover',
|
157
160
|
hintView: 'default',
|
package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx
CHANGED
@@ -95,43 +95,44 @@ const meta: Meta<typeof TextField> = {
|
|
95
95
|
},
|
96
96
|
hintText: {
|
97
97
|
control: { type: 'text' },
|
98
|
+
if: { arg: 'hasHint', truthy: true },
|
98
99
|
},
|
99
100
|
hintView: {
|
100
101
|
options: hintViews,
|
101
102
|
control: {
|
102
103
|
type: 'select',
|
103
104
|
},
|
104
|
-
if: { arg: '
|
105
|
+
if: { arg: 'hasHint', truthy: true },
|
105
106
|
},
|
106
107
|
hintSize: {
|
107
108
|
options: hintSizes,
|
108
109
|
control: {
|
109
110
|
type: 'select',
|
110
111
|
},
|
111
|
-
if: { arg: '
|
112
|
+
if: { arg: 'hasHint', truthy: true },
|
112
113
|
},
|
113
114
|
hintTrigger: {
|
114
115
|
options: hintTriggers,
|
115
116
|
control: {
|
116
117
|
type: 'inline-radio',
|
117
118
|
},
|
118
|
-
if: { arg: '
|
119
|
+
if: { arg: 'hasHint', truthy: true },
|
119
120
|
},
|
120
121
|
hintPlacement: {
|
121
122
|
options: placements,
|
122
123
|
control: {
|
123
124
|
type: 'select',
|
124
125
|
},
|
125
|
-
if: { arg: '
|
126
|
+
if: { arg: 'hasHint', truthy: true },
|
126
127
|
mappers: placements,
|
127
128
|
},
|
128
129
|
hintHasArrow: {
|
129
130
|
control: { type: 'boolean' },
|
130
|
-
if: { arg: '
|
131
|
+
if: { arg: 'hasHint', truthy: true },
|
131
132
|
},
|
132
133
|
hintWidth: {
|
133
134
|
control: { type: 'text' },
|
134
|
-
if: { arg: '
|
135
|
+
if: { arg: 'hasHint', truthy: true },
|
135
136
|
},
|
136
137
|
},
|
137
138
|
};
|
@@ -158,6 +159,7 @@ type StoryPropsDefault = Omit<
|
|
158
159
|
| 'chips'
|
159
160
|
| 'onChangeChips'
|
160
161
|
> & {
|
162
|
+
hasHint: boolean;
|
161
163
|
enableContentLeft: boolean;
|
162
164
|
enableContentRight: boolean;
|
163
165
|
};
|
@@ -222,6 +224,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
222
224
|
optional: false,
|
223
225
|
required: false,
|
224
226
|
requiredPlacement: 'right',
|
227
|
+
hasHint: true,
|
225
228
|
hintText: 'Текст подсказки',
|
226
229
|
hintTrigger: 'hover',
|
227
230
|
hintView: 'default',
|
@@ -251,6 +254,7 @@ type StoryPropsChips = Omit<
|
|
251
254
|
| 'minLength'
|
252
255
|
| 'enumerationType'
|
253
256
|
> & {
|
257
|
+
hasHint: boolean;
|
254
258
|
enableContentLeft: boolean;
|
255
259
|
enableContentRight: boolean;
|
256
260
|
};
|
@@ -327,7 +327,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
327
327
|
}
|
328
328
|
}
|
329
329
|
setChecked(checkedCopy);
|
330
|
-
setTextValue(((_valueToItemMap$get4 = valueToItemMap.get(
|
330
|
+
setTextValue(((_valueToItemMap$get4 = valueToItemMap.get(outerValue)) === null || _valueToItemMap$get4 === void 0 ? void 0 : _valueToItemMap$get4.label) || '');
|
331
331
|
|
332
332
|
// В deps мы кладем именно outerValue и internalValue, а не просто value.
|
333
333
|
// Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.
|
@@ -360,7 +360,6 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
360
360
|
},
|
361
361
|
placement: placement,
|
362
362
|
portal: portal,
|
363
|
-
listWidth: listWidth,
|
364
363
|
target: function target(referenceRef) {
|
365
364
|
return /*#__PURE__*/React.createElement(StyledTextField, _extends({
|
366
365
|
ref: inputForkRef,
|
@@ -14,7 +14,6 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
14
14
|
onToggle = _ref.onToggle,
|
15
15
|
placement = _ref.placement,
|
16
16
|
portal = _ref.portal,
|
17
|
-
listWidth = _ref.listWidth,
|
18
17
|
_ref$offset = _ref.offset,
|
19
18
|
offset = _ref$offset === void 0 ? 0 : _ref$offset;
|
20
19
|
var _useFloating = useFloating({
|
@@ -27,7 +26,7 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
27
26
|
var rects = _ref2.rects,
|
28
27
|
elements = _ref2.elements;
|
29
28
|
Object.assign(elements.floating.style, {
|
30
|
-
width:
|
29
|
+
width: "".concat(rects.reference.width, "px")
|
31
30
|
});
|
32
31
|
}
|
33
32
|
})]
|
@@ -37,6 +37,7 @@ const placements: Array<PopoverPlacement> = [
|
|
37
37
|
];
|
38
38
|
|
39
39
|
type StoryTextAreaPropsCustom = {
|
40
|
+
hasHint?: boolean;
|
40
41
|
enableContentRight?: boolean;
|
41
42
|
};
|
42
43
|
|
@@ -92,43 +93,44 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
92
93
|
},
|
93
94
|
hintText: {
|
94
95
|
control: { type: 'text' },
|
96
|
+
if: { arg: 'hasHint', truthy: true },
|
95
97
|
},
|
96
98
|
hintView: {
|
97
99
|
options: hintViews,
|
98
100
|
control: {
|
99
101
|
type: 'select',
|
100
102
|
},
|
101
|
-
if: { arg: '
|
103
|
+
if: { arg: 'hasHint', truthy: true },
|
102
104
|
},
|
103
105
|
hintSize: {
|
104
106
|
options: hintSizes,
|
105
107
|
control: {
|
106
108
|
type: 'select',
|
107
109
|
},
|
108
|
-
if: { arg: '
|
110
|
+
if: { arg: 'hasHint', truthy: true },
|
109
111
|
},
|
110
112
|
hintTrigger: {
|
111
113
|
options: hintTriggers,
|
112
114
|
control: {
|
113
115
|
type: 'inline-radio',
|
114
116
|
},
|
115
|
-
if: { arg: '
|
117
|
+
if: { arg: 'hasHint', truthy: true },
|
116
118
|
},
|
117
119
|
hintPlacement: {
|
118
120
|
options: placements,
|
119
121
|
control: {
|
120
122
|
type: 'select',
|
121
123
|
},
|
122
|
-
if: { arg: '
|
124
|
+
if: { arg: 'hasHint', truthy: true },
|
123
125
|
mappers: placements,
|
124
126
|
},
|
125
127
|
hintHasArrow: {
|
126
128
|
control: { type: 'boolean' },
|
127
|
-
if: { arg: '
|
129
|
+
if: { arg: 'hasHint', truthy: true },
|
128
130
|
},
|
129
131
|
hintWidth: {
|
130
132
|
control: { type: 'text' },
|
131
|
-
if: { arg: '
|
133
|
+
if: { arg: 'hasHint', truthy: true },
|
132
134
|
},
|
133
135
|
},
|
134
136
|
args: {
|
@@ -152,6 +154,7 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
152
154
|
requiredPlacement: 'right',
|
153
155
|
clear: false,
|
154
156
|
hasDivider: false,
|
157
|
+
hasHint: true,
|
155
158
|
hintText: 'Текст подсказки',
|
156
159
|
hintTrigger: 'hover',
|
157
160
|
hintView: 'default',
|
@@ -95,43 +95,44 @@ const meta: Meta<typeof TextField> = {
|
|
95
95
|
},
|
96
96
|
hintText: {
|
97
97
|
control: { type: 'text' },
|
98
|
+
if: { arg: 'hasHint', truthy: true },
|
98
99
|
},
|
99
100
|
hintView: {
|
100
101
|
options: hintViews,
|
101
102
|
control: {
|
102
103
|
type: 'select',
|
103
104
|
},
|
104
|
-
if: { arg: '
|
105
|
+
if: { arg: 'hasHint', truthy: true },
|
105
106
|
},
|
106
107
|
hintSize: {
|
107
108
|
options: hintSizes,
|
108
109
|
control: {
|
109
110
|
type: 'select',
|
110
111
|
},
|
111
|
-
if: { arg: '
|
112
|
+
if: { arg: 'hasHint', truthy: true },
|
112
113
|
},
|
113
114
|
hintTrigger: {
|
114
115
|
options: hintTriggers,
|
115
116
|
control: {
|
116
117
|
type: 'inline-radio',
|
117
118
|
},
|
118
|
-
if: { arg: '
|
119
|
+
if: { arg: 'hasHint', truthy: true },
|
119
120
|
},
|
120
121
|
hintPlacement: {
|
121
122
|
options: placements,
|
122
123
|
control: {
|
123
124
|
type: 'select',
|
124
125
|
},
|
125
|
-
if: { arg: '
|
126
|
+
if: { arg: 'hasHint', truthy: true },
|
126
127
|
mappers: placements,
|
127
128
|
},
|
128
129
|
hintHasArrow: {
|
129
130
|
control: { type: 'boolean' },
|
130
|
-
if: { arg: '
|
131
|
+
if: { arg: 'hasHint', truthy: true },
|
131
132
|
},
|
132
133
|
hintWidth: {
|
133
134
|
control: { type: 'text' },
|
134
|
-
if: { arg: '
|
135
|
+
if: { arg: 'hasHint', truthy: true },
|
135
136
|
},
|
136
137
|
},
|
137
138
|
};
|
@@ -158,6 +159,7 @@ type StoryPropsDefault = Omit<
|
|
158
159
|
| 'chips'
|
159
160
|
| 'onChangeChips'
|
160
161
|
> & {
|
162
|
+
hasHint: boolean;
|
161
163
|
enableContentLeft: boolean;
|
162
164
|
enableContentRight: boolean;
|
163
165
|
};
|
@@ -222,6 +224,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
222
224
|
requiredPlacement: 'right',
|
223
225
|
clear: false,
|
224
226
|
hasDivider: false,
|
227
|
+
hasHint: true,
|
225
228
|
hintText: 'Текст подсказки',
|
226
229
|
hintTrigger: 'hover',
|
227
230
|
hintView: 'default',
|
@@ -251,6 +254,7 @@ type StoryPropsChips = Omit<
|
|
251
254
|
| 'minLength'
|
252
255
|
| 'enumerationType'
|
253
256
|
> & {
|
257
|
+
hasHint: boolean;
|
254
258
|
enableContentLeft: boolean;
|
255
259
|
enableContentRight: boolean;
|
256
260
|
};
|
@@ -37,6 +37,7 @@ const placements: Array<PopoverPlacement> = [
|
|
37
37
|
];
|
38
38
|
|
39
39
|
type StoryTextAreaPropsCustom = {
|
40
|
+
hasHint?: boolean;
|
40
41
|
enableContentRight?: boolean;
|
41
42
|
};
|
42
43
|
|
@@ -92,43 +93,44 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
92
93
|
},
|
93
94
|
hintText: {
|
94
95
|
control: { type: 'text' },
|
96
|
+
if: { arg: 'hasHint', truthy: true },
|
95
97
|
},
|
96
98
|
hintView: {
|
97
99
|
options: hintViews,
|
98
100
|
control: {
|
99
101
|
type: 'select',
|
100
102
|
},
|
101
|
-
if: { arg: '
|
103
|
+
if: { arg: 'hasHint', truthy: true },
|
102
104
|
},
|
103
105
|
hintSize: {
|
104
106
|
options: hintSizes,
|
105
107
|
control: {
|
106
108
|
type: 'select',
|
107
109
|
},
|
108
|
-
if: { arg: '
|
110
|
+
if: { arg: 'hasHint', truthy: true },
|
109
111
|
},
|
110
112
|
hintTrigger: {
|
111
113
|
options: hintTriggers,
|
112
114
|
control: {
|
113
115
|
type: 'inline-radio',
|
114
116
|
},
|
115
|
-
if: { arg: '
|
117
|
+
if: { arg: 'hasHint', truthy: true },
|
116
118
|
},
|
117
119
|
hintPlacement: {
|
118
120
|
options: placements,
|
119
121
|
control: {
|
120
122
|
type: 'select',
|
121
123
|
},
|
122
|
-
if: { arg: '
|
124
|
+
if: { arg: 'hasHint', truthy: true },
|
123
125
|
mappers: placements,
|
124
126
|
},
|
125
127
|
hintHasArrow: {
|
126
128
|
control: { type: 'boolean' },
|
127
|
-
if: { arg: '
|
129
|
+
if: { arg: 'hasHint', truthy: true },
|
128
130
|
},
|
129
131
|
hintWidth: {
|
130
132
|
control: { type: 'text' },
|
131
|
-
if: { arg: '
|
133
|
+
if: { arg: 'hasHint', truthy: true },
|
132
134
|
},
|
133
135
|
},
|
134
136
|
args: {
|
@@ -152,6 +154,7 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
152
154
|
requiredPlacement: 'right',
|
153
155
|
clear: false,
|
154
156
|
hasDivider: false,
|
157
|
+
hasHint: true,
|
155
158
|
hintText: 'Текст подсказки',
|
156
159
|
hintTrigger: 'hover',
|
157
160
|
hintView: 'default',
|
@@ -95,43 +95,44 @@ const meta: Meta<typeof TextField> = {
|
|
95
95
|
},
|
96
96
|
hintText: {
|
97
97
|
control: { type: 'text' },
|
98
|
+
if: { arg: 'hasHint', truthy: true },
|
98
99
|
},
|
99
100
|
hintView: {
|
100
101
|
options: hintViews,
|
101
102
|
control: {
|
102
103
|
type: 'select',
|
103
104
|
},
|
104
|
-
if: { arg: '
|
105
|
+
if: { arg: 'hasHint', truthy: true },
|
105
106
|
},
|
106
107
|
hintSize: {
|
107
108
|
options: hintSizes,
|
108
109
|
control: {
|
109
110
|
type: 'select',
|
110
111
|
},
|
111
|
-
if: { arg: '
|
112
|
+
if: { arg: 'hasHint', truthy: true },
|
112
113
|
},
|
113
114
|
hintTrigger: {
|
114
115
|
options: hintTriggers,
|
115
116
|
control: {
|
116
117
|
type: 'inline-radio',
|
117
118
|
},
|
118
|
-
if: { arg: '
|
119
|
+
if: { arg: 'hasHint', truthy: true },
|
119
120
|
},
|
120
121
|
hintPlacement: {
|
121
122
|
options: placements,
|
122
123
|
control: {
|
123
124
|
type: 'select',
|
124
125
|
},
|
125
|
-
if: { arg: '
|
126
|
+
if: { arg: 'hasHint', truthy: true },
|
126
127
|
mappers: placements,
|
127
128
|
},
|
128
129
|
hintHasArrow: {
|
129
130
|
control: { type: 'boolean' },
|
130
|
-
if: { arg: '
|
131
|
+
if: { arg: 'hasHint', truthy: true },
|
131
132
|
},
|
132
133
|
hintWidth: {
|
133
134
|
control: { type: 'text' },
|
134
|
-
if: { arg: '
|
135
|
+
if: { arg: 'hasHint', truthy: true },
|
135
136
|
},
|
136
137
|
},
|
137
138
|
};
|
@@ -158,6 +159,7 @@ type StoryPropsDefault = Omit<
|
|
158
159
|
| 'chips'
|
159
160
|
| 'onChangeChips'
|
160
161
|
> & {
|
162
|
+
hasHint: boolean;
|
161
163
|
enableContentLeft: boolean;
|
162
164
|
enableContentRight: boolean;
|
163
165
|
};
|
@@ -222,6 +224,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
222
224
|
optional: false,
|
223
225
|
required: false,
|
224
226
|
requiredPlacement: 'right',
|
227
|
+
hasHint: true,
|
225
228
|
hintText: 'Текст подсказки',
|
226
229
|
hintTrigger: 'hover',
|
227
230
|
hintView: 'default',
|
@@ -251,6 +254,7 @@ type StoryPropsChips = Omit<
|
|
251
254
|
| 'minLength'
|
252
255
|
| 'enumerationType'
|
253
256
|
> & {
|
257
|
+
hasHint: boolean;
|
254
258
|
enableContentLeft: boolean;
|
255
259
|
enableContentRight: boolean;
|
256
260
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4F,MAAM,OAAO,CAAC;AAIjH,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAqB7C,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKnE,eAAO,MAAM,OAAO,4BAAgD,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC,+
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4F,MAAM,OAAO,CAAC;AAIjH,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAqB7C,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKnE,eAAO,MAAM,OAAO,4BAAgD,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC,+IA2YtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA7YQ,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CAka3F,CAAC"}
|
@@ -77,7 +77,7 @@ export declare type ComboboxProps<T extends ItemOption = ItemOption> = {
|
|
77
77
|
items: Array<T>;
|
78
78
|
/**
|
79
79
|
* Сторона открытия дропдауна относительно target элемента.
|
80
|
-
* @default bottom
|
80
|
+
* @default bottom
|
81
81
|
*/
|
82
82
|
placement?: Placement;
|
83
83
|
/**
|
@@ -161,7 +161,6 @@ export declare type FloatingPopoverProps = {
|
|
161
161
|
onToggle: (opened: boolean) => void;
|
162
162
|
placement: Placement;
|
163
163
|
portal?: ComboboxProps['portal'];
|
164
|
-
listWidth?: ComboboxProps['listWidth'];
|
165
164
|
offset?: number;
|
166
165
|
};
|
167
166
|
export declare type ItemContext = {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.types.ts"],"names":[],"mappings":"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
|
1
|
+
{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.types.ts"],"names":[],"mappings":"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"}
|