@salutejs/plasma-new-hope 0.113.0-canary.1327.10164869287.0 → 0.113.0-canary.1328.10166490152.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_1oz1dew.css → Button.styles_1sopr3d.css} +2 -2
- package/cjs/components/Button/Button.tokens.js +2 -0
- 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/DatePicker.tokens.js +0 -9
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +12 -12
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +12 -12
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +10 -10
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -11
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles_18b5qkz.css +5 -0
- 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/Header/ui/HeaderArrow/HeaderArrow.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 +25 -25
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +26 -26
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +8 -8
- package/cjs/components/Range/Range.css +4 -4
- package/cjs/components/Range/Range.styles.js +1 -1
- package/cjs/components/Range/Range.styles.js.map +1 -1
- package/cjs/components/Range/Range.styles_1jtxp9z.css +8 -0
- package/cjs/components/Select/Select.css +26 -26
- package/cjs/components/Select/Select.js +28 -32
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +26 -26
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +26 -26
- package/cjs/components/Select/ui/Target/Target.css +26 -26
- package/cjs/components/Select/ui/Target/Target.js +7 -11
- 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 +7 -8
- package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +12 -2
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/{es/components/Select/ui/Target/ui/Button/Button.styles_nn6pg.css → cjs/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.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 +11 -2
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/{Textfield.styles_16d02b7.css → Textfield.styles_5mg7p7.css} +1 -1
- package/cjs/components/Select/utils/getButtonLabel.js +12 -13
- 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 +30 -30
- package/emotion/cjs/components/Button/Button.styles.js +8 -8
- package/emotion/cjs/components/Button/Button.tokens.js +2 -0
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +0 -9
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -11
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +5 -5
- package/emotion/cjs/components/Range/Range.styles.js +9 -16
- package/emotion/cjs/components/Select/Select.js +28 -32
- package/emotion/cjs/components/Select/ui/Target/Target.js +7 -11
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +7 -8
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +8 -5
- 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 +16 -13
- package/emotion/cjs/components/Select/utils/getButtonLabel.js +12 -13
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -8
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +0 -7
- package/emotion/es/components/Button/Button.styles.js +8 -8
- package/emotion/es/components/Button/Button.tokens.js +2 -0
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +0 -9
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +4 -11
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +5 -5
- package/emotion/es/components/Range/Range.styles.js +9 -16
- package/emotion/es/components/Select/Select.js +28 -32
- package/emotion/es/components/Select/ui/Target/Target.js +7 -11
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +7 -8
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +8 -5
- 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 +16 -13
- package/emotion/es/components/Select/utils/getButtonLabel.js +12 -13
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -8
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +0 -7
- 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_1oz1dew.css → Button.styles_1sopr3d.css} +2 -2
- package/es/components/Button/Button.tokens.js +2 -0
- 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/DatePicker.tokens.js +0 -9
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +12 -12
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +12 -12
- package/es/components/DatePicker/SingleDate/SingleDate.css +10 -10
- package/es/components/DatePicker/SingleDate/SingleDate.js +4 -11
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles_18b5qkz.css +5 -0
- 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/Header/ui/HeaderArrow/HeaderArrow.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 +25 -25
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +26 -26
- package/es/components/Panel/ui/PanelHeader/PanelHeader.css +8 -8
- package/es/components/Range/Range.css +4 -4
- package/es/components/Range/Range.styles.js +1 -1
- package/es/components/Range/Range.styles.js.map +1 -1
- package/es/components/Range/Range.styles_1jtxp9z.css +8 -0
- package/es/components/Select/Select.css +26 -26
- package/es/components/Select/Select.js +28 -32
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +26 -26
- package/es/components/Select/ui/Inner/ui/Item/Item.css +26 -26
- package/es/components/Select/ui/Target/Target.css +26 -26
- package/es/components/Select/ui/Target/Target.js +7 -11
- 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 +7 -8
- package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js +12 -2
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/{cjs/components/Select/ui/Target/ui/Button/Button.styles_nn6pg.css → es/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.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 +11 -2
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/{Textfield.styles_16d02b7.css → Textfield.styles_5mg7p7.css} +1 -1
- package/es/components/Select/utils/getButtonLabel.js +12 -13
- 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 +30 -30
- 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 +2 -0
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +0 -9
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -11
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/styled-components/cjs/components/Range/Range.styles.js +3 -2
- package/styled-components/cjs/components/Select/Select.js +28 -32
- package/styled-components/cjs/components/Select/ui/Target/Target.js +7 -11
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +7 -8
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +6 -3
- 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 +4 -1
- package/styled-components/cjs/components/Select/utils/getButtonLabel.js +12 -13
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +5 -5
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -8
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +5 -5
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +0 -7
- package/styled-components/es/components/Button/Button.styles.js +2 -2
- package/styled-components/es/components/Button/Button.tokens.js +2 -0
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +0 -9
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +4 -11
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/styled-components/es/components/Range/Range.styles.js +3 -2
- package/styled-components/es/components/Select/Select.js +28 -32
- package/styled-components/es/components/Select/ui/Target/Target.js +7 -11
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +7 -8
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +6 -3
- 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 +4 -1
- package/styled-components/es/components/Select/utils/getButtonLabel.js +12 -13
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +5 -5
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -8
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +5 -5
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +0 -7
- package/types/components/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Button/Button.tokens.d.ts +2 -0
- package/types/components/Button/Button.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +0 -8
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +0 -4
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +4 -4
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +12 -8
- 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 +2 -1
- 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 +4 -2
- 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 +4 -2
- 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 +3 -1
- 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/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +4 -4
- package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.d.ts +4 -4
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles_18z9fw1.css +0 -5
- package/cjs/components/Range/Range.styles_dmydia.css +0 -8
- package/es/components/DatePicker/SingleDate/SingleDate.styles_18z9fw1.css +0 -5
- package/es/components/Range/Range.styles_dmydia.css +0 -8
@@ -8,6 +8,7 @@ exports.base = exports.StyledLabel = exports.StyledInput = exports.StyledDivider
|
|
8
8
|
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
9
|
var _engines = /*#__PURE__*/require("../../engines");
|
10
10
|
var _TextField = /*#__PURE__*/require("../TextField");
|
11
|
+
var _Popover = /*#__PURE__*/require("../Popover");
|
11
12
|
var _Range = /*#__PURE__*/require("./Range.tokens");
|
12
13
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
13
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
@@ -17,8 +18,8 @@ var TextField = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
|
17
18
|
// NOTE: переопределение токенов TextField
|
18
19
|
var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
|
19
20
|
componentId: "plasma-new-hope__sc-xpkrak-0"
|
20
|
-
})(["
|
21
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["
|
21
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextField.textFieldTokens.color, _Range.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _Range.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.caretColor, _Range.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _Range.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Range.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Range.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Range.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Range.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _Range.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Range.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Range.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Range.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Range.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Range.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Range.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _Range.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _Range.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _Range.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Range.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Range.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _Range.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _Range.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Range.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Range.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Range.tokens.textFieldTextAfterMargin, _Range.classes.rangeValueError, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorErrorFocus, _Range.classes.rangeValueSuccess, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorSuccessFocus);
|
22
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{display:block;flex:1;}.", "{display:flex;flex-direction:column;}"], /*#__PURE__*/String(_Popover.popoverClasses.wrapper), /*#__PURE__*/String(_Popover.popoverClasses.target));
|
22
23
|
var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].label.withConfig({
|
23
24
|
componentId: "plasma-new-hope__sc-xpkrak-1"
|
24
25
|
})([""]);
|
@@ -16,7 +16,7 @@ var _usePathMaps3 = /*#__PURE__*/require("./hooks/usePathMaps");
|
|
16
16
|
var _Select = /*#__PURE__*/require("./Select.styles");
|
17
17
|
var _base = /*#__PURE__*/require("./variations/_view/base");
|
18
18
|
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
19
|
-
var _excluded = ["
|
19
|
+
var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem"];
|
20
20
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
21
21
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
22
22
|
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); }
|
@@ -35,9 +35,7 @@ var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)({});
|
|
35
35
|
*/
|
36
36
|
var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
37
37
|
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
38
|
-
var
|
39
|
-
multiselect = _props$multiselect === void 0 ? false : _props$multiselect,
|
40
|
-
outerValue = props.value,
|
38
|
+
var outerValue = props.value,
|
41
39
|
outerOnChange = props.onChange,
|
42
40
|
_props$target = props.target,
|
43
41
|
target = _props$target === void 0 ? 'textfield-like' : _props$target,
|
@@ -49,8 +47,6 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
49
47
|
labelPlacement = _props$labelPlacement === void 0 ? 'outer' : _props$labelPlacement,
|
50
48
|
placeholder = props.placeholder,
|
51
49
|
helperText = props.helperText,
|
52
|
-
_props$isTargetAmount = props.isTargetAmount,
|
53
|
-
isTargetAmount = _props$isTargetAmount === void 0 ? false : _props$isTargetAmount,
|
54
50
|
_props$disabled = props.disabled,
|
55
51
|
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
56
52
|
view = props.view,
|
@@ -67,7 +63,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
67
63
|
renderValue = props.renderValue,
|
68
64
|
renderItem = props.renderItem,
|
69
65
|
rest = _objectWithoutProperties(props, _excluded);
|
70
|
-
var _useState = (0, _react.useState)(outerValue || multiselect ? [] : ''),
|
66
|
+
var _useState = (0, _react.useState)(outerValue || props.multiselect ? [] : ''),
|
71
67
|
_useState2 = _slicedToArray(_useState, 2),
|
72
68
|
internalValue = _useState2[0],
|
73
69
|
setInternalValue = _useState2[1];
|
@@ -128,30 +124,32 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
128
124
|
}
|
129
125
|
};
|
130
126
|
var handleCheckboxChange = function handleCheckboxChange(item) {
|
131
|
-
|
132
|
-
|
133
|
-
checkedCopy.
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
127
|
+
if (props.multiselect) {
|
128
|
+
var checkedCopy = new Map(checked);
|
129
|
+
if (!checkedCopy.get(item.value)) {
|
130
|
+
checkedCopy.set(item.value, true);
|
131
|
+
(0, _utils2.updateDescendants)(item, checkedCopy, true);
|
132
|
+
} else {
|
133
|
+
checkedCopy.set(item.value, false);
|
134
|
+
(0, _utils2.updateDescendants)(item, checkedCopy, false);
|
135
|
+
}
|
136
|
+
(0, _utils2.updateAncestors)(item, checkedCopy);
|
137
|
+
var newValues = [];
|
138
|
+
valueToItemMap.forEach(function (item, key) {
|
139
|
+
if (checkedCopy.get(key)) {
|
140
|
+
newValues.push(item.value);
|
141
|
+
}
|
142
|
+
});
|
143
|
+
if (onChange) {
|
144
|
+
onChange(newValues);
|
144
145
|
}
|
145
|
-
});
|
146
|
-
if (onChange) {
|
147
|
-
onChange(newValues);
|
148
146
|
}
|
149
147
|
};
|
150
148
|
var handleItemClick = function handleItemClick(item, e) {
|
151
149
|
if (!(0, _utils.isEmpty)(item === null || item === void 0 ? void 0 : item.items)) {
|
152
150
|
return;
|
153
151
|
}
|
154
|
-
if (multiselect) {
|
152
|
+
if (props.multiselect) {
|
155
153
|
handleCheckboxChange(item);
|
156
154
|
} else {
|
157
155
|
if (e) {
|
@@ -177,7 +175,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
177
175
|
var handlePressDown = function handlePressDown(item, e) {
|
178
176
|
if ((0, _utils.isEmpty)(item.items)) {
|
179
177
|
handleItemClick(item, e);
|
180
|
-
} else if (multiselect) {
|
178
|
+
} else if (props.multiselect) {
|
181
179
|
handleCheckboxChange(item);
|
182
180
|
}
|
183
181
|
};
|
@@ -189,6 +187,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
189
187
|
}
|
190
188
|
};
|
191
189
|
var _useKeyNavigation = (0, _useKeyboardNavigation.useKeyNavigation)({
|
190
|
+
value: value,
|
192
191
|
focusedPath: focusedPath,
|
193
192
|
dispatchFocusedPath: dispatchFocusedPath,
|
194
193
|
path: path,
|
@@ -199,10 +198,9 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
199
198
|
handlePressDown: handlePressDown,
|
200
199
|
focusedChipIndex: focusedChipIndex,
|
201
200
|
dispatchFocusedChipIndex: dispatchFocusedChipIndex,
|
202
|
-
value: value,
|
203
201
|
valueToItemMap: valueToItemMap,
|
204
|
-
multiselect: multiselect,
|
205
|
-
isTargetAmount: isTargetAmount
|
202
|
+
multiselect: props.multiselect,
|
203
|
+
isTargetAmount: props.isTargetAmount
|
206
204
|
}),
|
207
205
|
onKeyDown = _useKeyNavigation.onKeyDown;
|
208
206
|
var isCurrentListOpen = Boolean(path[0]);
|
@@ -236,7 +234,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
236
234
|
value: {
|
237
235
|
focusedPath: focusedPath,
|
238
236
|
checked: checked,
|
239
|
-
multiselect: multiselect,
|
237
|
+
multiselect: props.multiselect,
|
240
238
|
size: size,
|
241
239
|
handleCheckboxChange: handleCheckboxChange,
|
242
240
|
handleItemClick: handleItemClick,
|
@@ -253,10 +251,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
253
251
|
trigger: "click",
|
254
252
|
target: /*#__PURE__*/_react["default"].createElement(_ui.Target, {
|
255
253
|
opened: isCurrentListOpen,
|
256
|
-
target: target,
|
257
254
|
value: value,
|
258
|
-
isTargetAmount: isTargetAmount,
|
259
|
-
multiselect: multiselect,
|
260
255
|
valueToItemMap: valueToItemMap,
|
261
256
|
focusedPath: focusedPath,
|
262
257
|
focusedToValueMap: focusedToValueMap,
|
@@ -266,6 +261,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
266
261
|
onKeyDown: onKeyDown,
|
267
262
|
focusedChipIndex: focusedChipIndex,
|
268
263
|
labelPlacement: labelPlacement,
|
264
|
+
selectProps: props,
|
269
265
|
size: size,
|
270
266
|
contentLeft: contentLeft,
|
271
267
|
disabled: disabled,
|
@@ -9,9 +9,6 @@ var _ui = /*#__PURE__*/require("./ui");
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
10
|
var Target = exports.Target = function Target(_ref) {
|
11
11
|
var value = _ref.value,
|
12
|
-
multiselect = _ref.multiselect,
|
13
|
-
isTargetAmount = _ref.isTargetAmount,
|
14
|
-
target = _ref.target,
|
15
12
|
opened = _ref.opened,
|
16
13
|
valueToItemMap = _ref.valueToItemMap,
|
17
14
|
onChipClick = _ref.onChipClick,
|
@@ -25,12 +22,11 @@ var Target = exports.Target = function Target(_ref) {
|
|
25
22
|
disabled = _ref.disabled,
|
26
23
|
renderValue = _ref.renderValue,
|
27
24
|
focusedPath = _ref.focusedPath,
|
28
|
-
focusedToValueMap = _ref.focusedToValueMap
|
29
|
-
|
25
|
+
focusedToValueMap = _ref.focusedToValueMap,
|
26
|
+
selectProps = _ref.selectProps;
|
27
|
+
return selectProps.target === 'button-like' ? /*#__PURE__*/_react["default"].createElement(_ui.Button, {
|
30
28
|
opened: opened,
|
31
29
|
value: value,
|
32
|
-
isTargetAmount: isTargetAmount,
|
33
|
-
multiselect: multiselect,
|
34
30
|
valueToItemMap: valueToItemMap,
|
35
31
|
onKeyDown: onKeyDown,
|
36
32
|
label: label,
|
@@ -38,12 +34,11 @@ var Target = exports.Target = function Target(_ref) {
|
|
38
34
|
disabled: disabled,
|
39
35
|
renderValue: renderValue,
|
40
36
|
focusedPath: focusedPath,
|
41
|
-
focusedToValueMap: focusedToValueMap
|
37
|
+
focusedToValueMap: focusedToValueMap,
|
38
|
+
selectProps: selectProps
|
42
39
|
}) : /*#__PURE__*/_react["default"].createElement(_ui.Textfield, {
|
43
40
|
opened: opened,
|
44
41
|
value: value,
|
45
|
-
isTargetAmount: isTargetAmount,
|
46
|
-
multiselect: multiselect,
|
47
42
|
valueToItemMap: valueToItemMap,
|
48
43
|
onChipClick: onChipClick,
|
49
44
|
label: label,
|
@@ -56,6 +51,7 @@ var Target = exports.Target = function Target(_ref) {
|
|
56
51
|
disabled: disabled,
|
57
52
|
renderValue: renderValue,
|
58
53
|
focusedPath: focusedPath,
|
59
|
-
focusedToValueMap: focusedToValueMap
|
54
|
+
focusedToValueMap: focusedToValueMap,
|
55
|
+
selectProps: selectProps
|
60
56
|
});
|
61
57
|
};
|
@@ -13,8 +13,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
13
13
|
var Button = exports.Button = function Button(_ref) {
|
14
14
|
var opened = _ref.opened,
|
15
15
|
value = _ref.value,
|
16
|
-
isTargetAmount = _ref.isTargetAmount,
|
17
|
-
multiselect = _ref.multiselect,
|
18
16
|
valueToItemMap = _ref.valueToItemMap,
|
19
17
|
onKeyDown = _ref.onKeyDown,
|
20
18
|
label = _ref.label,
|
@@ -22,7 +20,8 @@ var Button = exports.Button = function Button(_ref) {
|
|
22
20
|
disabled = _ref.disabled,
|
23
21
|
renderValue = _ref.renderValue,
|
24
22
|
focusedPath = _ref.focusedPath,
|
25
|
-
focusedToValueMap = _ref.focusedToValueMap
|
23
|
+
focusedToValueMap = _ref.focusedToValueMap,
|
24
|
+
selectProps = _ref.selectProps;
|
26
25
|
var withArrowInverse = opened ? _Select.classes.arrowInverse : undefined;
|
27
26
|
var getActiveDescendant = function getActiveDescendant() {
|
28
27
|
var _focusedToValueMap$ge;
|
@@ -45,13 +44,13 @@ var Button = exports.Button = function Button(_ref) {
|
|
45
44
|
"aria-controls": "tree_level_1",
|
46
45
|
"aria-expanded": opened,
|
47
46
|
"aria-activedescendant": getActiveDescendant(),
|
48
|
-
"aria-label": label
|
49
|
-
|
47
|
+
"aria-label": label,
|
48
|
+
renderTarget: Boolean(selectProps.renderTarget)
|
49
|
+
}, selectProps.renderTarget ? selectProps.renderTarget(value) : /*#__PURE__*/_react["default"].createElement(_Button.Label, null, (0, _utils2.getButtonLabel)({
|
50
50
|
value: value,
|
51
|
-
isTargetAmount: isTargetAmount,
|
52
|
-
multiselect: multiselect,
|
53
51
|
valueToItemMap: valueToItemMap,
|
54
52
|
label: label,
|
55
|
-
renderValue: renderValue
|
53
|
+
renderValue: renderValue,
|
54
|
+
selectProps: selectProps
|
56
55
|
}))));
|
57
56
|
};
|
@@ -15,7 +15,10 @@ var mergedButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Button.buttonCo
|
|
15
15
|
var Button = /*#__PURE__*/(0, _engines.component)(mergedButtonConfig);
|
16
16
|
var StyledButton = exports.StyledButton = /*#__PURE__*/(0, _styledComponents["default"])(Button).withConfig({
|
17
17
|
componentId: "plasma-new-hope__sc-38cqi1-0"
|
18
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":
|
18
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":600;", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");text-align:left;"], _Button.buttonTokens.buttonColor, _Select.tokens.targetButtonColor, _Button.buttonTokens.buttonColorHover, _Select.tokens.targetButtonColorHover, _Button.buttonTokens.buttonColorActive, _Select.tokens.targetButtonColorActive, _Button.buttonTokens.buttonBackgroundColor, _Select.tokens.targetButtonBackgroundColor, _Button.buttonTokens.buttonBackgroundColorHover, _Select.tokens.targetButtonBackgroundColorHover, _Button.buttonTokens.buttonBackgroundColorActive, _Select.tokens.targetButtonBackgroundColorActive, _Button.buttonTokens.buttonRightContentMargin, _Select.tokens.targetButtonArrowMargin, _Button.buttonTokens.buttonHeight, function (_ref) {
|
19
|
+
var renderTarget = _ref.renderTarget;
|
20
|
+
return renderTarget ? 'auto' : "var(".concat(_Select.tokens.targetHeight, ")");
|
21
|
+
}, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Select.tokens.targetButtonPadding, _Button.buttonTokens.buttonRadius, _Select.tokens.borderRadius, _Button.buttonTokens.buttonFontFamily, _Select.tokens.fontFamily, _Button.buttonTokens.buttonFontSize, _Select.tokens.fontSize, _Button.buttonTokens.buttonFontStyle, _Select.tokens.fontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Select.tokens.fontLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Select.tokens.fontLineHeight, _Button.buttonTokens.buttonDisabledOpacity, _Select.constants.opacity, _Button.buttonTokens.buttonFocusColor, _Select.constants.focusColor);
|
19
22
|
var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
20
23
|
componentId: "plasma-new-hope__sc-38cqi1-1"
|
21
24
|
})(["line-height:0;color:var(", ");&:hover{color:var(", ");}&:active{color:var(", ");}"], _Select.tokens.targetButtonArrowColor, _Select.tokens.targetButtonArrowColorHover, _Select.tokens.targetButtonArrowColorActive);
|
@@ -24,7 +27,7 @@ var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["defa
|
|
24
27
|
})(["transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;"]);
|
25
28
|
var ButtonWrapper = exports.ButtonWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
26
29
|
componentId: "plasma-new-hope__sc-38cqi1-3"
|
27
|
-
})(["display:inline;.", "::before{box-shadow:none !important;}"], _Select.classes.selectWithoutBoxShadow);
|
30
|
+
})(["display:inline;.", "::before{box-shadow:none !important;}.", "{transform:rotate(-180deg);}"], _Select.classes.selectWithoutBoxShadow, _Select.classes.arrowInverse);
|
28
31
|
var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
29
32
|
componentId: "plasma-new-hope__sc-38cqi1-4"
|
30
|
-
})(["display:inline;width:100%;text-align:left;", "
|
33
|
+
})(["display:inline;width:100%;text-align:left;", ""], /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
@@ -56,8 +56,6 @@ var getLabel = function getLabel(_ref) {
|
|
56
56
|
var Textfield = exports.Textfield = function Textfield(_ref2) {
|
57
57
|
var opened = _ref2.opened,
|
58
58
|
value = _ref2.value,
|
59
|
-
isTargetAmount = _ref2.isTargetAmount,
|
60
|
-
multiselect = _ref2.multiselect,
|
61
59
|
valueToItemMap = _ref2.valueToItemMap,
|
62
60
|
onChipClick = _ref2.onChipClick,
|
63
61
|
label = _ref2.label,
|
@@ -70,7 +68,8 @@ var Textfield = exports.Textfield = function Textfield(_ref2) {
|
|
70
68
|
disabled = _ref2.disabled,
|
71
69
|
renderValue = _ref2.renderValue,
|
72
70
|
focusedPath = _ref2.focusedPath,
|
73
|
-
focusedToValueMap = _ref2.focusedToValueMap
|
71
|
+
focusedToValueMap = _ref2.focusedToValueMap,
|
72
|
+
selectProps = _ref2.selectProps;
|
74
73
|
var withArrowInverse = opened ? _Select.classes.arrowInverse : undefined;
|
75
74
|
var getActiveDescendant = function getActiveDescendant() {
|
76
75
|
var _focusedToValueMap$ge;
|
@@ -91,19 +90,20 @@ var Textfield = exports.Textfield = function Textfield(_ref2) {
|
|
91
90
|
"aria-controls": "tree_level_1",
|
92
91
|
"aria-expanded": opened,
|
93
92
|
"aria-activedescendant": getActiveDescendant(),
|
94
|
-
"aria-label": label
|
95
|
-
|
93
|
+
"aria-label": label,
|
94
|
+
renderTarget: Boolean(selectProps.renderTarget)
|
95
|
+
}, /*#__PURE__*/_react["default"].createElement(_Textfield.Wrapper, null, selectProps !== null && selectProps !== void 0 && selectProps.renderTarget ? selectProps.renderTarget(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
96
|
value: value,
|
97
|
-
isTargetAmount: isTargetAmount,
|
98
97
|
valueToItemMap: valueToItemMap,
|
99
98
|
onChipClick: onChipClick,
|
100
|
-
label: label,
|
101
|
-
placeholder: placeholder,
|
102
99
|
focusedChipIndex: focusedChipIndex,
|
100
|
+
label: label,
|
103
101
|
labelPlacement: labelPlacement,
|
104
|
-
|
105
|
-
|
106
|
-
|
102
|
+
placeholder: placeholder,
|
103
|
+
isTargetAmount: selectProps.isTargetAmount,
|
104
|
+
renderValue: renderValue,
|
105
|
+
size: size
|
106
|
+
}))), /*#__PURE__*/_react["default"].createElement(_Textfield.IconArrowWrapper, null, /*#__PURE__*/_react["default"].createElement(_Textfield.StyledArrow, {
|
107
107
|
size: (0, _utils2.sizeToIconSize)(size),
|
108
108
|
color: "inherit",
|
109
109
|
className: (0, _utils.cx)(_Select.classes.selectTargetArrow, withArrowInverse)
|
@@ -25,7 +25,10 @@ var TextfieldWrapper = exports.TextfieldWrapper = /*#__PURE__*/_styledComponents
|
|
25
25
|
}, _Select.classes.selectWithoutBoxShadow);
|
26
26
|
var StyledButton = exports.StyledButton = /*#__PURE__*/(0, _styledComponents["default"])(Button).withConfig({
|
27
27
|
componentId: "plasma-new-hope__sc-1akl2tk-1"
|
28
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":
|
28
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");box-shadow:inset 0 0 0 ", " var(", ");text-align:left;", ""], _Button.buttonTokens.buttonColor, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonColorHover, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonColorActive, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonHeight, function (_ref3) {
|
29
|
+
var renderTarget = _ref3.renderTarget;
|
30
|
+
return renderTarget ? 'auto' : "var(".concat(_Select.tokens.targetHeight, ")");
|
31
|
+
}, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Select.tokens.targetTextfieldPadding, _Button.buttonTokens.buttonRadius, _Select.tokens.borderRadius, _Button.buttonTokens.buttonFontFamily, _Select.tokens.fontFamily, _Button.buttonTokens.buttonFontSize, _Select.tokens.fontSize, _Button.buttonTokens.buttonFontStyle, _Select.tokens.fontStyle, _Button.buttonTokens.buttonFontWeight, _Select.tokens.fontWeight, _Button.buttonTokens.buttonLetterSpacing, _Select.tokens.fontLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Select.tokens.fontLineHeight, _Button.buttonTokens.buttonDisabledOpacity, _Select.constants.opacity, _Button.buttonTokens.buttonFocusColor, _Select.constants.focusColor, _Select.constants.textfieldBorderSize, _Select.tokens.targetTextfieldBorderColor, /*#__PURE__*/(0, _mixins.addFocus)({
|
29
32
|
outlineOffset: _Select.constants.textfieldBorderSize,
|
30
33
|
outlineSize: _Select.constants.focusSize,
|
31
34
|
outlineRadius: /*#__PURE__*/"calc(var(".concat(_Select.tokens.borderRadius, ") - ").concat(_Select.constants.textfieldBorderSize, ")"),
|
@@ -6,32 +6,31 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
exports.getButtonLabel = void 0;
|
7
7
|
var _utils = /*#__PURE__*/require("../../../utils");
|
8
8
|
var getLabel = function getLabel(_ref) {
|
9
|
-
var
|
10
|
-
|
11
|
-
|
9
|
+
var value = _ref.value,
|
10
|
+
valueToItemMap = _ref.valueToItemMap,
|
11
|
+
renderValue = _ref.renderValue;
|
12
12
|
var _ref2 = valueToItemMap.get(value === null || value === void 0 ? void 0 : value.toString()),
|
13
13
|
label = _ref2.label;
|
14
14
|
return renderValue ? renderValue(value, label) : label;
|
15
15
|
};
|
16
16
|
var getButtonLabel = exports.getButtonLabel = function getButtonLabel(_ref3) {
|
17
17
|
var value = _ref3.value,
|
18
|
-
label = _ref3.label,
|
19
|
-
isTargetAmount = _ref3.isTargetAmount,
|
20
|
-
multiselect = _ref3.multiselect,
|
21
18
|
valueToItemMap = _ref3.valueToItemMap,
|
22
|
-
|
19
|
+
label = _ref3.label,
|
20
|
+
renderValue = _ref3.renderValue,
|
21
|
+
selectProps = _ref3.selectProps;
|
23
22
|
if ((0, _utils.isEmpty)(value)) {
|
24
|
-
return label;
|
23
|
+
return label || '';
|
25
24
|
}
|
26
|
-
if (multiselect && isTargetAmount) {
|
25
|
+
if (selectProps.multiselect && selectProps.isTargetAmount) {
|
27
26
|
return "\u0412\u044B\u0431\u0440\u0430\u043D\u043E: ".concat(value.length);
|
28
27
|
}
|
29
|
-
if (multiselect && Array.isArray(value)) {
|
30
|
-
return value.map(function (itemValue) {
|
28
|
+
if (selectProps.multiselect && Array.isArray(value)) {
|
29
|
+
return value === null || value === void 0 ? void 0 : value.map(function (itemValue) {
|
31
30
|
return getLabel({
|
32
|
-
renderValue: renderValue,
|
33
31
|
value: itemValue,
|
34
|
-
valueToItemMap: valueToItemMap
|
32
|
+
valueToItemMap: valueToItemMap,
|
33
|
+
renderValue: renderValue
|
35
34
|
});
|
36
35
|
}).join(', ');
|
37
36
|
}
|