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

package/components/Dropdown/keyboardNavigation/useKeyboardNavigation.js

@@ -1,58 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useKeyboardNavigation = exports.INITIAL_INDEX = void 0;
-var _react = /*#__PURE__*/require("react");
-var _utils = /*#__PURE__*/require("./utils");
-var _useOnComboType = /*#__PURE__*/require("./useOnComboType");
-var INITIAL_INDEX = exports.INITIAL_INDEX = 0;
-
-/**
- * Клавиатурная навигация для dropdown.
- * Работает для каждого instance dropdown, (popup) отдельно.
- */
-var useKeyboardNavigation = exports.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 = (0, _useOnComboType.useOnComboType)({
-    index: index,
-    items: items
-  });
-  var onKeyDown = (0, _react.useCallback)(function (event) {
-    if (!items.length) {
-      return;
-    }
-    var action = (0, _utils.getActionFromKey)(event, isOpen);
-    if (action === _utils.Actions.Last || action === _utils.Actions.First || action === _utils.Actions.Next || action === _utils.Actions.Previous || action === _utils.Actions.PageUp || action === _utils.Actions.PageDown) {
-      event.preventDefault();
-      onIndexChange === null || onIndexChange === void 0 || onIndexChange((0, _utils.getUpdatedIndex)(action, index, items));
-    } else if (action === _utils.Actions.Select) {
-      event.stopPropagation();
-      event.preventDefault();
-      onItemSelect === null || onItemSelect === void 0 || onItemSelect(items[index], event);
-    } else if (action === _utils.Actions.Open) {
-      event.preventDefault();
-      onToggle === null || onToggle === void 0 || onToggle(true, event);
-    } else if (action === _utils.Actions.Close) {
-      event.preventDefault();
-      onToggle === null || onToggle === void 0 || onToggle(false, event);
-    } else if (action === _utils.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/components/Dropdown/keyboardNavigation/useOnComboType.d.ts

@@ -1,6 +0,0 @@
-import { DropdownItem } from '../Dropdown.types';
-export declare const useOnComboType: ({ items, index }: {
-    items: DropdownItem[];
-    index: number;
-}) => (letter: string) => number | undefined;
-//# sourceMappingURL=useOnComboType.d.ts.map

package/components/Dropdown/keyboardNavigation/useOnComboType.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOnComboType.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/keyboardNavigation/useOnComboType.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKjD,eAAO,MAAM,cAAc,qBAAsB;IAAE,KAAK,EAAE,YAAY,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,cAIxE,MAAM,uBAoBtB,CAAC"}

package/components/Dropdown/keyboardNavigation/useOnComboType.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useOnComboType = void 0;
-var _react = /*#__PURE__*/require("react");
-var _utils = /*#__PURE__*/require("./utils");
-var _useSearchString2 = /*#__PURE__*/require("./useSearchString");
-var useOnComboType = exports.useOnComboType = function useOnComboType(_ref) {
-  var items = _ref.items,
-    index = _ref.index;
-  var _useSearchString = (0, _useSearchString2.useSearchString)(),
-    getSearchString = _useSearchString.getSearchString,
-    resetSearchString = _useSearchString.resetSearchString;
-  return (0, _react.useCallback)(function (letter) {
-    // Находим индекс первого подходящего item
-    var updatedSearchString = getSearchString(letter);
-    var searchIndex = (0, _utils.getIndexByLetter)(items.map(function (item) {
-      return item.label;
-    }), updatedSearchString, index + 1);
-
-    // Если есть подходящая опция - переходим к ней
-    if (searchIndex >= 0) {
-      return searchIndex;
-    }
-    resetSearchString();
-    return undefined;
-  }, [items, index, getSearchString, resetSearchString]);
-};

package/components/Dropdown/keyboardNavigation/useSearchString.d.ts

@@ -1,5 +0,0 @@
-export declare const useSearchString: () => {
-    getSearchString: (char: string) => string;
-    resetSearchString: () => void;
-};
-//# sourceMappingURL=useSearchString.d.ts.map

package/components/Dropdown/keyboardNavigation/useSearchString.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSearchString.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/keyboardNavigation/useSearchString.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;4BAMb,MAAM;;CA6BpB,CAAC"}

package/components/Dropdown/keyboardNavigation/useSearchString.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSearchString = void 0;
-var _react = /*#__PURE__*/require("react");
-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; }
-var useSearchString = exports.useSearchString = function useSearchString() {
-  var _useState = (0, _react.useState)(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchString = _useState2[0],
-    setSearchString = _useState2[1];
-  var searchTimeout = (0, _react.useRef)(null);
-  var getSearchString = (0, _react.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 = (0, _react.useCallback)(function () {
-    if (searchTimeout.current) {
-      window.clearTimeout(searchTimeout.current);
-    }
-    setSearchString('');
-  }, []);
-  return {
-    getSearchString: getSearchString,
-    resetSearchString: resetSearchString
-  };
-};

package/components/Dropdown/keyboardNavigation/utils.d.ts

@@ -1,39 +0,0 @@
-import type { DropdownNode } from '../Dropdown.types';
-export declare enum Actions {
-    Close = 0,
-    CloseSelect = 1,
-    First = 2,
-    Last = 3,
-    Next = 4,
-    Open = 5,
-    PageDown = 6,
-    PageUp = 7,
-    Previous = 8,
-    Select = 9,
-    Type = 10,
-    OpenSub = 11,
-    CloseSub = 12
-}
-export declare enum Keys {
-    Home = "Home",
-    ArrowUp = "ArrowUp",
-    ArrowDown = "ArrowDown",
-    ArrowLeft = "ArrowLeft",
-    ArrowRight = "ArrowRight",
-    Enter = "Enter",
-    Space = " ",
-    End = "End",
-    Backspace = "Backspace",
-    Clear = "Clear",
-    PageUp = "PageUp",
-    PageDown = "PageDown",
-    Escape = "Escape"
-}
-/**
- * Возвращает экшн в соответствии с нажатой клавишей.
- */
-export declare const getActionFromKey: (event: React.KeyboardEvent, isOpen?: boolean) => Actions | null;
-export declare const getUpdatedIndex: (action: Actions, index: number, items: DropdownNode[]) => number;
-export declare const filterOptions: (options: string[] | undefined, filter: string, exclude?: string[]) => string[];
-export declare const getIndexByLetter: (options: string[], filter: string, startIndex?: number) => number;
-//# sourceMappingURL=utils.d.ts.map

package/components/Dropdown/keyboardNavigation/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/keyboardNavigation/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,oBAAY,OAAO;IACf,KAAK,IAAA;IACL,WAAW,IAAA;IACX,KAAK,IAAA;IACL,IAAI,IAAA;IACJ,IAAI,IAAA;IACJ,IAAI,IAAA;IACJ,QAAQ,IAAA;IACR,MAAM,IAAA;IACN,QAAQ,IAAA;IACR,MAAM,IAAA;IACN,IAAI,KAAA;IACJ,OAAO,KAAA;IACP,QAAQ,KAAA;CACX;AAED,oBAAY,IAAI;IACZ,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,KAAK,UAAU;IACf,KAAK,MAAM;IACX,GAAG,QAAQ;IACX,SAAS,cAAc;IACvB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,MAAM,WAAW;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,UAAW,KAAK,CAAC,aAAa,WAAW,OAAO,mBA4D5E,CAAC;AAEF,eAAO,MAAM,eAAe,WAAY,OAAO,SAAS,MAAM,SAAS,YAAY,EAAE,WA6BpF,CAAC;AAIF,eAAO,MAAM,aAAa,YAAa,MAAM,EAAE,sBAAe,MAAM,YAAW,MAAM,EAAE,aAMtF,CAAC;AAIF,eAAO,MAAM,gBAAgB,YAAa,MAAM,EAAE,UAAU,MAAM,gCAmBjE,CAAC"}

package/components/Dropdown/keyboardNavigation/utils.js

@@ -1,175 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getUpdatedIndex = exports.getIndexByLetter = exports.getActionFromKey = exports.filterOptions = exports.Keys = exports.Actions = void 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; }
-var Actions = exports.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;
-}({});
-var Keys = exports.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;
-}({});
-/**
- * Возвращает экшн в соответствии с нажатой клавишей.
- */
-var getActionFromKey = exports.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;
-};
-var getUpdatedIndex = exports.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, независимо от регистра
-var filterOptions = exports.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"), то ищем только по одной букве
-var getIndexByLetter = exports.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;
-};

