@salutejs/plasma-new-hope 0.138.0-canary.1405.10669727063.0 → 0.138.0-canary.1406.10670275161.0

package/styled-components/cjs/components/Combobox/ComboboxNew/reducers/focusedPathReducer.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.focusedPathReducer = focusedPathReducer;
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function focusedPathReducer(state, action) {
+  switch (action.type) {
+    case 'reset':
+      {
+        return [];
+      }
+    case 'set_initial_focus':
+      {
+        return [0];
+      }
+    case 'change_last_focus':
+      {
+        return [].concat(_toConsumableArray(state.slice(0, -1)), [action.value]);
+      }
+    case 'add_focus':
+      {
+        return [].concat(_toConsumableArray(state), [action.value]);
+      }
+    case 'return_prev_focus':
+      {
+        return state.slice(0, -1);
+      }
+    default:
+      {
+        return state;
+      }
+  }
+}

package/styled-components/cjs/components/Combobox/ComboboxNew/reducers/index.js

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

package/styled-components/cjs/components/Combobox/ComboboxNew/reducers/pathReducer.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pathReducer = pathReducer;
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function pathReducer(state, action) {
+  switch (action.type) {
+    case 'reset':
+      {
+        return [];
+      }
+    case 'opened_first_level':
+      {
+        return ['root'];
+      }
+    case 'added_next_level':
+      {
+        return [].concat(_toConsumableArray(state), [action.value]);
+      }
+    case 'removed_last_level':
+      {
+        return state.slice(0, -1);
+      }
+    case 'changed_on_level':
+      {
+        return [].concat(_toConsumableArray(state.slice(0, action.level)), [action.value]);
+      }
+    case 'cut_by_level':
+      {
+        return state.slice(0, action.level);
+      }
+    default:
+      {
+        return state;
+      }
+  }
+}

