@salutejs/plasma-new-hope 0.113.0-canary.1328.10168505561.0 → 0.113.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Button/Button.css +8 -8
- package/cjs/components/Button/Button.styles.js +1 -1
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Button/{Button.styles_1sopr3d.css → Button.styles_1oz1dew.css} +2 -2
- package/cjs/components/Button/Button.tokens.js +0 -2
- package/cjs/components/Button/Button.tokens.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +8 -8
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +8 -8
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
- package/cjs/components/DatePicker/DatePicker.tokens.js +9 -0
- 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 +11 -4
- 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_18z9fw1.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_dmydia.css +8 -0
- package/cjs/components/Select/Select.css +26 -26
- package/cjs/components/Select/Select.js +32 -28
- 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 +11 -7
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.css +14 -14
- package/cjs/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +2 -12
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/{es/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css → cjs/components/Select/ui/Target/ui/Button/Button.styles_nn6pg.css} +3 -3
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +21 -21
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -11
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/{Textfield.styles_5mg7p7.css → Textfield.styles_16d02b7.css} +1 -1
- package/cjs/components/Select/utils/getButtonLabel.js +13 -12
- package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
- package/cjs/components/Toast/Toast.css +8 -8
- package/cjs/components/Toast/ToastController.css +8 -8
- package/cjs/index.css +30 -30
- package/emotion/cjs/components/Button/Button.styles.js +8 -8
- package/emotion/cjs/components/Button/Button.tokens.js +0 -2
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +9 -0
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +11 -4
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +5 -5
- package/emotion/cjs/components/Range/Range.styles.js +16 -9
- package/emotion/cjs/components/Select/Select.js +32 -28
- package/emotion/cjs/components/Select/ui/Target/Target.js +11 -7
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +5 -8
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -16
- package/emotion/cjs/components/Select/utils/getButtonLabel.js +13 -12
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +8 -0
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +7 -0
- package/emotion/es/components/Button/Button.styles.js +8 -8
- package/emotion/es/components/Button/Button.tokens.js +0 -2
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +9 -0
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +11 -4
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +5 -5
- package/emotion/es/components/Range/Range.styles.js +16 -9
- package/emotion/es/components/Select/Select.js +32 -28
- package/emotion/es/components/Select/ui/Target/Target.js +11 -7
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +5 -8
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -16
- package/emotion/es/components/Select/utils/getButtonLabel.js +13 -12
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +8 -0
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +7 -0
- package/es/components/Button/Button.css +8 -8
- package/es/components/Button/Button.styles.js +1 -1
- package/es/components/Button/Button.styles.js.map +1 -1
- package/es/components/Button/{Button.styles_1sopr3d.css → Button.styles_1oz1dew.css} +2 -2
- package/es/components/Button/Button.tokens.js +0 -2
- package/es/components/Button/Button.tokens.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.css +8 -8
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +8 -8
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
- package/es/components/DatePicker/DatePicker.tokens.js +9 -0
- 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 +11 -4
- 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_18z9fw1.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_dmydia.css +8 -0
- package/es/components/Select/Select.css +26 -26
- package/es/components/Select/Select.js +32 -28
- 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 +11 -7
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.css +14 -14
- package/es/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js +2 -12
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/{cjs/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css → es/components/Select/ui/Target/ui/Button/Button.styles_nn6pg.css} +3 -3
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +21 -21
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -11
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/{Textfield.styles_5mg7p7.css → Textfield.styles_16d02b7.css} +1 -1
- package/es/components/Select/utils/getButtonLabel.js +13 -12
- package/es/components/Select/utils/getButtonLabel.js.map +1 -1
- package/es/components/Toast/Toast.css +8 -8
- package/es/components/Toast/ToastController.css +8 -8
- package/es/index.css +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 +0 -2
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +9 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +11 -4
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/styled-components/cjs/components/Range/Range.styles.js +2 -3
- package/styled-components/cjs/components/Select/Select.js +32 -28
- package/styled-components/cjs/components/Select/ui/Target/Target.js +11 -7
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +3 -6
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -4
- package/styled-components/cjs/components/Select/utils/getButtonLabel.js +13 -12
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +5 -5
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +8 -0
- 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 +7 -0
- package/styled-components/es/components/Button/Button.styles.js +2 -2
- package/styled-components/es/components/Button/Button.tokens.js +0 -2
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +9 -0
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +11 -4
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/styled-components/es/components/Range/Range.styles.js +2 -3
- package/styled-components/es/components/Select/Select.js +32 -28
- package/styled-components/es/components/Select/ui/Target/Target.js +11 -7
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +3 -6
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -4
- package/styled-components/es/components/Select/utils/getButtonLabel.js +13 -12
- package/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 +8 -0
- 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 +7 -0
- package/types/components/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Button/Button.tokens.d.ts +0 -2
- package/types/components/Button/Button.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +8 -0
- 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 +4 -0
- 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 +8 -12
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +1 -2
- package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts +2 -4
- package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +2 -2
- package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +2 -4
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -3
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
- package/types/components/Select/utils/getButtonLabel.d.ts +1 -1
- package/types/components/Select/utils/getButtonLabel.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/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_18b5qkz.css +0 -5
- package/cjs/components/Range/Range.styles_1jtxp9z.css +0 -8
- package/es/components/DatePicker/SingleDate/SingleDate.styles_18b5qkz.css +0 -5
- package/es/components/Range/Range.styles_1jtxp9z.css +0 -8
@@ -8,7 +8,6 @@ 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");
|
12
11
|
var _Range = /*#__PURE__*/require("./Range.tokens");
|
13
12
|
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); }
|
14
13
|
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; }
|
@@ -18,8 +17,8 @@ var TextField = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
|
18
17
|
// NOTE: переопределение токенов TextField
|
19
18
|
var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
|
20
19
|
componentId: "plasma-new-hope__sc-xpkrak-0"
|
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)(["
|
20
|
+
})(["width:100%;", ":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);
|
21
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["width:fit-content;"]);
|
23
22
|
var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].label.withConfig({
|
24
23
|
componentId: "plasma-new-hope__sc-xpkrak-1"
|
25
24
|
})([""]);
|
@@ -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 = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem"];
|
19
|
+
var _excluded = ["multiselect", "value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "isTargetAmount", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem"];
|
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,7 +35,9 @@ 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
|
38
|
+
var _props$multiselect = props.multiselect,
|
39
|
+
multiselect = _props$multiselect === void 0 ? false : _props$multiselect,
|
40
|
+
outerValue = props.value,
|
39
41
|
outerOnChange = props.onChange,
|
40
42
|
_props$target = props.target,
|
41
43
|
target = _props$target === void 0 ? 'textfield-like' : _props$target,
|
@@ -47,6 +49,8 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
47
49
|
labelPlacement = _props$labelPlacement === void 0 ? 'outer' : _props$labelPlacement,
|
48
50
|
placeholder = props.placeholder,
|
49
51
|
helperText = props.helperText,
|
52
|
+
_props$isTargetAmount = props.isTargetAmount,
|
53
|
+
isTargetAmount = _props$isTargetAmount === void 0 ? false : _props$isTargetAmount,
|
50
54
|
_props$disabled = props.disabled,
|
51
55
|
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
52
56
|
view = props.view,
|
@@ -63,7 +67,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
63
67
|
renderValue = props.renderValue,
|
64
68
|
renderItem = props.renderItem,
|
65
69
|
rest = _objectWithoutProperties(props, _excluded);
|
66
|
-
var _useState = (0, _react.useState)(outerValue ||
|
70
|
+
var _useState = (0, _react.useState)(outerValue || multiselect ? [] : ''),
|
67
71
|
_useState2 = _slicedToArray(_useState, 2),
|
68
72
|
internalValue = _useState2[0],
|
69
73
|
setInternalValue = _useState2[1];
|
@@ -124,32 +128,30 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
124
128
|
}
|
125
129
|
};
|
126
130
|
var handleCheckboxChange = function handleCheckboxChange(item) {
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
newValues.push(item.value);
|
141
|
-
}
|
142
|
-
});
|
143
|
-
if (onChange) {
|
144
|
-
onChange(newValues);
|
131
|
+
var checkedCopy = new Map(checked);
|
132
|
+
if (!checkedCopy.get(item.value.toString())) {
|
133
|
+
checkedCopy.set(item.value.toString(), true);
|
134
|
+
(0, _utils2.updateDescendants)(item, checkedCopy, true);
|
135
|
+
} else {
|
136
|
+
checkedCopy.set(item.value.toString(), false);
|
137
|
+
(0, _utils2.updateDescendants)(item, checkedCopy, false);
|
138
|
+
}
|
139
|
+
(0, _utils2.updateAncestors)(item, checkedCopy);
|
140
|
+
var newValues = [];
|
141
|
+
valueToItemMap.forEach(function (item, key) {
|
142
|
+
if (checkedCopy.get(key)) {
|
143
|
+
newValues.push(item.value.toString());
|
145
144
|
}
|
145
|
+
});
|
146
|
+
if (onChange) {
|
147
|
+
onChange(newValues);
|
146
148
|
}
|
147
149
|
};
|
148
150
|
var handleItemClick = function handleItemClick(item, e) {
|
149
151
|
if (!(0, _utils.isEmpty)(item === null || item === void 0 ? void 0 : item.items)) {
|
150
152
|
return;
|
151
153
|
}
|
152
|
-
if (
|
154
|
+
if (multiselect) {
|
153
155
|
handleCheckboxChange(item);
|
154
156
|
} else {
|
155
157
|
if (e) {
|
@@ -175,7 +177,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
175
177
|
var handlePressDown = function handlePressDown(item, e) {
|
176
178
|
if ((0, _utils.isEmpty)(item.items)) {
|
177
179
|
handleItemClick(item, e);
|
178
|
-
} else if (
|
180
|
+
} else if (multiselect) {
|
179
181
|
handleCheckboxChange(item);
|
180
182
|
}
|
181
183
|
};
|
@@ -187,7 +189,6 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
187
189
|
}
|
188
190
|
};
|
189
191
|
var _useKeyNavigation = (0, _useKeyboardNavigation.useKeyNavigation)({
|
190
|
-
value: value,
|
191
192
|
focusedPath: focusedPath,
|
192
193
|
dispatchFocusedPath: dispatchFocusedPath,
|
193
194
|
path: path,
|
@@ -198,9 +199,10 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
198
199
|
handlePressDown: handlePressDown,
|
199
200
|
focusedChipIndex: focusedChipIndex,
|
200
201
|
dispatchFocusedChipIndex: dispatchFocusedChipIndex,
|
202
|
+
value: value,
|
201
203
|
valueToItemMap: valueToItemMap,
|
202
|
-
multiselect:
|
203
|
-
isTargetAmount:
|
204
|
+
multiselect: multiselect,
|
205
|
+
isTargetAmount: isTargetAmount
|
204
206
|
}),
|
205
207
|
onKeyDown = _useKeyNavigation.onKeyDown;
|
206
208
|
var isCurrentListOpen = Boolean(path[0]);
|
@@ -234,7 +236,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
234
236
|
value: {
|
235
237
|
focusedPath: focusedPath,
|
236
238
|
checked: checked,
|
237
|
-
multiselect:
|
239
|
+
multiselect: multiselect,
|
238
240
|
size: size,
|
239
241
|
handleCheckboxChange: handleCheckboxChange,
|
240
242
|
handleItemClick: handleItemClick,
|
@@ -251,7 +253,10 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
251
253
|
trigger: "click",
|
252
254
|
target: /*#__PURE__*/_react["default"].createElement(_ui.Target, {
|
253
255
|
opened: isCurrentListOpen,
|
256
|
+
target: target,
|
254
257
|
value: value,
|
258
|
+
isTargetAmount: isTargetAmount,
|
259
|
+
multiselect: multiselect,
|
255
260
|
valueToItemMap: valueToItemMap,
|
256
261
|
focusedPath: focusedPath,
|
257
262
|
focusedToValueMap: focusedToValueMap,
|
@@ -261,7 +266,6 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
261
266
|
onKeyDown: onKeyDown,
|
262
267
|
focusedChipIndex: focusedChipIndex,
|
263
268
|
labelPlacement: labelPlacement,
|
264
|
-
selectProps: props,
|
265
269
|
size: size,
|
266
270
|
contentLeft: contentLeft,
|
267
271
|
disabled: disabled,
|
@@ -9,6 +9,9 @@ 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,
|
12
15
|
opened = _ref.opened,
|
13
16
|
valueToItemMap = _ref.valueToItemMap,
|
14
17
|
onChipClick = _ref.onChipClick,
|
@@ -22,11 +25,12 @@ var Target = exports.Target = function Target(_ref) {
|
|
22
25
|
disabled = _ref.disabled,
|
23
26
|
renderValue = _ref.renderValue,
|
24
27
|
focusedPath = _ref.focusedPath,
|
25
|
-
focusedToValueMap = _ref.focusedToValueMap
|
26
|
-
|
27
|
-
return selectProps.target === 'button-like' ? /*#__PURE__*/_react["default"].createElement(_ui.Button, {
|
28
|
+
focusedToValueMap = _ref.focusedToValueMap;
|
29
|
+
return target === 'button-like' ? /*#__PURE__*/_react["default"].createElement(_ui.Button, {
|
28
30
|
opened: opened,
|
29
31
|
value: value,
|
32
|
+
isTargetAmount: isTargetAmount,
|
33
|
+
multiselect: multiselect,
|
30
34
|
valueToItemMap: valueToItemMap,
|
31
35
|
onKeyDown: onKeyDown,
|
32
36
|
label: label,
|
@@ -34,11 +38,12 @@ var Target = exports.Target = function Target(_ref) {
|
|
34
38
|
disabled: disabled,
|
35
39
|
renderValue: renderValue,
|
36
40
|
focusedPath: focusedPath,
|
37
|
-
focusedToValueMap: focusedToValueMap
|
38
|
-
selectProps: selectProps
|
41
|
+
focusedToValueMap: focusedToValueMap
|
39
42
|
}) : /*#__PURE__*/_react["default"].createElement(_ui.Textfield, {
|
40
43
|
opened: opened,
|
41
44
|
value: value,
|
45
|
+
isTargetAmount: isTargetAmount,
|
46
|
+
multiselect: multiselect,
|
42
47
|
valueToItemMap: valueToItemMap,
|
43
48
|
onChipClick: onChipClick,
|
44
49
|
label: label,
|
@@ -51,7 +56,6 @@ var Target = exports.Target = function Target(_ref) {
|
|
51
56
|
disabled: disabled,
|
52
57
|
renderValue: renderValue,
|
53
58
|
focusedPath: focusedPath,
|
54
|
-
focusedToValueMap: focusedToValueMap
|
55
|
-
selectProps: selectProps
|
59
|
+
focusedToValueMap: focusedToValueMap
|
56
60
|
});
|
57
61
|
};
|
@@ -13,6 +13,8 @@ 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,
|
16
18
|
valueToItemMap = _ref.valueToItemMap,
|
17
19
|
onKeyDown = _ref.onKeyDown,
|
18
20
|
label = _ref.label,
|
@@ -20,8 +22,7 @@ var Button = exports.Button = function Button(_ref) {
|
|
20
22
|
disabled = _ref.disabled,
|
21
23
|
renderValue = _ref.renderValue,
|
22
24
|
focusedPath = _ref.focusedPath,
|
23
|
-
focusedToValueMap = _ref.focusedToValueMap
|
24
|
-
selectProps = _ref.selectProps;
|
25
|
+
focusedToValueMap = _ref.focusedToValueMap;
|
25
26
|
var withArrowInverse = opened ? _Select.classes.arrowInverse : undefined;
|
26
27
|
var getActiveDescendant = function getActiveDescendant() {
|
27
28
|
var _focusedToValueMap$ge;
|
@@ -44,13 +45,13 @@ var Button = exports.Button = function Button(_ref) {
|
|
44
45
|
"aria-controls": "tree_level_1",
|
45
46
|
"aria-expanded": opened,
|
46
47
|
"aria-activedescendant": getActiveDescendant(),
|
47
|
-
"aria-label": label
|
48
|
-
|
49
|
-
}, selectProps.renderTarget ? selectProps.renderTarget(value) : /*#__PURE__*/_react["default"].createElement(_Button.Label, null, (0, _utils2.getButtonLabel)({
|
48
|
+
"aria-label": label
|
49
|
+
}, /*#__PURE__*/_react["default"].createElement(_Button.Label, null, (0, _utils2.getButtonLabel)({
|
50
50
|
value: value,
|
51
|
+
isTargetAmount: isTargetAmount,
|
52
|
+
multiselect: multiselect,
|
51
53
|
valueToItemMap: valueToItemMap,
|
52
54
|
label: label,
|
53
|
-
renderValue: renderValue
|
54
|
-
selectProps: selectProps
|
55
|
+
renderValue: renderValue
|
55
56
|
}))));
|
56
57
|
};
|
@@ -15,10 +15,7 @@ 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(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":600;", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");
|
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);
|
18
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":600;", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");"], _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, _Select.tokens.targetHeight, _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);
|
22
19
|
var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
23
20
|
componentId: "plasma-new-hope__sc-38cqi1-1"
|
24
21
|
})(["line-height:0;color:var(", ");&:hover{color:var(", ");}&:active{color:var(", ");}"], _Select.tokens.targetButtonArrowColor, _Select.tokens.targetButtonArrowColorHover, _Select.tokens.targetButtonArrowColorActive);
|
@@ -27,7 +24,7 @@ var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["defa
|
|
27
24
|
})(["transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;"]);
|
28
25
|
var ButtonWrapper = exports.ButtonWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
29
26
|
componentId: "plasma-new-hope__sc-38cqi1-3"
|
30
|
-
})(["display:inline;.", "::before{box-shadow:none !important;}
|
27
|
+
})(["display:inline;.", "::before{box-shadow:none !important;}"], _Select.classes.selectWithoutBoxShadow);
|
31
28
|
var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
32
29
|
componentId: "plasma-new-hope__sc-38cqi1-4"
|
33
|
-
})(["display:inline;width:100%;text-align:left;", ""], /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
30
|
+
})(["display:inline;width:100%;text-align:left;", " .", "{transform:rotate(-180deg);}"], /*#__PURE__*/(0, _mixins.applyEllipsis)(), _Select.classes.arrowInverse);
|
@@ -56,6 +56,8 @@ 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,
|
59
61
|
valueToItemMap = _ref2.valueToItemMap,
|
60
62
|
onChipClick = _ref2.onChipClick,
|
61
63
|
label = _ref2.label,
|
@@ -68,8 +70,7 @@ var Textfield = exports.Textfield = function Textfield(_ref2) {
|
|
68
70
|
disabled = _ref2.disabled,
|
69
71
|
renderValue = _ref2.renderValue,
|
70
72
|
focusedPath = _ref2.focusedPath,
|
71
|
-
focusedToValueMap = _ref2.focusedToValueMap
|
72
|
-
selectProps = _ref2.selectProps;
|
73
|
+
focusedToValueMap = _ref2.focusedToValueMap;
|
73
74
|
var withArrowInverse = opened ? _Select.classes.arrowInverse : undefined;
|
74
75
|
var getActiveDescendant = function getActiveDescendant() {
|
75
76
|
var _focusedToValueMap$ge;
|
@@ -90,20 +91,19 @@ var Textfield = exports.Textfield = function Textfield(_ref2) {
|
|
90
91
|
"aria-controls": "tree_level_1",
|
91
92
|
"aria-expanded": opened,
|
92
93
|
"aria-activedescendant": getActiveDescendant(),
|
93
|
-
"aria-label": label
|
94
|
-
|
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({
|
94
|
+
"aria-label": label
|
95
|
+
}, /*#__PURE__*/_react["default"].createElement(_Textfield.Wrapper, null, contentLeft && (!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,
|
97
98
|
valueToItemMap: valueToItemMap,
|
98
99
|
onChipClick: onChipClick,
|
99
|
-
focusedChipIndex: focusedChipIndex,
|
100
100
|
label: label,
|
101
|
-
labelPlacement: labelPlacement,
|
102
101
|
placeholder: placeholder,
|
103
|
-
|
104
|
-
|
105
|
-
size: size
|
106
|
-
|
102
|
+
focusedChipIndex: focusedChipIndex,
|
103
|
+
labelPlacement: labelPlacement,
|
104
|
+
size: size,
|
105
|
+
renderValue: renderValue
|
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,10 +25,7 @@ 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(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");box-shadow:inset 0 0 0 ", " var(", ");
|
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)({
|
28
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");box-shadow:inset 0 0 0 ", " var(", ");", ""], _Button.buttonTokens.buttonColor, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonColorHover, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonColorActive, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonHeight, _Select.tokens.targetHeight, _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)({
|
32
29
|
outlineOffset: _Select.constants.textfieldBorderSize,
|
33
30
|
outlineSize: _Select.constants.focusSize,
|
34
31
|
outlineRadius: /*#__PURE__*/"calc(var(".concat(_Select.tokens.borderRadius, ") - ").concat(_Select.constants.textfieldBorderSize, ")"),
|
@@ -6,31 +6,32 @@ 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 renderValue = _ref.renderValue,
|
10
|
+
value = _ref.value,
|
11
|
+
valueToItemMap = _ref.valueToItemMap;
|
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
|
-
valueToItemMap = _ref3.valueToItemMap,
|
19
18
|
label = _ref3.label,
|
20
|
-
|
21
|
-
|
19
|
+
isTargetAmount = _ref3.isTargetAmount,
|
20
|
+
multiselect = _ref3.multiselect,
|
21
|
+
valueToItemMap = _ref3.valueToItemMap,
|
22
|
+
renderValue = _ref3.renderValue;
|
22
23
|
if ((0, _utils.isEmpty)(value)) {
|
23
|
-
return label
|
24
|
+
return label;
|
24
25
|
}
|
25
|
-
if (
|
26
|
+
if (multiselect && isTargetAmount) {
|
26
27
|
return "\u0412\u044B\u0431\u0440\u0430\u043D\u043E: ".concat(value.length);
|
27
28
|
}
|
28
|
-
if (
|
29
|
-
return value
|
29
|
+
if (multiselect && Array.isArray(value)) {
|
30
|
+
return value.map(function (itemValue) {
|
30
31
|
return getLabel({
|
32
|
+
renderValue: renderValue,
|
31
33
|
value: itemValue,
|
32
|
-
valueToItemMap: valueToItemMap
|
33
|
-
renderValue: renderValue
|
34
|
+
valueToItemMap: valueToItemMap
|
34
35
|
});
|
35
36
|
}).join(', ');
|
36
37
|
}
|