package/components/Dropdown/withAssistiveDropdown.d.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import type { ComponentType, ForwardRefExoticComponent } from 'react';
-import { DropdownUncontrolledProps } from './DropdownUncontrolled';
-export interface WithAssistiveDropdownProps extends Pick<DropdownUncontrolledProps, 'id' | 'items' | 'placement' | 'trigger' | 'disabled' | 'onToggle' | 'onItemSelect'> {
-    /**
-     * WAI-ARIA role меню в выпадающем списке.
-     */
-    menuRole?: string;
-    /**
-     * WAI-ARIA role элемента меню в выпадающем списке.
-     */
-    menuItemRole?: string;
-    /**
-     * Закрыть выпадающий список после выбора.
-     */
-    closeOnSelect?: boolean;
-    /**
-     * Обработчик изменения активного индекса элемента,
-     * на который встали клавиатурной навигацией и который нужно подсветить.
-     */
-    onIndexChange?: (index: number) => void;
-}
-/**
- * Декорирует переданный компонент, выводя доступный dropdown.
- */
-export declare const withAssistiveDropdown: <P extends object>(Component: ComponentType<P> | ForwardRefExoticComponent<P>, Dropdown?: ComponentType<DropdownUncontrolledProps>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<P & WithAssistiveDropdownProps> & React.RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=withAssistiveDropdown.d.ts.map

package/components/Dropdown/withAssistiveDropdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"withAssistiveDropdown.d.ts","sourceRoot":"","sources":["../../src/components/Dropdown/withAssistiveDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAC7F,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAwB,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAKzF,MAAM,WAAW,0BACb,SAAQ,IAAI,CACR,yBAAyB,EACzB,IAAI,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,cAAc,CACtF;IACD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAI,CAAC,SAAS,MAAM,aACvC,aAAa,CAAC,CAAC,CAAC,GAAG,yBAAyB,CAAC,CAAC,CAAC,aAChD,aAAa,CAAC,yBAAyB,CAAC,oIA8HjD,CAAC"}

package/components/Dropdown/withAssistiveDropdown.js

@@ -1,134 +0,0 @@
-"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.withAssistiveDropdown = void 0;
-var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
-var _DropdownUncontrolled = /*#__PURE__*/require("./DropdownUncontrolled");
-var _keyboardNavigation = /*#__PURE__*/require("./keyboardNavigation");
-var _collectPackageInfo = /*#__PURE__*/require("../../collectPackageInfo");
-var _excluded = ["id", "items", "placement", "trigger", "disabled", "menuRole", "menuItemRole", "closeOnSelect", "onToggle", "onItemSelect", "onIndexChange"];
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, 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); }
-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 _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; }
-(0, _collectPackageInfo.collectPackageInfo)('Dropdown/withAssistiveDropdown');
-/**
- * Декорирует переданный компонент, выводя доступный dropdown.
- */
-var withAssistiveDropdown = exports.withAssistiveDropdown = function withAssistiveDropdown(Component) {
-  var Dropdown = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _DropdownUncontrolled.DropdownUncontrolled;
-  return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-    var id = _ref.id,
-      items = _ref.items,
-      placement = _ref.placement,
-      trigger = _ref.trigger,
-      disabled = _ref.disabled,
-      menuRole = _ref.menuRole,
-      menuItemRole = _ref.menuItemRole,
-      _ref$closeOnSelect = _ref.closeOnSelect,
-      closeOnSelect = _ref$closeOnSelect === void 0 ? true : _ref$closeOnSelect,
-      onToggleExternal = _ref.onToggle,
-      onItemSelectExternal = _ref.onItemSelect,
-      onIndexChangeExternal = _ref.onIndexChange,
-      rest = _objectWithoutProperties(_ref, _excluded);
-    var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-    var _useState3 = (0, _react.useState)(_keyboardNavigation.INITIAL_INDEX),
-      _useState4 = _slicedToArray(_useState3, 2),
-      index = _useState4[0],
-      setIndex = _useState4[1];
-    var openingMethod = (0, _react.useRef)(null);
-    var activeIndex = (0, _react.useMemo)(function () {
-      return items.findIndex(function (item) {
-        return item.isActive;
-      });
-    }, [items]);
-    var onToggle = (0, _react.useCallback)(function (newIsOpen, event) {
-      if (newIsOpen) {
-        openingMethod.current = event.type;
-      }
-      setIsOpen(newIsOpen);
-      onToggleExternal === null || onToggleExternal === void 0 || onToggleExternal(newIsOpen, event);
-    }, [onToggleExternal]);
-    var onItemSelect = (0, _react.useCallback)(function (item, event) {
-      if (item.isDisabled) {
-        return;
-      }
-      if (closeOnSelect) {
-        onToggle === null || onToggle === void 0 || onToggle(false, event);
-      }
-      onItemSelectExternal === null || onItemSelectExternal === void 0 || onItemSelectExternal(item, event);
-    }, [onToggle, onItemSelectExternal, closeOnSelect]);
-    var onIndexChange = (0, _react.useCallback)(function (i) {
-      setIndex(i);
-      onIndexChangeExternal === null || onIndexChangeExternal === void 0 || onIndexChangeExternal(i);
-    }, [onIndexChangeExternal]);
-    var onBlur = (0, _react.useCallback)(function () {
-      if (openingMethod.current === 'keydown') {
-        setIsOpen(false);
-        setIndex(_keyboardNavigation.INITIAL_INDEX);
-      }
-    }, []);
-    var onHover = (0, _react.useCallback)(function (newIndex) {
-      setIndex(newIndex);
-    }, []);
-    var onMouseLeave = (0, _react.useCallback)(function () {
-      setIndex(-1);
-    }, []);
-    var _useKeyboardNavigatio = (0, _keyboardNavigation.useKeyboardNavigation)({
-        items: items,
-        isOpen: isOpen,
-        index: index,
-        onToggle: onToggle,
-        onItemSelect: onItemSelect,
-        onIndexChange: onIndexChange
-      }),
-      onKeyDown = _useKeyboardNavigatio.onKeyDown;
-    (0, _react.useEffect)(function () {
-      setIndex(activeIndex);
-    }, [activeIndex]);
-    (0, _react.useEffect)(function () {
-      if (!isOpen) {
-        onIndexChange === null || onIndexChange === void 0 || onIndexChange(activeIndex === -1 ? _keyboardNavigation.INITIAL_INDEX : activeIndex);
-      }
-    }, [isOpen, onIndexChange, activeIndex]);
-    return /*#__PURE__*/_react["default"].createElement(Dropdown, {
-      id: id,
-      role: menuRole,
-      itemRole: menuItemRole,
-      "aria-labelledby": id ? "".concat(id, "-disclosure") : undefined,
-      opened: isOpen,
-      items: items,
-      placement: placement,
-      trigger: trigger,
-      disabled: disabled,
-      hoverIndex: index,
-      onBlur: onBlur,
-      onKeyDown: onKeyDown,
-      onToggle: onToggle,
-      onItemSelect: onItemSelect,
-      onHover: onHover,
-      onMouseLeave: onMouseLeave
-    }, /*#__PURE__*/_react["default"].createElement(Component, _extends({}, rest, {
-      ref: ref,
-      id: id ? "".concat(id, "-disclosure") : undefined,
-      opened: isOpen,
-      disabled: disabled,
-      "aria-activedescendant": id && index >= 0 ? "".concat(id, "-item-").concat(index) : undefined,
-      "aria-controls": id,
-      "aria-expanded": isOpen,
-      "aria-haspopup": menuRole
-    })));
-  });
-};

