@salutejs/plasma-new-hope 0.138.0-canary.1406.10666365265.0 → 0.138.0-canary.1415.10665437827.0

package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js

@@ -1,33 +0,0 @@
-import styled from 'styled-components';
-import { css } from 'styled-components';
-import { emptyStateConfig, emptyStateTokens } from '../../EmptyState';
-import { IconDisclosureDownCentered } from '../../_Icon';
-import { component, mergeConfig } from '../../../engines';
-import { tokens, constants, classes } from './Combobox.tokens';
-var mergedConfig = /*#__PURE__*/mergeConfig(emptyStateConfig);
-var EmptyState = /*#__PURE__*/component(mergedConfig);
-export var Ul = /*#__PURE__*/styled.ul.withConfig({
-  componentId: "plasma-new-hope__sc-2kddkg-0"
-})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ") 0;.", "{box-shadow:none;}"], constants.background, constants.boxShadow, tokens.borderRadius, function (_ref) {
-  var listWidth = _ref.listWidth;
-  return listWidth || '100%';
-}, function (_ref2) {
-  var listHeight = _ref2.listHeight;
-  return listHeight || 'auto';
-}, function (_ref3) {
-  var listOverflow = _ref3.listOverflow;
-  return listOverflow || 'initial';
-}, function (_ref4) {
-  var isInnerUl = _ref4.isInnerUl;
-  return isInnerUl ? "calc(var(".concat(tokens.padding, ") * -1) 0 0 0") : 0;
-}, tokens.padding, classes.emptyStateWrapper);
-export var IconArrowWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-2kddkg-1"
-})(["line-height:0;color:var(", ");cursor:pointer;.", "{transform:rotate(-180deg);}"], constants.disclosureIconColor, classes.arrowInverse);
-export var StyledArrow = /*#__PURE__*/styled(IconDisclosureDownCentered).withConfig({
-  componentId: "plasma-new-hope__sc-2kddkg-2"
-})([""]);
-export var base = /*#__PURE__*/css([""]);
-export var StyledEmptyState = /*#__PURE__*/styled(EmptyState).withConfig({
-  componentId: "plasma-new-hope__sc-2kddkg-3"
-})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], emptyStateTokens.borderRadius, tokens.textFieldBorderRadius, emptyStateTokens.padding, tokens.emptyStatePadding, emptyStateTokens.fontFamily, tokens.textFieldFontFamily, emptyStateTokens.fontSize, tokens.textFieldFontSize, emptyStateTokens.fontStyle, tokens.textFieldFontStyle, emptyStateTokens.fontWeight, tokens.textFieldFontWeight, emptyStateTokens.fontLetterSpacing, tokens.textFieldLetterSpacing, emptyStateTokens.fontLineHeight, tokens.textFieldLineHeight);

package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js