package/styled-components/cjs/components/Combobox/ComboboxNew/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 _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
+var _FloatingPopover = /*#__PURE__*/require("../../FloatingPopover");
+var _utils = /*#__PURE__*/require("../../../../../utils");
+var _Combobox = /*#__PURE__*/require("../../Combobox.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 treeId = (0, _plasmaCore.safeUseId)();
+  var listId = "".concat(treeId, "_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(_FloatingPopover.FloatingPopover, {
+      placement: "right-start",
+      opened: isCurrentListOpen,
+      onToggle: handleToggle,
+      offset: 2,
+      target: /*#__PURE__*/_react["default"].createElement(_ui.Item, {
+        item: item,
+        path: path,
+        currentLevel: currentLevel,
+        index: index,
+        ariaControls: listId,
+        ariaExpanded: isCurrentListOpen,
+        ariaLevel: nextLevel,
+        ariaLabel: item.label
+      })
+    }, /*#__PURE__*/_react["default"].createElement(_Combobox.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/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js

@@ -0,0 +1,110 @@
+"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 _Combobox = /*#__PURE__*/require("../../../../Combobox.tokens");
+var _utils2 = /*#__PURE__*/require("../../../../../../../utils");
+var _Icon = /*#__PURE__*/require("../../../../../../_Icon");
+var _Combobox2 = /*#__PURE__*/require("../../../../Combobox");
+var _hooks = /*#__PURE__*/require("../../../../../../../hooks");
+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,
+    contentLeft = item.contentLeft,
+    contentRight = item.contentRight;
+  var ref = (0, _react.useRef)(null);
+  var _useContext = (0, _react.useContext)(_Combobox2.Context),
+    focusedPath = _useContext.focusedPath,
+    checked = _useContext.checked,
+    multiple = _useContext.multiple,
+    size = _useContext.size,
+    handleCheckboxChange = _useContext.handleCheckboxChange,
+    handleItemClick = _useContext.handleItemClick,
+    variant = _useContext.variant,
+    renderItem = _useContext.renderItem,
+    valueToItemMap = _useContext.valueToItemMap,
+    treeId = _useContext.treeId;
+  var isDisabledClassName = disabled ? _Combobox.classes.dropdownItemIsDisabled : undefined;
+  var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? _Combobox.classes.dropdownItemIsFocused : undefined;
+  var activeClass = value === (path === null || path === void 0 ? void 0 : path[currentLevel + 1]) ? _Combobox.classes.dropdownItemIsActive : undefined;
+  (0, _hooks.useDidMountEffect)(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) return;
+    e.stopPropagation();
+    handleCheckboxChange(item);
+  };
+  var handleClick = function handleClick(e) {
+    if (disabled) {
+      e.stopPropagation();
+      return;
+    }
+    handleItemClick(item, e);
+  };
+  return /*#__PURE__*/_react["default"].createElement(_Item.Wrapper, {
+    className: (0, _utils2.cx)(isDisabledClassName, focusedClass, activeClass),
+    id: (0, _utils.getItemId)(treeId, value),
+    ref: ref,
+    onClick: handleClick,
+    variant: variant,
+    role: "treeitem",
+    "aria-controls": ariaControls,
+    "aria-expanded": ariaExpanded,
+    "aria-level": ariaLevel,
+    "aria-label": ariaLabel,
+    "aria-selected": Boolean(checked.get(item.value))
+  }, /*#__PURE__*/_react["default"].createElement(_Item.IconWrapper, {
+    variant: variant
+  }, multiple && /*#__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: _Combobox.classes.selectItemCheckbox
+  })), !multiple && checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/_react["default"].createElement(_Item.StyledIndicator, {
+    size: "s",
+    view: "default"
+  }))), !multiple && checked.get(item.value) === 'done' && /*#__PURE__*/_react["default"].createElement(_Icon.IconDone, {
+    size: (0, _utils.sizeToIconSize)(size, variant),
+    color: "inherit"
+  })), renderItem ? /*#__PURE__*/_react["default"].createElement(_Item.StyledText, null, renderItem(valueToItemMap.get(value))) : /*#__PURE__*/_react["default"].createElement(_Item.StyledWrapper, null, /*#__PURE__*/_react["default"].createElement(_Item.StyledCell, {
+    view: "default",
+    size: "l",
+    contentLeft: contentLeft,
+    contentRight: contentRight,
+    alignContentLeft: "center",
+    alignContentRight: "center",
+    title: label
+  })), !(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/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = exports.StyledWrapper = exports.StyledText = exports.StyledIndicator = exports.StyledContentRight = exports.StyledContentLeft = exports.StyledCheckboxWrapper = exports.StyledCheckbox = exports.StyledCell = exports.IconWrapper = exports.DisclosureIconWrapper = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _Combobox = /*#__PURE__*/require("../../../../Combobox.tokens");
+var _mixins = /*#__PURE__*/require("../../../../../../../mixins");
+var _engines = /*#__PURE__*/require("../../../../../../../engines");
+var _Checkbox = /*#__PURE__*/require("../../../../../../Checkbox");
+var _Indicator = /*#__PURE__*/require("../../../../../../Indicator");
+var _Cell = /*#__PURE__*/require("../../../../../../Cell");
+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 mergedCellConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Cell.cellConfig);
+var Cell = /*#__PURE__*/(0, _engines.component)(mergedCellConfig);
+var StyledWrapper = exports.StyledWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1n1xg1s-0"
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");width:100%;"], _Cell.cellTokens.cellTitleColor, _Combobox.constants.cellTitleColor, _Cell.cellTokens.cellBackgroundColor, _Combobox.constants.cellBackgroundColor, _Cell.cellTokens.cellPadding, _Combobox.tokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Combobox.tokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Combobox.tokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Combobox.tokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Combobox.tokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Combobox.tokens.cellGap, _Cell.cellTokens.cellTitleFontFamily, _Combobox.tokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Combobox.tokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Combobox.tokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Combobox.tokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Combobox.tokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Combobox.tokens.cellTitleLineHeight);
+var StyledCell = exports.StyledCell = /*#__PURE__*/(0, _styledComponents["default"])(Cell).withConfig({
+  componentId: "plasma-new-hope__sc-1n1xg1s-1"
+})([""]);
+var StyledCheckbox = exports.StyledCheckbox = /*#__PURE__*/(0, _styledComponents["default"])(Checkbox).withConfig({
+  componentId: "plasma-new-hope__sc-1n1xg1s-2"
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Checkbox.checkboxTokens.triggerSize, _Combobox.tokens.checkboxTriggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Combobox.tokens.checkboxTriggerBorderRadius, _Checkbox.checkboxTokens.fillColor, _Combobox.tokens.checkboxFillColor, _Checkbox.checkboxTokens.iconColor, _Combobox.tokens.checkboxIconColor, _Checkbox.checkboxTokens.triggerBorderColor, _Combobox.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-1n1xg1s-3"
+})(["", ":var(", ");", ":var(", ");"], _Indicator.indicatorTokens.size, _Combobox.tokens.indicatorSize, _Indicator.indicatorTokens.color, _Combobox.tokens.checkboxFillColor);
+var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1n1xg1s-4"
+})(["display:inline-flex;"]);
+var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1n1xg1s-5"
+})(["margin-left:auto;display:inline-flex;"]);
+var DisclosureIconWrapper = exports.DisclosureIconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1n1xg1s-6"
+})(["line-height:0;color:var(", ");&:hover{color:var(", ");}"], _Combobox.constants.disclosureIconColor, _Combobox.constants.disclosureIconColorHover);
+var IconWrapper = exports.IconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1n1xg1s-7"
+})(["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' ? _Combobox.tokens.itemIconSizeTight : _Combobox.tokens.itemIconSize, ")");
+}, function (_ref2) {
+  var variant = _ref2.variant;
+  return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemIconSizeTight : _Combobox.tokens.itemIconSize, ")");
+}, _Combobox.tokens.itemIconMargin, _Combobox.tokens.checkboxFillColor, _Combobox.classes.selectItemCheckbox, function (_ref3) {
+  var variant = _ref3.variant;
+  return "var(".concat(variant === 'tight' ? _Combobox.tokens.checkboxTriggerSizeTight : _Combobox.tokens.checkboxTriggerSize, ")");
+}, function (_ref4) {
+  var variant = _ref4.variant;
+  return "var(".concat(variant === 'tight' ? _Combobox.tokens.checkboxTriggerBorderRadiusTight : _Combobox.tokens.checkboxTriggerBorderRadius, ")");
+});
+var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1n1xg1s-8"
+})(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
+var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
+  componentId: "plasma-new-hope__sc-1n1xg1s-9"
+})(["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-color:var(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Combobox.tokens.itemHeight, function (_ref5) {
+  var variant = _ref5.variant;
+  return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemPaddingTight : _Combobox.tokens.itemPadding, ")");
+}, _Combobox.tokens.fontFamily, _Combobox.tokens.fontSize, _Combobox.tokens.fontStyle, _Combobox.tokens.fontWeight, _Combobox.tokens.fontLetterSpacing, _Combobox.tokens.fontLineHeight, _Combobox.constants.itemBackground, _Combobox.tokens.borderRadius, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.itemBackgroundHover, _Combobox.classes.dropdownItemIsActive, _Combobox.constants.itemBackgroundHover, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
+  outlineSize: '0.0625rem',
+  outlineOffset: '0',
+  outlineColor: /*#__PURE__*/"var(".concat(_Combobox.constants.focusColor, ")"),
+  outlineRadius: /*#__PURE__*/"var(".concat(_Combobox.tokens.itemBorderRadius, ")"),
+  hasTransition: false,
+  customFocusRules: /*#__PURE__*/"\n            &.".concat(_Combobox.classes.dropdownItemIsFocused, ":before {\n                outline: none;\n                box-shadow: 0 0 0 0.0625rem var(").concat(_Combobox.constants.focusColor, ");\n            }\n        ")
+}));
+var StyledCheckboxWrapper = exports.StyledCheckboxWrapper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
+  componentId: "plasma-new-hope__sc-1n1xg1s-10"
+})([""]);

