@salutejs/plasma-new-hope 0.94.0-canary.1224.9693519563.0 → 0.94.0-canary.1233.9699006063.0

package/styled-components/cjs/components/Select/ui/Inner/Inner.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Inner = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _utils = /*#__PURE__*/require("../../../../utils");
+var _Select = /*#__PURE__*/require("../../Select.styles");
+var _ui = /*#__PURE__*/require("./ui");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Inner = exports.Inner = function Inner(_ref) {
+  var item = _ref.item,
+    currentLevel = _ref.currentLevel,
+    path = _ref.path,
+    dispatchPath = _ref.dispatchPath,
+    index = _ref.index,
+    listWidth = _ref.listWidth;
+  var handleToggle = function handleToggle(opened) {
+    if (opened) {
+      dispatchPath({
+        type: 'changed_on_level',
+        value: item.value.toString(),
+        level: currentLevel + 1
+      });
+    } else {
+      dispatchPath({
+        type: 'cut_by_level',
+        level: currentLevel + 1
+      });
+    }
+  };
+  var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
+  var listId = "tree_level_".concat(currentLevel + 2);
+  var nextLevel = currentLevel + 1;
+  if (!(0, _utils.isEmpty)(item === null || item === void 0 ? void 0 : item.items)) {
+    var _item$items;
+    return /*#__PURE__*/_react["default"].createElement(_Select.StyledPopover, {
+      isOpen: isCurrentListOpen,
+      usePortal: false,
+      placement: "right-start",
+      trigger: "click",
+      target: /*#__PURE__*/_react["default"].createElement(_ui.Item, {
+        item: item,
+        path: path,
+        currentLevel: currentLevel,
+        index: index,
+        ariaControls: listId,
+        ariaExpanded: isCurrentListOpen,
+        ariaLevel: nextLevel,
+        ariaLabel: item.label
+      }),
+      onToggle: handleToggle,
+      isFocusTrapped: false,
+      preventOverflow: false
+    }, /*#__PURE__*/_react["default"].createElement(_Select.Ul, {
+      role: "group",
+      id: listId,
+      isInnerUl: true,
+      listWidth: listWidth
+    }, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(function (innerItem, innerIndex) {
+      return /*#__PURE__*/_react["default"].createElement(Inner, {
+        key: "".concat(innerIndex, "/").concat(currentLevel),
+        item: innerItem,
+        currentLevel: nextLevel,
+        path: path,
+        dispatchPath: dispatchPath,
+        index: innerIndex,
+        listWidth: listWidth
+      });
+    })));
+  }
+  return /*#__PURE__*/_react["default"].createElement(_ui.Item, {
+    item: item,
+    path: path,
+    index: index,
+    currentLevel: currentLevel,
+    ariaLevel: nextLevel
+  });
+};

package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js

