@salutejs/plasma-hope 1.387.0 → 1.387.1-dev.0

package/es/components/Dropdown/DropdownItem.js

@@ -1,114 +0,0 @@
-var _StyledDot, _StyledChevron, _StyledCheck;
-var _excluded = ["value", "label", "isActive", "isDisabled", "isHovered", "color", "contentLeft", "items", "role", "index", "onClick", "onHover", "onFocus"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { useRef, useCallback, useMemo, forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { body1, applyDisabled, applyEllipsis, useForkRef } from '@salutejs/plasma-core';
-import { IconChevronRight, IconDone } from '@salutejs/plasma-icons';
-import { collectPackageInfo } from '../../collectPackageInfo';
-collectPackageInfo('Dropdown/DropdownItem');
-var StyledDropdownItem = /*#__PURE__*/styled.li.withConfig({
-  componentId: "plasma-web-core__sc-sdbmry-0"
-})(["display:flex;flex:1;align-items:center;justify-content:flex-start;box-sizing:border-box;text-decoration:none;height:var(--plasma-dropdown-item-height,3rem);padding:var(--plasma-dropdown-item-padding,1rem);border-radius:var(--plasma-dropdown-item-border-radius,0);font-family:var(--plasma-dropdown-item-font-family,", ");font-size:var(--plasma-dropdown-item-font-size,", ");font-weight:var(--plasma-dropdown-item-font-weight,", ");line-height:var(--plasma-dropdown-item-line-height,", ");letter-spacing:var(--plasma-dropdown-item-letter-spacing,", ");background-color:transparent;color:", ";transition:background-color 0.3s ease-in-out;cursor:pointer;", " &:focus{outline:0 none;}", " &:active{background-color:var(--surface-transparent-tertiary);}", ""], body1.fontFamily, body1.fontSize, body1.fontWeight, body1.lineHeight, body1.letterSpacing, function (_ref) {
-  var $color = _ref.$color;
-  return $color || 'var(--text-primary)';
-}, function (_ref2) {
-  var $withAssistive = _ref2.$withAssistive,
-    $color = _ref2.$color;
-  return !$withAssistive && css(["&:hover,&:focus{color:", ";background-color:var(--surface-transparent-secondary);}"], $color || 'var(--text-primary)');
-}, function (_ref3) {
-  var $hover = _ref3.$hover,
-    $color = _ref3.$color;
-  return $hover && css(["color:", ";background-color:var(--surface-transparent-secondary);"], $color || 'var(--text-primary)');
-}, applyDisabled);
-var StyledContent = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-web-core__sc-sdbmry-1"
-})(["display:inline-flex;margin-right:0.375rem;"]);
-var StyledText = /*#__PURE__*/styled.span.withConfig({
-  componentId: "plasma-web-core__sc-sdbmry-2"
-})(["", ";margin-right:0.625rem;pointer-events:none;user-select:none;"], applyEllipsis);
-var StyledChevron = /*#__PURE__*/styled(IconChevronRight).withConfig({
-  componentId: "plasma-web-core__sc-sdbmry-3"
-})(["margin-left:auto;pointer-events:none;margin-right:-0.25rem;"]);
-var StyledCheck = /*#__PURE__*/styled(IconDone).withConfig({
-  componentId: "plasma-web-core__sc-sdbmry-4"
-})(["margin-left:auto;pointer-events:none;margin-right:-0.5rem;"]);
-var StyledDot = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-web-core__sc-sdbmry-5"
-})(["width:0.375rem;height:0.375rem;background-color:var(--text-accent);border-radius:50%;"]);
-
-/**
- * Элемент выпадающего списка.
- */
-export var DropdownItem = /*#__PURE__*/forwardRef(function (props, outerRef) {
-  var _items$filter;
-  var value = props.value,
-    label = props.label,
-    isActive = props.isActive,
-    isDisabled = props.isDisabled,
-    isHovered = props.isHovered,
-    color = props.color,
-    contentLeft = props.contentLeft,
-    _props$items = props.items,
-    items = _props$items === void 0 ? [] : _props$items,
-    _props$role = props.role,
-    role = _props$role === void 0 ? 'menuitem' : _props$role,
-    index = props.index,
-    onClickExternal = props.onClick,
-    onHover = props.onHover,
-    onFocus = props.onFocus,
-    rest = _objectWithoutProperties(props, _excluded);
-  var ref = useRef(null);
-  var forkRef = useForkRef(outerRef, ref);
-  var hasItems = Boolean(items.length);
-  var isActiveAsSingleOrNode = Boolean(isActive || ((_items$filter = items.filter(function (item) {
-    return item.isActive;
-  })) === null || _items$filter === void 0 ? void 0 : _items$filter.length));
-  var contentRight = useMemo(function () {
-    if (hasItems) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, isActiveAsSingleOrNode && (_StyledDot || (_StyledDot = /*#__PURE__*/React.createElement(StyledDot, null))), _StyledChevron || (_StyledChevron = /*#__PURE__*/React.createElement(StyledChevron, {
-        size: "xs"
-      })));
-    }
-    if (isActive) {
-      return _StyledCheck || (_StyledCheck = /*#__PURE__*/React.createElement(StyledCheck, {
-        size: "s",
-        color: "var(--text-accent)"
-      }));
-    }
-    return null;
-  }, [isActive, isActiveAsSingleOrNode, hasItems]);
-  var onClick = useCallback(function (event) {
-    var _ref$current;
-    event.preventDefault();
-    var targetIsItem = event.target === ref.current;
-    var targetInItem = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.contains(event.target);
-    if (value !== undefined && !isDisabled && (targetIsItem || targetInItem)) {
-      onClickExternal === null || onClickExternal === void 0 || onClickExternal({
-        value: value,
-        label: label
-      }, event);
-    }
-  }, [value, label, isDisabled, onClickExternal]);
-  var onMouseOver = useCallback(function () {
-    onHover === null || onHover === void 0 || onHover(index);
-  }, [value, label, isDisabled, onClickExternal]);
-  return /*#__PURE__*/React.createElement(StyledDropdownItem, _extends({}, rest, {
-    ref: forkRef,
-    $withAssistive: Boolean(onHover),
-    $hover: isHovered,
-    $disabled: isDisabled,
-    $color: color,
-    role: role,
-    "aria-label": label,
-    "aria-disabled": isDisabled,
-    "aria-selected": role === 'option' ? isActiveAsSingleOrNode : undefined,
-    onClick: onClick,
-    onMouseOver: onMouseOver,
-    onFocus: onFocus
-  }), contentLeft && /*#__PURE__*/React.createElement(StyledContent, null, contentLeft), label && /*#__PURE__*/React.createElement(StyledText, {
-    role: "presentation"
-  }, label), contentRight);
-});