@@ -1,170 +0,0 @@
-export var classes = {
-  dropdownItemIsFocused: 'dropdown-item-is-focused',
-  dropdownItemIsDisabled: 'dropdown-item-is-disabled',
-  dropdownItemIsActive: 'dropdown-item-is-active',
-  selectTargetArrow: 'combobox-target-arrow',
-  arrowInverse: 'arrow-inverse',
-  textfieldTarget: 'combobox-textfield-target',
-  selectChipIsFocused: 'combobox-chip-is-focused',
-  selectWithoutBoxShadow: 'combobox-without-box-shadow',
-  selectItemCheckbox: 'combobox-item-checkbox',
-  selectSpinner: 'combobox-spinner',
-  emptyStateWrapper: 'combobox-empty-state-wrapper'
-};
-export var tokens = {
-  borderRadius: '--plasma-combobox-border-radius',
-  padding: '--plasma-combobox-padding',
-  focusOffset: '--plasma-combobox-focus-offset',
-  fontFamily: '--plasma-combobox-font-family',
-  fontSize: '--plasma-combobox-font-size',
-  fontStyle: '--plasma-combobox-font-style',
-  fontWeight: '--plasma-combobox-font-weight',
-  fontLetterSpacing: '--plasma-combobox-font-letter-spacing',
-  fontLineHeight: '--plasma-combobox-font-line-height',
-  itemHeight: '--plasma-combobox-item-height',
-  itemBorderRadius: '--plasma-combobox-item-border-radius',
-  itemPadding: '--plasma-combobox-item-padding',
-  itemPaddingTight: '--plasma-combobox-item-padding-tight',
-  itemIconSize: '--plasma-combobox-item-icon-size',
-  itemIconSizeTight: '--plasma-combobox-item-icon-size-tight',
-  itemIconMargin: '--plasma-combobox-item-icon-margin',
-  cellPadding: '--plasma-combobox-cell-padding',
-  cellPaddingLeftContent: '--plasma-combobox-cell-padding-left-content',
-  cellPaddingContent: '--plasma-combobox-cell-padding-content',
-  cellPaddingRightContent: '--plasma-combobox-cell-padding-right-content',
-  cellTextboxGap: '--plasma-combobox-cell-textbox-gap',
-  cellGap: '--plasma-combobox-cell-gap',
-  cellTitleFontFamily: '--plasma-combobox-cell-title-font-family',
-  cellTitleFontSize: '--plasma-combobox-cell-title-font-size',
-  cellTitleFontStyle: '--plasma-combobox-cell-title-font-style',
-  cellTitleFontWeight: '--plasma-combobox-cell-title-font-weight',
-  cellTitleLetterSpacing: '--plasma-combobox-cell-title-letter-spacing',
-  cellTitleLineHeight: '--plasma-combobox-cell-title-line-height',
-  checkboxTriggerSize: '--plasma-combobox-checkbox-trigger-size',
-  checkboxTriggerSizeTight: '--plasma-combobox-checkbox-trigger-size-tight',
-  checkboxTriggerBorderRadius: '--plasma-combobox-checkbox-trigger-border-radius',
-  checkboxTriggerBorderRadiusTight: '--plasma-combobox-checkbox-trigger-border-radius-tight',
-  checkboxFillColor: '--plasma-combobox-checkbox-fill-color',
-  checkboxIconColor: '--plasma-combobox-checkbox-icon-color',
-  checkboxTriggerBorderColor: '--plasma-combobox-checkbox-trigger-border-color',
-  indicatorSize: '--plasma-combobox-indicator-size',
-  targetHeight: '--plasma-combobox-target-height',
-  // Токены для TextField
-  textFieldColor: '--plasma-combobox-new-textfield-color',
-  textFieldBackgroundColor: '--plasma-combobox-new-textfield-background-color',
-  textFieldBackgroundColorHover: '--plasma-combobox-new-textfield-background-color-hover',
-  textFieldBackgroundColorFocus: '--plasma-combobox-new-textfield-background-color-focus',
-  textFieldBorderColor: '--plasma-combobox-new-textfield-border-color',
-  textFieldBorderColorHover: '--plasma-combobox-new-textfield-border-color-hover',
-  textFieldBorderColorFocus: '--plasma-combobox-new-textfield-border-color-focus',
-  textFieldColorReadOnly: '--plasma-combobox-new-textfield-color-readonly',
-  textFieldBackgroundColorReadOnly: '--plasma-combobox-new-textfield-bg-color-readonly',
-  textFieldBorderColorReadOnly: '--plasma-combobox-new-textfield-border-color-readonly',
-  textFieldPlaceholderColorReadOnly: '--plasma-combobox-new-textfield__placeholder-color-readonly',
-  textFieldCaretColor: '--plasma-combobox-new-textfield-caret-color',
-  textFieldPlaceholderColor: '--plasma-combobox-new-textfield-placeholder-color',
-  textFieldHeight: '--plasma-combobox-new-textfield-height',
-  textFieldBorderWidth: '--plasma-combobox-new-textfield-border-width',
-  textFieldBorderRadius: '--plasma-combobox-new-textfield-border-radius',
-  textFieldPadding: '--plasma-combobox-new-textfield-padding',
-  textFieldPaddingWithChips: '--plasma-combobox-new-textfield-padding-with-chips',
-  textFieldLeftContentMargin: '--plasma-combobox-new-textfield__left-content-margin',
-  textFieldRightContentMargin: '--plasma-combobox-new-textfield__right-content-margin',
-  textFieldFontFamily: '--plasma-combobox-new-textfield-font-family',
-  textFieldFontStyle: '--plasma-combobox-new-textfield-font-style',
-  textFieldFontSize: '--plasma-combobox-new-textfield-font-size',
-  textFieldFontWeight: '--plasma-combobox-new-textfield-font-weight',
-  textFieldLetterSpacing: '--plasma-combobox-new-textfield-letter-spacing',
-  textFieldLineHeight: '--plasma-combobox-new-textfield-line-height',
-  textFieldLabelColor: '--plasma-combobox-new-textfield-label-color',
-  textFieldLabelColorReadOnly: '--plasma-combobox-new-textfield__label-color-readonly',
-  textFieldLabelOffset: '--plasma-combobox-new-textfield__label-offset',
-  textFieldLabelFontFamily: '--plasma-combobox-new-textfield__label-font-family',
-  textFieldLabelFontStyle: '--plasma-combobox-new-textfield__label-font-style',
-  textFieldLabelFontSize: '--plasma-combobox-new-textfield__label-font-size',
-  textFieldLabelFontWeight: '--plasma-combobox-new-textfield__label-font-weight',
-  textFieldLabelLetterSpacing: '--plasma-combobox-new-textfield__label-letter-spacing',
-  textFieldLabelLineHeight: '--plasma-combobox-new-textfield__label-line-height',
-  textFieldLabelInnerFontFamily: '--plasma-combobox-new-textfield-placement_inner__label-font-family',
-  textFieldLabelInnerFontStyle: '--plasma-combobox-new-textfield-placement_inner__label-font-style',
-  textFieldLabelInnerFontSize: '--plasma-combobox-new-textfield-placement_inner__label-font-size',
-  textFieldLabelInnerFontWeight: '--plasma-combobox-new-textfield-placement_inner__label-font-weight',
-  textFieldLabelInnerLetterSpacing: '--plasma-combobox-new-textfield-placement_inner__label-letter-spacing',
-  textFieldLabelInnerLineHeight: '--plasma-combobox-new-textfield-placement_inner__label-line-height',
-  textFieldLabelInnerPadding: '--plasma-combobox-new-textfield-placement_inner__label-padding',
-  textFieldContentLabelInnerPadding: '--plasma-combobox-new-textfield-placement_inner__content-padding',
-  textFieldLeftHelperColor: '--plasma-combobox-new-textfield__left-helper-color',
-  textFieldLeftHelperColorReadOnly: '--plasma-combobox-new-textfield__left-helper-color-readonly',
-  textFieldLeftHelperOffset: '--plasma-combobox-new-textfield__left-helper-offset',
-  textFieldLeftHelperFontFamily: '--plasma-combobox-new-textfield__left-helper-font-family',
-  textFieldLeftHelperFontStyle: '--plasma-combobox-new-textfield__left-helper-font-style',
-  textFieldLeftHelperFontSize: '--plasma-combobox-new-textfield__left-helper-font-size',
-  textFieldLeftHelperFontWeight: '--plasma-combobox-new-textfield__left-helper-font-weight',
-  textFieldLeftHelperLetterSpacing: '--plasma-combobox-new-textfield__left-helper-letter-spacing',
-  textFieldLeftHelperLineHeight: '--plasma-combobox-new-textfield__left-helper-line-height',
-  textFieldTextBeforeColor: '--plasma-combobox-new-textfield__before-text-color',
-  textFieldTextAfterColor: '--plasma-combobox-new-textfield__after-text-color',
-  textFieldTextBeforeMargin: '--plasma-combobox-new-textfield__before-text-margin',
-  textFieldTextAfterMargin: '--plasma-combobox-new-textfield__after-text-margin',
-  textFieldDisabledOpacity: '--plasma-combobox-new-textfield-disabled-opacity',
-  textFieldFocusColor: '--plasma-combobox-new-textfield-focus-color',
-  textFieldChipCloseIconColor: '--plasma-combobox-new-textfield-chip-close-icons-color',
-  textFieldChipColor: '--plasma-combobox-new-textfield-chip-color',
-  textFieldChipBackground: '--plasma-combobox-new-textfield--chip-background',
-  textFieldChipColorHover: '--plasma-combobox-new-textfield-chip-color-hover',
-  textFieldChipBackgroundHover: '--plasma-combobox-new-textfield-chip-background-hover',
-  textFieldChipColorActive: '--plasma-combobox-new-textfield-chip-color-active',
-  textFieldChipBackgroundActive: '--plasma-combobox-new-textfield-chip-background-active',
-  textFieldChipBackgroundReadOnly: '--plasma-combobox-new-textfield-chip-background-read-only',
-  textFieldChipColorReadOnly: '--plasma-combobox-new-textfield-chip-color-read-only',
-  textFieldChipBackgroundReadOnlyHover: '--plasma-combobox-new-textfield-chip-background-read-only-hover',
-  textFieldChipColorReadOnlyHover: '--plasma-combobox-new-textfield-chip-color-read-only-hover',
-  textFieldChipOpacityReadonly: '--plasma-combobox-new-textfield-chip-opacity-read-only',
-  textFieldChipGap: '--plasma-combobox-new-textfield-chip-gap',
-  textFieldChipBorderRadius: '--plasma-combobox-new-textfield-chip-border-radius',
-  textFieldChipWidth: '--plasma-combobox-new-textfield-chip-width',
-  textFieldChipHeight: '--plasma-combobox-new-textfield-chip-height',
-  textFieldChipPaddingRight: '--plasma-combobox-new-textfield-chip-padding-right',
-  textFieldChipPaddingLeft: '--plasma-combobox-new-textfield-chip-padding-left',
-  textFieldChipClearContentMarginLeft: '--plasma-combobox-new-textfield-chip-clear-content-margin-left',
-  textFieldChipClearContentMarginRight: '--plasma-combobox-new-textfield-chip-clear-content-margin-right',
-  textFieldChipCloseIconSize: '--plasma-combobox-new-textfield-chip-close-icon-size',
-  textFieldChipFontFamily: '--plasma-combobox-new-textfield-chip-font-family',
-  textFieldChipFontSize: '--plasma-combobox-new-textfield-chip-font-size',
-  textFieldChipFontStyle: '--plasma-combobox-new-textfield-chip-font-style',
-  textFieldChipFontWeight: '--plasma-combobox-new-textfield-chip-font-weight',
-  textFieldChipLetterSpacing: '--plasma-combobox-new-textfield-chip-letter-spacing',
-  textFieldChipLineHeight: '--plasma-combobox-new-textfield-chip-line-height',
-  // Токены для EmptyState
-  emptyStatePadding: '--plasma-combobox-new-empty-state-padding',
-  labelOffset: '--plasma-combobox-label-offset',
-  innerLabelGap: '--plasma-combobox-inner-label-gap',
-  helperTextColor: '--plasma-combobox-helper-text-color',
-  helperTextOffset: '--plasma-combobox-helper-text-offset',
-  spinnerSize: '--plasma-combobox-spinner-size',
-  spinnerSizeTight: '--plasma-combobox-spinner-size-tight'
-};
-export var constants = {
-  focusColor: '--surface-accent',
-  focusSize: '0.0625rem',
-  background: '--surface-solid-card',
-  boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',
-  disclosureIconColor: '--text-secondary',
-  disclosureIconColorHover: '--text-secondary-hover',
-  itemBackground: '--plasma-colors-transparent',
-  itemBackgroundHover: '--surface-transparent-secondary',
-  textfieldTargetColor: '--text-primary',
-  textfieldOuterLabelColor: '--text-primary',
-  textfieldInnerLabelColor: '--text-secondary',
-  textfieldPlaceholderColor: '--text-secondary',
-  textfieldBorderSize: '0.0625rem',
-  opacity: '0.4',
-  fontFamily: '--plasma-typo-body-xs-font-family',
-  fontSize: '--plasma-typo-body-xs-font-size',
-  fontStyle: '--plasma-typo-body-xs-font-style',
-  fontWeight: '--plasma-typo-body-xs-font-weight',
-  fontLetterSpacing: '--plasma-typo-body-xs-letter-spacing',
-  fontLineHeight: '--plasma-typo-body-xs-line-height',
-  cellTitleColor: '--text-primary',
-  cellBackgroundColor: '--plasma-colors-transparent'
-};