@@ -0,0 +1,96 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Item = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _utils = /*#__PURE__*/require("../../../../utils");
+var _Select = /*#__PURE__*/require("../../../../Select.tokens");
+var _utils2 = /*#__PURE__*/require("../../../../../../utils");
+var _Icon = /*#__PURE__*/require("../../../../../_Icon");
+var _Select2 = /*#__PURE__*/require("../../../../Select");
+var _Item = /*#__PURE__*/require("./Item.styles");
+var _StyledIndicator;
+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); }
+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; }
+var Item = exports.Item = function Item(_ref) {
+  var item = _ref.item,
+    path = _ref.path,
+    currentLevel = _ref.currentLevel,
+    index = _ref.index,
+    ariaControls = _ref.ariaControls,
+    ariaExpanded = _ref.ariaExpanded,
+    ariaLevel = _ref.ariaLevel,
+    ariaLabel = _ref.ariaLabel;
+  var value = item.value,
+    label = item.label,
+    disabled = item.disabled,
+    isDisabled = item.isDisabled,
+    contentLeft = item.contentLeft,
+    contentRight = item.contentRight;
+  var ref = (0, _react.useRef)(null);
+  var _useContext = (0, _react.useContext)(_Select2.Context),
+    focusedPath = _useContext.focusedPath,
+    checked = _useContext.checked,
+    multiselect = _useContext.multiselect,
+    size = _useContext.size,
+    handleCheckboxChange = _useContext.handleCheckboxChange,
+    handleItemClick = _useContext.handleItemClick,
+    variant = _useContext.variant,
+    renderItem = _useContext.renderItem;
+  var isDisabledClassName = disabled || isDisabled ? _Select.classes.dropdownItemIsDisabled : undefined;
+  var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? _Select.classes.dropdownItemIsFocused : undefined;
+  var activeClass = value === (path === null || path === void 0 ? void 0 : path[currentLevel + 1]) ? _Select.classes.dropdownItemIsActive : undefined;
+  (0, _react.useEffect)(function () {
+    if (focusedClass && ref !== null && ref !== void 0 && ref.current) {
+      ref.current.scrollIntoView({
+        behavior: 'smooth',
+        block: 'center',
+        inline: 'center'
+      });
+    }
+  }, [focusedClass]);
+  var handleChange = function handleChange(e) {
+    if (disabled || isDisabled) return;
+    e.stopPropagation();
+    handleCheckboxChange(item);
+  };
+  var handleClick = function handleClick(e) {
+    if (disabled || isDisabled) return;
+    handleItemClick(item, e);
+  };
+  return /*#__PURE__*/_react["default"].createElement(_Item.Wrapper, {
+    className: (0, _utils2.cx)(isDisabledClassName, focusedClass, activeClass),
+    id: value.toString(),
+    ref: ref,
+    onClick: handleClick,
+    variant: variant,
+    "aria-controls": ariaControls,
+    "aria-expanded": ariaExpanded,
+    "aria-level": ariaLevel,
+    "aria-label": ariaLabel,
+    role: "treeitem"
+  }, /*#__PURE__*/_react["default"].createElement(_Item.IconWrapper, {
+    variant: variant
+  }, multiselect && /*#__PURE__*/_react["default"].createElement(_Item.StyledCheckboxWrapper, {
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Item.StyledCheckbox, {
+    checked: Boolean(checked.get(item.value)),
+    indeterminate: checked.get(item.value) === 'indeterminate',
+    onChange: handleChange,
+    className: _Select.classes.selectItemCheckbox
+  })), !multiselect && checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/_react["default"].createElement(_Item.StyledIndicator, {
+    size: "s",
+    view: "default"
+  }))), !multiselect && checked.get(item.value) === 'done' && /*#__PURE__*/_react["default"].createElement(_Icon.IconDone, {
+    size: (0, _utils.sizeToIconSize)(size, variant),
+    color: "inherit"
+  })), contentLeft && /*#__PURE__*/_react["default"].createElement(_Item.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Item.StyledText, null, renderItem && renderItem(value, label) || label), contentRight && /*#__PURE__*/_react["default"].createElement(_Item.StyledContentRight, null, contentRight), !(0, _utils2.isEmpty)(item.items) && /*#__PURE__*/_react["default"].createElement(_Item.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRightCentered, {
+    size: (0, _utils.sizeToIconSize)(size, variant),
+    color: "inherit"
+  })));
+};