package/es/components/Dropdown/DropdownList.js

@@ -1,15 +0,0 @@
-import styled, { css } from 'styled-components';
-/**
- * Выпадающий список.
- */
-import { collectPackageInfo } from '../../collectPackageInfo';
-collectPackageInfo('Dropdown/DropdownList');
-export var DropdownList = /*#__PURE__*/styled.ul.withConfig({
-  componentId: "plasma-web-core__sc-ghowbu-0"
-})(["margin:0;padding:var(--plasma-dropdown-padding,0);width:100%;height:var(--plasma-dropdown-height,initial);border-radius:var(--plasma-dropdown-border-radius,0);background-color:var(--plasma-dropdown-background,var(--surface-solid-card));box-shadow:0 0.75rem 1.75rem rgba(0,0,0,0.08);transition:opacity 0.3s ease-in-out;list-style:none;box-sizing:border-box;overflow-y:var(--plasma-dropdown-overflow,initial);"]);
-export var applyDropdownListCssProperties = function applyDropdownListCssProperties(_ref) {
-  var listHeight = _ref.listHeight,
-    listOverflow = _ref.listOverflow;
-  var computedHeight = !Number.isNaN(Number(listHeight)) ? "".concat(listHeight, "rem") : listHeight;
-  return css(["--plasma-dropdown-height:", ";--plasma-dropdown-overflow:", ";"], computedHeight, listOverflow);
-};

package/es/components/Dropdown/DropdownMenu.js