package/styled-components/es/components/Combobox/ComboboxNew/Combobox.types.js

@@ -1 +0,0 @@
-export {};

package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js

@@ -1,68 +0,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); }
-import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';
-import React, { forwardRef } from 'react';
-import { safeUseId } from '@salutejs/plasma-core';
-var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var target = _ref.target,
-    children = _ref.children,
-    opened = _ref.opened,
-    onToggle = _ref.onToggle,
-    placement = _ref.placement,
-    portal = _ref.portal,
-    _ref$offset = _ref.offset,
-    offset = _ref$offset === void 0 ? 0 : _ref$offset;
-  var _useFloating = useFloating({
-      placement: placement,
-      open: opened,
-      middleware: [offsetMiddleware(offset), flip({
-        fallbackAxisSideDirection: 'end'
-      }), shift(), size({
-        apply: function apply(_ref2) {
-          var rects = _ref2.rects,
-            elements = _ref2.elements;
-          Object.assign(elements.floating.style, {
-            width: "".concat(rects.reference.width, "px")
-          });
-        }
-      })]
-    }),
-    refs = _useFloating.refs,
-    floatingStyles = _useFloating.floatingStyles;
-  var wrappedId = safeUseId();
-  var handleClick = function handleClick() {
-    if (onToggle) {
-      onToggle(!opened);
-    }
-  };
-
-  // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.
-  // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.
-  // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),
-  // но выпадающий список должен позиционироваться непосредственно возле самого инпута.
-  var isTargetFunction = typeof target === 'function';
-  return /*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    id: wrappedId
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: isTargetFunction ? undefined : refs.setReference,
-    onClick: handleClick
-  }, typeof target === 'function' ? target(refs.setReference) : target), opened &&
-  /*#__PURE__*/
-  // root - принимает ref контейнера портала.
-  // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
-  React.createElement(FloatingPortal, {
-    root: portal,
-    id: portal ? undefined : wrappedId
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: refs.setFloating,
-    style: _objectSpread(_objectSpread({}, floatingStyles), {}, {
-      zIndex: 1
-    })
-  }, children)));
-});
-export { FloatingPopover };