package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = exports.StyledText = exports.StyledIndicator = exports.StyledContentRight = exports.StyledContentLeft = exports.StyledCheckboxWrapper = exports.StyledCheckbox = exports.IconWrapper = exports.DisclosureIconWrapper = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _Select = /*#__PURE__*/require("../../../../Select.tokens");
+var _mixins = /*#__PURE__*/require("../../../../../../mixins");
+var _engines = /*#__PURE__*/require("../../../../../../engines");
+var _Checkbox = /*#__PURE__*/require("../../../../../Checkbox");
+var _Indicator = /*#__PURE__*/require("../../../../../Indicator");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var mergedCheckboxConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Checkbox.checkboxConfig);
+var Checkbox = /*#__PURE__*/(0, _engines.component)(mergedCheckboxConfig);
+var StyledCheckbox = exports.StyledCheckbox = /*#__PURE__*/(0, _styledComponents["default"])(Checkbox).withConfig({
+  componentId: "plasma-new-hope__sc-fr2h0y-0"
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Checkbox.checkboxTokens.triggerSize, _Select.tokens.checkboxTriggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Select.tokens.checkboxTriggerBorderRadius, _Checkbox.checkboxTokens.fillColor, _Select.tokens.checkboxFillColor, _Checkbox.checkboxTokens.iconColor, _Select.tokens.checkboxIconColor, _Checkbox.checkboxTokens.triggerBorderColor, _Select.tokens.checkboxTriggerBorderColor);
+var mergedIndicatorConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Indicator.indicatorConfig);
+var Indicator = /*#__PURE__*/(0, _engines.component)(mergedIndicatorConfig);
+var StyledIndicator = exports.StyledIndicator = /*#__PURE__*/(0, _styledComponents["default"])(Indicator).withConfig({
+  componentId: "plasma-new-hope__sc-fr2h0y-1"
+})(["", ":var(", ");", ":var(", ");"], _Indicator.indicatorTokens.size, _Select.tokens.indicatorSize, _Indicator.indicatorTokens.color, _Select.tokens.checkboxFillColor);
+var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-fr2h0y-2"
+})(["display:inline-flex;"]);
+var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-fr2h0y-3"
+})(["margin-left:auto;display:inline-flex;"]);
+var DisclosureIconWrapper = exports.DisclosureIconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-fr2h0y-4"
+})(["line-height:0;color:var(", ");&:hover{color:var(", ");}"], _Select.constants.disclosureIconColor, _Select.constants.disclosureIconColorHover);
+var IconWrapper = exports.IconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-fr2h0y-5"
+})(["display:flex;align-items:center;justify-content:center;width:", ";height:", ";margin:var(", ");line-height:0;color:var(", ");& .", "{--plasma-checkbox-trigger-size:", ";--plasma-checkbox-trigger-border-radius:", ";}"], function (_ref) {
+  var variant = _ref.variant;
+  return "var(".concat(variant === 'tight' ? _Select.tokens.itemIconSizeTight : _Select.tokens.itemIconSize, ")");
+}, function (_ref2) {
+  var variant = _ref2.variant;
+  return "var(".concat(variant === 'tight' ? _Select.tokens.itemIconSizeTight : _Select.tokens.itemIconSize, ")");
+}, _Select.tokens.itemIconMargin, _Select.tokens.checkboxFillColor, _Select.classes.selectItemCheckbox, function (_ref3) {
+  var variant = _ref3.variant;
+  return "var(".concat(variant === 'tight' ? _Select.tokens.checkboxTriggerSizeTight : _Select.tokens.checkboxTriggerSize, ")");
+}, function (_ref4) {
+  var variant = _ref4.variant;
+  return "var(".concat(variant === 'tight' ? _Select.tokens.checkboxTriggerBorderRadiusTight : _Select.tokens.checkboxTriggerBorderRadius, ")");
+});
+var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-fr2h0y-6"
+})(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
+var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
+  componentId: "plasma-new-hope__sc-fr2h0y-7"
+})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;&:hover:not(.", "){cursor:pointer;background:var(", ");}&.", "{background:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Select.tokens.itemHeight, function (_ref5) {
+  var variant = _ref5.variant;
+  return "var(".concat(variant === 'tight' ? _Select.tokens.itemPaddingTight : _Select.tokens.itemPadding, ")");
+}, _Select.tokens.fontFamily, _Select.tokens.fontSize, _Select.tokens.fontStyle, _Select.tokens.fontWeight, _Select.tokens.fontLetterSpacing, _Select.tokens.fontLineHeight, _Select.constants.itemBackground, _Select.tokens.itemBorderRadius, _Select.classes.dropdownItemIsDisabled, _Select.constants.itemBackgroundHover, _Select.classes.dropdownItemIsActive, _Select.constants.itemBackgroundHover, _Select.classes.dropdownItemIsDisabled, _Select.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
+  outlineSize: '0.0625rem',
+  outlineOffset: '0',
+  outlineColor: /*#__PURE__*/"var(".concat(_Select.constants.focusColor, ")"),
+  outlineRadius: /*#__PURE__*/"var(".concat(_Select.tokens.itemBorderRadius, ")"),
+  hasTransition: false,
+  customFocusRules: /*#__PURE__*/"\n            &.".concat(_Select.classes.dropdownItemIsFocused, ":before {\n                outline: none;\n                box-shadow: 0 0 0 0.0625rem var(").concat(_Select.constants.focusColor, ");\n            }\n        ")
+}));
+var StyledCheckboxWrapper = exports.StyledCheckboxWrapper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
+  componentId: "plasma-new-hope__sc-fr2h0y-8"
+})([""]);