@@ -1,53 +0,0 @@
-var _excluded = ["id", "items", "hoverIndex", "itemRole", "onItemSelect", "onHover", "role"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import { DropdownSelfControlledPopup } from './DropdownPopup';
-import { DropdownList } from './DropdownList';
-import { DropdownItem } from './DropdownItem';
-/**
- * Меню dropdown, выводящее текущий список и все вложенные в него списки в popup.
- */
-export var DropdownMenu = function DropdownMenu(_ref) {
-  var id = _ref.id,
-    items = _ref.items,
-    hoverIndex = _ref.hoverIndex,
-    itemRole = _ref.itemRole,
-    onItemSelect = _ref.onItemSelect,
-    onHover = _ref.onHover,
-    _ref$role = _ref.role,
-    role = _ref$role === void 0 ? 'menu' : _ref$role,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(DropdownList, _extends({}, rest, {
-    id: id,
-    role: role
-  }), items.map(function (item, i) {
-    return item.items && item.items.length ? /*#__PURE__*/React.createElement(DropdownSelfControlledPopup, {
-      role: "presentation",
-      key: item.value,
-      id: id ? "".concat(id, "-nested-").concat(i) : id,
-      trigger: "hover",
-      placement: "right",
-      disclosure: /*#__PURE__*/React.createElement(DropdownItem, _extends({}, item, {
-        id: id ? "".concat(id, "-item-").concat(i) : id,
-        role: itemRole,
-        isHovered: i === hoverIndex,
-        index: i,
-        onClick: onItemSelect,
-        onHover: onHover
-      }))
-    }, /*#__PURE__*/React.createElement(DropdownMenu, {
-      items: item.items,
-      onItemSelect: onItemSelect
-    })) : /*#__PURE__*/React.createElement(DropdownItem, _extends({}, item, {
-      key: item.value,
-      id: id ? "".concat(id, "-item-").concat(i) : id,
-      role: itemRole,
-      isHovered: i === hoverIndex,
-      index: i,
-      onClick: onItemSelect,
-      onHover: onHover
-    }));
-  }));
-};

package/es/components/Dropdown/DropdownPopup.js

@@ -1,39 +0,0 @@
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useState } from 'react';
-import styled, { css } from 'styled-components';
-import { Popup } from '../Popup';
-import { collectPackageInfo } from '../../collectPackageInfo';
-collectPackageInfo('Dropdown/DropdownPopup');
-/**
- * Popup с внешним контролем над видимостью через props: `opened` и `onToggle`.
- */
-export var DropdownPopup = /*#__PURE__*/styled(Popup).withConfig({
-  componentId: "plasma-web-core__sc-psgcp9-0"
-})(["& &{width:100%;--plasma-popup-width:var(--plasma-popup-nested-width);--plasma-popup-padding:var(--plasma-popup-nested-padding);--plasma-popup-margin:var(--plasma-popup-nested-margin);}", ""], function (_ref) {
-  var offsetTop = _ref.offsetTop;
-  return offsetTop !== undefined && css(["--plasma-popup-padding:", " 0 0;"], offsetTop);
-});
-
-/**
- * Popup, не требующий внешнего контроля над видимостью.
- */
-export var DropdownSelfControlledPopup = function DropdownSelfControlledPopup(_ref2) {
-  var rest = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  return /*#__PURE__*/React.createElement(DropdownPopup, _extends({}, rest, {
-    opened: isOpen,
-    onToggle: function onToggle(is) {
-      return setIsOpen(is);
-    }
-  }));
-};

package/es/components/Dropdown/DropdownUncontrolled.js