package/styled-components/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js

@@ -1,44 +0,0 @@
-import { isEmpty } from '../../../../utils';
-export var getPathMap = function getPathMap(items) {
-  var pathMap = new Map();
-  var focusedToValueMap = new Map();
-  pathMap.set('root', (items === null || items === void 0 ? void 0 : items.length) || 0);
-  var rec = function rec(items) {
-    var prevIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    items === null || items === void 0 || items.forEach(function (item, index) {
-      var value = item.value,
-        innerItems = item.items;
-      var currIndex = "".concat(prevIndex, "/").concat(index).replace(/^(\/)/, '');
-      focusedToValueMap.set(currIndex, item);
-      if (innerItems) {
-        pathMap.set(value, innerItems.length);
-        rec(innerItems, currIndex);
-      }
-    });
-  };
-  rec(items);
-  return [pathMap, focusedToValueMap];
-};
-export var getTreeMaps = function getTreeMaps(items) {
-  var valueToCheckedMap = new Map();
-  var valueToItemMap = new Map();
-  var labelToItemMap = new Map();
-  var rec = function rec(items) {
-    var prevIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    items === null || items === void 0 || items.forEach(function (item, index) {
-      var value = item.value,
-        label = item.label,
-        innerItems = item.items;
-      var currIndex = "".concat(prevIndex, "/").concat(index).replace(/^(\/)/, '');
-      valueToCheckedMap.set(value, false);
-      if (isEmpty(innerItems) || !innerItems) {
-        valueToItemMap.set(value, item);
-        labelToItemMap.set(label, item);
-      } else {
-        rec(innerItems, currIndex);
-      }
-    });
-  };
-  rec(items);
-  return [valueToCheckedMap, valueToItemMap, labelToItemMap];
-};

