@salutejs/plasma-new-hope 0.78.0-canary.1201.8969250152.0 → 0.78.0-canary.1203.8970261959.0

package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx

@@ -1,292 +0,0 @@
-import React from 'react';
-import type { ComponentProps } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
-
-import { WithTheme } from '../../../_helpers';
-import { Button } from '../Button/Button';
-import type { DropdownPlacement, DropdownTrigger } from '../../../../components/Dropdown/Dropdown.types';
-
-import { Dropdown } from './Dropdown';
-
-type StoryDropdownProps = ComponentProps<typeof Dropdown>;
-
-const placements: Array<DropdownPlacement> = ['top', 'bottom', 'right', 'left', 'auto'];
-const triggers: Array<DropdownTrigger> = ['click', 'hover'];
-const size = ['xs', 's', 'm', 'l'];
-const variant = ['normal', 'tight'];
-
-const meta: Meta<StoryDropdownProps> = {
-    title: 'plasma_b2c/Dropdown',
-    decorators: [WithTheme],
-    component: Dropdown,
-    argTypes: {
-        placement: {
-            options: placements,
-            control: {
-                type: 'select',
-            },
-        },
-        trigger: {
-            options: triggers,
-            control: {
-                type: 'select',
-            },
-        },
-        size: {
-            options: size,
-            control: {
-                type: 'select',
-            },
-        },
-        variant: {
-            options: variant,
-            control: {
-                type: 'select',
-            },
-        },
-    },
-    args: {
-        trigger: 'click',
-        offset: [0, 0],
-        listWidth: 'auto',
-        hasArrow: true,
-        closeOnOverlayClick: true,
-        closeOnSelect: true,
-        size: 'm',
-        variant: 'normal',
-    },
-};
-
-export default meta;
-
-const items = [
-    {
-        value: 'north_america',
-        label: 'Северная Америка',
-    },
-    {
-        value: 'south_america',
-        label: 'Южная Америка',
-        items: [
-            {
-                value: 'brazil',
-                label: 'Бразилия',
-                items: [
-                    {
-                        value: 'rio_de_janeiro',
-                        label: 'Рио-де-Жанейро',
-                    },
-                    {
-                        value: 'sao_paulo',
-                        label: 'Сан-Паулу',
-                    },
-                ],
-            },
-            {
-                value: 'argentina',
-                label: 'Аргентина',
-                items: [
-                    {
-                        value: 'buenos_aires',
-                        label: 'Буэнос-Айрес',
-                    },
-                    {
-                        value: 'cordoba',
-                        label: 'Кордова',
-                    },
-                ],
-            },
-            {
-                value: 'colombia',
-                label: 'Колумбия',
-                items: [
-                    {
-                        value: 'bogota',
-                        label: 'Богота',
-                    },
-                    {
-                        value: 'medellin',
-                        label: 'Медельин',
-                    },
-                ],
-            },
-        ],
-    },
-    {
-        value: 'europe',
-        label: 'Европа',
-        items: [
-            {
-                value: 'france',
-                label: 'Франция',
-                items: [
-                    {
-                        value: 'paris',
-                        label: 'Париж',
-                    },
-                    {
-                        value: 'lyon',
-                        label: 'Лион',
-                    },
-                ],
-            },
-            {
-                value: 'germany',
-                label: 'Германия',
-                items: [
-                    {
-                        value: 'berlin',
-                        label: 'Берлин',
-                    },
-                    {
-                        value: 'munich',
-                        label: 'Мюнхен',
-                    },
-                ],
-            },
-            {
-                value: 'italy',
-                label: 'Италия',
-                items: [
-                    {
-                        value: 'rome',
-                        label: 'Рим',
-                    },
-                    {
-                        value: 'milan',
-                        label: 'Милан',
-                    },
-                ],
-            },
-            {
-                value: 'spain',
-                label: 'Испания',
-                items: [
-                    {
-                        value: 'madrid',
-                        label: 'Мадрид',
-                    },
-                    {
-                        value: 'barcelona',
-                        label: 'Барселона',
-                    },
-                ],
-            },
-            {
-                value: 'united_kingdom',
-                label: 'Великобритания',
-                items: [
-                    {
-                        value: 'london',
-                        label: 'Лондон',
-                    },
-                    {
-                        value: 'manchester',
-                        label: 'Манчестер',
-                    },
-                ],
-            },
-        ],
-    },
-    {
-        value: 'asia',
-        label: 'Азия',
-        items: [
-            {
-                value: 'china',
-                label: 'Китай',
-                items: [
-                    {
-                        value: 'beijing',
-                        label: 'Пекин',
-                    },
-                    {
-                        value: 'shanghai',
-                        label: 'Шанхай',
-                    },
-                ],
-            },
-            {
-                value: 'japan',
-                label: 'Япония',
-                items: [
-                    {
-                        value: 'tokyo',
-                        label: 'Токио',
-                    },
-                    {
-                        value: 'osaka',
-                        label: 'Осака',
-                    },
-                ],
-            },
-            {
-                value: 'india',
-                label: 'Индия',
-                items: [
-                    {
-                        value: 'delhi',
-                        label: 'Дели',
-                    },
-                    {
-                        value: 'mumbai',
-                        label: 'Мумбаи',
-                    },
-                ],
-            },
-            {
-                value: 'south_korea',
-                label: 'Южная Корея',
-                items: [
-                    {
-                        value: 'seoul',
-                        label: 'Сеул',
-                    },
-                    {
-                        value: 'busan',
-                        label: 'Пусан',
-                    },
-                ],
-            },
-            {
-                value: 'thailand',
-                label: 'Таиланд',
-                items: [
-                    {
-                        value: 'bangkok',
-                        label: 'Бангкок',
-                    },
-                    {
-                        value: 'phuket',
-                        label: 'Пхукет',
-                    },
-                ],
-            },
-        ],
-    },
-    {
-        value: 'africa',
-        label: 'Африка',
-        disabled: true,
-    },
-];
-
-const StoryNormal = (args: StoryDropdownProps) => {
-    return (
-        <Dropdown
-            {...args}
-            items={items}
-            onToggle={action('onToggle')}
-            onHover={action('onHover')}
-            onItemSelect={action('onItemSelect')}
-            onItemClick={action('onItemClick')}
-        >
-            <Button text="Список стран" />
-        </Dropdown>
-    );
-};
-
-export const Default: StoryObj<StoryDropdownProps> = {
-    render: (args) => <StoryNormal {...args} />,
-};

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

