@salutejs/plasma-new-hope 0.116.0-canary.1328.10268131365.0 → 0.116.0-canary.1332.10266696598.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Button/Button.css +8 -8
- package/cjs/components/Button/Button.styles.js +1 -1
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Button/{Button.styles_1sopr3d.css → Button.styles_1oz1dew.css} +2 -2
- package/cjs/components/Button/Button.tokens.js +0 -2
- package/cjs/components/Button/Button.tokens.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +8 -8
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +8 -8
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +8 -8
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +8 -8
- package/cjs/components/Drawer/Drawer.css +8 -8
- package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +8 -8
- package/cjs/components/EmptyState/EmptyState.css +8 -8
- package/cjs/components/IconButton/IconButton.css +8 -8
- package/cjs/components/Notification/Notification.css +8 -8
- package/cjs/components/Notification/NotificationsProvider.css +8 -8
- package/cjs/components/Pagination/Pagination.css +29 -29
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +8 -8
- package/cjs/components/Select/Select.css +30 -30
- package/cjs/components/Select/Select.js +32 -28
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +1 -1
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/{es/components/Select/Select.styles_1e7cbbz.css → cjs/components/Select/Select.styles_zx0ztg.css} +1 -1
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +31 -31
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +30 -30
- package/cjs/components/Select/ui/Target/Target.css +26 -26
- package/cjs/components/Select/ui/Target/Target.js +11 -7
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.css +14 -14
- package/cjs/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +2 -12
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/{es/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css → cjs/components/Select/ui/Target/ui/Button/Button.styles_nn6pg.css} +3 -3
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +21 -21
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -11
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/{es/components/Select/ui/Target/ui/Textfield/Textfield.styles_5mg7p7.css → cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_16d02b7.css} +1 -1
- package/cjs/components/Select/utils/getButtonLabel.js +13 -12
- package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
- package/cjs/components/Toast/Toast.css +8 -8
- package/cjs/components/Toast/ToastController.css +8 -8
- package/cjs/index.css +31 -31
- package/emotion/cjs/components/Button/Button.styles.js +8 -8
- package/emotion/cjs/components/Button/Button.tokens.js +0 -2
- package/emotion/cjs/components/Select/Select.js +32 -28
- package/emotion/cjs/components/Select/Select.styles.js +6 -6
- package/emotion/cjs/components/Select/Select.tokens.js +1 -1
- package/emotion/cjs/components/Select/ui/Target/Target.js +11 -7
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +5 -8
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -16
- package/emotion/cjs/components/Select/utils/getButtonLabel.js +13 -12
- package/emotion/es/components/Button/Button.styles.js +8 -8
- package/emotion/es/components/Button/Button.tokens.js +0 -2
- package/emotion/es/components/Select/Select.js +32 -28
- package/emotion/es/components/Select/Select.styles.js +6 -6
- package/emotion/es/components/Select/Select.tokens.js +1 -1
- package/emotion/es/components/Select/ui/Target/Target.js +11 -7
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +5 -8
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -16
- package/emotion/es/components/Select/utils/getButtonLabel.js +13 -12
- package/es/components/Button/Button.css +8 -8
- package/es/components/Button/Button.styles.js +1 -1
- package/es/components/Button/Button.styles.js.map +1 -1
- package/es/components/Button/{Button.styles_1sopr3d.css → Button.styles_1oz1dew.css} +2 -2
- package/es/components/Button/Button.tokens.js +0 -2
- package/es/components/Button/Button.tokens.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.css +8 -8
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +8 -8
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
- package/es/components/DatePicker/RangeDate/RangeDate.css +8 -8
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
- package/es/components/DatePicker/SingleDate/SingleDate.css +8 -8
- package/es/components/Drawer/Drawer.css +8 -8
- package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +8 -8
- package/es/components/EmptyState/EmptyState.css +8 -8
- package/es/components/IconButton/IconButton.css +8 -8
- package/es/components/Notification/Notification.css +8 -8
- package/es/components/Notification/NotificationsProvider.css +8 -8
- package/es/components/Pagination/Pagination.css +29 -29
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
- package/es/components/Panel/ui/PanelHeader/PanelHeader.css +8 -8
- package/es/components/Select/Select.css +30 -30
- package/es/components/Select/Select.js +32 -28
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +1 -1
- package/es/components/Select/Select.styles.js.map +1 -1
- package/{cjs/components/Select/Select.styles_1e7cbbz.css → es/components/Select/Select.styles_zx0ztg.css} +1 -1
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +31 -31
- package/es/components/Select/ui/Inner/ui/Item/Item.css +30 -30
- package/es/components/Select/ui/Target/Target.css +26 -26
- package/es/components/Select/ui/Target/Target.js +11 -7
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.css +14 -14
- package/es/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js +2 -12
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/{cjs/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css → es/components/Select/ui/Target/ui/Button/Button.styles_nn6pg.css} +3 -3
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +21 -21
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -11
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/{cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_5mg7p7.css → es/components/Select/ui/Target/ui/Textfield/Textfield.styles_16d02b7.css} +1 -1
- package/es/components/Select/utils/getButtonLabel.js +13 -12
- package/es/components/Select/utils/getButtonLabel.js.map +1 -1
- package/es/components/Toast/Toast.css +8 -8
- package/es/components/Toast/ToastController.css +8 -8
- package/es/index.css +31 -31
- package/package.json +2 -2
- package/styled-components/cjs/components/Button/Button.styles.js +2 -2
- package/styled-components/cjs/components/Button/Button.tokens.js +0 -2
- package/styled-components/cjs/components/Select/Select.js +32 -28
- package/styled-components/cjs/components/Select/Select.styles.js +1 -1
- package/styled-components/cjs/components/Select/Select.tokens.js +1 -1
- package/styled-components/cjs/components/Select/ui/Target/Target.js +11 -7
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +3 -6
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -4
- package/styled-components/cjs/components/Select/utils/getButtonLabel.js +13 -12
- package/styled-components/es/components/Button/Button.styles.js +2 -2
- package/styled-components/es/components/Button/Button.tokens.js +0 -2
- package/styled-components/es/components/Select/Select.js +32 -28
- package/styled-components/es/components/Select/Select.styles.js +1 -1
- package/styled-components/es/components/Select/Select.tokens.js +1 -1
- package/styled-components/es/components/Select/ui/Target/Target.js +11 -7
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +3 -6
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -4
- package/styled-components/es/components/Select/utils/getButtonLabel.js +13 -12
- package/types/components/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Button/Button.tokens.d.ts +0 -2
- package/types/components/Button/Button.tokens.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +4 -4
- package/types/components/Select/Select.types.d.ts +8 -12
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +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 -2
- package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts +2 -4
- package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +2 -2
- package/types/components/Select/ui/Target/ui/Button/Button.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 +2 -4
- 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 -3
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
- package/types/components/Select/utils/getButtonLabel.d.ts +1 -1
- package/types/components/Select/utils/getButtonLabel.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +4 -4
- package/types/examples/plasma_web/components/Select/Select.d.ts +4 -4
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem"];
|
1
|
+
var _excluded = ["multiselect", "value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "isTargetAmount", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem"];
|
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."); }
|
@@ -26,7 +26,9 @@ export var Context = /*#__PURE__*/createContext({});
|
|
26
26
|
*/
|
27
27
|
export var selectRoot = function selectRoot(Root) {
|
28
28
|
return /*#__PURE__*/forwardRef(function (props, ref) {
|
29
|
-
var
|
29
|
+
var _props$multiselect = props.multiselect,
|
30
|
+
multiselect = _props$multiselect === void 0 ? false : _props$multiselect,
|
31
|
+
outerValue = props.value,
|
30
32
|
outerOnChange = props.onChange,
|
31
33
|
_props$target = props.target,
|
32
34
|
target = _props$target === void 0 ? 'textfield-like' : _props$target,
|
@@ -38,6 +40,8 @@ export var selectRoot = function selectRoot(Root) {
|
|
38
40
|
labelPlacement = _props$labelPlacement === void 0 ? 'outer' : _props$labelPlacement,
|
39
41
|
placeholder = props.placeholder,
|
40
42
|
helperText = props.helperText,
|
43
|
+
_props$isTargetAmount = props.isTargetAmount,
|
44
|
+
isTargetAmount = _props$isTargetAmount === void 0 ? false : _props$isTargetAmount,
|
41
45
|
_props$disabled = props.disabled,
|
42
46
|
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
43
47
|
view = props.view,
|
@@ -54,7 +58,7 @@ export var selectRoot = function selectRoot(Root) {
|
|
54
58
|
renderValue = props.renderValue,
|
55
59
|
renderItem = props.renderItem,
|
56
60
|
rest = _objectWithoutProperties(props, _excluded);
|
57
|
-
var _useState = useState(outerValue ||
|
61
|
+
var _useState = useState(outerValue || multiselect ? [] : ''),
|
58
62
|
_useState2 = _slicedToArray(_useState, 2),
|
59
63
|
internalValue = _useState2[0],
|
60
64
|
setInternalValue = _useState2[1];
|
@@ -115,32 +119,30 @@ export var selectRoot = function selectRoot(Root) {
|
|
115
119
|
}
|
116
120
|
};
|
117
121
|
var handleCheckboxChange = function handleCheckboxChange(item) {
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
newValues.push(item.value);
|
132
|
-
}
|
133
|
-
});
|
134
|
-
if (onChange) {
|
135
|
-
onChange(newValues);
|
122
|
+
var checkedCopy = new Map(checked);
|
123
|
+
if (!checkedCopy.get(item.value.toString())) {
|
124
|
+
checkedCopy.set(item.value.toString(), true);
|
125
|
+
updateDescendants(item, checkedCopy, true);
|
126
|
+
} else {
|
127
|
+
checkedCopy.set(item.value.toString(), false);
|
128
|
+
updateDescendants(item, checkedCopy, false);
|
129
|
+
}
|
130
|
+
updateAncestors(item, checkedCopy);
|
131
|
+
var newValues = [];
|
132
|
+
valueToItemMap.forEach(function (item, key) {
|
133
|
+
if (checkedCopy.get(key)) {
|
134
|
+
newValues.push(item.value.toString());
|
136
135
|
}
|
136
|
+
});
|
137
|
+
if (onChange) {
|
138
|
+
onChange(newValues);
|
137
139
|
}
|
138
140
|
};
|
139
141
|
var handleItemClick = function handleItemClick(item, e) {
|
140
142
|
if (!isEmpty(item === null || item === void 0 ? void 0 : item.items)) {
|
141
143
|
return;
|
142
144
|
}
|
143
|
-
if (
|
145
|
+
if (multiselect) {
|
144
146
|
handleCheckboxChange(item);
|
145
147
|
} else {
|
146
148
|
if (e) {
|
@@ -166,7 +168,7 @@ export var selectRoot = function selectRoot(Root) {
|
|
166
168
|
var handlePressDown = function handlePressDown(item, e) {
|
167
169
|
if (isEmpty(item.items)) {
|
168
170
|
handleItemClick(item, e);
|
169
|
-
} else if (
|
171
|
+
} else if (multiselect) {
|
170
172
|
handleCheckboxChange(item);
|
171
173
|
}
|
172
174
|
};
|
@@ -178,7 +180,6 @@ export var selectRoot = function selectRoot(Root) {
|
|
178
180
|
}
|
179
181
|
};
|
180
182
|
var _useKeyNavigation = useKeyNavigation({
|
181
|
-
value: value,
|
182
183
|
focusedPath: focusedPath,
|
183
184
|
dispatchFocusedPath: dispatchFocusedPath,
|
184
185
|
path: path,
|
@@ -189,9 +190,10 @@ export var selectRoot = function selectRoot(Root) {
|
|
189
190
|
handlePressDown: handlePressDown,
|
190
191
|
focusedChipIndex: focusedChipIndex,
|
191
192
|
dispatchFocusedChipIndex: dispatchFocusedChipIndex,
|
193
|
+
value: value,
|
192
194
|
valueToItemMap: valueToItemMap,
|
193
|
-
multiselect:
|
194
|
-
isTargetAmount:
|
195
|
+
multiselect: multiselect,
|
196
|
+
isTargetAmount: isTargetAmount
|
195
197
|
}),
|
196
198
|
onKeyDown = _useKeyNavigation.onKeyDown;
|
197
199
|
var isCurrentListOpen = Boolean(path[0]);
|
@@ -225,7 +227,7 @@ export var selectRoot = function selectRoot(Root) {
|
|
225
227
|
value: {
|
226
228
|
focusedPath: focusedPath,
|
227
229
|
checked: checked,
|
228
|
-
multiselect:
|
230
|
+
multiselect: multiselect,
|
229
231
|
size: size,
|
230
232
|
handleCheckboxChange: handleCheckboxChange,
|
231
233
|
handleItemClick: handleItemClick,
|
@@ -242,7 +244,10 @@ export var selectRoot = function selectRoot(Root) {
|
|
242
244
|
trigger: "click",
|
243
245
|
target: /*#__PURE__*/React.createElement(Target, {
|
244
246
|
opened: isCurrentListOpen,
|
247
|
+
target: target,
|
245
248
|
value: value,
|
249
|
+
isTargetAmount: isTargetAmount,
|
250
|
+
multiselect: multiselect,
|
246
251
|
valueToItemMap: valueToItemMap,
|
247
252
|
focusedPath: focusedPath,
|
248
253
|
focusedToValueMap: focusedToValueMap,
|
@@ -252,7 +257,6 @@ export var selectRoot = function selectRoot(Root) {
|
|
252
257
|
onKeyDown: onKeyDown,
|
253
258
|
focusedChipIndex: focusedChipIndex,
|
254
259
|
labelPlacement: labelPlacement,
|
255
|
-
selectProps: props,
|
256
260
|
size: size,
|
257
261
|
contentLeft: contentLeft,
|
258
262
|
disabled: disabled,
|
@@ -10,7 +10,7 @@ export var StyledPopover = /*#__PURE__*/styled(Popover).withConfig({
|
|
10
10
|
})([".", ",.", "{width:100%;}"], /*#__PURE__*/String(popoverClasses.root), /*#__PURE__*/String(popoverClasses.target));
|
11
11
|
export var Ul = /*#__PURE__*/styled.ul.withConfig({
|
12
12
|
componentId: "plasma-new-hope__sc-le54jv-1"
|
13
|
-
})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], constants.background, constants.boxShadow, tokens.borderRadius, function (_ref) {
|
13
|
+
})(["box-sizing:border-box;background:var(", ");box-shadow:var(", ");border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], constants.background, constants.boxShadow, tokens.borderRadius, function (_ref) {
|
14
14
|
var listWidth = _ref.listWidth;
|
15
15
|
return listWidth || '100%';
|
16
16
|
}, function (_ref2) {
|
@@ -79,7 +79,7 @@ export var constants = {
|
|
79
79
|
focusColor: '--surface-accent',
|
80
80
|
focusSize: '0.0625rem',
|
81
81
|
background: '--surface-solid-card',
|
82
|
-
boxShadow: '
|
82
|
+
boxShadow: '--shadow-down-soft-s',
|
83
83
|
disclosureIconColor: '--text-secondary',
|
84
84
|
disclosureIconColorHover: '--text-secondary-hover',
|
85
85
|
itemBackground: '--plasma-colors-transparent',
|
@@ -2,6 +2,9 @@ import React from 'react';
|
|
2
2
|
import { Button, Textfield } from './ui';
|
3
3
|
export var Target = function Target(_ref) {
|
4
4
|
var value = _ref.value,
|
5
|
+
multiselect = _ref.multiselect,
|
6
|
+
isTargetAmount = _ref.isTargetAmount,
|
7
|
+
target = _ref.target,
|
5
8
|
opened = _ref.opened,
|
6
9
|
valueToItemMap = _ref.valueToItemMap,
|
7
10
|
onChipClick = _ref.onChipClick,
|
@@ -15,11 +18,12 @@ export var Target = function Target(_ref) {
|
|
15
18
|
disabled = _ref.disabled,
|
16
19
|
renderValue = _ref.renderValue,
|
17
20
|
focusedPath = _ref.focusedPath,
|
18
|
-
focusedToValueMap = _ref.focusedToValueMap
|
19
|
-
|
20
|
-
return selectProps.target === 'button-like' ? /*#__PURE__*/React.createElement(Button, {
|
21
|
+
focusedToValueMap = _ref.focusedToValueMap;
|
22
|
+
return target === 'button-like' ? /*#__PURE__*/React.createElement(Button, {
|
21
23
|
opened: opened,
|
22
24
|
value: value,
|
25
|
+
isTargetAmount: isTargetAmount,
|
26
|
+
multiselect: multiselect,
|
23
27
|
valueToItemMap: valueToItemMap,
|
24
28
|
onKeyDown: onKeyDown,
|
25
29
|
label: label,
|
@@ -27,11 +31,12 @@ export var Target = function Target(_ref) {
|
|
27
31
|
disabled: disabled,
|
28
32
|
renderValue: renderValue,
|
29
33
|
focusedPath: focusedPath,
|
30
|
-
focusedToValueMap: focusedToValueMap
|
31
|
-
selectProps: selectProps
|
34
|
+
focusedToValueMap: focusedToValueMap
|
32
35
|
}) : /*#__PURE__*/React.createElement(Textfield, {
|
33
36
|
opened: opened,
|
34
37
|
value: value,
|
38
|
+
isTargetAmount: isTargetAmount,
|
39
|
+
multiselect: multiselect,
|
35
40
|
valueToItemMap: valueToItemMap,
|
36
41
|
onChipClick: onChipClick,
|
37
42
|
label: label,
|
@@ -44,7 +49,6 @@ export var Target = function Target(_ref) {
|
|
44
49
|
disabled: disabled,
|
45
50
|
renderValue: renderValue,
|
46
51
|
focusedPath: focusedPath,
|
47
|
-
focusedToValueMap: focusedToValueMap
|
48
|
-
selectProps: selectProps
|
52
|
+
focusedToValueMap: focusedToValueMap
|
49
53
|
});
|
50
54
|
};
|
@@ -6,6 +6,8 @@ import { StyledButton, StyledArrow, Label, ButtonWrapper, IconArrowWrapper } fro
|
|
6
6
|
export var Button = function Button(_ref) {
|
7
7
|
var opened = _ref.opened,
|
8
8
|
value = _ref.value,
|
9
|
+
isTargetAmount = _ref.isTargetAmount,
|
10
|
+
multiselect = _ref.multiselect,
|
9
11
|
valueToItemMap = _ref.valueToItemMap,
|
10
12
|
onKeyDown = _ref.onKeyDown,
|
11
13
|
label = _ref.label,
|
@@ -13,8 +15,7 @@ export var Button = function Button(_ref) {
|
|
13
15
|
disabled = _ref.disabled,
|
14
16
|
renderValue = _ref.renderValue,
|
15
17
|
focusedPath = _ref.focusedPath,
|
16
|
-
focusedToValueMap = _ref.focusedToValueMap
|
17
|
-
selectProps = _ref.selectProps;
|
18
|
+
focusedToValueMap = _ref.focusedToValueMap;
|
18
19
|
var withArrowInverse = opened ? classes.arrowInverse : undefined;
|
19
20
|
var getActiveDescendant = function getActiveDescendant() {
|
20
21
|
var _focusedToValueMap$ge;
|
@@ -37,13 +38,13 @@ export var Button = function Button(_ref) {
|
|
37
38
|
"aria-controls": "tree_level_1",
|
38
39
|
"aria-expanded": opened,
|
39
40
|
"aria-activedescendant": getActiveDescendant(),
|
40
|
-
"aria-label": label
|
41
|
-
|
42
|
-
}, selectProps.renderTarget ? selectProps.renderTarget(value) : /*#__PURE__*/React.createElement(Label, null, getButtonLabel({
|
41
|
+
"aria-label": label
|
42
|
+
}, /*#__PURE__*/React.createElement(Label, null, getButtonLabel({
|
43
43
|
value: value,
|
44
|
+
isTargetAmount: isTargetAmount,
|
45
|
+
multiselect: multiselect,
|
44
46
|
valueToItemMap: valueToItemMap,
|
45
47
|
label: label,
|
46
|
-
renderValue: renderValue
|
47
|
-
selectProps: selectProps
|
48
|
+
renderValue: renderValue
|
48
49
|
}))));
|
49
50
|
};
|
@@ -8,10 +8,7 @@ var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
|
|
8
8
|
var Button = /*#__PURE__*/component(mergedButtonConfig);
|
9
9
|
export var StyledButton = /*#__PURE__*/styled(Button).withConfig({
|
10
10
|
componentId: "plasma-new-hope__sc-38cqi1-0"
|
11
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":600;", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");
|
12
|
-
var renderTarget = _ref.renderTarget;
|
13
|
-
return renderTarget ? 'auto' : "var(".concat(tokens.targetHeight, ")");
|
14
|
-
}, buttonTokens.buttonWidth, buttonTokens.buttonPadding, tokens.targetButtonPadding, buttonTokens.buttonRadius, tokens.borderRadius, buttonTokens.buttonFontFamily, tokens.fontFamily, buttonTokens.buttonFontSize, tokens.fontSize, buttonTokens.buttonFontStyle, tokens.fontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, tokens.fontLetterSpacing, buttonTokens.buttonLineHeight, tokens.fontLineHeight, buttonTokens.buttonDisabledOpacity, constants.opacity, buttonTokens.buttonFocusColor, constants.focusColor);
|
11
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":600;", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");"], buttonTokens.buttonColor, tokens.targetButtonColor, buttonTokens.buttonColorHover, tokens.targetButtonColorHover, buttonTokens.buttonColorActive, tokens.targetButtonColorActive, buttonTokens.buttonBackgroundColor, tokens.targetButtonBackgroundColor, buttonTokens.buttonBackgroundColorHover, tokens.targetButtonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive, tokens.targetButtonBackgroundColorActive, buttonTokens.buttonRightContentMargin, tokens.targetButtonArrowMargin, buttonTokens.buttonHeight, tokens.targetHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, tokens.targetButtonPadding, buttonTokens.buttonRadius, tokens.borderRadius, buttonTokens.buttonFontFamily, tokens.fontFamily, buttonTokens.buttonFontSize, tokens.fontSize, buttonTokens.buttonFontStyle, tokens.fontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, tokens.fontLetterSpacing, buttonTokens.buttonLineHeight, tokens.fontLineHeight, buttonTokens.buttonDisabledOpacity, constants.opacity, buttonTokens.buttonFocusColor, constants.focusColor);
|
15
12
|
export var IconArrowWrapper = /*#__PURE__*/styled.div.withConfig({
|
16
13
|
componentId: "plasma-new-hope__sc-38cqi1-1"
|
17
14
|
})(["line-height:0;color:var(", ");&:hover{color:var(", ");}&:active{color:var(", ");}"], tokens.targetButtonArrowColor, tokens.targetButtonArrowColorHover, tokens.targetButtonArrowColorActive);
|
@@ -20,7 +17,7 @@ export var StyledArrow = /*#__PURE__*/styled(IconDisclosureDownCentered).withCon
|
|
20
17
|
})(["transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;"]);
|
21
18
|
export var ButtonWrapper = /*#__PURE__*/styled.div.withConfig({
|
22
19
|
componentId: "plasma-new-hope__sc-38cqi1-3"
|
23
|
-
})(["display:inline;.", "::before{box-shadow:none !important;}
|
20
|
+
})(["display:inline;.", "::before{box-shadow:none !important;}"], classes.selectWithoutBoxShadow);
|
24
21
|
export var Label = /*#__PURE__*/styled.div.withConfig({
|
25
22
|
componentId: "plasma-new-hope__sc-38cqi1-4"
|
26
|
-
})(["display:inline;width:100%;text-align:left;", ""], /*#__PURE__*/applyEllipsis());
|
23
|
+
})(["display:inline;width:100%;text-align:left;", " .", "{transform:rotate(-180deg);}"], /*#__PURE__*/applyEllipsis(), classes.arrowInverse);
|
@@ -49,6 +49,8 @@ var getLabel = function getLabel(_ref) {
|
|
49
49
|
export var Textfield = function Textfield(_ref2) {
|
50
50
|
var opened = _ref2.opened,
|
51
51
|
value = _ref2.value,
|
52
|
+
isTargetAmount = _ref2.isTargetAmount,
|
53
|
+
multiselect = _ref2.multiselect,
|
52
54
|
valueToItemMap = _ref2.valueToItemMap,
|
53
55
|
onChipClick = _ref2.onChipClick,
|
54
56
|
label = _ref2.label,
|
@@ -61,8 +63,7 @@ export var Textfield = function Textfield(_ref2) {
|
|
61
63
|
disabled = _ref2.disabled,
|
62
64
|
renderValue = _ref2.renderValue,
|
63
65
|
focusedPath = _ref2.focusedPath,
|
64
|
-
focusedToValueMap = _ref2.focusedToValueMap
|
65
|
-
selectProps = _ref2.selectProps;
|
66
|
+
focusedToValueMap = _ref2.focusedToValueMap;
|
66
67
|
var withArrowInverse = opened ? classes.arrowInverse : undefined;
|
67
68
|
var getActiveDescendant = function getActiveDescendant() {
|
68
69
|
var _focusedToValueMap$ge;
|
@@ -83,20 +84,19 @@ export var Textfield = function Textfield(_ref2) {
|
|
83
84
|
"aria-controls": "tree_level_1",
|
84
85
|
"aria-expanded": opened,
|
85
86
|
"aria-activedescendant": getActiveDescendant(),
|
86
|
-
"aria-label": label
|
87
|
-
|
88
|
-
}, /*#__PURE__*/React.createElement(Wrapper, null, selectProps !== null && selectProps !== void 0 && selectProps.renderTarget ? selectProps.renderTarget(value) : /*#__PURE__*/React.createElement(React.Fragment, null, contentLeft && (!selectProps.multiselect || isEmpty(value)) && /*#__PURE__*/React.createElement(ContentLeftWrapper, null, contentLeft), /*#__PURE__*/React.createElement(ChipWrapper, null, getLabel({
|
87
|
+
"aria-label": label
|
88
|
+
}, /*#__PURE__*/React.createElement(Wrapper, null, contentLeft && (!multiselect || isEmpty(value)) && /*#__PURE__*/React.createElement(ContentLeftWrapper, null, contentLeft), /*#__PURE__*/React.createElement(ChipWrapper, null, getLabel({
|
89
89
|
value: value,
|
90
|
+
isTargetAmount: isTargetAmount,
|
90
91
|
valueToItemMap: valueToItemMap,
|
91
92
|
onChipClick: onChipClick,
|
92
|
-
focusedChipIndex: focusedChipIndex,
|
93
93
|
label: label,
|
94
|
-
labelPlacement: labelPlacement,
|
95
94
|
placeholder: placeholder,
|
96
|
-
|
97
|
-
|
98
|
-
size: size
|
99
|
-
|
95
|
+
focusedChipIndex: focusedChipIndex,
|
96
|
+
labelPlacement: labelPlacement,
|
97
|
+
size: size,
|
98
|
+
renderValue: renderValue
|
99
|
+
})), /*#__PURE__*/React.createElement(IconArrowWrapper, null, /*#__PURE__*/React.createElement(StyledArrow, {
|
100
100
|
size: sizeToIconSize(size),
|
101
101
|
color: "inherit",
|
102
102
|
className: cx(classes.selectTargetArrow, withArrowInverse)
|
@@ -18,10 +18,7 @@ export var TextfieldWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
18
18
|
}, classes.selectWithoutBoxShadow);
|
19
19
|
export var StyledButton = /*#__PURE__*/styled(Button).withConfig({
|
20
20
|
componentId: "plasma-new-hope__sc-1akl2tk-1"
|
21
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");box-shadow:inset 0 0 0 ", " var(", ");
|
22
|
-
var renderTarget = _ref3.renderTarget;
|
23
|
-
return renderTarget ? 'auto' : "var(".concat(tokens.targetHeight, ")");
|
24
|
-
}, buttonTokens.buttonWidth, buttonTokens.buttonPadding, tokens.targetTextfieldPadding, buttonTokens.buttonRadius, tokens.borderRadius, buttonTokens.buttonFontFamily, tokens.fontFamily, buttonTokens.buttonFontSize, tokens.fontSize, buttonTokens.buttonFontStyle, tokens.fontStyle, buttonTokens.buttonFontWeight, tokens.fontWeight, buttonTokens.buttonLetterSpacing, tokens.fontLetterSpacing, buttonTokens.buttonLineHeight, tokens.fontLineHeight, buttonTokens.buttonDisabledOpacity, constants.opacity, buttonTokens.buttonFocusColor, constants.focusColor, constants.textfieldBorderSize, tokens.targetTextfieldBorderColor, /*#__PURE__*/addFocus({
|
21
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");box-shadow:inset 0 0 0 ", " var(", ");", ""], buttonTokens.buttonColor, constants.textfieldTargetColor, buttonTokens.buttonColorHover, constants.textfieldTargetColor, buttonTokens.buttonColorActive, constants.textfieldTargetColor, buttonTokens.buttonHeight, tokens.targetHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, tokens.targetTextfieldPadding, buttonTokens.buttonRadius, tokens.borderRadius, buttonTokens.buttonFontFamily, tokens.fontFamily, buttonTokens.buttonFontSize, tokens.fontSize, buttonTokens.buttonFontStyle, tokens.fontStyle, buttonTokens.buttonFontWeight, tokens.fontWeight, buttonTokens.buttonLetterSpacing, tokens.fontLetterSpacing, buttonTokens.buttonLineHeight, tokens.fontLineHeight, buttonTokens.buttonDisabledOpacity, constants.opacity, buttonTokens.buttonFocusColor, constants.focusColor, constants.textfieldBorderSize, tokens.targetTextfieldBorderColor, /*#__PURE__*/addFocus({
|
25
22
|
outlineOffset: constants.textfieldBorderSize,
|
26
23
|
outlineSize: constants.focusSize,
|
27
24
|
outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.borderRadius, ") - ").concat(constants.textfieldBorderSize, ")"),
|
@@ -1,30 +1,31 @@
|
|
1
1
|
import { isEmpty } from '../../../utils';
|
2
2
|
var getLabel = function getLabel(_ref) {
|
3
|
-
var
|
4
|
-
|
5
|
-
|
3
|
+
var renderValue = _ref.renderValue,
|
4
|
+
value = _ref.value,
|
5
|
+
valueToItemMap = _ref.valueToItemMap;
|
6
6
|
var _ref2 = valueToItemMap.get(value === null || value === void 0 ? void 0 : value.toString()),
|
7
7
|
label = _ref2.label;
|
8
8
|
return renderValue ? renderValue(value, label) : label;
|
9
9
|
};
|
10
10
|
export var getButtonLabel = function getButtonLabel(_ref3) {
|
11
11
|
var value = _ref3.value,
|
12
|
-
valueToItemMap = _ref3.valueToItemMap,
|
13
12
|
label = _ref3.label,
|
14
|
-
|
15
|
-
|
13
|
+
isTargetAmount = _ref3.isTargetAmount,
|
14
|
+
multiselect = _ref3.multiselect,
|
15
|
+
valueToItemMap = _ref3.valueToItemMap,
|
16
|
+
renderValue = _ref3.renderValue;
|
16
17
|
if (isEmpty(value)) {
|
17
|
-
return label
|
18
|
+
return label;
|
18
19
|
}
|
19
|
-
if (
|
20
|
+
if (multiselect && isTargetAmount) {
|
20
21
|
return "\u0412\u044B\u0431\u0440\u0430\u043D\u043E: ".concat(value.length);
|
21
22
|
}
|
22
|
-
if (
|
23
|
-
return value
|
23
|
+
if (multiselect && Array.isArray(value)) {
|
24
|
+
return value.map(function (itemValue) {
|
24
25
|
return getLabel({
|
26
|
+
renderValue: renderValue,
|
25
27
|
value: itemValue,
|
26
|
-
valueToItemMap: valueToItemMap
|
27
|
-
renderValue: renderValue
|
28
|
+
valueToItemMap: valueToItemMap
|
28
29
|
});
|
29
30
|
}).join(', ');
|
30
31
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":";AAaA,eAAO,MAAM,UAAU,uKAWtB,CAAC;AAEF,eAAO,MAAM,WAAW,uKAQvB,CAAC;AAGF,eAAO,MAAM,QAAQ;oBAAgC,MAAM;;EAO1D,CAAC;AAEF,eAAO,MAAM,MAAM,qKAElB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oDAGzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,
|
1
|
+
{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":";AAaA,eAAO,MAAM,UAAU,uKAWtB,CAAC;AAEF,eAAO,MAAM,WAAW,uKAQvB,CAAC;AAGF,eAAO,MAAM,QAAQ;oBAAgC,MAAM;;EAO1D,CAAC;AAEF,eAAO,MAAM,MAAM,qKAElB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oDAGzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAG7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAG9B,CAAC;AAEF,eAAO,MAAM,IAAI,0CA0BhB,CAAC;AAGF,eAAO,MAAM,WAAW,QA6FvB,CAAC"}
|
@@ -29,9 +29,7 @@ export declare const tokens: {
|
|
29
29
|
buttonLetterSpacing: string;
|
30
30
|
buttonLineHeight: string;
|
31
31
|
buttonLeftContentMargin: string;
|
32
|
-
buttonLeftContentAlignSelf: string;
|
33
32
|
buttonRightContentMargin: string;
|
34
|
-
buttonRightContentAlignSelf: string;
|
35
33
|
buttonValueMargin: string;
|
36
34
|
buttonDisabledOpacity: string;
|
37
35
|
buttonFocusColor: string;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC;AAEF,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"Button.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiClB,CAAC"}
|
package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts
CHANGED
@@ -5,11 +5,11 @@ export declare const SelectPerPageSelect: import("@linaria/react").StyledMeta &
|
|
5
5
|
value?: string | undefined;
|
6
6
|
onChange?: ((value: string) => void) | undefined;
|
7
7
|
isTargetAmount?: false | undefined;
|
8
|
-
renderTarget?: ((value: string) => import("react").ReactNode) | undefined;
|
9
8
|
} & {
|
10
9
|
target?: "textfield-like" | undefined;
|
11
10
|
view?: "default" | "warning" | "positive" | "negative" | undefined;
|
12
11
|
contentLeft?: import("react").ReactNode;
|
12
|
+
label?: string | undefined;
|
13
13
|
labelPlacement?: "inner" | "outer" | undefined;
|
14
14
|
placeholder?: string | undefined;
|
15
15
|
helperText?: string | undefined;
|
@@ -18,11 +18,11 @@ export declare const SelectPerPageSelect: import("@linaria/react").StyledMeta &
|
|
18
18
|
value?: string | undefined;
|
19
19
|
onChange?: ((value: string) => void) | undefined;
|
20
20
|
isTargetAmount?: false | undefined;
|
21
|
-
renderTarget?: ((value: string) => import("react").ReactNode) | undefined;
|
22
21
|
} & {
|
23
22
|
target?: "button-like" | undefined;
|
24
23
|
view?: "default" | "black" | "white" | "dark" | "clear" | "accent" | "secondary" | "warning" | "positive" | "negative" | undefined;
|
25
24
|
contentLeft?: undefined;
|
25
|
+
label?: undefined;
|
26
26
|
labelPlacement?: undefined;
|
27
27
|
placeholder?: undefined;
|
28
28
|
helperText?: undefined;
|
@@ -31,11 +31,11 @@ export declare const SelectPerPageSelect: import("@linaria/react").StyledMeta &
|
|
31
31
|
value?: string[] | undefined;
|
32
32
|
onChange?: ((value: string[]) => void) | undefined;
|
33
33
|
isTargetAmount?: boolean | undefined;
|
34
|
-
renderTarget?: ((value: string[]) => import("react").ReactNode) | undefined;
|
35
34
|
} & {
|
36
35
|
target?: "textfield-like" | undefined;
|
37
36
|
view?: "default" | "warning" | "positive" | "negative" | undefined;
|
38
37
|
contentLeft?: import("react").ReactNode;
|
38
|
+
label?: string | undefined;
|
39
39
|
labelPlacement?: "inner" | "outer" | undefined;
|
40
40
|
placeholder?: string | undefined;
|
41
41
|
helperText?: string | undefined;
|
@@ -44,11 +44,11 @@ export declare const SelectPerPageSelect: import("@linaria/react").StyledMeta &
|
|
44
44
|
value?: string[] | undefined;
|
45
45
|
onChange?: ((value: string[]) => void) | undefined;
|
46
46
|
isTargetAmount?: boolean | undefined;
|
47
|
-
renderTarget?: ((value: string[]) => import("react").ReactNode) | undefined;
|
48
47
|
} & {
|
49
48
|
target?: "button-like" | undefined;
|
50
49
|
view?: "default" | "black" | "white" | "dark" | "clear" | "accent" | "secondary" | "warning" | "positive" | "negative" | undefined;
|
51
50
|
contentLeft?: undefined;
|
51
|
+
label?: undefined;
|
52
52
|
labelPlacement?: undefined;
|
53
53
|
placeholder?: undefined;
|
54
54
|
helperText?: undefined;
|
@@ -16,6 +16,10 @@ declare type Target = {
|
|
16
16
|
* Слот для контента слева.
|
17
17
|
*/
|
18
18
|
contentLeft?: React.ReactNode;
|
19
|
+
/**
|
20
|
+
* Метка-подпись к элементу.
|
21
|
+
*/
|
22
|
+
label?: string;
|
19
23
|
/**
|
20
24
|
* Расположение лейбла.
|
21
25
|
* @default outer
|
@@ -33,6 +37,7 @@ declare type Target = {
|
|
33
37
|
target?: 'button-like';
|
34
38
|
view?: 'default' | 'accent' | 'secondary' | 'clear' | 'positive' | 'warning' | 'negative' | 'dark' | 'black' | 'white';
|
35
39
|
contentLeft?: never;
|
40
|
+
label?: never;
|
36
41
|
labelPlacement?: never;
|
37
42
|
placeholder?: never;
|
38
43
|
helperText?: never;
|
@@ -46,16 +51,11 @@ declare type IsMultiselect = {
|
|
46
51
|
* @default false
|
47
52
|
*/
|
48
53
|
isTargetAmount?: never | false;
|
49
|
-
/**
|
50
|
-
* Callback для кастомной настройки таргета целиком.
|
51
|
-
*/
|
52
|
-
renderTarget?: (value: string) => React.ReactNode;
|
53
54
|
} | {
|
54
55
|
multiselect: true;
|
55
56
|
value?: Array<string>;
|
56
57
|
onChange?: (value: Array<string>) => void;
|
57
58
|
isTargetAmount?: boolean;
|
58
|
-
renderTarget?: (value: Array<string>) => React.ReactNode;
|
59
59
|
};
|
60
60
|
export interface BasicProps {
|
61
61
|
/**
|
@@ -67,10 +67,6 @@ export interface BasicProps {
|
|
67
67
|
* @default bottom
|
68
68
|
*/
|
69
69
|
placement?: SelectPlacement | Array<SelectPlacementBasic>;
|
70
|
-
/**
|
71
|
-
* Метка-подпись к элементу.
|
72
|
-
*/
|
73
|
-
label?: string;
|
74
70
|
/**
|
75
71
|
* Компонент неактивен.
|
76
72
|
* @default false
|
@@ -105,11 +101,11 @@ export interface BasicProps {
|
|
105
101
|
*/
|
106
102
|
portal?: string | React.RefObject<HTMLElement>;
|
107
103
|
/**
|
108
|
-
* Callback для кастомной настройки значения в
|
104
|
+
* Callback для кастомной настройки значения в селекте
|
109
105
|
*/
|
110
106
|
renderValue?: (value: ItemOption['value'], label: ItemOption['label']) => string;
|
111
107
|
/**
|
112
|
-
* Callback для кастомной настройки айтема в выпадающем
|
108
|
+
* Callback для кастомной настройки айтема в выпадающем списке
|
113
109
|
*/
|
114
110
|
renderItem?: (value: ItemOption['value'], label: ItemOption['label']) => React.ReactNode;
|
115
111
|
/**
|
@@ -129,7 +125,7 @@ export declare type SelectProps = BasicProps & IsMultiselect & Target & Omit<But
|
|
129
125
|
export declare type ItemContext = {
|
130
126
|
focusedPath: FocusedPathState;
|
131
127
|
checked: ValueToCheckedMapType;
|
132
|
-
multiselect:
|
128
|
+
multiselect: boolean;
|
133
129
|
size: SelectProps['size'];
|
134
130
|
handleCheckboxChange: (item: ItemOptionTransformed) => void;
|
135
131
|
handleItemClick: (item: ItemOptionTransformed, e: React.MouseEvent<HTMLElement>) => void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAClF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,oBAAY,oBAAoB,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AACvE,oBAAY,eAAe,GAAG,oBAAoB,GAAG,MAAM,CAAC;AAE5D,aAAK,MAAM,GACL;IACI;;;OAGG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IACvD;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACnC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,GACD;IACI,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EACC,SAAS,GACT,QAAQ,GACR,WAAW,GACX,OAAO,GACP,UAAU,GACV,SAAS,GACT,UAAU,GACV,MAAM,GACN,OAAO,GACP,OAAO,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,cAAc,CAAC,EAAE,KAAK,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,UAAU,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAER,aAAK,aAAa,GACZ;IACI,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;
|
1
|
+
{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"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"}
|
@@ -32,7 +32,7 @@ interface Props {
|
|
32
32
|
dispatchFocusedChipIndex: Dispatch<FocusedChipIndexAction>;
|
33
33
|
value: string | string[];
|
34
34
|
valueToItemMap: ValueToItemMapType;
|
35
|
-
multiselect:
|
35
|
+
multiselect: boolean;
|
36
36
|
isTargetAmount: SelectProps['isTargetAmount'];
|
37
37
|
}
|
38
38
|
interface ReturnedProps {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACH,UAAU,EACV,SAAS,EACT,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,sBAAsB,EACzB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAIvF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;CAchB,CAAC;AAQF,UAAU,KAAK;IACX,WAAW,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IACjD,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IACnC,OAAO,EAAE,WAAW,CAAC;IACrB,iBAAiB,EAAE,qBAAqB,CAAC;IACzC,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,eAAe,EAAE,CAAC,IAAI,EAAE,qBAAqB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1F,gBAAgB,EAAE,qBAAqB,CAAC;IACxC,wBAAwB,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC;IAC3D,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,cAAc,EAAE,kBAAkB,CAAC;IACnC,WAAW,EAAE,
|
1
|
+
{"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACH,UAAU,EACV,SAAS,EACT,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,sBAAsB,EACzB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAIvF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;CAchB,CAAC;AAQF,UAAU,KAAK;IACX,WAAW,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IACjD,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IACnC,OAAO,EAAE,WAAW,CAAC;IACrB,iBAAiB,EAAE,qBAAqB,CAAC;IACzC,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,eAAe,EAAE,CAAC,IAAI,EAAE,qBAAqB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1F,gBAAgB,EAAE,qBAAqB,CAAC;IACxC,wBAAwB,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC;IAC3D,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,cAAc,EAAE,kBAAkB,CAAC;IACnC,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;CACjD;AAED,UAAU,aAAa;IACnB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,gBAAgB,yNAe1B,KAAK,KAAG,aAiQV,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Target.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/ui/Target/Target.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,
|
1
|
+
{"version":3,"file":"Target.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/ui/Target/Target.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwDxC,CAAC"}
|
@@ -2,7 +2,7 @@ import type { KeyboardEvent } from 'react';
|
|
2
2
|
import type { ValueToItemMapType, FocusedToValueMapType } from '../../hooks/usePathMaps';
|
3
3
|
import type { SelectProps } from '../../Select.types';
|
4
4
|
import { FocusedChipIndexState, FocusedPathState } from '../../reducers';
|
5
|
-
export declare type TargetProps = Pick<SelectProps, 'size' | 'label' | 'labelPlacement' | 'placeholder' | 'contentLeft' | 'disabled' | 'renderValue'> & {
|
5
|
+
export declare type TargetProps = Pick<SelectProps, 'size' | 'multiselect' | 'isTargetAmount' | 'target' | 'label' | 'labelPlacement' | 'placeholder' | 'contentLeft' | 'disabled' | 'renderValue'> & {
|
6
6
|
value: string | string[];
|
7
7
|
opened: boolean;
|
8
8
|
valueToItemMap: ValueToItemMapType;
|
@@ -11,6 +11,5 @@ export declare type TargetProps = Pick<SelectProps, 'size' | 'label' | 'labelPla
|
|
11
11
|
focusedChipIndex: FocusedChipIndexState;
|
12
12
|
focusedPath: FocusedPathState;
|
13
13
|
focusedToValueMap: FocusedToValueMapType;
|
14
|
-
selectProps: SelectProps;
|
15
14
|
};
|
16
15
|
//# sourceMappingURL=Target.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Target.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/ui/Target/Target.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEzE,oBAAY,WAAW,GAAG,IAAI,CAC1B,WAAW,
|
1
|
+
{"version":3,"file":"Target.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/ui/Target/Target.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEzE,oBAAY,WAAW,GAAG,IAAI,CAC1B,WAAW,EACT,MAAM,GACN,aAAa,GACb,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,UAAU,GACV,aAAa,CAClB,GAAG;IACA,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE,kBAAkB,CAAC;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACvD,gBAAgB,EAAE,qBAAqB,CAAC;IACxC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,iBAAiB,EAAE,qBAAqB,CAAC;CAC5C,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Select/ui/Target/ui/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Select/ui/Target/ui/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwDxC,CAAC"}
|
@@ -1,7 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
export declare const StyledButton: import("@linaria/react").
|
3
|
-
renderTarget: boolean;
|
4
|
-
} & (import("../../../../../../engines/types").PropsType<import("../../../../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../../../../types").AsProps<any> & {
|
2
|
+
export declare const StyledButton: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../../../engines/types").PropsType<import("../../../../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../../../../types").AsProps<any> & {
|
5
3
|
text?: string | undefined;
|
6
4
|
contentLeft?: import("react").ReactNode;
|
7
5
|
contentPlacing?: ("default" | "relaxed") | undefined;
|
@@ -43,7 +41,7 @@ export declare const StyledButton: import("@linaria/react").StyledComponent<{
|
|
43
41
|
} & {
|
44
42
|
value?: undefined;
|
45
43
|
contentRight?: import("react").ReactNode;
|
46
|
-
} & import("react").RefAttributes<HTMLButtonElement>))
|
44
|
+
} & import("react").RefAttributes<HTMLButtonElement>))>;
|
47
45
|
export declare const IconArrowWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
48
46
|
export declare const StyledArrow: import("@linaria/react").StyledMeta & import("react").FC<import("../../../../../_Icon/IconRoot").IconProps>;
|
49
47
|
export declare const ButtonWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|