package/styled-components/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js

@@ -1,327 +0,0 @@
-var JUMP_SIZE = 10;
-export var keys = {
-  Enter: 'Enter',
-  Space: 'Space',
-  Tab: 'Tab',
-  Escape: 'Escape',
-  Backspace: 'Backspace',
-  ArrowLeft: 'ArrowLeft',
-  ArrowRight: 'ArrowRight',
-  ArrowUp: 'ArrowUp',
-  ArrowDown: 'ArrowDown',
-  Home: 'Home',
-  End: 'End',
-  PageUp: 'PageUp',
-  PageDown: 'PageDown'
-};
-export var getItemByFocused = function getItemByFocused(focusedPath, focusedToValueMap) {
-  var focusedPathAsString = focusedPath.reduce(function (acc, n) {
-    return "".concat(acc, "/").concat(n);
-  }, '').replace(/^(\/)/, '');
-  return focusedToValueMap.get(focusedPathAsString);
-};
-export var useKeyNavigation = function useKeyNavigation(_ref) {
-  var focusedPath = _ref.focusedPath,
-    dispatchFocusedPath = _ref.dispatchFocusedPath,
-    path = _ref.path,
-    dispatchPath = _ref.dispatchPath,
-    pathMap = _ref.pathMap,
-    focusedToValueMap = _ref.focusedToValueMap,
-    handleToggle = _ref.handleToggle,
-    handlePressDown = _ref.handlePressDown,
-    multiselect = _ref.multiselect,
-    setTextValue = _ref.setTextValue;
-  var currentIndex = (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[focusedPath.length - 1]) || 0;
-  var currentLength = pathMap.get(path === null || path === void 0 ? void 0 : path[focusedPath.length - 1]) || 0;
-  var onKeyDown = function onKeyDown(event) {
-    switch (event.key) {
-      case keys.ArrowUp:
-        {
-          if (focusedPath.length) {
-            if (currentIndex > 0) {
-              if (path.length > focusedPath.length) {
-                dispatchPath({
-                  type: 'removed_last_level'
-                });
-              }
-              dispatchFocusedPath({
-                type: 'change_last_focus',
-                value: currentIndex - 1
-              });
-            }
-          } else {
-            dispatchPath({
-              type: 'opened_first_level'
-            });
-            dispatchFocusedPath({
-              type: 'set_initial_focus'
-            });
-            handleToggle(true);
-          }
-          if (path[0]) {
-            event.stopPropagation();
-            event.preventDefault();
-          }
-          break;
-        }
-      case keys.ArrowDown:
-        {
-          if (focusedPath.length) {
-            if (currentIndex + 1 < currentLength) {
-              if (path.length > focusedPath.length) {
-                dispatchPath({
-                  type: 'removed_last_level'
-                });
-              }
-              dispatchFocusedPath({
-                type: 'change_last_focus',
-                value: currentIndex + 1
-              });
-            }
-          } else {
-            dispatchPath({
-              type: 'opened_first_level'
-            });
-            dispatchFocusedPath({
-              type: 'set_initial_focus'
-            });
-            handleToggle(true);
-          }
-          if (path[0]) {
-            event.stopPropagation();
-            event.preventDefault();
-          }
-          break;
-        }
-      case keys.ArrowLeft:
-        {
-          if (path[0]) {
-            event.stopPropagation();
-            event.preventDefault();
-            if (focusedPath.length) {
-              if (path.length > focusedPath.length) {
-                dispatchPath({
-                  type: 'removed_last_level'
-                });
-              } else {
-                dispatchFocusedPath({
-                  type: 'return_prev_focus'
-                });
-              }
-            }
-            if (path.length === 1) {
-              handleToggle(false);
-            }
-          }
-          break;
-        }
-      case keys.ArrowRight:
-        {
-          if (path[0]) {
-            event.stopPropagation();
-            event.preventDefault();
-            if (!focusedPath.length) {
-              break;
-            }
-            var currentItem = getItemByFocused(focusedPath, focusedToValueMap);
-            console.log('currentItem', currentItem, focusedPath, focusedToValueMap);
-            if (currentItem !== null && currentItem !== void 0 && currentItem.items) {
-              if (path.length > focusedPath.length) {
-                dispatchFocusedPath({
-                  type: 'add_focus',
-                  value: 0
-                });
-              } else {
-                dispatchPath({
-                  type: 'added_next_level',
-                  value: currentItem.value.toString()
-                });
-              }
-            }
-          }
-          break;
-        }
-      case keys.Backspace:
-        {
-          if (!multiselect) break;
-          break;
-        }
-
-      // case keys.Space: {
-      //     event.preventDefault();
-      //
-      //     const currentItem = getItemByFocused(focusedPath, focusedToValueMap);
-      //
-      //     if (!path[0]) {
-      //         dispatchPath({ type: 'opened_first_level' });
-      //         dispatchFocusedPath({ type: 'set_initial_focus' });
-      //         break;
-      //     }
-      //
-      //     if (!currentItem || currentItem?.disabled) {
-      //         break;
-      //     }
-      //
-      //     handlePressDown(currentItem);
-      //
-      //     break;
-      // }
-
-      case keys.Enter:
-        {
-          event.preventDefault();
-          var _currentItem = getItemByFocused(focusedPath, focusedToValueMap);
-          if (_currentItem !== null && _currentItem !== void 0 && _currentItem.disabled) {
-            break;
-          }
-          if (!path[0]) {
-            dispatchPath({
-              type: 'opened_first_level'
-            });
-            dispatchFocusedPath({
-              type: 'set_initial_focus'
-            });
-            break;
-          }
-
-          // if (currentItem?.items) {
-          //     if (path.length > focusedPath.length) {
-          //         dispatchFocusedPath({ type: 'add_focus', value: 0 });
-          //     } else {
-          //         dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });
-          //     }
-          //
-          //     break;
-          // }
-
-          if (_currentItem) {
-            handlePressDown(_currentItem);
-          }
-          break;
-        }
-      case keys.Tab:
-        {
-          dispatchPath({
-            type: 'reset'
-          });
-          dispatchFocusedPath({
-            type: 'reset'
-          });
-          handleToggle(false);
-          setTextValue('');
-          break;
-        }
-      case keys.Escape:
-        {
-          dispatchPath({
-            type: 'reset'
-          });
-          dispatchFocusedPath({
-            type: 'reset'
-          });
-          handleToggle(false);
-          break;
-        }
-      case keys.Home:
-        {
-          if (path[0]) {
-            if (path.length > focusedPath.length) {
-              dispatchPath({
-                type: 'removed_last_level'
-              });
-            }
-            dispatchFocusedPath({
-              type: 'change_last_focus',
-              value: 0
-            });
-          } else {
-            dispatchPath({
-              type: 'opened_first_level'
-            });
-            dispatchFocusedPath({
-              type: 'set_initial_focus'
-            });
-            handleToggle(true);
-          }
-          break;
-        }
-      case keys.End:
-        {
-          if (path[0]) {
-            if (path.length > focusedPath.length) {
-              dispatchPath({
-                type: 'removed_last_level'
-              });
-            }
-            dispatchFocusedPath({
-              type: 'change_last_focus',
-              value: currentLength - 1
-            });
-          } else {
-            dispatchPath({
-              type: 'opened_first_level'
-            });
-            dispatchFocusedPath({
-              type: 'change_last_focus',
-              value: (pathMap.get('root') || 0) - 1
-            });
-            handleToggle(true);
-          }
-          break;
-        }
-      case keys.PageUp:
-        {
-          if (!path[0]) {
-            break;
-          }
-          if (path.length > focusedPath.length) {
-            dispatchPath({
-              type: 'removed_last_level'
-            });
-          }
-          if (currentIndex <= JUMP_SIZE) {
-            dispatchFocusedPath({
-              type: 'change_last_focus',
-              value: 0
-            });
-          } else {
-            dispatchFocusedPath({
-              type: 'change_last_focus',
-              value: currentIndex - JUMP_SIZE
-            });
-          }
-          break;
-        }
-      case keys.PageDown:
-        {
-          if (!path[0]) {
-            break;
-          }
-          if (path.length > focusedPath.length) {
-            dispatchPath({
-              type: 'removed_last_level'
-            });
-          }
-          if (currentLength - currentIndex <= JUMP_SIZE) {
-            dispatchFocusedPath({
-              type: 'change_last_focus',
-              value: currentLength - 1
-            });
-          } else {
-            dispatchFocusedPath({
-              type: 'change_last_focus',
-              value: currentIndex + JUMP_SIZE
-            });
-          }
-          break;
-        }
-      default:
-        {
-          break;
-        }
-    }
-  };
-  return {
-    onKeyDown: onKeyDown
-  };
-};

package/styled-components/es/components/Combobox/ComboboxNew/index.js

@@ -1,2 +0,0 @@
-export { comboboxConfig, comboboxRoot } from './Combobox';
-export { tokens as comboboxTokens } from './Combobox.tokens';