package/components/Editable/Editable.component-test.js

@@ -1,114 +0,0 @@
-"use strict";
-
-var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
-var _plasmaCyUtils = /*#__PURE__*/require("@salutejs/plasma-cy-utils");
-var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
-var _plasmaIcons = /*#__PURE__*/require("@salutejs/plasma-icons");
-var _IconEdit, _IconEdit2;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var paste = function paste(selector, text) {
-  // https://github.com/cypress-io/cypress/issues/2386#issuecomment-613374266
-  cy.get(selector).first().then(function ($destination) {
-    // https://developer.mozilla.org/en-US/docs/Web/API/Element/paste_event
-    var pasteEvent = Object.assign(new Event('paste', {
-      bubbles: true,
-      cancelable: true
-    }), {
-      clipboardData: {
-        getData: function getData() {
-          return text;
-        }
-      }
-    });
-    $destination[0].dispatchEvent(pasteEvent);
-  });
-};
-var noop = function noop() {};
-describe('plasma-hope: Editable', function () {
-  var _CypressTestDecorator, _CypressTestDecorator2, _CypressTestDecorator3, _CypressTestDecorator4, _CypressTestDecorator5;
-  var Editable = (0, _plasmaCyUtils.getComponent)('Editable');
-  it('simple', function () {
-    (0, _plasmaCyUtils.mount)(_CypressTestDecorator || (_CypressTestDecorator = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.CypressTestDecorator, null, /*#__PURE__*/_react["default"].createElement(Editable, {
-      value: "\u041F\u0440\u0438\u043C\u0435\u0440 \u0442\u0435\u043A\u0441\u0442\u0430",
-      textComponent: _plasmaCore.Headline1
-    }))));
-    cy.matchImageSnapshot();
-  });
-  it('empty', function () {
-    (0, _plasmaCyUtils.mount)(_CypressTestDecorator2 || (_CypressTestDecorator2 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.CypressTestDecorator, null, /*#__PURE__*/_react["default"].createElement(Editable, {
-      textComponent: _plasmaCore.Headline1,
-      icon: _IconEdit || (_IconEdit = /*#__PURE__*/_react["default"].createElement(_plasmaIcons.IconEdit, {
-        size: "s",
-        color: "inherit"
-      }))
-    }))));
-    cy.matchImageSnapshot();
-  });
-  it('onChange', function () {
-    (0, _plasmaCyUtils.mount)(_CypressTestDecorator3 || (_CypressTestDecorator3 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.CypressTestDecorator, null, /*#__PURE__*/_react["default"].createElement(Editable, {
-      value: "onChange",
-      onChange: noop,
-      maxLength: 5,
-      textComponent: _plasmaCore.Headline1
-    }))));
-    cy.get('span > div').first().type('Hello');
-    cy.get('span > div').first().type('Hello world');
-    cy.matchImageSnapshot();
-  });
-  it('onBlur and onFocus', function () {
-    (0, _plasmaCyUtils.mount)(_CypressTestDecorator4 || (_CypressTestDecorator4 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.CypressTestDecorator, null, /*#__PURE__*/_react["default"].createElement(Editable, {
-      value: "onBlur and onFocus",
-      onBlur: noop,
-      icon: _IconEdit2 || (_IconEdit2 = /*#__PURE__*/_react["default"].createElement(_plasmaIcons.IconEdit, {
-        size: "s",
-        color: "inherit"
-      })),
-      textComponent: _plasmaCore.Headline1
-    }))));
-    cy.get('span > span').click();
-    cy.get('span > div').first().blur();
-
-    // для случаев, если не поддерживаются современные интерфейсы window
-    cy.window().then(function (win) {
-      // NOTE: https://github.com/salute-developers/plasma/issues/384
-      // callsFake не работает с данным методом
-      // cy.stub(win, 'getSelection', undefined);
-
-      // для браузеров IE < 9 при использовании компонента
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      win.document.selection = {
-        empty: noop
-      };
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      win.document.body.createTextRange = function () {
-        return {
-          moveToElementText: noop,
-          select: noop
-        };
-      };
-    });
-    cy.get('span > div').first().focus();
-    cy.get('span > div').first().trigger('keydown', {
-      keyCode: 13
-    });
-    cy.matchImageSnapshot();
-  });
-  it('onPaste', function () {
-    (0, _plasmaCyUtils.mount)(_CypressTestDecorator5 || (_CypressTestDecorator5 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.CypressTestDecorator, null, /*#__PURE__*/_react["default"].createElement(Editable, {
-      value: "onPaste",
-      onPaste: noop,
-      textComponent: _plasmaCore.Headline1
-    }))));
-    paste('span > div', 'Hello from paste');
-
-    // для случаев, если не поддерживаются современные интерфейсы window
-    cy.window().then(function (win) {
-      cy.stub(win.document, 'queryCommandSupported').callsFake(function () {
-        return false;
-      });
-      cy.stub(navigator.clipboard, 'writeText').callsFake(undefined);
-      paste('span > div', 'Hello from paste');
-    });
-    cy.matchImageSnapshot();
-  });
-});