package/styled-components/cjs/components/Select/ui/Inner/ui/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Item = /*#__PURE__*/require("./Item/Item");
+Object.keys(_Item).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Item[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Item[key];
+    }
+  });
+});

package/styled-components/cjs/components/Select/ui/SelectNotFoundContent/SelectNotFoundContent.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectNotFoundContent = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _SelectNotFoundContent = /*#__PURE__*/require("./SelectNotFoundContent.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var SelectNotFoundContent = exports.SelectNotFoundContent = function SelectNotFoundContent(_ref) {
+  var icon = _ref.icon,
+    description = _ref.description,
+    buttonText = _ref.buttonText,
+    buttonAction = _ref.buttonAction;
+  return /*#__PURE__*/_react["default"].createElement(_SelectNotFoundContent.Wrapper, null, /*#__PURE__*/_react["default"].createElement(_SelectNotFoundContent.ContentWrapper, null, icon, /*#__PURE__*/_react["default"].createElement(_SelectNotFoundContent.Description, null, description), buttonText && /*#__PURE__*/_react["default"].createElement(_SelectNotFoundContent.StyledButton, {
+    stretching: "filled",
+    onClick: buttonAction
+  }, buttonText)));
+};

package/styled-components/cjs/components/Select/ui/SelectNotFoundContent/SelectNotFoundContent.styles.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = exports.StyledButton = exports.Description = exports.ContentWrapper = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _Button = /*#__PURE__*/require("../../../Button");
+var _Select = /*#__PURE__*/require("../../Select.tokens");
+var _engines = /*#__PURE__*/require("../../../../engines");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var mergedButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Button.buttonConfig);
+var Button = /*#__PURE__*/(0, _engines.component)(mergedButtonConfig);
+var StyledButton = exports.StyledButton = /*#__PURE__*/(0, _styledComponents["default"])(Button).withConfig({
+  componentId: "plasma-new-hope__sc-1rp1tax-0"
+})(["", ":var(--text-primary);", ":var(--text-primary-active);", ":var(--text-primary-hover);", ":none;", ":var(", ");", ":0;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":600;", ":var(", ");", ":var(", ");"], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonColorActive, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonHeight, _Select.tokens.targetHeight, _Button.buttonTokens.buttonPadding, _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);
+var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1rp1tax-1"
+})(["background:var(", ");box-shadow:var(", ");border-radius:var(", ");padding:var(", ");"], _Select.constants.background, _Select.constants.boxShadow, _Select.tokens.borderRadius, _Select.tokens.padding);
+var ContentWrapper = exports.ContentWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1rp1tax-2"
+})(["display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;padding:var(", ");"], _Select.tokens.notFoundContentPadding);
+var Description = exports.Description = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1rp1tax-3"
+})(["margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Select.tokens.notFoundContentGap, _Select.tokens.fontFamily, _Select.tokens.fontSize, _Select.tokens.fontStyle, _Select.tokens.fontWeight, _Select.tokens.fontLetterSpacing, _Select.tokens.fontLineHeight);

package/styled-components/cjs/components/Select/ui/Target/Target.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Target = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _ui = /*#__PURE__*/require("./ui");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Target = exports.Target = function Target(_ref) {
+  var value = _ref.value,
+    multiselect = _ref.multiselect,
+    isTargetAmount = _ref.isTargetAmount,
+    target = _ref.target,
+    opened = _ref.opened,
+    valueToItemMap = _ref.valueToItemMap,
+    onChipClick = _ref.onChipClick,
+    label = _ref.label,
+    placeholder = _ref.placeholder,
+    onKeyDown = _ref.onKeyDown,
+    focusedChipIndex = _ref.focusedChipIndex,
+    labelPlacement = _ref.labelPlacement,
+    size = _ref.size,
+    contentLeft = _ref.contentLeft,
+    disabled = _ref.disabled,
+    renderValue = _ref.renderValue,
+    focusedPath = _ref.focusedPath,
+    focusedToValueMap = _ref.focusedToValueMap;
+  return target === 'button-like' ? /*#__PURE__*/_react["default"].createElement(_ui.Button, {
+    opened: opened,
+    value: value,
+    isTargetAmount: isTargetAmount,
+    multiselect: multiselect,
+    valueToItemMap: valueToItemMap,
+    onKeyDown: onKeyDown,
+    label: label,
+    size: size,
+    disabled: disabled,
+    renderValue: renderValue,
+    focusedPath: focusedPath,
+    focusedToValueMap: focusedToValueMap
+  }) : /*#__PURE__*/_react["default"].createElement(_ui.Textfield, {
+    opened: opened,
+    value: value,
+    isTargetAmount: isTargetAmount,
+    multiselect: multiselect,
+    valueToItemMap: valueToItemMap,
+    onChipClick: onChipClick,
+    label: label,
+    placeholder: placeholder,
+    onKeyDown: onKeyDown,
+    focusedChipIndex: focusedChipIndex,
+    labelPlacement: labelPlacement,
+    size: size,
+    contentLeft: contentLeft,
+    disabled: disabled,
+    renderValue: renderValue,
+    focusedPath: focusedPath,
+    focusedToValueMap: focusedToValueMap
+  });
+};

package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Button = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _utils = /*#__PURE__*/require("../../../../../../utils");
+var _Select = /*#__PURE__*/require("../../../../Select.tokens");
+var _utils2 = /*#__PURE__*/require("../../../../utils");
+var _Button = /*#__PURE__*/require("./Button.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Button = exports.Button = function Button(_ref) {
+  var opened = _ref.opened,
+    value = _ref.value,
+    isTargetAmount = _ref.isTargetAmount,
+    multiselect = _ref.multiselect,
+    valueToItemMap = _ref.valueToItemMap,
+    onKeyDown = _ref.onKeyDown,
+    label = _ref.label,
+    size = _ref.size,
+    disabled = _ref.disabled,
+    renderValue = _ref.renderValue,
+    focusedPath = _ref.focusedPath,
+    focusedToValueMap = _ref.focusedToValueMap;
+  var withArrowInverse = opened ? _Select.classes.arrowInverse : undefined;
+  var iconSize = size === 'xs' ? 'xs' : 's';
+  var getActiveDescendant = function getActiveDescendant() {
+    var _focusedToValueMap$ge;
+    var focusedPathAsString = focusedPath.reduce(function (acc, n) {
+      return "".concat(acc, "/").concat(n);
+    }, '').replace(/^(\/)/, '');
+    return focusedToValueMap === null || focusedToValueMap === void 0 || (_focusedToValueMap$ge = focusedToValueMap.get(focusedPathAsString)) === null || _focusedToValueMap$ge === void 0 ? void 0 : _focusedToValueMap$ge.value.toString();
+  };
+  return /*#__PURE__*/_react["default"].createElement(_Button.ButtonWrapper, null, /*#__PURE__*/_react["default"].createElement(_Button.StyledButton, {
+    stretching: "filled",
+    onKeyDown: onKeyDown,
+    className: opened ? _Select.classes.selectWithoutBoxShadow : undefined,
+    disabled: disabled,
+    contentRight: /*#__PURE__*/_react["default"].createElement(_Button.IconArrowWrapper, null, /*#__PURE__*/_react["default"].createElement(_Button.StyledArrow, {
+      size: iconSize,
+      color: "inherit",
+      className: (0, _utils.cx)(_Select.classes.selectTargetArrow, withArrowInverse)
+    })),
+    role: "combobox",
+    "aria-controls": "tree_level_1",
+    "aria-expanded": opened,
+    "aria-activedescendant": getActiveDescendant(),
+    "aria-label": label
+  }, /*#__PURE__*/_react["default"].createElement(_Button.Label, null, (0, _utils2.getButtonLabel)({
+    value: value,
+    isTargetAmount: isTargetAmount,
+    multiselect: multiselect,
+    valueToItemMap: valueToItemMap,
+    label: label,
+    renderValue: renderValue
+  }))));
+};

package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledButton = exports.StyledArrow = exports.Label = exports.IconArrowWrapper = exports.ButtonWrapper = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _mixins = /*#__PURE__*/require("../../../../../../mixins");
+var _Icon = /*#__PURE__*/require("../../../../../_Icon");
+var _engines = /*#__PURE__*/require("../../../../../../engines");
+var _Button = /*#__PURE__*/require("../../../../../Button");
+var _Select = /*#__PURE__*/require("../../../../Select.tokens");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var mergedButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Button.buttonConfig);
+var Button = /*#__PURE__*/(0, _engines.component)(mergedButtonConfig);
+var StyledButton = exports.StyledButton = /*#__PURE__*/(0, _styledComponents["default"])(Button).withConfig({
+  componentId: "plasma-new-hope__sc-38cqi1-0"
+})(["", ":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);
+var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-38cqi1-1"
+})(["line-height:0;color:var(", ");&:hover{color:var(", ");}&:active{color:var(", ");}"], _Select.tokens.targetButtonArrowColor, _Select.tokens.targetButtonArrowColorHover, _Select.tokens.targetButtonArrowColorActive);
+var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownCentered).withConfig({
+  componentId: "plasma-new-hope__sc-38cqi1-2"
+})(["transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;"]);
+var ButtonWrapper = exports.ButtonWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-38cqi1-3"
+})(["display:inline;.", "::before{box-shadow:none !important;}"], _Select.classes.selectWithoutBoxShadow);
+var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-38cqi1-4"
+})(["display:inline;width:100%;text-align:left;", " .", "{transform:rotate(-180deg);}"], /*#__PURE__*/(0, _mixins.applyEllipsis)(), _Select.classes.arrowInverse);