@@ -1,15 +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); }
-import React, { cloneElement, isValidElement } from 'react';
-var isReactObject = function isReactObject(element) {
-  return _typeof(element) === 'object' || typeof element === 'function';
-};
-export var getValidComponent = function getValidComponent(element, props) {
-  if ( /*#__PURE__*/isValidElement(element)) {
-    return /*#__PURE__*/cloneElement(element, props);
-  }
-  if (isReactObject(element)) {
-    var Component = element;
-    return /*#__PURE__*/React.createElement(Component, props);
-  }
-  return element;
-};

package/styled-components/es/components/Dropdown/hooks/useHashMaps.js

@@ -1,26 +0,0 @@
-import { useMemo } from 'react';
-// Данный хук рекурсивно проходится по дереву items и создаем 2 мапы: мапу путей и мапу фокусов.
-// Нужно для получения информации всей об item, зная только путь до нее.
-
-export var useHashMaps = function useHashMaps(items) {
-  return useMemo(function () {
-    var pathMap = new Map();
-    var focusedToValueMap = new Map();
-    pathMap.set('root', items.length);
-    var rec = function rec(items) {
-      var prevIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-      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];
-  }, [items]);
-};

package/styled-components/es/components/Dropdown/hooks/useKeyboardNavigation.js

@@ -1,215 +0,0 @@
-var JUMP_SIZE = 10;
-export var keys = {
-  Enter: 'Enter',
-  Space: 'Space',
-  Tab: 'Tab',
-  Escape: 'Escape',
-  ArrowLeft: 'ArrowLeft',
-  ArrowRight: 'ArrowRight',
-  ArrowUp: 'ArrowUp',
-  ArrowDown: 'ArrowDown',
-  Home: 'Home',
-  End: 'End',
-  PageUp: 'PageUp',
-  PageDown: 'PageDown'
-};
-var getFurtherPath = function getFurtherPath(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,
-    handleGlobalToggle = _ref.handleGlobalToggle,
-    closeOnSelect = _ref.closeOnSelect,
-    onItemSelect = _ref.onItemSelect,
-    onItemClick = _ref.onItemClick;
-  var currentLength = pathMap.get(path === null || path === void 0 ? void 0 : path[path.length - 1]) || 0;
-  var currentIndex = (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[focusedPath.length - 1]) || 0;
-  var onKeyDown = function onKeyDown(event) {
-    var code = event.code;
-    if (code === keys.ArrowUp) {
-      if (focusedPath.length) {
-        if (currentIndex <= 0) {
-          return;
-        }
-        dispatchFocusedPath({
-          type: 'change_last_focus',
-          value: currentIndex - 1
-        });
-      } else {
-        dispatchPath({
-          type: 'opened_first_level'
-        });
-        dispatchFocusedPath({
-          type: 'set_initial_focus'
-        });
-        handleGlobalToggle(true, event);
-      }
-    }
-    if (code === keys.ArrowDown) {
-      if (focusedPath.length) {
-        if (currentIndex + 1 >= currentLength) {
-          return;
-        }
-        dispatchFocusedPath({
-          type: 'change_last_focus',
-          value: currentIndex + 1
-        });
-      } else {
-        dispatchPath({
-          type: 'opened_first_level'
-        });
-        dispatchFocusedPath({
-          type: 'set_initial_focus'
-        });
-        handleGlobalToggle(true, event);
-      }
-    }
-    if (code === keys.ArrowLeft) {
-      if (focusedPath.length) {
-        dispatchPath({
-          type: 'removed_last_level'
-        });
-        dispatchFocusedPath({
-          type: 'return_prev_focus'
-        });
-      }
-      if (focusedPath.length === 1) {
-        handleGlobalToggle(false, event);
-      }
-    }
-    if (code === keys.ArrowRight) {
-      if (focusedPath.length) {
-        var currentItem = getFurtherPath(focusedPath, focusedToValueMap);
-        if (currentItem !== null && currentItem !== void 0 && currentItem.items) {
-          dispatchPath({
-            type: 'added_next_level',
-            value: currentItem.value.toString()
-          });
-          dispatchFocusedPath({
-            type: 'add_focus',
-            value: 0
-          });
-        }
-      }
-    }
-    if (code === keys.Enter || code === keys.Space) {
-      event.preventDefault();
-      if (path[0]) {
-        var _currentItem = getFurtherPath(focusedPath, focusedToValueMap);
-        if (_currentItem !== null && _currentItem !== void 0 && _currentItem.disabled || _currentItem !== null && _currentItem !== void 0 && _currentItem.isDisabled) {
-          return;
-        }
-        if (_currentItem !== null && _currentItem !== void 0 && _currentItem.items) {
-          dispatchPath({
-            type: 'added_next_level',
-            value: _currentItem.value.toString()
-          });
-          dispatchFocusedPath({
-            type: 'add_focus',
-            value: 0
-          });
-        } else {
-          if (closeOnSelect) {
-            handleGlobalToggle(false, event);
-          }
-          if (onItemSelect && _currentItem) {
-            onItemSelect(_currentItem, event);
-          }
-          if (onItemClick && _currentItem) {
-            onItemClick(_currentItem, event);
-          }
-        }
-      } else {
-        dispatchPath({
-          type: 'opened_first_level'
-        });
-        dispatchFocusedPath({
-          type: 'set_initial_focus'
-        });
-      }
-    }
-    if (code === keys.Tab || code === keys.Escape) {
-      dispatchFocusedPath({
-        type: 'reset'
-      });
-      dispatchPath({
-        type: 'reset'
-      });
-      handleGlobalToggle(false, event);
-    }
-    if (code === keys.Home) {
-      if (path[0]) {
-        dispatchFocusedPath({
-          type: 'change_last_focus',
-          value: 0
-        });
-      } else {
-        dispatchPath({
-          type: 'opened_first_level'
-        });
-        dispatchFocusedPath({
-          type: 'set_initial_focus'
-        });
-        handleGlobalToggle(true, event);
-      }
-    }
-    if (code === keys.End) {
-      if (path[0]) {
-        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
-        });
-        handleGlobalToggle(true, event);
-      }
-    }
-    if (code === keys.PageUp) {
-      if (path[0]) {
-        if (currentIndex <= JUMP_SIZE) {
-          dispatchFocusedPath({
-            type: 'change_last_focus',
-            value: 0
-          });
-        } else {
-          dispatchFocusedPath({
-            type: 'change_last_focus',
-            value: currentIndex - JUMP_SIZE
-          });
-        }
-      }
-    }
-    if (code === keys.PageDown) {
-      if (path[0]) {
-        if (currentLength - currentIndex <= JUMP_SIZE) {
-          dispatchFocusedPath({
-            type: 'change_last_focus',
-            value: currentLength - 1
-          });
-        } else {
-          dispatchFocusedPath({
-            type: 'change_last_focus',
-            value: currentIndex + JUMP_SIZE
-          });
-        }
-      }
-    }
-  };
-  return {
-    onKeyDown: onKeyDown
-  };
-};

package/styled-components/es/components/Dropdown/reducers/focusedPathReducer.js

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

package/styled-components/es/components/Dropdown/reducers/pathReducer.js

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