package/styled-components/cjs/components/Combobox/ComboboxNew/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/Combobox/ComboboxNew/ui/Target/Target.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "StyledTextField", {
+  enumerable: true,
+  get: function get() {
+    return _Target.StyledTextField;
+  }
+});
+var _Target = /*#__PURE__*/require("./Target.styles");

package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledTextField = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _TextField = /*#__PURE__*/require("../../../../TextField");
+var _engines = /*#__PURE__*/require("../../../../../engines");
+var _Combobox = /*#__PURE__*/require("../../Combobox.tokens");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_TextField.textFieldConfig);
+var TextField = /*#__PURE__*/(0, _engines.component)(mergedConfig);
+var StyledTextField = exports.StyledTextField = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
+  componentId: "plasma-new-hope__sc-1639yp6-0"
+})(["", ":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(", ");", ":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, _Combobox.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Combobox.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Combobox.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Combobox.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Combobox.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Combobox.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Combobox.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Combobox.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Combobox.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Combobox.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Combobox.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.caretColor, _Combobox.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Combobox.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.height, _Combobox.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Combobox.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Combobox.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Combobox.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Combobox.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Combobox.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Combobox.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Combobox.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Combobox.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Combobox.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Combobox.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Combobox.tokens.textFieldLineHeight, _TextField.textFieldTokens.labelColor, _Combobox.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Combobox.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Combobox.tokens.textFieldLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Combobox.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Combobox.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Combobox.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Combobox.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Combobox.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Combobox.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Combobox.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Combobox.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Combobox.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Combobox.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Combobox.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Combobox.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Combobox.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Combobox.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.leftHelperColor, _Combobox.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Combobox.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Combobox.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Combobox.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Combobox.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Combobox.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Combobox.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Combobox.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Combobox.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Combobox.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Combobox.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Combobox.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Combobox.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Combobox.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.focusColor, _Combobox.tokens.textFieldFocusColor, _TextField.textFieldTokens.chipCloseIconColor, _Combobox.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipColor, _Combobox.tokens.textFieldChipColor, _TextField.textFieldTokens.chipBackground, _Combobox.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipColorHover, _Combobox.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _Combobox.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _Combobox.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _Combobox.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _Combobox.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _Combobox.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Combobox.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _Combobox.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _Combobox.tokens.textFieldChipOpacityReadonly, _TextField.textFieldTokens.chipGap, _Combobox.tokens.textFieldChipGap, _TextField.textFieldTokens.chipBorderRadius, _Combobox.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipWidth, _Combobox.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipHeight, _Combobox.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipPaddingRight, _Combobox.tokens.textFieldChipPaddingRight, _TextField.textFieldTokens.chipPaddingLeft, _Combobox.tokens.textFieldChipPaddingLeft, _TextField.textFieldTokens.chipClearContentMarginLeft, _Combobox.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Combobox.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _Combobox.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Combobox.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Combobox.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Combobox.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Combobox.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Combobox.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Combobox.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.paddingWithChips, _Combobox.tokens.textFieldPaddingWithChips);

package/styled-components/cjs/components/Combobox/ComboboxNew/ui/index.js

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

package/styled-components/cjs/components/Combobox/ComboboxNew/utils/filterItems.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.filterItems = void 0;
+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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+// Утилита, возвращающая отфильтрованное дерево items.
+// Фильтрация происходит как по названиям категорий, так и по названиям конечных элементов.
+// По дефолту регистр игнорируется. Но можно прокинуть свою функцию для кастомной фильтрации.
+// Фильтрация отключается в 2 случаях:
+//   1) При пустом инпуте (юзер пока еще не ввел значение или уже очистил);
+//   2) Если значение инпута совпадает с выбранным элементом (когда юзер выбрал айтем, но потом решил снова открыть);
+// Не мутирует исходные данные.
+var filterItems = exports.filterItems = function filterItems(items, textValue, currentLabel, customFilter) {
+  if (!textValue || textValue === currentLabel) return items;
+  var defaultFilter = function defaultFilter(label, value) {
+    return label.toLowerCase().includes(value.toLowerCase());
+  };
+  var filter = customFilter || defaultFilter;
+  var dfs = function dfs(items) {
+    var newItems = [];
+    items.forEach(function (item) {
+      if (item.items) {
+        if (filter(item.label, textValue)) {
+          newItems.push(item);
+          return;
+        }
+        var res = dfs(item.items);
+        if (res.length > 0) {
+          newItems.push(_objectSpread(_objectSpread({}, item), {}, {
+            items: res
+          }));
+        }
+      } else if (filter(item.label, textValue)) {
+        newItems.push(item);
+      }
+    });
+    return newItems;
+  };
+  dfs(items);
+  return dfs(items);
+};

package/styled-components/cjs/components/Combobox/ComboboxNew/utils/getItemId.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getItemId = void 0;
+var getItemId = exports.getItemId = function getItemId(treeId, value) {
+  return "".concat(treeId, "-").concat(value);
+};

package/styled-components/cjs/components/Combobox/ComboboxNew/utils/index.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "filterItems", {
+  enumerable: true,
+  get: function get() {
+    return _filterItems.filterItems;
+  }
+});
+Object.defineProperty(exports, "getItemId", {
+  enumerable: true,
+  get: function get() {
+    return _getItemId.getItemId;
+  }
+});
+Object.defineProperty(exports, "initialItemsTransform", {
+  enumerable: true,
+  get: function get() {
+    return _initialItemsTransform.initialItemsTransform;
+  }
+});
+Object.defineProperty(exports, "sizeToIconSize", {
+  enumerable: true,
+  get: function get() {
+    return _sizeToIconSize.sizeToIconSize;
+  }
+});
+Object.defineProperty(exports, "updateAncestors", {
+  enumerable: true,
+  get: function get() {
+    return _updateAncestors.updateAncestors;
+  }
+});
+Object.defineProperty(exports, "updateDescendants", {
+  enumerable: true,
+  get: function get() {
+    return _updateDescendants.updateDescendants;
+  }
+});
+Object.defineProperty(exports, "updateSingleAncestors", {
+  enumerable: true,
+  get: function get() {
+    return _updateSingleAncestors.updateSingleAncestors;
+  }
+});
+var _initialItemsTransform = /*#__PURE__*/require("./initialItemsTransform");
+var _updateDescendants = /*#__PURE__*/require("./updateDescendants");
+var _updateAncestors = /*#__PURE__*/require("./updateAncestors");
+var _updateSingleAncestors = /*#__PURE__*/require("./updateSingleAncestors");
+var _sizeToIconSize = /*#__PURE__*/require("./sizeToIconSize");
+var _filterItems = /*#__PURE__*/require("./filterItems");
+var _getItemId = /*#__PURE__*/require("./getItemId");

package/styled-components/cjs/components/Combobox/ComboboxNew/utils/initialItemsTransform.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.initialItemsTransform = void 0;
+// Проходимся по массиву items и добавляем в каждый item ключ parent, который ссылается на item родителя.
+// Дает возможность прохода к корневому элементу (снизу вверх).
+var initialItemsTransform = exports.initialItemsTransform = function initialItemsTransform(items, parent) {
+  items.forEach(function (item) {
+    item.parent = parent;
+    if (item.items) {
+      item.items = initialItemsTransform(item.items, item);
+    }
+  });
+  return items;
+};

package/styled-components/cjs/components/Combobox/ComboboxNew/utils/sizeToIconSize.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sizeToIconSize = void 0;
+var sizeToIconSize = exports.sizeToIconSize = function sizeToIconSize(size, variant) {
+  if (size === 'xs' || size === 's' && variant === 'tight') return 'xs';
+  return 's';
+};