@salutejs/plasma-new-hope 0.122.1-canary.1362.10423909326.0 → 0.123.0-canary.1349.10433909980.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.js +1 -1
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +13 -13
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +13 -13
- package/cjs/components/Select/Select.css +13 -13
- package/cjs/components/Select/Select.js +15 -7
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +25 -16
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/{Select.styles_1e7cbbz.css → Select.styles_hzoeqc.css} +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/hooks/usePathMaps.js +2 -2
- package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +13 -13
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +13 -13
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js +13 -5
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +15 -6
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/{Item.styles_y3jg1m.css → Item.styles_baxa65.css} +1 -1
- package/cjs/components/Select/ui/Target/Target.js +4 -2
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.js +3 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -5
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/utils/getButtonLabel.js +5 -5
- package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
- package/cjs/components/Select/utils/getView.js +27 -0
- package/cjs/components/Select/utils/getView.js.map +1 -0
- package/cjs/components/Select/utils/initialItemsTransform.js.map +1 -1
- package/cjs/components/Select/utils/updateAncestors.js.map +1 -1
- package/cjs/components/Select/utils/updateDescendants.js.map +1 -1
- package/cjs/components/Select/utils/updateSingleAncestors.js.map +1 -1
- package/cjs/components/Tabs/ui/TabItem/TabItem.js.map +1 -1
- package/cjs/index.css +13 -13
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +1 -1
- package/emotion/cjs/components/Select/Select.js +15 -7
- package/emotion/cjs/components/Select/Select.styles.js +16 -13
- package/emotion/cjs/components/Select/hooks/usePathMaps.js +2 -2
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +13 -5
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +14 -11
- package/emotion/cjs/components/Select/ui/Target/Target.js +4 -2
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +3 -1
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -5
- package/emotion/cjs/components/Select/utils/getButtonLabel.js +5 -5
- package/emotion/cjs/components/Select/utils/getView.js +26 -0
- package/emotion/cjs/components/Select/utils/index.js +8 -1
- package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx +9 -5
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +38 -21
- package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +38 -21
- package/emotion/es/components/Autocomplete/Autocomplete.js +1 -1
- package/emotion/es/components/Select/Select.js +16 -8
- package/emotion/es/components/Select/Select.styles.js +16 -13
- package/emotion/es/components/Select/hooks/usePathMaps.js +2 -2
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +13 -5
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +14 -11
- package/emotion/es/components/Select/ui/Target/Target.js +4 -2
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +3 -1
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -5
- package/emotion/es/components/Select/utils/getButtonLabel.js +5 -5
- package/emotion/es/components/Select/utils/getView.js +20 -0
- package/emotion/es/components/Select/utils/index.js +2 -1
- package/emotion/es/components/Tabs/Tabs.template-doc.mdx +9 -5
- package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +38 -21
- package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +38 -21
- package/es/components/Autocomplete/Autocomplete.js +1 -1
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Pagination/Pagination.css +13 -13
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +13 -13
- package/es/components/Select/Select.css +13 -13
- package/es/components/Select/Select.js +15 -7
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +25 -16
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/{Select.styles_1e7cbbz.css → Select.styles_hzoeqc.css} +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/hooks/usePathMaps.js +2 -2
- package/es/components/Select/hooks/usePathMaps.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +13 -13
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.css +13 -13
- package/es/components/Select/ui/Inner/ui/Item/Item.js +13 -5
- package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +15 -6
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/{Item.styles_y3jg1m.css → Item.styles_baxa65.css} +1 -1
- package/es/components/Select/ui/Target/Target.js +4 -2
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.js +3 -1
- package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -5
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/utils/getButtonLabel.js +5 -5
- package/es/components/Select/utils/getButtonLabel.js.map +1 -1
- package/es/components/Select/utils/getView.js +23 -0
- package/es/components/Select/utils/getView.js.map +1 -0
- package/es/components/Select/utils/initialItemsTransform.js.map +1 -1
- package/es/components/Select/utils/updateAncestors.js.map +1 -1
- package/es/components/Select/utils/updateDescendants.js.map +1 -1
- package/es/components/Select/utils/updateSingleAncestors.js.map +1 -1
- package/es/components/Tabs/ui/TabItem/TabItem.js.map +1 -1
- package/es/index.css +13 -13
- package/package.json +2 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +1 -1
- package/styled-components/cjs/components/Select/Select.js +15 -7
- package/styled-components/cjs/components/Select/Select.styles.js +12 -9
- package/styled-components/cjs/components/Select/hooks/usePathMaps.js +2 -2
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +13 -5
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +6 -3
- package/styled-components/cjs/components/Select/ui/Target/Target.js +4 -2
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +3 -1
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -5
- package/styled-components/cjs/components/Select/utils/getButtonLabel.js +5 -5
- package/styled-components/cjs/components/Select/utils/getView.js +26 -0
- package/styled-components/cjs/components/Select/utils/index.js +8 -1
- package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +9 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +38 -21
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +38 -21
- package/styled-components/es/components/Autocomplete/Autocomplete.js +1 -1
- package/styled-components/es/components/Select/Select.js +16 -8
- package/styled-components/es/components/Select/Select.styles.js +12 -9
- package/styled-components/es/components/Select/hooks/usePathMaps.js +2 -2
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +13 -5
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +6 -3
- package/styled-components/es/components/Select/ui/Target/Target.js +4 -2
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +3 -1
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -5
- package/styled-components/es/components/Select/utils/getButtonLabel.js +5 -5
- package/styled-components/es/components/Select/utils/getView.js +20 -0
- package/styled-components/es/components/Select/utils/index.js +2 -1
- package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +9 -5
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +38 -21
- package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +38 -21
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +123 -27
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts +3 -3
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.styles.d.ts +3 -1
- package/types/components/Select/Select.styles.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +140 -11
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts +6 -6
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Select/hooks/usePathMaps.d.ts +6 -6
- package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
- package/types/components/Select/index.d.ts +1 -1
- package/types/components/Select/index.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/Inner.type.d.ts +4 -4
- package/types/components/Select/ui/Inner/Inner.type.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +3 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +18 -3
- package/types/components/Select/ui/Inner/ui/Item/Item.types.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 +4 -3
- 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/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Select/utils/getView.d.ts +3 -0
- package/types/components/Select/utils/getView.d.ts.map +1 -0
- package/types/components/Select/utils/index.d.ts +1 -0
- package/types/components/Select/utils/index.d.ts.map +1 -1
- package/types/components/Select/utils/initialItemsTransform.d.ts +2 -2
- package/types/components/Select/utils/initialItemsTransform.d.ts.map +1 -1
- package/types/components/Select/utils/updateAncestors.d.ts +2 -2
- package/types/components/Select/utils/updateAncestors.d.ts.map +1 -1
- package/types/components/Select/utils/updateDescendants.d.ts +2 -2
- package/types/components/Select/utils/updateDescendants.d.ts.map +1 -1
- package/types/components/Select/utils/updateSingleAncestors.d.ts +2 -2
- package/types/components/Select/utils/updateSingleAncestors.d.ts.map +1 -1
- package/types/components/Tabs/ui/TabItem/TabItem.d.ts +15 -26
- package/types/components/Tabs/ui/TabItem/TabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts +8 -7
- package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts.map +1 -1
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts +26 -2
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -1
- package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts +1 -2
- package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +123 -27
- package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +14 -26
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +14 -28
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabsController.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Tabs/TabsController.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.d.ts +123 -27
- package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +14 -26
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +14 -28
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/TabsController.d.ts +2 -2
- package/types/examples/plasma_web/components/Tabs/TabsController.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Tabs/TabItem.d.ts +13 -1
- package/types/examples/sds_engineer/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts +13 -1
- package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/types/AsProps.d.ts.map +1 -1
@@ -22,7 +22,7 @@ var getLabel = function getLabel(_ref) {
|
|
22
22
|
labelPlacement = _ref.labelPlacement,
|
23
23
|
size = _ref.size,
|
24
24
|
renderValue = _ref.renderValue;
|
25
|
-
if ((0, _utils.isEmpty)(value)) {
|
25
|
+
if ((0, _utils.isEmpty)(value) && typeof value !== 'number') {
|
26
26
|
if (!label || labelPlacement === 'outer') {
|
27
27
|
return /*#__PURE__*/_react["default"].createElement(_Textfield.Placeholder, null, placeholder);
|
28
28
|
}
|
@@ -38,7 +38,7 @@ var getLabel = function getLabel(_ref) {
|
|
38
38
|
return value.map(function (currentValue, index) {
|
39
39
|
var itemLabel = valueToItemMap.get(currentValue).label;
|
40
40
|
return /*#__PURE__*/_react["default"].createElement(_ui.Chip, {
|
41
|
-
text: renderValue ? renderValue(currentValue
|
41
|
+
text: renderValue ? renderValue(valueToItemMap.get(currentValue)) : itemLabel,
|
42
42
|
onClick: function onClick(e) {
|
43
43
|
e.stopPropagation();
|
44
44
|
onChipClick(currentValue);
|
@@ -49,9 +49,9 @@ var getLabel = function getLabel(_ref) {
|
|
49
49
|
}
|
50
50
|
var itemLabel = valueToItemMap.get(value).label;
|
51
51
|
if (!label || labelPlacement === 'outer') {
|
52
|
-
return /*#__PURE__*/_react["default"].createElement(_Textfield.Value, null, renderValue ? renderValue(value
|
52
|
+
return /*#__PURE__*/_react["default"].createElement(_Textfield.Value, null, renderValue ? renderValue(valueToItemMap.get(value)) : itemLabel);
|
53
53
|
}
|
54
|
-
return /*#__PURE__*/_react["default"].createElement(_Textfield.InnerLabelWrapper, null, size !== 'xs' && /*#__PURE__*/_react["default"].createElement(_Textfield.InnerLabel, null, label), /*#__PURE__*/_react["default"].createElement(_Textfield.Value, null, renderValue ? renderValue(value
|
54
|
+
return /*#__PURE__*/_react["default"].createElement(_Textfield.InnerLabelWrapper, null, size !== 'xs' && /*#__PURE__*/_react["default"].createElement(_Textfield.InnerLabel, null, label), /*#__PURE__*/_react["default"].createElement(_Textfield.Value, null, renderValue ? renderValue(valueToItemMap.get(value)) : itemLabel));
|
55
55
|
};
|
56
56
|
var Textfield = exports.Textfield = function Textfield(_ref2) {
|
57
57
|
var opened = _ref2.opened,
|
@@ -92,7 +92,9 @@ var Textfield = exports.Textfield = function Textfield(_ref2) {
|
|
92
92
|
"aria-activedescendant": getActiveDescendant(),
|
93
93
|
"aria-label": label,
|
94
94
|
renderTarget: Boolean(selectProps.renderTarget)
|
95
|
-
}, /*#__PURE__*/_react["default"].createElement(_Textfield.Wrapper, null, selectProps !== null && selectProps !== void 0 && selectProps.renderTarget ? selectProps.renderTarget(value)
|
95
|
+
}, /*#__PURE__*/_react["default"].createElement(_Textfield.Wrapper, null, selectProps !== null && selectProps !== void 0 && selectProps.renderTarget ? selectProps.renderTarget(Array.isArray(value) ? value.map(function (value) {
|
96
|
+
return valueToItemMap.get(value);
|
97
|
+
}) : valueToItemMap.get(value)) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, contentLeft && (!selectProps.multiselect || (0, _utils.isEmpty)(value)) && /*#__PURE__*/_react["default"].createElement(_Textfield.ContentLeftWrapper, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Textfield.ChipWrapper, null, getLabel({
|
96
98
|
value: value,
|
97
99
|
valueToItemMap: valueToItemMap,
|
98
100
|
onChipClick: onChipClick,
|
@@ -9,9 +9,9 @@ var getLabel = function getLabel(_ref) {
|
|
9
9
|
var value = _ref.value,
|
10
10
|
valueToItemMap = _ref.valueToItemMap,
|
11
11
|
renderValue = _ref.renderValue;
|
12
|
-
var _ref2 = valueToItemMap.get(value
|
12
|
+
var _ref2 = valueToItemMap.get(value),
|
13
13
|
label = _ref2.label;
|
14
|
-
return renderValue ? renderValue(value
|
14
|
+
return renderValue ? renderValue(valueToItemMap.get(value)) : label;
|
15
15
|
};
|
16
16
|
var getButtonLabel = exports.getButtonLabel = function getButtonLabel(_ref3) {
|
17
17
|
var value = _ref3.value,
|
@@ -19,7 +19,7 @@ var getButtonLabel = exports.getButtonLabel = function getButtonLabel(_ref3) {
|
|
19
19
|
label = _ref3.label,
|
20
20
|
renderValue = _ref3.renderValue,
|
21
21
|
selectProps = _ref3.selectProps;
|
22
|
-
if ((0, _utils.isEmpty)(value)) {
|
22
|
+
if ((0, _utils.isEmpty)(value) && typeof value !== 'number') {
|
23
23
|
return label || '';
|
24
24
|
}
|
25
25
|
if (selectProps.multiselect && selectProps.isTargetAmount) {
|
@@ -35,8 +35,8 @@ var getButtonLabel = exports.getButtonLabel = function getButtonLabel(_ref3) {
|
|
35
35
|
}).join(', ');
|
36
36
|
}
|
37
37
|
return getLabel({
|
38
|
-
renderValue: renderValue,
|
39
38
|
value: value,
|
40
|
-
valueToItemMap: valueToItemMap
|
39
|
+
valueToItemMap: valueToItemMap,
|
40
|
+
renderValue: renderValue
|
41
41
|
});
|
42
42
|
};
|
@@ -0,0 +1,26 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.getView = void 0;
|
7
|
+
var getView = exports.getView = function getView(status) {
|
8
|
+
switch (status) {
|
9
|
+
case 'success':
|
10
|
+
{
|
11
|
+
return 'positive';
|
12
|
+
}
|
13
|
+
case 'error':
|
14
|
+
{
|
15
|
+
return 'negative';
|
16
|
+
}
|
17
|
+
case 'warning':
|
18
|
+
{
|
19
|
+
return 'warning';
|
20
|
+
}
|
21
|
+
default:
|
22
|
+
{
|
23
|
+
return 'default';
|
24
|
+
}
|
25
|
+
}
|
26
|
+
};
|
@@ -15,6 +15,12 @@ Object.defineProperty(exports, "getCorrectHeight", {
|
|
15
15
|
return _getCorrectHeight.getCorrectHeight;
|
16
16
|
}
|
17
17
|
});
|
18
|
+
Object.defineProperty(exports, "getView", {
|
19
|
+
enumerable: true,
|
20
|
+
get: function get() {
|
21
|
+
return _getView.getView;
|
22
|
+
}
|
23
|
+
});
|
18
24
|
Object.defineProperty(exports, "initialItemsTransform", {
|
19
25
|
enumerable: true,
|
20
26
|
get: function get() {
|
@@ -51,4 +57,5 @@ var _updateAncestors = /*#__PURE__*/require("./updateAncestors");
|
|
51
57
|
var _updateSingleAncestors = /*#__PURE__*/require("./updateSingleAncestors");
|
52
58
|
var _sizeToIconSize = /*#__PURE__*/require("./sizeToIconSize");
|
53
59
|
var _getCorrectHeight = /*#__PURE__*/require("./getCorrectHeight");
|
54
|
-
var _getButtonLabel = /*#__PURE__*/require("./getButtonLabel");
|
60
|
+
var _getButtonLabel = /*#__PURE__*/require("./getButtonLabel");
|
61
|
+
var _getView = /*#__PURE__*/require("./getView");
|
@@ -5,6 +5,15 @@ title: Tabs
|
|
5
5
|
|
6
6
|
import { PropsTable, Description } from '@site/src/components';
|
7
7
|
|
8
|
+
# Tabs
|
9
|
+
Набор компонентов для создания вкладок.
|
10
|
+
Структура для вкладок похожа на структуру маркированных списков.
|
11
|
+
|
12
|
+
## TabsController
|
13
|
+
|
14
|
+
<Description name="TabsController" />
|
15
|
+
<PropsTable name="TabsController" />
|
16
|
+
|
8
17
|
## Tabs
|
9
18
|
|
10
19
|
<Description name="Tabs" />
|
@@ -15,11 +24,6 @@ import { PropsTable, Description } from '@site/src/components';
|
|
15
24
|
<Description name="TabItem" />
|
16
25
|
<PropsTable name="TabItem" />
|
17
26
|
|
18
|
-
## TabsController (deprecated)
|
19
|
-
Вместо этого используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange.
|
20
|
-
|
21
|
-
<Description name="TabsController" />
|
22
|
-
<PropsTable name="TabsController" />
|
23
27
|
|
24
28
|
## Использование
|
25
29
|
|
@@ -60,9 +60,23 @@ const meta: Meta<StorySelectProps> = {
|
|
60
60
|
type: 'select',
|
61
61
|
},
|
62
62
|
},
|
63
|
+
listWidth: {
|
64
|
+
control: {
|
65
|
+
type: 'text',
|
66
|
+
},
|
67
|
+
},
|
68
|
+
listOverflow: {
|
69
|
+
control: {
|
70
|
+
type: 'text',
|
71
|
+
},
|
72
|
+
},
|
73
|
+
listHeight: {
|
74
|
+
control: {
|
75
|
+
type: 'text',
|
76
|
+
},
|
77
|
+
},
|
63
78
|
},
|
64
79
|
args: {
|
65
|
-
multiselect: false,
|
66
80
|
target: 'textfield-like',
|
67
81
|
label: 'Label',
|
68
82
|
labelPlacement: 'outer',
|
@@ -75,7 +89,27 @@ const meta: Meta<StorySelectProps> = {
|
|
75
89
|
isTargetAmount: false,
|
76
90
|
variant: 'normal',
|
77
91
|
disabled: false,
|
78
|
-
|
92
|
+
},
|
93
|
+
parameters: {
|
94
|
+
controls: {
|
95
|
+
include: [
|
96
|
+
'target',
|
97
|
+
'size',
|
98
|
+
'view',
|
99
|
+
'chipView',
|
100
|
+
'enableContentLeft',
|
101
|
+
'label',
|
102
|
+
'labelPlacement',
|
103
|
+
'placeholder',
|
104
|
+
'helperText',
|
105
|
+
'isTargetAmount',
|
106
|
+
'variant',
|
107
|
+
'disabled',
|
108
|
+
'listWidth',
|
109
|
+
'listOverflow',
|
110
|
+
'listHeight',
|
111
|
+
],
|
112
|
+
},
|
79
113
|
},
|
80
114
|
};
|
81
115
|
|
@@ -354,8 +388,8 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
354
388
|
|
355
389
|
<Select
|
356
390
|
{...args}
|
357
|
-
multiselect
|
358
391
|
items={items}
|
392
|
+
multiselect
|
359
393
|
value={valueMultiple}
|
360
394
|
onChange={setValueMultiple}
|
361
395
|
contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
|
@@ -365,11 +399,6 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
365
399
|
};
|
366
400
|
|
367
401
|
export const Predefined: StoryObj<StorySelectProps> = {
|
368
|
-
parameters: {
|
369
|
-
controls: {
|
370
|
-
exclude: ['multiselect'],
|
371
|
-
},
|
372
|
-
},
|
373
402
|
render: (args) => <PredefinedStory {...args} />,
|
374
403
|
};
|
375
404
|
|
@@ -795,19 +824,7 @@ const CommonStory = (args: StorySelectProps) => {
|
|
795
824
|
export const Common: StoryObj<StorySelectProps> = {
|
796
825
|
parameters: {
|
797
826
|
controls: {
|
798
|
-
|
799
|
-
'size',
|
800
|
-
'enableContentLeft',
|
801
|
-
'chipView',
|
802
|
-
'label',
|
803
|
-
'labelPlacement',
|
804
|
-
'placeholder',
|
805
|
-
'helperText',
|
806
|
-
'isTargetAmount',
|
807
|
-
'variant',
|
808
|
-
'disabled',
|
809
|
-
'separator',
|
810
|
-
],
|
827
|
+
exclude: ['target', 'view'],
|
811
828
|
},
|
812
829
|
},
|
813
830
|
argTypes: {
|
@@ -60,9 +60,23 @@ const meta: Meta<StorySelectProps> = {
|
|
60
60
|
type: 'select',
|
61
61
|
},
|
62
62
|
},
|
63
|
+
listWidth: {
|
64
|
+
control: {
|
65
|
+
type: 'text',
|
66
|
+
},
|
67
|
+
},
|
68
|
+
listOverflow: {
|
69
|
+
control: {
|
70
|
+
type: 'text',
|
71
|
+
},
|
72
|
+
},
|
73
|
+
listHeight: {
|
74
|
+
control: {
|
75
|
+
type: 'text',
|
76
|
+
},
|
77
|
+
},
|
63
78
|
},
|
64
79
|
args: {
|
65
|
-
multiselect: false,
|
66
80
|
target: 'textfield-like',
|
67
81
|
label: 'Label',
|
68
82
|
labelPlacement: 'outer',
|
@@ -75,7 +89,27 @@ const meta: Meta<StorySelectProps> = {
|
|
75
89
|
isTargetAmount: false,
|
76
90
|
variant: 'normal',
|
77
91
|
disabled: false,
|
78
|
-
|
92
|
+
},
|
93
|
+
parameters: {
|
94
|
+
controls: {
|
95
|
+
include: [
|
96
|
+
'target',
|
97
|
+
'size',
|
98
|
+
'view',
|
99
|
+
'chipView',
|
100
|
+
'enableContentLeft',
|
101
|
+
'label',
|
102
|
+
'labelPlacement',
|
103
|
+
'placeholder',
|
104
|
+
'helperText',
|
105
|
+
'isTargetAmount',
|
106
|
+
'variant',
|
107
|
+
'disabled',
|
108
|
+
'listWidth',
|
109
|
+
'listOverflow',
|
110
|
+
'listHeight',
|
111
|
+
],
|
112
|
+
},
|
79
113
|
},
|
80
114
|
};
|
81
115
|
|
@@ -354,8 +388,8 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
354
388
|
|
355
389
|
<Select
|
356
390
|
{...args}
|
357
|
-
multiselect
|
358
391
|
items={items}
|
392
|
+
multiselect
|
359
393
|
value={valueMultiple}
|
360
394
|
onChange={setValueMultiple}
|
361
395
|
contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
|
@@ -365,11 +399,6 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
365
399
|
};
|
366
400
|
|
367
401
|
export const Predefined: StoryObj<StorySelectProps> = {
|
368
|
-
parameters: {
|
369
|
-
controls: {
|
370
|
-
exclude: ['multiselect'],
|
371
|
-
},
|
372
|
-
},
|
373
402
|
render: (args) => <PredefinedStory {...args} />,
|
374
403
|
};
|
375
404
|
|
@@ -795,19 +824,7 @@ const CommonStory = (args: StorySelectProps) => {
|
|
795
824
|
export const Common: StoryObj<StorySelectProps> = {
|
796
825
|
parameters: {
|
797
826
|
controls: {
|
798
|
-
|
799
|
-
'size',
|
800
|
-
'enableContentLeft',
|
801
|
-
'chipView',
|
802
|
-
'label',
|
803
|
-
'labelPlacement',
|
804
|
-
'placeholder',
|
805
|
-
'helperText',
|
806
|
-
'isTargetAmount',
|
807
|
-
'variant',
|
808
|
-
'disabled',
|
809
|
-
'separator',
|
810
|
-
],
|
827
|
+
exclude: ['target', 'view'],
|
811
828
|
},
|
812
829
|
},
|
813
830
|
argTypes: {
|
@@ -61,7 +61,7 @@ export var autocompleteRoot = function autocompleteRoot(Root) {
|
|
61
61
|
isOpen = _useState4[0],
|
62
62
|
setIsOpen = _useState4[1];
|
63
63
|
var listId = safeUseId();
|
64
|
-
var value = outerValue
|
64
|
+
var value = outerValue !== null && outerValue !== void 0 ? outerValue : innerValue;
|
65
65
|
var helperTextId = safeUseId();
|
66
66
|
var targetRef = useOutsideClick(function () {
|
67
67
|
setIsOpen(false);
|
@@ -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 = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator"];
|
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."); }
|
@@ -12,7 +12,7 @@ import React, { forwardRef, useState, useReducer, useMemo, createContext, useLay
|
|
12
12
|
import { isEmpty, getPlacements } from '../../utils';
|
13
13
|
import { useOutsideClick } from '../../hooks';
|
14
14
|
import { useKeyNavigation } from './hooks/useKeyboardNavigation';
|
15
|
-
import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors } from './utils';
|
15
|
+
import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, getView } from './utils';
|
16
16
|
import { Inner, Target } from './ui';
|
17
17
|
import { pathReducer, focusedPathReducer, focusedChipIndexReducer } from './reducers';
|
18
18
|
import { usePathMaps } from './hooks/usePathMaps';
|
@@ -53,6 +53,9 @@ export var selectRoot = function selectRoot(Root) {
|
|
53
53
|
portal = props.portal,
|
54
54
|
renderValue = props.renderValue,
|
55
55
|
renderItem = props.renderItem,
|
56
|
+
status = props.status,
|
57
|
+
onItemSelect = props.onItemSelect,
|
58
|
+
separator = props.separator,
|
56
59
|
rest = _objectWithoutProperties(props, _excluded);
|
57
60
|
var _useState = useState(outerValue || props.multiselect ? [] : ''),
|
58
61
|
_useState2 = _slicedToArray(_useState, 2),
|
@@ -66,7 +69,7 @@ export var selectRoot = function selectRoot(Root) {
|
|
66
69
|
setInternalValue(e);
|
67
70
|
};
|
68
71
|
var transformedItems = useMemo(function () {
|
69
|
-
return initialItemsTransform(items);
|
72
|
+
return initialItemsTransform(items || []);
|
70
73
|
}, [items]);
|
71
74
|
var _usePathMaps = usePathMaps(transformedItems),
|
72
75
|
_usePathMaps2 = _slicedToArray(_usePathMaps, 4),
|
@@ -158,6 +161,9 @@ export var selectRoot = function selectRoot(Root) {
|
|
158
161
|
if (onChange) {
|
159
162
|
onChange(isCurrentChecked ? '' : item.value);
|
160
163
|
}
|
164
|
+
if (onItemSelect) {
|
165
|
+
onItemSelect(item, e);
|
166
|
+
}
|
161
167
|
}
|
162
168
|
};
|
163
169
|
var handleChipClick = function handleChipClick(currentValue) {
|
@@ -202,7 +208,7 @@ export var selectRoot = function selectRoot(Root) {
|
|
202
208
|
checkedCopy.forEach(function (_, key) {
|
203
209
|
checkedCopy.set(key, false);
|
204
210
|
});
|
205
|
-
if (!isEmpty(value)) {
|
211
|
+
if (!isEmpty(value) || typeof value === 'number') {
|
206
212
|
if (Array.isArray(value)) {
|
207
213
|
value.forEach(function (val) {
|
208
214
|
checkedCopy.set(val, true);
|
@@ -219,7 +225,7 @@ export var selectRoot = function selectRoot(Root) {
|
|
219
225
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
220
226
|
ref: ref,
|
221
227
|
size: size,
|
222
|
-
view: view,
|
228
|
+
view: status ? getView(status) : view,
|
223
229
|
chipView: chipView
|
224
230
|
}, rest), label && labelPlacement === 'outer' && target !== 'button-like' && /*#__PURE__*/React.createElement(OuterLabel, null, label), /*#__PURE__*/React.createElement(Context.Provider, {
|
225
231
|
value: {
|
@@ -230,7 +236,8 @@ export var selectRoot = function selectRoot(Root) {
|
|
230
236
|
handleCheckboxChange: handleCheckboxChange,
|
231
237
|
handleItemClick: handleItemClick,
|
232
238
|
variant: variant,
|
233
|
-
renderItem: renderItem
|
239
|
+
renderItem: renderItem,
|
240
|
+
valueToItemMap: valueToItemMap
|
234
241
|
}
|
235
242
|
}, /*#__PURE__*/React.createElement(StyledPopover, {
|
236
243
|
ref: targetRef,
|
@@ -259,8 +266,9 @@ export var selectRoot = function selectRoot(Root) {
|
|
259
266
|
renderValue: renderValue
|
260
267
|
}),
|
261
268
|
preventOverflow: false,
|
262
|
-
closeOnOverlayClick: true
|
263
|
-
|
269
|
+
closeOnOverlayClick: true,
|
270
|
+
listWidth: listWidth
|
271
|
+
}, items && /*#__PURE__*/React.createElement(Root, _extends({
|
264
272
|
size: size
|
265
273
|
}, rest), /*#__PURE__*/React.createElement(Ul, {
|
266
274
|
role: "tree",
|
@@ -8,29 +8,32 @@ var Popover = /*#__PURE__*/component(popoverConfig);
|
|
8
8
|
export var StyledPopover = /*#__PURE__*/_styled(Popover, {
|
9
9
|
target: "e1ea4cwt3",
|
10
10
|
label: "plasma-new-hope__StyledPopover"
|
11
|
-
})(".", /*#__PURE__*/String(popoverClasses.root), "
|
11
|
+
})(".", /*#__PURE__*/String(popoverClasses.root), "{width:", function (_ref) {
|
12
|
+
var listWidth = _ref.listWidth;
|
13
|
+
return listWidth || '100%';
|
14
|
+
}, ";}.", /*#__PURE__*/String(popoverClasses.target), "{width:100%;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXNGIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgcG9wb3ZlckNsYXNzZXMsIHBvcG92ZXJDb25maWcgfSBmcm9tICcuLi9Qb3BvdmVyJztcblxuaW1wb3J0IHsgZ2V0Q29ycmVjdEhlaWdodCB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgU2VsZWN0UHJvcHMgfSBmcm9tICcuL1NlbGVjdC50eXBlcyc7XG5pbXBvcnQgeyB0b2tlbnMsIGNvbnN0YW50cyB9IGZyb20gJy4vU2VsZWN0LnRva2Vucyc7XG5cbmNvbnN0IFBvcG92ZXIgPSBjb21wb25lbnQocG9wb3ZlckNvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3BvdmVyID0gc3R5bGVkKFBvcG92ZXIpPHsgbGlzdFdpZHRoPzogU2VsZWN0UHJvcHNbJ2xpc3RXaWR0aCddIH0+YFxuICAgIC4ke1N0cmluZyhwb3BvdmVyQ2xhc3Nlcy5yb290KX0ge1xuICAgICAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgfVxuXG4gICAgLiR7U3RyaW5nKHBvcG92ZXJDbGFzc2VzLnRhcmdldCl9IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICBsaXN0T3ZlcmZsb3c/OiBTZWxlY3RQcm9wc1snbGlzdE92ZXJmbG93J107XG4gICAgbGlzdEhlaWdodD86IFNlbGVjdFByb3BzWydsaXN0SGVpZ2h0J107XG4gICAgbGlzdFdpZHRoPzogU2VsZWN0UHJvcHNbJ2xpc3RXaWR0aCddO1xuICAgIGlzSW5uZXJVbD86IGJvb2xlYW47XG59PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9O1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIHdpZHRoOiAkeyh7IGxpc3RXaWR0aCB9KSA9PiBsaXN0V2lkdGggfHwgJzEwMCUnfTtcbiAgICBoZWlnaHQ6ICR7KHsgbGlzdEhlaWdodCB9KSA9PiAobGlzdEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdEhlaWdodCkgOiAnYXV0bycpfTtcbiAgICBvdmVyZmxvdzogJHsoeyBsaXN0T3ZlcmZsb3cgfSkgPT4gbGlzdE92ZXJmbG93IHx8ICdpbml0aWFsJ307XG5cbiAgICBtYXJnaW46ICR7KHsgaXNJbm5lclVsIH0pID0+IChpc0lubmVyVWwgPyBgY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICogLTEpIDAgMCB2YXIoJHt0b2tlbnMucGFkZGluZ30pYCA6IDApfTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgLiR7cG9wb3ZlckNsYXNzZXMud3JhcHBlcn0sIC4ke3BvcG92ZXJDbGFzc2VzLnRhcmdldH0ge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgT3V0ZXJMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBtYXJnaW4tYm90dG9tOiB2YXIoJHt0b2tlbnMubGFiZWxPZmZzZXR9KTtcbiAgICBjb2xvcjogdmFyKCR7Y29uc3RhbnRzLnRleHRmaWVsZE91dGVyTGFiZWxDb2xvcn0pO1xuXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5mb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuZm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuZm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5mb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5mb250TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuZm9udExpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBIZWxwZXJUZXh0ID0gc3R5bGVkLmRpdmBcbiAgICBtYXJnaW4tdG9wOiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dE9mZnNldH0pO1xuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dENvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke2NvbnN0YW50cy5mb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHtjb25zdGFudHMuZm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHtjb25zdGFudHMuZm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke2NvbnN0YW50cy5mb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke2NvbnN0YW50cy5mb250TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHtjb25zdGFudHMuZm9udExpbmVIZWlnaHR9KTtcbmA7XG4iXX0= */"));
|
12
15
|
export var Ul = /*#__PURE__*/_styled("ul", {
|
13
16
|
target: "e1ea4cwt2",
|
14
17
|
label: "plasma-new-hope__Ul"
|
15
|
-
})("box-sizing:border-box;background:var(", constants.background, ");box-shadow:", constants.boxShadow, ";border-radius:var(", tokens.borderRadius, ");width:", function (
|
16
|
-
var listWidth =
|
18
|
+
})("box-sizing:border-box;background:var(", constants.background, ");box-shadow:", constants.boxShadow, ";border-radius:var(", tokens.borderRadius, ");width:", function (_ref2) {
|
19
|
+
var listWidth = _ref2.listWidth;
|
17
20
|
return listWidth || '100%';
|
18
|
-
}, ";height:", function (
|
19
|
-
var listHeight =
|
21
|
+
}, ";height:", function (_ref3) {
|
22
|
+
var listHeight = _ref3.listHeight;
|
20
23
|
return listHeight ? getCorrectHeight(listHeight) : 'auto';
|
21
|
-
}, ";overflow:", function (
|
22
|
-
var listOverflow =
|
24
|
+
}, ";overflow:", function (_ref4) {
|
25
|
+
var listOverflow = _ref4.listOverflow;
|
23
26
|
return listOverflow || 'initial';
|
24
|
-
}, ";margin:", function (
|
25
|
-
var isInnerUl =
|
27
|
+
}, ";margin:", function (_ref5) {
|
28
|
+
var isInnerUl = _ref5.isInnerUl;
|
26
29
|
return isInnerUl ? "calc(var(".concat(tokens.padding, ") * -1) 0 0 var(").concat(tokens.padding, ")") : 0;
|
27
|
-
}, ";padding:var(", tokens.padding, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
28
|
-
export var base = /*#__PURE__*/css(".", popoverClasses.wrapper, ",.", popoverClasses.target, "{display:block;};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
30
|
+
}, ";padding:var(", tokens.padding, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgcG9wb3ZlckNsYXNzZXMsIHBvcG92ZXJDb25maWcgfSBmcm9tICcuLi9Qb3BvdmVyJztcblxuaW1wb3J0IHsgZ2V0Q29ycmVjdEhlaWdodCB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgU2VsZWN0UHJvcHMgfSBmcm9tICcuL1NlbGVjdC50eXBlcyc7XG5pbXBvcnQgeyB0b2tlbnMsIGNvbnN0YW50cyB9IGZyb20gJy4vU2VsZWN0LnRva2Vucyc7XG5cbmNvbnN0IFBvcG92ZXIgPSBjb21wb25lbnQocG9wb3ZlckNvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3BvdmVyID0gc3R5bGVkKFBvcG92ZXIpPHsgbGlzdFdpZHRoPzogU2VsZWN0UHJvcHNbJ2xpc3RXaWR0aCddIH0+YFxuICAgIC4ke1N0cmluZyhwb3BvdmVyQ2xhc3Nlcy5yb290KX0ge1xuICAgICAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgfVxuXG4gICAgLiR7U3RyaW5nKHBvcG92ZXJDbGFzc2VzLnRhcmdldCl9IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICBsaXN0T3ZlcmZsb3c/OiBTZWxlY3RQcm9wc1snbGlzdE92ZXJmbG93J107XG4gICAgbGlzdEhlaWdodD86IFNlbGVjdFByb3BzWydsaXN0SGVpZ2h0J107XG4gICAgbGlzdFdpZHRoPzogU2VsZWN0UHJvcHNbJ2xpc3RXaWR0aCddO1xuICAgIGlzSW5uZXJVbD86IGJvb2xlYW47XG59PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9O1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIHdpZHRoOiAkeyh7IGxpc3RXaWR0aCB9KSA9PiBsaXN0V2lkdGggfHwgJzEwMCUnfTtcbiAgICBoZWlnaHQ6ICR7KHsgbGlzdEhlaWdodCB9KSA9PiAobGlzdEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdEhlaWdodCkgOiAnYXV0bycpfTtcbiAgICBvdmVyZmxvdzogJHsoeyBsaXN0T3ZlcmZsb3cgfSkgPT4gbGlzdE92ZXJmbG93IHx8ICdpbml0aWFsJ307XG5cbiAgICBtYXJnaW46ICR7KHsgaXNJbm5lclVsIH0pID0+IChpc0lubmVyVWwgPyBgY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICogLTEpIDAgMCB2YXIoJHt0b2tlbnMucGFkZGluZ30pYCA6IDApfTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgLiR7cG9wb3ZlckNsYXNzZXMud3JhcHBlcn0sIC4ke3BvcG92ZXJDbGFzc2VzLnRhcmdldH0ge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgT3V0ZXJMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBtYXJnaW4tYm90dG9tOiB2YXIoJHt0b2tlbnMubGFiZWxPZmZzZXR9KTtcbiAgICBjb2xvcjogdmFyKCR7Y29uc3RhbnRzLnRleHRmaWVsZE91dGVyTGFiZWxDb2xvcn0pO1xuXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5mb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuZm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuZm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5mb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5mb250TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuZm9udExpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBIZWxwZXJUZXh0ID0gc3R5bGVkLmRpdmBcbiAgICBtYXJnaW4tdG9wOiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dE9mZnNldH0pO1xuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dENvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke2NvbnN0YW50cy5mb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHtjb25zdGFudHMuZm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHtjb25zdGFudHMuZm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke2NvbnN0YW50cy5mb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke2NvbnN0YW50cy5mb250TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHtjb25zdGFudHMuZm9udExpbmVIZWlnaHR9KTtcbmA7XG4iXX0= */"));
|
31
|
+
export var base = /*#__PURE__*/css(".", popoverClasses.wrapper, ",.", popoverClasses.target, "{display:block;};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEN1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjb21wb25lbnQgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHBvcG92ZXJDbGFzc2VzLCBwb3BvdmVyQ29uZmlnIH0gZnJvbSAnLi4vUG9wb3Zlcic7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5jb25zdCBQb3BvdmVyID0gY29tcG9uZW50KHBvcG92ZXJDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9wb3ZlciA9IHN0eWxlZChQb3BvdmVyKTx7IGxpc3RXaWR0aD86IFNlbGVjdFByb3BzWydsaXN0V2lkdGgnXSB9PmBcbiAgICAuJHtTdHJpbmcocG9wb3ZlckNsYXNzZXMucm9vdCl9IHtcbiAgICAgICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCAnMTAwJSd9O1xuICAgIH1cblxuICAgIC4ke1N0cmluZyhwb3BvdmVyQ2xhc3Nlcy50YXJnZXQpfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBVbCA9IHN0eWxlZC51bDx7XG4gICAgbGlzdE92ZXJmbG93PzogU2VsZWN0UHJvcHNbJ2xpc3RPdmVyZmxvdyddO1xuICAgIGxpc3RIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdEhlaWdodCddO1xuICAgIGxpc3RXaWR0aD86IFNlbGVjdFByb3BzWydsaXN0V2lkdGgnXTtcbiAgICBpc0lubmVyVWw/OiBib29sZWFuO1xufT5gXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGJhY2tncm91bmQ6IHZhcigke2NvbnN0YW50cy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogJHtjb25zdGFudHMuYm94U2hhZG93fTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgaGVpZ2h0OiAkeyh7IGxpc3RIZWlnaHQgfSkgPT4gKGxpc3RIZWlnaHQgPyBnZXRDb3JyZWN0SGVpZ2h0KGxpc3RIZWlnaHQpIDogJ2F1dG8nKX07XG4gICAgb3ZlcmZsb3c6ICR7KHsgbGlzdE92ZXJmbG93IH0pID0+IGxpc3RPdmVyZmxvdyB8fCAnaW5pdGlhbCd9O1xuXG4gICAgbWFyZ2luOiAkeyh7IGlzSW5uZXJVbCB9KSA9PiAoaXNJbm5lclVsID8gYGNhbGModmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAqIC0xKSAwIDAgdmFyKCR7dG9rZW5zLnBhZGRpbmd9KWAgOiAwKX07XG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIC4ke3BvcG92ZXJDbGFzc2VzLndyYXBwZXJ9LCAuJHtwb3BvdmVyQ2xhc3Nlcy50YXJnZXR9IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE91dGVyTGFiZWwgPSBzdHlsZWQubGFiZWxgXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgbWFyZ2luLWJvdHRvbTogdmFyKCR7dG9rZW5zLmxhYmVsT2Zmc2V0fSk7XG4gICAgY29sb3I6IHZhcigke2NvbnN0YW50cy50ZXh0ZmllbGRPdXRlckxhYmVsQ29sb3J9KTtcblxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuZm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuZm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuZm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmZvbnRMaW5lSGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSGVscGVyVGV4dCA9IHN0eWxlZC5kaXZgXG4gICAgbWFyZ2luLXRvcDogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRPZmZzZXR9KTtcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRDb2xvcn0pO1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHtjb25zdGFudHMuZm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7Y29uc3RhbnRzLmZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7Y29uc3RhbnRzLmZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHtjb25zdGFudHMuZm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHtjb25zdGFudHMuZm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7Y29uc3RhbnRzLmZvbnRMaW5lSGVpZ2h0fSk7XG5gO1xuIl19 */"));
|
29
32
|
export var OuterLabel = /*#__PURE__*/_styled("label", {
|
30
33
|
target: "e1ea4cwt1",
|
31
34
|
label: "plasma-new-hope__OuterLabel"
|
32
|
-
})("display:block;margin-bottom:var(", tokens.labelOffset, ");color:var(", constants.textfieldOuterLabelColor, ");font-family:var(", tokens.fontFamily, ");font-size:var(", tokens.fontSize, ");font-style:var(", tokens.fontStyle, ");font-weight:var(", tokens.fontWeight, ");letter-spacing:var(", tokens.fontLetterSpacing, ");line-height:var(", tokens.fontLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
35
|
+
})("display:block;margin-bottom:var(", tokens.labelOffset, ");color:var(", constants.textfieldOuterLabelColor, ");font-family:var(", tokens.fontFamily, ");font-size:var(", tokens.fontSize, ");font-style:var(", tokens.fontStyle, ");font-weight:var(", tokens.fontWeight, ");letter-spacing:var(", tokens.fontLetterSpacing, ");line-height:var(", tokens.fontLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0RzQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjb21wb25lbnQgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHBvcG92ZXJDbGFzc2VzLCBwb3BvdmVyQ29uZmlnIH0gZnJvbSAnLi4vUG9wb3Zlcic7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5jb25zdCBQb3BvdmVyID0gY29tcG9uZW50KHBvcG92ZXJDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9wb3ZlciA9IHN0eWxlZChQb3BvdmVyKTx7IGxpc3RXaWR0aD86IFNlbGVjdFByb3BzWydsaXN0V2lkdGgnXSB9PmBcbiAgICAuJHtTdHJpbmcocG9wb3ZlckNsYXNzZXMucm9vdCl9IHtcbiAgICAgICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCAnMTAwJSd9O1xuICAgIH1cblxuICAgIC4ke1N0cmluZyhwb3BvdmVyQ2xhc3Nlcy50YXJnZXQpfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBVbCA9IHN0eWxlZC51bDx7XG4gICAgbGlzdE92ZXJmbG93PzogU2VsZWN0UHJvcHNbJ2xpc3RPdmVyZmxvdyddO1xuICAgIGxpc3RIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdEhlaWdodCddO1xuICAgIGxpc3RXaWR0aD86IFNlbGVjdFByb3BzWydsaXN0V2lkdGgnXTtcbiAgICBpc0lubmVyVWw/OiBib29sZWFuO1xufT5gXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGJhY2tncm91bmQ6IHZhcigke2NvbnN0YW50cy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogJHtjb25zdGFudHMuYm94U2hhZG93fTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgaGVpZ2h0OiAkeyh7IGxpc3RIZWlnaHQgfSkgPT4gKGxpc3RIZWlnaHQgPyBnZXRDb3JyZWN0SGVpZ2h0KGxpc3RIZWlnaHQpIDogJ2F1dG8nKX07XG4gICAgb3ZlcmZsb3c6ICR7KHsgbGlzdE92ZXJmbG93IH0pID0+IGxpc3RPdmVyZmxvdyB8fCAnaW5pdGlhbCd9O1xuXG4gICAgbWFyZ2luOiAkeyh7IGlzSW5uZXJVbCB9KSA9PiAoaXNJbm5lclVsID8gYGNhbGModmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAqIC0xKSAwIDAgdmFyKCR7dG9rZW5zLnBhZGRpbmd9KWAgOiAwKX07XG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIC4ke3BvcG92ZXJDbGFzc2VzLndyYXBwZXJ9LCAuJHtwb3BvdmVyQ2xhc3Nlcy50YXJnZXR9IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE91dGVyTGFiZWwgPSBzdHlsZWQubGFiZWxgXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgbWFyZ2luLWJvdHRvbTogdmFyKCR7dG9rZW5zLmxhYmVsT2Zmc2V0fSk7XG4gICAgY29sb3I6IHZhcigke2NvbnN0YW50cy50ZXh0ZmllbGRPdXRlckxhYmVsQ29sb3J9KTtcblxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuZm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuZm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuZm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmZvbnRMaW5lSGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSGVscGVyVGV4dCA9IHN0eWxlZC5kaXZgXG4gICAgbWFyZ2luLXRvcDogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRPZmZzZXR9KTtcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRDb2xvcn0pO1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHtjb25zdGFudHMuZm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7Y29uc3RhbnRzLmZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7Y29uc3RhbnRzLmZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHtjb25zdGFudHMuZm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHtjb25zdGFudHMuZm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7Y29uc3RhbnRzLmZvbnRMaW5lSGVpZ2h0fSk7XG5gO1xuIl19 */"));
|
33
36
|
export var HelperText = /*#__PURE__*/_styled("div", {
|
34
37
|
target: "e1ea4cwt0",
|
35
38
|
label: "plasma-new-hope__HelperText"
|
36
|
-
})("margin-top:var(", tokens.helperTextOffset, ");color:var(", tokens.helperTextColor, ");font-family:var(", constants.fontFamily, ");font-size:var(", constants.fontSize, ");font-style:var(", constants.fontStyle, ");font-weight:var(", constants.fontWeight, ");letter-spacing:var(", constants.fontLetterSpacing, ");line-height:var(", constants.fontLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
39
|
+
})("margin-top:var(", tokens.helperTextOffset, ");color:var(", tokens.helperTextColor, ");font-family:var(", constants.fontFamily, ");font-size:var(", constants.fontSize, ");font-style:var(", constants.fontStyle, ");font-weight:var(", constants.fontWeight, ");letter-spacing:var(", constants.fontLetterSpacing, ");line-height:var(", constants.fontLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkRvQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjb21wb25lbnQgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHBvcG92ZXJDbGFzc2VzLCBwb3BvdmVyQ29uZmlnIH0gZnJvbSAnLi4vUG9wb3Zlcic7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5jb25zdCBQb3BvdmVyID0gY29tcG9uZW50KHBvcG92ZXJDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9wb3ZlciA9IHN0eWxlZChQb3BvdmVyKTx7IGxpc3RXaWR0aD86IFNlbGVjdFByb3BzWydsaXN0V2lkdGgnXSB9PmBcbiAgICAuJHtTdHJpbmcocG9wb3ZlckNsYXNzZXMucm9vdCl9IHtcbiAgICAgICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCAnMTAwJSd9O1xuICAgIH1cblxuICAgIC4ke1N0cmluZyhwb3BvdmVyQ2xhc3Nlcy50YXJnZXQpfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBVbCA9IHN0eWxlZC51bDx7XG4gICAgbGlzdE92ZXJmbG93PzogU2VsZWN0UHJvcHNbJ2xpc3RPdmVyZmxvdyddO1xuICAgIGxpc3RIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdEhlaWdodCddO1xuICAgIGxpc3RXaWR0aD86IFNlbGVjdFByb3BzWydsaXN0V2lkdGgnXTtcbiAgICBpc0lubmVyVWw/OiBib29sZWFuO1xufT5gXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGJhY2tncm91bmQ6IHZhcigke2NvbnN0YW50cy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogJHtjb25zdGFudHMuYm94U2hhZG93fTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgaGVpZ2h0OiAkeyh7IGxpc3RIZWlnaHQgfSkgPT4gKGxpc3RIZWlnaHQgPyBnZXRDb3JyZWN0SGVpZ2h0KGxpc3RIZWlnaHQpIDogJ2F1dG8nKX07XG4gICAgb3ZlcmZsb3c6ICR7KHsgbGlzdE92ZXJmbG93IH0pID0+IGxpc3RPdmVyZmxvdyB8fCAnaW5pdGlhbCd9O1xuXG4gICAgbWFyZ2luOiAkeyh7IGlzSW5uZXJVbCB9KSA9PiAoaXNJbm5lclVsID8gYGNhbGModmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAqIC0xKSAwIDAgdmFyKCR7dG9rZW5zLnBhZGRpbmd9KWAgOiAwKX07XG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIC4ke3BvcG92ZXJDbGFzc2VzLndyYXBwZXJ9LCAuJHtwb3BvdmVyQ2xhc3Nlcy50YXJnZXR9IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE91dGVyTGFiZWwgPSBzdHlsZWQubGFiZWxgXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgbWFyZ2luLWJvdHRvbTogdmFyKCR7dG9rZW5zLmxhYmVsT2Zmc2V0fSk7XG4gICAgY29sb3I6IHZhcigke2NvbnN0YW50cy50ZXh0ZmllbGRPdXRlckxhYmVsQ29sb3J9KTtcblxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuZm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuZm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuZm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmZvbnRMaW5lSGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSGVscGVyVGV4dCA9IHN0eWxlZC5kaXZgXG4gICAgbWFyZ2luLXRvcDogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRPZmZzZXR9KTtcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRDb2xvcn0pO1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHtjb25zdGFudHMuZm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7Y29uc3RhbnRzLmZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7Y29uc3RhbnRzLmZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHtjb25zdGFudHMuZm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHtjb25zdGFudHMuZm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7Y29uc3RhbnRzLmZvbnRMaW5lSGVpZ2h0fSk7XG5gO1xuIl19 */"));
|
@@ -5,10 +5,10 @@ export var usePathMaps = function usePathMaps(items) {
|
|
5
5
|
var focusedToValueMap = new Map();
|
6
6
|
var valueToCheckedMap = new Map();
|
7
7
|
var valueToItemMap = new Map();
|
8
|
-
pathMap.set('root', items.length);
|
8
|
+
pathMap.set('root', (items === null || items === void 0 ? void 0 : items.length) || 0);
|
9
9
|
var rec = function rec(items) {
|
10
10
|
var prevIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
11
|
-
items.forEach(function (item, index) {
|
11
|
+
items === null || items === void 0 || items.forEach(function (item, index) {
|
12
12
|
var value = item.value,
|
13
13
|
innerItems = item.items;
|
14
14
|
var currIndex = "".concat(prevIndex, "/").concat(index).replace(/^(\/)/, '');
|
@@ -18,6 +18,8 @@ export var Item = function Item(_ref) {
|
|
18
18
|
var value = item.value,
|
19
19
|
label = item.label,
|
20
20
|
disabled = item.disabled,
|
21
|
+
isDisabled = item.isDisabled,
|
22
|
+
color = item.color,
|
21
23
|
contentLeft = item.contentLeft,
|
22
24
|
contentRight = item.contentRight;
|
23
25
|
var ref = useRef(null);
|
@@ -29,8 +31,9 @@ export var Item = function Item(_ref) {
|
|
29
31
|
handleCheckboxChange = _useContext.handleCheckboxChange,
|
30
32
|
handleItemClick = _useContext.handleItemClick,
|
31
33
|
variant = _useContext.variant,
|
32
|
-
renderItem = _useContext.renderItem
|
33
|
-
|
34
|
+
renderItem = _useContext.renderItem,
|
35
|
+
valueToItemMap = _useContext.valueToItemMap;
|
36
|
+
var isDisabledClassName = disabled || isDisabled ? classes.dropdownItemIsDisabled : undefined;
|
34
37
|
var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? classes.dropdownItemIsFocused : undefined;
|
35
38
|
var activeClass = value === (path === null || path === void 0 ? void 0 : path[currentLevel + 1]) ? classes.dropdownItemIsActive : undefined;
|
36
39
|
useEffect(function () {
|
@@ -43,12 +46,15 @@ export var Item = function Item(_ref) {
|
|
43
46
|
}
|
44
47
|
}, [focusedClass]);
|
45
48
|
var handleChange = function handleChange(e) {
|
46
|
-
if (disabled) return;
|
49
|
+
if (disabled || isDisabled) return;
|
47
50
|
e.stopPropagation();
|
48
51
|
handleCheckboxChange(item);
|
49
52
|
};
|
50
53
|
var handleClick = function handleClick(e) {
|
51
|
-
if (disabled)
|
54
|
+
if (disabled || isDisabled) {
|
55
|
+
e.stopPropagation();
|
56
|
+
return;
|
57
|
+
}
|
52
58
|
handleItemClick(item, e);
|
53
59
|
};
|
54
60
|
return /*#__PURE__*/React.createElement(Wrapper, {
|
@@ -79,7 +85,9 @@ export var Item = function Item(_ref) {
|
|
79
85
|
}))), !multiselect && checked.get(item.value) === 'done' && /*#__PURE__*/React.createElement(IconDone, {
|
80
86
|
size: sizeToIconSize(size, variant),
|
81
87
|
color: "inherit"
|
82
|
-
})), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(StyledText,
|
88
|
+
})), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(StyledText, {
|
89
|
+
color: color
|
90
|
+
}, renderItem && renderItem(valueToItemMap.get(value)) || label), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight), !isEmpty(item.items) && /*#__PURE__*/React.createElement(DisclosureIconWrapper, null, /*#__PURE__*/React.createElement(IconDisclosureRightCentered, {
|
83
91
|
size: sizeToIconSize(size, variant),
|
84
92
|
color: "inherit"
|
85
93
|
})));
|