@@ -1,61 +0,0 @@
-var _excluded = ["id", "isOpen", "opened", "items", "children", "offsetTop", "disabled", "style", "className", "hoverIndex", "placement", "trigger", "onBlur", "onKeyDown", "onToggle", "onItemSelect", "onHover"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { useCallback } from 'react';
-import { DropdownMenu } from './DropdownMenu';
-import { DropdownPopup } from './DropdownPopup';
-import { collectPackageInfo } from '../../collectPackageInfo';
-collectPackageInfo('Dropdown/DropdownUncontrolled');
-/**
- * Выпадающий список с внешнего контроля видимости через props: `opened` и `onToggle`.
- */
-export var DropdownUncontrolled = function DropdownUncontrolled(_ref) {
-  var id = _ref.id,
-    isOpen = _ref.isOpen,
-    opened = _ref.opened,
-    items = _ref.items,
-    children = _ref.children,
-    offsetTop = _ref.offsetTop,
-    disabled = _ref.disabled,
-    style = _ref.style,
-    className = _ref.className,
-    hoverIndex = _ref.hoverIndex,
-    _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
-    _ref$trigger = _ref.trigger,
-    trigger = _ref$trigger === void 0 ? 'click' : _ref$trigger,
-    onBlur = _ref.onBlur,
-    onKeyDown = _ref.onKeyDown,
-    onToggleExternal = _ref.onToggle,
-    onItemSelect = _ref.onItemSelect,
-    onHover = _ref.onHover,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var innerIsOpen = Boolean(isOpen || opened);
-  var hasItems = Array.isArray(items) && items.length > 0;
-  var onToggle = useCallback(function (newIsOpen, event) {
-    if (newIsOpen && hasItems && !disabled) {
-      onToggleExternal === null || onToggleExternal === void 0 || onToggleExternal(true, event);
-    } else {
-      onToggleExternal === null || onToggleExternal === void 0 || onToggleExternal(false, event);
-    }
-  }, [onToggleExternal, disabled, hasItems]);
-  return /*#__PURE__*/React.createElement(DropdownPopup, {
-    opened: innerIsOpen,
-    trigger: trigger,
-    placement: placement,
-    disclosure: children,
-    offsetTop: offsetTop,
-    style: style,
-    className: className,
-    onToggle: onToggle,
-    onKeyDown: onKeyDown,
-    onBlur: onBlur
-  }, /*#__PURE__*/React.createElement(DropdownMenu, _extends({}, rest, {
-    id: id,
-    items: items,
-    hoverIndex: hoverIndex,
-    onHover: onHover,
-    onItemSelect: onItemSelect
-  })));
-};

package/es/components/Dropdown/index.js

@@ -1,6 +0,0 @@
-export { Dropdown } from './Dropdown';
-export { DropdownList, applyDropdownListCssProperties } from './DropdownList';
-export { DropdownItem } from './DropdownItem';
-export { DropdownPopup } from './DropdownPopup';
-export { withAssistiveDropdown } from './withAssistiveDropdown';
-export { DropdownUncontrolled } from './DropdownUncontrolled';

package/es/components/Dropdown/keyboardNavigation/index.js

@@ -1 +0,0 @@
-export { useKeyboardNavigation, INITIAL_INDEX } from './useKeyboardNavigation';

package/es/components/Dropdown/keyboardNavigation/useKeyboardNavigation.js

@@ -1,52 +0,0 @@
-import { useCallback } from 'react';
-import { getActionFromKey, getUpdatedIndex, Actions } from './utils';
-import { useOnComboType } from './useOnComboType';
-export var INITIAL_INDEX = 0;
-
-/**
- * Клавиатурная навигация для dropdown.
- * Работает для каждого instance dropdown, (popup) отдельно.
- */
-export var useKeyboardNavigation = function useKeyboardNavigation(_ref) {
-  var items = _ref.items,
-    isOpen = _ref.isOpen,
-    _ref$index = _ref.index,
-    index = _ref$index === void 0 ? INITIAL_INDEX : _ref$index,
-    onToggle = _ref.onToggle,
-    onItemSelect = _ref.onItemSelect,
-    onIndexChange = _ref.onIndexChange;
-  var getIndexByTyping = useOnComboType({
-    index: index,
-    items: items
-  });
-  var onKeyDown = useCallback(function (event) {
-    if (!items.length) {
-      return;
-    }
-    var action = getActionFromKey(event, isOpen);
-    if (action === Actions.Last || action === Actions.First || action === Actions.Next || action === Actions.Previous || action === Actions.PageUp || action === Actions.PageDown) {
-      event.preventDefault();
-      onIndexChange === null || onIndexChange === void 0 || onIndexChange(getUpdatedIndex(action, index, items));
-    } else if (action === Actions.Select) {
-      event.stopPropagation();
-      event.preventDefault();
-      onItemSelect === null || onItemSelect === void 0 || onItemSelect(items[index], event);
-    } else if (action === Actions.Open) {
-      event.preventDefault();
-      onToggle === null || onToggle === void 0 || onToggle(true, event);
-    } else if (action === Actions.Close) {
-      event.preventDefault();
-      onToggle === null || onToggle === void 0 || onToggle(false, event);
-    } else if (action === Actions.Type) {
-      event.preventDefault();
-      var newIndex = getIndexByTyping(event.key);
-      if (newIndex !== undefined) {
-        onIndexChange === null || onIndexChange === void 0 || onIndexChange(newIndex);
-      }
-    }
-  }, [isOpen, index, items, onIndexChange, onToggle, getIndexByTyping]);
-  return {
-    onKeyDown: onKeyDown,
-    index: index
-  };
-};

package/es/components/Dropdown/keyboardNavigation/useOnComboType.js

@@ -1,24 +0,0 @@
-import { useCallback } from 'react';
-import { getIndexByLetter } from './utils';
-import { useSearchString } from './useSearchString';
-export var useOnComboType = function useOnComboType(_ref) {
-  var items = _ref.items,
-    index = _ref.index;
-  var _useSearchString = useSearchString(),
-    getSearchString = _useSearchString.getSearchString,
-    resetSearchString = _useSearchString.resetSearchString;
-  return useCallback(function (letter) {
-    // Находим индекс первого подходящего item
-    var updatedSearchString = getSearchString(letter);
-    var searchIndex = getIndexByLetter(items.map(function (item) {
-      return item.label;
-    }), updatedSearchString, index + 1);
-
-    // Если есть подходящая опция - переходим к ней
-    if (searchIndex >= 0) {
-      return searchIndex;
-    }
-    resetSearchString();
-    return undefined;
-  }, [items, index, getSearchString, resetSearchString]);
-};

package/es/components/Dropdown/keyboardNavigation/useSearchString.js

@@ -1,40 +0,0 @@
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import { useCallback, useRef, useState } from 'react';
-export var useSearchString = function useSearchString() {
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchString = _useState2[0],
-    setSearchString = _useState2[1];
-  var searchTimeout = useRef(null);
-  var getSearchString = useCallback(function (_char) {
-    // Скидываем таймаут и начинаем новый
-    // Это позволяет делать поиск с несколькими буквами, как нативный select
-    if (searchTimeout.current) {
-      window.clearTimeout(searchTimeout.current);
-    }
-    searchTimeout.current = window.setTimeout(function () {
-      setSearchString('');
-    }, 500);
-
-    // Добавляем последнюю букву в поисковой строке
-    setSearchString(function (prev) {
-      return prev + _char;
-    });
-    return searchString + _char;
-  }, [searchString]);
-  var resetSearchString = useCallback(function () {
-    if (searchTimeout.current) {
-      window.clearTimeout(searchTimeout.current);
-    }
-    setSearchString('');
-  }, []);
-  return {
-    getSearchString: getSearchString,
-    resetSearchString: resetSearchString
-  };
-};

package/es/components/Dropdown/keyboardNavigation/utils.js

@@ -1,170 +0,0 @@
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-export var Actions = /*#__PURE__*/function (Actions) {
-  Actions[Actions["Close"] = 0] = "Close";
-  Actions[Actions["CloseSelect"] = 1] = "CloseSelect";
-  Actions[Actions["First"] = 2] = "First";
-  Actions[Actions["Last"] = 3] = "Last";
-  Actions[Actions["Next"] = 4] = "Next";
-  Actions[Actions["Open"] = 5] = "Open";
-  Actions[Actions["PageDown"] = 6] = "PageDown";
-  Actions[Actions["PageUp"] = 7] = "PageUp";
-  Actions[Actions["Previous"] = 8] = "Previous";
-  Actions[Actions["Select"] = 9] = "Select";
-  Actions[Actions["Type"] = 10] = "Type";
-  Actions[Actions["OpenSub"] = 11] = "OpenSub";
-  Actions[Actions["CloseSub"] = 12] = "CloseSub";
-  return Actions;
-}({});
-export var Keys = /*#__PURE__*/function (Keys) {
-  Keys["Home"] = "Home";
-  Keys["ArrowUp"] = "ArrowUp";
-  Keys["ArrowDown"] = "ArrowDown";
-  Keys["ArrowLeft"] = "ArrowLeft";
-  Keys["ArrowRight"] = "ArrowRight";
-  Keys["Enter"] = "Enter";
-  Keys["Space"] = " ";
-  Keys["End"] = "End";
-  Keys["Backspace"] = "Backspace";
-  Keys["Clear"] = "Clear";
-  Keys["PageUp"] = "PageUp";
-  Keys["PageDown"] = "PageDown";
-  Keys["Escape"] = "Escape";
-  return Keys;
-}({});
-
-/**
- * Возвращает экшн в соответствии с нажатой клавишей.
- */
-export var getActionFromKey = function getActionFromKey(event, isOpen) {
-  var altKey = event.altKey,
-    ctrlKey = event.ctrlKey,
-    metaKey = event.metaKey;
-
-  // Все кнопки, которые открывают селект
-  var key = event.key;
-  var openKeys = [Keys.ArrowUp, Keys.ArrowDown, Keys.Enter, Keys.Space];
-
-  // Обработка открытия когда селект закрыт
-  if (!isOpen && openKeys.includes(key)) {
-    return Actions.Open;
-  }
-
-  // Кнопки Home и End должны перемещать всегда(открыт или закрыт)
-  if (key === Keys.Home) {
-    return Actions.First;
-  }
-  if (key === Keys.End) {
-    return Actions.Last;
-  }
-
-  // Обработка ввода на клавиатуре при открытом и закрытом селекте
-  if (key === Keys.Backspace || key === Keys.Clear || key.length === 1 && key !== Keys.Space && !altKey && !ctrlKey && !metaKey) {
-    return Actions.Type;
-  }
-
-  // Обработка когда селект открыт
-  if (isOpen) {
-    if (key === Keys.ArrowUp && altKey) {
-      return Actions.CloseSelect;
-    }
-    if (key === Keys.ArrowDown && !altKey) {
-      return Actions.Next;
-    }
-    if (key === Keys.ArrowUp) {
-      return Actions.Previous;
-    }
-    if (key === Keys.ArrowRight) {
-      return Actions.OpenSub;
-    }
-    if (key === Keys.ArrowLeft) {
-      return Actions.CloseSub;
-    }
-    if (key === Keys.PageUp) {
-      return Actions.PageUp;
-    }
-    if (key === Keys.PageDown) {
-      return Actions.PageDown;
-    }
-    if (key === Keys.Escape) {
-      return Actions.Close;
-    }
-    if (key === Keys.Enter || key === Keys.Space) {
-      return Actions.Select;
-    }
-  }
-  return null;
-};
-export var getUpdatedIndex = function getUpdatedIndex(action, index, items) {
-  var pageSize = 10; // Используется для pageup/pagedown
-  var maxIndex = items.length - 1;
-  var newIndex;
-  switch (action) {
-    case Actions.First:
-      newIndex = 0;
-      break;
-    case Actions.Last:
-      newIndex = maxIndex;
-      break;
-    case Actions.Previous:
-      newIndex = index - 1 >= 0 ? index - 1 : maxIndex;
-      break;
-    case Actions.Next:
-      newIndex = index + 1 <= maxIndex ? index + 1 : 0;
-      break;
-    case Actions.PageUp:
-      newIndex = Math.max(0, index - pageSize);
-      break;
-    case Actions.PageDown:
-      newIndex = Math.min(maxIndex, index + pageSize);
-      break;
-    default:
-      newIndex = index;
-  }
-  return newIndex;
-};
-
-// Фильтрует массив по входной строке
-// Возвращает массив параметров, которые начинаются со строки filter, независимо от регистра
-export var filterOptions = function filterOptions() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var filter = arguments.length > 1 ? arguments[1] : undefined;
-  var exclude = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  var lowerCaseFilter = filter.toLowerCase();
-  return options.filter(function (option) {
-    var matches = option.toLowerCase().indexOf(lowerCaseFilter) === 0;
-    return matches && exclude.indexOf(option) < 0;
-  });
-};
-
-// Возвращает индекс параметра из массива параметров на основе строки поиска
-// Если filter - это несколько итераций одной и той же буквы (например, "aaa"), то ищем только по одной букве
-export var getIndexByLetter = function getIndexByLetter(options, filter) {
-  var startIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  var orderedOptions = [].concat(_toConsumableArray(options.slice(startIndex)), _toConsumableArray(options.slice(0, startIndex)));
-  var firstMatch = filterOptions(orderedOptions, filter)[0];
-  var allSameLetter = function allSameLetter(array) {
-    return array.every(function (letter) {
-      return letter === array[0];
-    });
-  };
-
-  // Сначала проверяем, есть ли точное совпадение для введенной строки
-  if (firstMatch) {
-    return options.indexOf(firstMatch);
-  }
-
-  // Если повторяется одна и та же буква, то ищем только по одной букве
-  if (allSameLetter(filter.split(''))) {
-    var matches = filterOptions(orderedOptions, filter[0]);
-    return options.indexOf(matches[0]);
-  }
-
-  // Если нет совпадений, возвращаем -1
-
-  return -1;
-};