package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Textfield = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _utils = /*#__PURE__*/require("../../../../../../utils");
+var _Select = /*#__PURE__*/require("../../../../Select.tokens");
+var _ui = /*#__PURE__*/require("./ui");
+var _Textfield = /*#__PURE__*/require("./Textfield.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var getLabel = function getLabel(_ref) {
+  var value = _ref.value,
+    isTargetAmount = _ref.isTargetAmount,
+    valueToItemMap = _ref.valueToItemMap,
+    onChipClick = _ref.onChipClick,
+    label = _ref.label,
+    placeholder = _ref.placeholder,
+    focusedChipIndex = _ref.focusedChipIndex,
+    labelPlacement = _ref.labelPlacement,
+    size = _ref.size,
+    renderValue = _ref.renderValue;
+  if ((0, _utils.isEmpty)(value)) {
+    if (!label || labelPlacement === 'outer') {
+      return /*#__PURE__*/_react["default"].createElement(_Textfield.Placeholder, null, placeholder);
+    }
+    return /*#__PURE__*/_react["default"].createElement(_Textfield.Label, null, label);
+  }
+  if (Array.isArray(value) && isTargetAmount) {
+    return /*#__PURE__*/_react["default"].createElement(_ui.Chip, {
+      text: "\u0412\u044B\u0431\u0440\u0430\u043D\u043E: ".concat(value.length),
+      isTargetAmount: isTargetAmount
+    });
+  }
+  if (Array.isArray(value)) {
+    return value.map(function (currentValue, index) {
+      var itemLabel = valueToItemMap.get(currentValue).label;
+      return /*#__PURE__*/_react["default"].createElement(_ui.Chip, {
+        text: renderValue ? renderValue(currentValue, itemLabel) : itemLabel,
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          onChipClick(currentValue);
+        },
+        focused: focusedChipIndex === index
+      });
+    });
+  }
+  var itemLabel = valueToItemMap.get(value).label;
+  if (!label || labelPlacement === 'outer') {
+    return /*#__PURE__*/_react["default"].createElement(_Textfield.Value, null, renderValue ? renderValue(value, itemLabel) : itemLabel);
+  }
+  return /*#__PURE__*/_react["default"].createElement(_Textfield.InnerLabelWrapper, null, size !== 'xs' && /*#__PURE__*/_react["default"].createElement(_Textfield.InnerLabel, null, label), /*#__PURE__*/_react["default"].createElement(_Textfield.Value, null, renderValue ? renderValue(value, itemLabel) : itemLabel));
+};
+var Textfield = exports.Textfield = function Textfield(_ref2) {
+  var opened = _ref2.opened,
+    value = _ref2.value,
+    isTargetAmount = _ref2.isTargetAmount,
+    multiselect = _ref2.multiselect,
+    valueToItemMap = _ref2.valueToItemMap,
+    onChipClick = _ref2.onChipClick,
+    label = _ref2.label,
+    placeholder = _ref2.placeholder,
+    onKeyDown = _ref2.onKeyDown,
+    focusedChipIndex = _ref2.focusedChipIndex,
+    labelPlacement = _ref2.labelPlacement,
+    size = _ref2.size,
+    contentLeft = _ref2.contentLeft,
+    disabled = _ref2.disabled,
+    renderValue = _ref2.renderValue,
+    focusedPath = _ref2.focusedPath,
+    focusedToValueMap = _ref2.focusedToValueMap;
+  var withArrowInverse = opened ? _Select.classes.arrowInverse : undefined;
+  var iconSize = size === 'xs' ? 'xs' : 's';
+  var getActiveDescendant = function getActiveDescendant() {
+    var _focusedToValueMap$ge;
+    var focusedPathAsString = focusedPath.reduce(function (acc, n) {
+      return "".concat(acc, "/").concat(n);
+    }, '').replace(/^(\/)/, '');
+    return focusedToValueMap === null || focusedToValueMap === void 0 || (_focusedToValueMap$ge = focusedToValueMap.get(focusedPathAsString)) === null || _focusedToValueMap$ge === void 0 ? void 0 : _focusedToValueMap$ge.value.toString();
+  };
+  return /*#__PURE__*/_react["default"].createElement(_Textfield.TextfieldWrapper, {
+    opened: opened,
+    value: value
+  }, /*#__PURE__*/_react["default"].createElement(_Textfield.StyledButton, {
+    stretching: "filled",
+    className: (0, _utils.cx)(_Select.classes.textfieldTarget, opened || focusedChipIndex !== null ? _Select.classes.selectWithoutBoxShadow : undefined),
+    onKeyDown: onKeyDown,
+    disabled: disabled,
+    role: "combobox",
+    "aria-controls": "tree_level_1",
+    "aria-expanded": opened,
+    "aria-activedescendant": getActiveDescendant(),
+    "aria-label": label
+  }, /*#__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({
+    value: value,
+    isTargetAmount: isTargetAmount,
+    valueToItemMap: valueToItemMap,
+    onChipClick: onChipClick,
+    label: label,
+    placeholder: placeholder,
+    focusedChipIndex: focusedChipIndex,
+    labelPlacement: labelPlacement,
+    size: size,
+    renderValue: renderValue
+  })), /*#__PURE__*/_react["default"].createElement(_Textfield.IconArrowWrapper, null, /*#__PURE__*/_react["default"].createElement(_Textfield.StyledArrow, {
+    size: iconSize,
+    color: "inherit",
+    className: (0, _utils.cx)(_Select.classes.selectTargetArrow, withArrowInverse)
+  })))));
+};