@salutejs/plasma-new-hope 0.196.0-dev.0 → 0.196.1-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +2 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +2 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +2 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +2 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +2 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +2 -1
- package/cjs/components/Pagination/Pagination.css +2 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -1
- package/cjs/components/Range/Range.css +2 -1
- package/cjs/components/Select/Select.css +2 -1
- package/cjs/components/Select/ui/Inner/Inner.css +2 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +2 -1
- package/cjs/components/Select/ui/Target/Target.css +2 -1
- package/cjs/components/Select/ui/Target/Target.js +2 -1
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -2
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Slider/Slider.css +2 -1
- package/cjs/components/Slider/components/Double/Double.css +2 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +2 -1
- package/cjs/components/TextField/TextField.js +7 -4
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +2 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +17 -3
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +7 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_1y8n7la.css → TextFieldChip.styles_1yosnxc.css} +1 -0
- package/cjs/index.css +2 -1
- package/emotion/cjs/components/Select/ui/Target/Target.js +2 -1
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -2
- package/emotion/cjs/components/TextField/TextField.js +8 -5
- package/emotion/cjs/components/TextField/TextField.template-doc.mdx +13 -3
- package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +17 -3
- package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +12 -3
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +8 -1
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -0
- package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +8 -1
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -0
- package/emotion/es/components/Select/ui/Target/Target.js +2 -1
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -2
- package/emotion/es/components/TextField/TextField.js +8 -5
- package/emotion/es/components/TextField/TextField.template-doc.mdx +13 -3
- package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +18 -4
- package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +11 -2
- package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +8 -1
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -0
- package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +8 -1
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -0
- package/es/components/Autocomplete/Autocomplete.css +2 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +2 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +2 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +2 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +2 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -1
- package/es/components/DatePicker/SingleDate/SingleDate.css +2 -1
- package/es/components/Pagination/Pagination.css +2 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -1
- package/es/components/Range/Range.css +2 -1
- package/es/components/Select/Select.css +2 -1
- package/es/components/Select/ui/Inner/Inner.css +2 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.css +2 -1
- package/es/components/Select/ui/Target/Target.css +2 -1
- package/es/components/Select/ui/Target/Target.js +2 -1
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -2
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Slider/Slider.css +2 -1
- package/es/components/Slider/components/Double/Double.css +2 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +2 -1
- package/es/components/TextField/TextField.js +7 -4
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +2 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +18 -4
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +7 -2
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_1y8n7la.css → TextFieldChip.styles_1yosnxc.css} +1 -0
- package/es/index.css +2 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Select/ui/Target/Target.js +2 -1
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -2
- package/styled-components/cjs/components/TextField/TextField.js +7 -4
- package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +13 -3
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +17 -3
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +10 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +8 -1
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -0
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +8 -1
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -0
- package/styled-components/es/components/Select/ui/Target/Target.js +2 -1
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -2
- package/styled-components/es/components/TextField/TextField.js +7 -4
- package/styled-components/es/components/TextField/TextField.template-doc.mdx +13 -3
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +18 -4
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +9 -1
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +8 -1
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -0
- package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +8 -1
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -0
- package/types/components/Autocomplete/Autocomplete.types.d.ts +3 -2
- package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +16 -0
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +16 -0
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +16 -0
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +6 -0
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +16 -0
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +5 -0
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.d.ts +1 -1
- package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +16 -0
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +16 -0
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +8 -0
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts +1 -0
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts +5 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts +553 -3
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +16 -0
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +6 -0
- package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +16 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts +553 -3
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Mask/Mask.d.ts +16 -0
- package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.d.ts +6 -0
- package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +16 -0
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
@@ -104,6 +104,11 @@ const meta: Meta<StorySelectProps> = {
|
|
104
104
|
},
|
105
105
|
if: { arg: 'required', truthy: false },
|
106
106
|
},
|
107
|
+
chipType: {
|
108
|
+
control: 'select',
|
109
|
+
options: ['default', 'text'],
|
110
|
+
if: { arg: 'target', eq: 'textfield-like' },
|
111
|
+
},
|
107
112
|
},
|
108
113
|
args: {
|
109
114
|
target: 'textfield-like',
|
@@ -121,6 +126,7 @@ const meta: Meta<StorySelectProps> = {
|
|
121
126
|
optional: false,
|
122
127
|
required: false,
|
123
128
|
requiredPlacement: 'right',
|
129
|
+
chipType: 'default',
|
124
130
|
},
|
125
131
|
parameters: {
|
126
132
|
controls: {
|
@@ -144,6 +150,7 @@ const meta: Meta<StorySelectProps> = {
|
|
144
150
|
'optional',
|
145
151
|
'required',
|
146
152
|
'requiredPlacement',
|
153
|
+
'chipType',
|
147
154
|
],
|
148
155
|
},
|
149
156
|
},
|
@@ -382,7 +389,7 @@ const SingleStory = (args: StorySelectProps) => {
|
|
382
389
|
export const Single: StoryObj<StorySelectProps> = {
|
383
390
|
parameters: {
|
384
391
|
controls: {
|
385
|
-
exclude: ['chipView', 'isTargetAmount'],
|
392
|
+
exclude: ['chipView', 'isTargetAmount', 'chipType'],
|
386
393
|
},
|
387
394
|
},
|
388
395
|
render: (args) => <SingleStory {...args} />,
|
package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx
CHANGED
@@ -134,6 +134,10 @@ const meta: Meta<typeof TextField> = {
|
|
134
134
|
control: { type: 'text' },
|
135
135
|
if: { arg: 'hasHint', truthy: true },
|
136
136
|
},
|
137
|
+
chipType: {
|
138
|
+
control: 'select',
|
139
|
+
options: ['default', 'text'],
|
140
|
+
},
|
137
141
|
},
|
138
142
|
};
|
139
143
|
|
@@ -233,6 +237,11 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
233
237
|
hintWidth: '10rem',
|
234
238
|
hintHasArrow: true,
|
235
239
|
},
|
240
|
+
parameters: {
|
241
|
+
controls: {
|
242
|
+
exclude: ['chipType'],
|
243
|
+
},
|
244
|
+
},
|
236
245
|
render: (args) => <StoryDemo {...args} />,
|
237
246
|
};
|
238
247
|
|
@@ -288,6 +297,7 @@ export const Chips: StoryObj<StoryPropsChips> = {
|
|
288
297
|
args: {
|
289
298
|
...Default.args,
|
290
299
|
chips: ['1 value', '2 value', '3 value', '4 value'],
|
300
|
+
chipType: 'default',
|
291
301
|
},
|
292
302
|
render: (args) => <StoryChips {...args} />,
|
293
303
|
};
|
@@ -103,6 +103,11 @@ const meta: Meta<StorySelectProps> = {
|
|
103
103
|
},
|
104
104
|
if: { arg: 'required', truthy: false },
|
105
105
|
},
|
106
|
+
chipType: {
|
107
|
+
control: 'select',
|
108
|
+
options: ['default', 'text'],
|
109
|
+
if: { arg: 'target', eq: 'textfield-like' },
|
110
|
+
},
|
106
111
|
},
|
107
112
|
args: {
|
108
113
|
target: 'textfield-like',
|
@@ -120,6 +125,7 @@ const meta: Meta<StorySelectProps> = {
|
|
120
125
|
optional: false,
|
121
126
|
required: false,
|
122
127
|
requiredPlacement: 'right',
|
128
|
+
chipType: 'default',
|
123
129
|
},
|
124
130
|
parameters: {
|
125
131
|
controls: {
|
@@ -143,6 +149,7 @@ const meta: Meta<StorySelectProps> = {
|
|
143
149
|
'optional',
|
144
150
|
'required',
|
145
151
|
'requiredPlacement',
|
152
|
+
'chipType',
|
146
153
|
],
|
147
154
|
},
|
148
155
|
},
|
@@ -381,7 +388,7 @@ const SingleStory = (args: StorySelectProps) => {
|
|
381
388
|
export const Single: StoryObj<StorySelectProps> = {
|
382
389
|
parameters: {
|
383
390
|
controls: {
|
384
|
-
exclude: ['chipView', 'isTargetAmount'],
|
391
|
+
exclude: ['chipView', 'isTargetAmount', 'chipType'],
|
385
392
|
},
|
386
393
|
},
|
387
394
|
render: (args) => <SingleStory {...args} />,
|
package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx
CHANGED
@@ -134,6 +134,10 @@ const meta: Meta<typeof TextField> = {
|
|
134
134
|
control: { type: 'text' },
|
135
135
|
if: { arg: 'hasHint', truthy: true },
|
136
136
|
},
|
137
|
+
chipType: {
|
138
|
+
control: 'select',
|
139
|
+
options: ['default', 'text'],
|
140
|
+
},
|
137
141
|
},
|
138
142
|
};
|
139
143
|
|
@@ -233,6 +237,11 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
233
237
|
hintWidth: '10rem',
|
234
238
|
hintHasArrow: true,
|
235
239
|
},
|
240
|
+
parameters: {
|
241
|
+
controls: {
|
242
|
+
exclude: ['chipType'],
|
243
|
+
},
|
244
|
+
},
|
236
245
|
render: (args) => <StoryDemo {...args} />,
|
237
246
|
};
|
238
247
|
|
@@ -288,6 +297,7 @@ export const Chips: StoryObj<StoryPropsChips> = {
|
|
288
297
|
args: {
|
289
298
|
...Default.args,
|
290
299
|
chips: ['1 value', '2 value', '3 value', '4 value'],
|
300
|
+
chipType: 'default',
|
291
301
|
},
|
292
302
|
render: (args) => <StoryChips {...args} />,
|
293
303
|
};
|
@@ -33,7 +33,8 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
33
33
|
onChange = _ref.onChange,
|
34
34
|
labelToItemMap = _ref.labelToItemMap,
|
35
35
|
chipView = _ref.chipView,
|
36
|
-
requiredProps = _ref.requiredProps
|
36
|
+
requiredProps = _ref.requiredProps,
|
37
|
+
chipType = _ref.chipType;
|
37
38
|
var withArrowInverse = opened ? classes.arrowInverse : undefined;
|
38
39
|
var getChips = function getChips() {
|
39
40
|
if (multiselect && Array.isArray(value)) {
|
@@ -104,7 +105,8 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
104
105
|
}, multiselect ? {
|
105
106
|
enumerationType: 'chip',
|
106
107
|
chips: getChips(),
|
107
|
-
onChangeChips: handleChipsChange
|
108
|
+
onChangeChips: handleChipsChange,
|
109
|
+
chipType: chipType
|
108
110
|
} : {
|
109
111
|
enumerationType: 'plain'
|
110
112
|
}, {
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
|
1
|
+
var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "chipType", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
|
2
2
|
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); }
|
3
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
4
4
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
@@ -77,6 +77,8 @@ export var textFieldRoot = function textFieldRoot(Root) {
|
|
77
77
|
hasDivider = _ref.hasDivider,
|
78
78
|
outerValue = _ref.value,
|
79
79
|
values = _ref.chips,
|
80
|
+
_ref$chipType = _ref.chipType,
|
81
|
+
chipType = _ref$chipType === void 0 ? 'default' : _ref$chipType,
|
80
82
|
onChange = _ref.onChange,
|
81
83
|
onChangeChips = _ref.onChangeChips,
|
82
84
|
onSearch = _ref.onSearch,
|
@@ -125,8 +127,8 @@ export var textFieldRoot = function textFieldRoot(Root) {
|
|
125
127
|
var requiredPlacementClass = requiredPlacement === 'right' ? classes.requiredAlignRight : undefined;
|
126
128
|
var labelPlacementClass = innerLabelPlacementValue ? classes["".concat(innerLabelPlacementValue, "LabelPlacement")] : undefined;
|
127
129
|
var hasValueClass = hasValue ? classes.hasValue : undefined;
|
128
|
-
var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;
|
129
|
-
var wrapperWithoutRightContent = !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;
|
130
|
+
var wrapperWithoutLeftContent = !contentLeft && isChipsVisible && chipType === 'default' ? classes.hasEmptyContentLeft : undefined;
|
131
|
+
var wrapperWithoutRightContent = !contentRight && isChipsVisible && chipType === 'default' ? classes.hasEmptyContentRight : undefined;
|
130
132
|
var hintRef = useOutsideClick(function () {
|
131
133
|
setIsHintVisible(false);
|
132
134
|
});
|
@@ -317,7 +319,8 @@ export var textFieldRoot = function textFieldRoot(Root) {
|
|
317
319
|
onClear: function onClear() {
|
318
320
|
return onChipClear(chipId, index);
|
319
321
|
},
|
320
|
-
onClick: onChipClick
|
322
|
+
onClick: onChipClick,
|
323
|
+
chipType: chipType
|
321
324
|
// TODO: #1547
|
322
325
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
323
326
|
// @ts-ignore
|
@@ -62,7 +62,7 @@ export function App() {
|
|
62
62
|
```
|
63
63
|
|
64
64
|
### Статус поля
|
65
|
-
Статус поля задается с помощью свойства `status`.
|
65
|
+
Статус поля задается с помощью свойства `status`.
|
66
66
|
Возможные значения свойства: `success`, `warning` и `error`.
|
67
67
|
На отображение TextField так же влияют свойства `clear` и `hasDivider`:
|
68
68
|
|
@@ -150,7 +150,7 @@ export function App() {
|
|
150
150
|
```
|
151
151
|
|
152
152
|
### Режим ввода
|
153
|
-
С помощью свойства `enumerationType` можно вводить элементы как теги.
|
153
|
+
С помощью свойства `enumerationType` можно вводить элементы как теги. Свойство `chipType` изменяет внешний вид чипа.
|
154
154
|
По нажатию Enter, после ввода нужного текста, он преобразуется в Chip:
|
155
155
|
|
156
156
|
```tsx live
|
@@ -166,7 +166,17 @@ export function App() {
|
|
166
166
|
size="l"
|
167
167
|
enumerationType="chip"
|
168
168
|
helperText="Подсказка снизу"
|
169
|
-
|
169
|
+
chips={["Значение 1"]}
|
170
|
+
/>
|
171
|
+
|
172
|
+
<TextField
|
173
|
+
placeholder="Введите значение"
|
174
|
+
defaultValue="Значение"
|
175
|
+
size="l"
|
176
|
+
enumerationType="chip"
|
177
|
+
helperText="Подсказка снизу"
|
178
|
+
chips={["Значение 1"]}
|
179
|
+
chipType="text"
|
170
180
|
/>
|
171
181
|
</div>
|
172
182
|
);
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React, { forwardRef } from 'react';
|
2
|
-
import { StyledChip } from './TextFieldChip.styles';
|
2
|
+
import { StyledChip, TextChip } from './TextFieldChip.styles';
|
3
3
|
/**
|
4
4
|
* Чип, отображающий выбранный элемент
|
5
5
|
*/
|
@@ -11,14 +11,23 @@ export var TextFieldChip = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
11
11
|
onClick = _ref.onClick,
|
12
12
|
onClear = _ref.onClear,
|
13
13
|
onKeyDown = _ref.onKeyDown,
|
14
|
-
_forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly
|
14
|
+
_forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly,
|
15
|
+
chipType = _ref.chipType;
|
15
16
|
var onClearHandle = function onClearHandle() {
|
16
17
|
return onClear(id);
|
17
18
|
};
|
18
19
|
var onKeyDownHandle = function onKeyDownHandle(event) {
|
19
20
|
onKeyDown === null || onKeyDown === void 0 || onKeyDown(event, id);
|
20
21
|
};
|
21
|
-
|
22
|
+
var handleClick = function handleClick(e) {
|
23
|
+
if (onClick) {
|
24
|
+
onClick(e);
|
25
|
+
}
|
26
|
+
if (onClear) {
|
27
|
+
onClear(id);
|
28
|
+
}
|
29
|
+
};
|
30
|
+
return chipType === 'default' ? /*#__PURE__*/React.createElement(StyledChip, {
|
22
31
|
ref: ref,
|
23
32
|
tabIndex: -1,
|
24
33
|
disabled: disabled,
|
@@ -32,5 +41,10 @@ export var TextFieldChip = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
32
41
|
// @ts-ignore
|
33
42
|
,
|
34
43
|
_forceChipManipulationWithReadonly: _forceChipManipulationWithReadonly
|
35
|
-
})
|
44
|
+
}) : /*#__PURE__*/React.createElement(TextChip, {
|
45
|
+
ref: ref,
|
46
|
+
tabIndex: -1,
|
47
|
+
onClick: handleClick,
|
48
|
+
onKeyDown: onKeyDownHandle
|
49
|
+
}, text);
|
36
50
|
});
|
@@ -16,4 +16,12 @@ export var StyledChip = /*#__PURE__*/styled(Chip).withConfig({
|
|
16
16
|
outlineSize: '0.0625rem',
|
17
17
|
outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.chipBorderRadius, ") - 0.1rem)"),
|
18
18
|
outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")")
|
19
|
-
}), tokens.chipOpacityReadonly);
|
19
|
+
}), tokens.chipOpacityReadonly);
|
20
|
+
export var TextChip = /*#__PURE__*/styled.button.withConfig({
|
21
|
+
componentId: "plasma-new-hope__sc-1mypbcr-1"
|
22
|
+
})(["display:block;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");color:var(", ");", " &:after{content:',';}&:last-child{&:after{content:'';}}"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.color, /*#__PURE__*/addFocus({
|
23
|
+
outlineOffset: '0.0625rem',
|
24
|
+
outlineSize: '0.0625rem',
|
25
|
+
outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.chipBorderRadius, ") - 0.1rem)"),
|
26
|
+
outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")")
|
27
|
+
}));
|
@@ -104,6 +104,11 @@ const meta: Meta<StorySelectProps> = {
|
|
104
104
|
},
|
105
105
|
if: { arg: 'required', truthy: false },
|
106
106
|
},
|
107
|
+
chipType: {
|
108
|
+
control: 'select',
|
109
|
+
options: ['default', 'text'],
|
110
|
+
if: { arg: 'target', eq: 'textfield-like' },
|
111
|
+
},
|
107
112
|
},
|
108
113
|
args: {
|
109
114
|
target: 'textfield-like',
|
@@ -121,6 +126,7 @@ const meta: Meta<StorySelectProps> = {
|
|
121
126
|
optional: false,
|
122
127
|
required: false,
|
123
128
|
requiredPlacement: 'right',
|
129
|
+
chipType: 'default',
|
124
130
|
},
|
125
131
|
parameters: {
|
126
132
|
controls: {
|
@@ -144,6 +150,7 @@ const meta: Meta<StorySelectProps> = {
|
|
144
150
|
'optional',
|
145
151
|
'required',
|
146
152
|
'requiredPlacement',
|
153
|
+
'chipType',
|
147
154
|
],
|
148
155
|
},
|
149
156
|
},
|
@@ -382,7 +389,7 @@ const SingleStory = (args: StorySelectProps) => {
|
|
382
389
|
export const Single: StoryObj<StorySelectProps> = {
|
383
390
|
parameters: {
|
384
391
|
controls: {
|
385
|
-
exclude: ['chipView', 'isTargetAmount'],
|
392
|
+
exclude: ['chipView', 'isTargetAmount', 'chipType'],
|
386
393
|
},
|
387
394
|
},
|
388
395
|
render: (args) => <SingleStory {...args} />,
|
@@ -134,6 +134,10 @@ const meta: Meta<typeof TextField> = {
|
|
134
134
|
control: { type: 'text' },
|
135
135
|
if: { arg: 'hasHint', truthy: true },
|
136
136
|
},
|
137
|
+
chipType: {
|
138
|
+
control: 'select',
|
139
|
+
options: ['default', 'text'],
|
140
|
+
},
|
137
141
|
},
|
138
142
|
};
|
139
143
|
|
@@ -233,6 +237,11 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
233
237
|
hintWidth: '10rem',
|
234
238
|
hintHasArrow: true,
|
235
239
|
},
|
240
|
+
parameters: {
|
241
|
+
controls: {
|
242
|
+
exclude: ['chipType'],
|
243
|
+
},
|
244
|
+
},
|
236
245
|
render: (args) => <StoryDemo {...args} />,
|
237
246
|
};
|
238
247
|
|
@@ -288,6 +297,7 @@ export const Chips: StoryObj<StoryPropsChips> = {
|
|
288
297
|
args: {
|
289
298
|
...Default.args,
|
290
299
|
chips: ['1 value', '2 value', '3 value', '4 value'],
|
300
|
+
chipType: 'default',
|
291
301
|
},
|
292
302
|
render: (args) => <StoryChips {...args} />,
|
293
303
|
};
|
@@ -103,6 +103,11 @@ const meta: Meta<StorySelectProps> = {
|
|
103
103
|
},
|
104
104
|
if: { arg: 'required', truthy: false },
|
105
105
|
},
|
106
|
+
chipType: {
|
107
|
+
control: 'select',
|
108
|
+
options: ['default', 'text'],
|
109
|
+
if: { arg: 'target', eq: 'textfield-like' },
|
110
|
+
},
|
106
111
|
},
|
107
112
|
args: {
|
108
113
|
target: 'textfield-like',
|
@@ -120,6 +125,7 @@ const meta: Meta<StorySelectProps> = {
|
|
120
125
|
optional: false,
|
121
126
|
required: false,
|
122
127
|
requiredPlacement: 'right',
|
128
|
+
chipType: 'default',
|
123
129
|
},
|
124
130
|
parameters: {
|
125
131
|
controls: {
|
@@ -143,6 +149,7 @@ const meta: Meta<StorySelectProps> = {
|
|
143
149
|
'optional',
|
144
150
|
'required',
|
145
151
|
'requiredPlacement',
|
152
|
+
'chipType',
|
146
153
|
],
|
147
154
|
},
|
148
155
|
},
|
@@ -381,7 +388,7 @@ const SingleStory = (args: StorySelectProps) => {
|
|
381
388
|
export const Single: StoryObj<StorySelectProps> = {
|
382
389
|
parameters: {
|
383
390
|
controls: {
|
384
|
-
exclude: ['chipView', 'isTargetAmount'],
|
391
|
+
exclude: ['chipView', 'isTargetAmount', 'chipType'],
|
385
392
|
},
|
386
393
|
},
|
387
394
|
render: (args) => <SingleStory {...args} />,
|
@@ -134,6 +134,10 @@ const meta: Meta<typeof TextField> = {
|
|
134
134
|
control: { type: 'text' },
|
135
135
|
if: { arg: 'hasHint', truthy: true },
|
136
136
|
},
|
137
|
+
chipType: {
|
138
|
+
control: 'select',
|
139
|
+
options: ['default', 'text'],
|
140
|
+
},
|
137
141
|
},
|
138
142
|
};
|
139
143
|
|
@@ -233,6 +237,11 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
233
237
|
hintWidth: '10rem',
|
234
238
|
hintHasArrow: true,
|
235
239
|
},
|
240
|
+
parameters: {
|
241
|
+
controls: {
|
242
|
+
exclude: ['chipType'],
|
243
|
+
},
|
244
|
+
},
|
236
245
|
render: (args) => <StoryDemo {...args} />,
|
237
246
|
};
|
238
247
|
|
@@ -288,6 +297,7 @@ export const Chips: StoryObj<StoryPropsChips> = {
|
|
288
297
|
args: {
|
289
298
|
...Default.args,
|
290
299
|
chips: ['1 value', '2 value', '3 value', '4 value'],
|
300
|
+
chipType: 'default',
|
291
301
|
},
|
292
302
|
render: (args) => <StoryChips {...args} />,
|
293
303
|
};
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import type { InputHTMLAttributes, ReactNode } from 'react';
|
2
|
-
import {
|
2
|
+
import { DistributiveOmit } from '../../types';
|
3
|
+
import { TextFieldPropsBase } from '../TextField/TextField.types';
|
3
4
|
export declare type SuggestionItemType = {
|
4
5
|
/**
|
5
6
|
* Метка-подпись к подсказке
|
@@ -84,5 +85,5 @@ export declare type BaseProps = {
|
|
84
85
|
*/
|
85
86
|
renderListEnd?: () => ReactNode;
|
86
87
|
};
|
87
|
-
export declare type AutocompleteProps = BaseProps &
|
88
|
+
export declare type AutocompleteProps = BaseProps & DistributiveOmit<TextFieldPropsBase, 'chips' | 'onChangeChips' | 'enumerationType' | 'chipType'> & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'>;
|
88
89
|
//# sourceMappingURL=Autocomplete.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Autocomplete.types.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,
|
1
|
+
{"version":3,"file":"Autocomplete.types.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAElE,oBAAY,kBAAkB,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAEF,oBAAY,SAAS,GAAG;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,OAAO,CAAC;IAC/C;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,kBAAkB,EAAE,KAAK,SAAS,CAAC;IACxD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,SAAS,CAAC;CACnC,CAAC;AAEF,oBAAY,iBAAiB,GAAG,SAAS,GACrC,gBAAgB,CAAC,kBAAkB,EAAE,OAAO,GAAG,eAAe,GAAG,iBAAiB,GAAG,UAAU,CAAC,GAChG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC"}
|
@@ -38,6 +38,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
|
|
38
38
|
onChangeChips?: undefined;
|
39
39
|
enumerationType?: "plain" | undefined;
|
40
40
|
onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
41
|
+
chipType?: undefined;
|
41
42
|
} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
42
43
|
size?: string | undefined;
|
43
44
|
view?: string | undefined;
|
@@ -77,6 +78,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
|
|
77
78
|
onSearch?: undefined;
|
78
79
|
chips?: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
|
79
80
|
onChangeChips?: ((value: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
|
81
|
+
chipType?: "text" | "default" | undefined;
|
80
82
|
} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
81
83
|
size?: string | undefined;
|
82
84
|
view?: string | undefined;
|
@@ -116,6 +118,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
|
|
116
118
|
onChangeChips?: undefined;
|
117
119
|
enumerationType?: "plain" | undefined;
|
118
120
|
onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
121
|
+
chipType?: undefined;
|
119
122
|
} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
120
123
|
size?: string | undefined;
|
121
124
|
view?: string | undefined;
|
@@ -155,6 +158,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
|
|
155
158
|
onSearch?: undefined;
|
156
159
|
chips?: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
|
157
160
|
onChangeChips?: ((value: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
|
161
|
+
chipType?: "text" | "default" | undefined;
|
158
162
|
} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
159
163
|
size?: string | undefined;
|
160
164
|
view?: string | undefined;
|
@@ -194,6 +198,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
|
|
194
198
|
onChangeChips?: undefined;
|
195
199
|
enumerationType?: "plain" | undefined;
|
196
200
|
onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
201
|
+
chipType?: undefined;
|
197
202
|
} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
198
203
|
size?: string | undefined;
|
199
204
|
view?: string | undefined;
|
@@ -233,6 +238,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
|
|
233
238
|
onSearch?: undefined;
|
234
239
|
chips?: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
|
235
240
|
onChangeChips?: ((value: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
|
241
|
+
chipType?: "text" | "default" | undefined;
|
236
242
|
} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
237
243
|
size?: string | undefined;
|
238
244
|
view?: string | undefined;
|
@@ -272,6 +278,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
|
|
272
278
|
onChangeChips?: undefined;
|
273
279
|
enumerationType?: "plain" | undefined;
|
274
280
|
onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
281
|
+
chipType?: undefined;
|
275
282
|
} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
276
283
|
size?: string | undefined;
|
277
284
|
view?: string | undefined;
|
@@ -311,6 +318,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
|
|
311
318
|
onSearch?: undefined;
|
312
319
|
chips?: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
|
313
320
|
onChangeChips?: ((value: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
|
321
|
+
chipType?: "text" | "default" | undefined;
|
314
322
|
} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
315
323
|
size?: string | undefined;
|
316
324
|
view?: string | undefined;
|
@@ -350,6 +358,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
|
|
350
358
|
onChangeChips?: undefined;
|
351
359
|
enumerationType?: "plain" | undefined;
|
352
360
|
onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
361
|
+
chipType?: undefined;
|
353
362
|
} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
354
363
|
size?: string | undefined;
|
355
364
|
view?: string | undefined;
|
@@ -389,6 +398,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
|
|
389
398
|
onSearch?: undefined;
|
390
399
|
chips?: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
|
391
400
|
onChangeChips?: ((value: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
|
401
|
+
chipType?: "text" | "default" | undefined;
|
392
402
|
} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
393
403
|
size?: string | undefined;
|
394
404
|
view?: string | undefined;
|
@@ -428,6 +438,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
|
|
428
438
|
onChangeChips?: undefined;
|
429
439
|
enumerationType?: "plain" | undefined;
|
430
440
|
onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
441
|
+
chipType?: undefined;
|
431
442
|
} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
432
443
|
size?: string | undefined;
|
433
444
|
view?: string | undefined;
|
@@ -467,6 +478,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
|
|
467
478
|
onSearch?: undefined;
|
468
479
|
chips?: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
|
469
480
|
onChangeChips?: ((value: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
|
481
|
+
chipType?: "text" | "default" | undefined;
|
470
482
|
} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
471
483
|
size?: string | undefined;
|
472
484
|
view?: string | undefined;
|
@@ -506,6 +518,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
|
|
506
518
|
onChangeChips?: undefined;
|
507
519
|
enumerationType?: "plain" | undefined;
|
508
520
|
onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
521
|
+
chipType?: undefined;
|
509
522
|
} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
510
523
|
size?: string | undefined;
|
511
524
|
view?: string | undefined;
|
@@ -545,6 +558,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
|
|
545
558
|
onSearch?: undefined;
|
546
559
|
chips?: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
|
547
560
|
onChangeChips?: ((value: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
|
561
|
+
chipType?: "text" | "default" | undefined;
|
548
562
|
} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
549
563
|
size?: string | undefined;
|
550
564
|
view?: string | undefined;
|
@@ -584,6 +598,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
|
|
584
598
|
onChangeChips?: undefined;
|
585
599
|
enumerationType?: "plain" | undefined;
|
586
600
|
onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
601
|
+
chipType?: undefined;
|
587
602
|
} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
588
603
|
size?: string | undefined;
|
589
604
|
view?: string | undefined;
|
@@ -623,5 +638,6 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
|
|
623
638
|
onSearch?: undefined;
|
624
639
|
chips?: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
|
625
640
|
onChangeChips?: ((value: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
|
641
|
+
chipType?: "text" | "default" | undefined;
|
626
642
|
} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>))>;
|
627
643
|
//# sourceMappingURL=TextField.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/ui/TextField/TextField.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,eAAe
|
1
|
+
{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/ui/TextField/TextField.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+IAoF3B,CAAC"}
|