@megafon/ui-core 8.17.1 → 8.17.3

package/dist/es/hooks/useSwipe.d.ts

@@ -0,0 +1,13 @@
+export declare enum TransitionSteps {
+    INITIAL_STEP = "initial-step",
+    MOVE_STEP = "move-step",
+    MOVE_END_STEP = "move-end-step"
+}
+type UseSwipeReturnType = {
+    /** Значение для css-свойства transform управляемого элемента */
+    transform: string;
+    /** Текущий этап смахивания элемента */
+    transitionStep: TransitionSteps;
+};
+declare function useSwipe(element: HTMLElement | null): UseSwipeReturnType;
+export default useSwipe;

package/dist/es/hooks/useSwipe.js

@@ -0,0 +1,127 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/es.number.constructor.js";
+import "core-js/modules/es.number.is-nan.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.match.js";
+import * as React from 'react';
+import useResolution from "./useResolution";
+export var TransitionSteps;
+(function (TransitionSteps) {
+  TransitionSteps["INITIAL_STEP"] = "initial-step";
+  TransitionSteps["MOVE_STEP"] = "move-step";
+  TransitionSteps["MOVE_END_STEP"] = "move-end-step";
+})(TransitionSteps || (TransitionSteps = {}));
+// Смахивание элемента влево или вправо на мобильном устройстве.
+// Элемент закрывается на событии 'touchend', если он был смещен пользователем больше, чем на половину ширины окна.
+function useSwipe(element) {
+  var _useResolution = useResolution(),
+    isMobile = _useResolution.isMobile;
+  var _React$useState = React.useState(null),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    initialTouchPositionX = _React$useState2[0],
+    setInitialTouchPositionX = _React$useState2[1];
+  var _React$useState3 = React.useState(null),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    initialTouchPositionY = _React$useState4[0],
+    setInitialTouchPositionY = _React$useState4[1];
+  var _React$useState5 = React.useState(TransitionSteps.INITIAL_STEP),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    transitionStep = _React$useState6[0],
+    setTransitionStep = _React$useState6[1];
+  var _React$useState7 = React.useState(''),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    transform = _React$useState8[0],
+    setTransform = _React$useState8[1];
+  var animationFrameId = React.useRef(0);
+  var currentElement = element;
+  var isTransitionMoveStep = transitionStep === TransitionSteps.MOVE_STEP;
+  var currentTransform = currentElement ? getComputedStyle(currentElement).transform : '';
+  var handleWindowTouchMove = React.useCallback(function (e) {
+    if (animationFrameId) {
+      window.cancelAnimationFrame(animationFrameId.current);
+    }
+    animationFrameId.current = window.requestAnimationFrame(function () {
+      var _a;
+      if (!initialTouchPositionY) {
+        setInitialTouchPositionY(e.touches[0].clientY);
+        return;
+      }
+      if (!initialTouchPositionX) {
+        setInitialTouchPositionX(e.touches[0].clientX);
+        return;
+      }
+      var positionsDiffX = initialTouchPositionX - e.touches[0].clientX;
+      var positionsDiffY = initialTouchPositionY - e.touches[0].clientY;
+      if (Math.abs(positionsDiffY) > Math.abs(positionsDiffX)) {
+        return;
+      }
+      setTransitionStep(TransitionSteps.MOVE_STEP);
+      if (!currentElement) {
+        return;
+      }
+      var positionsDiff = initialTouchPositionX - e.touches[0].clientX;
+      var values = !!currentTransform && currentTransform !== 'none' ? (_a = currentTransform.match(/\(((?:[0-9][,\s]*)+)\)/)) === null || _a === void 0 ? void 0 : _a[0].split(', ') : undefined;
+      var currentTranslateX = !values || Number.isNaN(Number(values === null || values === void 0 ? void 0 : values[4])) ? 0 : Number(values === null || values === void 0 ? void 0 : values[4]);
+      positionsDiff !== 0 && setTransform("translateX(".concat(currentTranslateX - positionsDiff, "px)"));
+      animationFrameId.current = 0;
+    });
+  }, [initialTouchPositionX, initialTouchPositionY, currentElement, currentTransform]);
+  var handleWindowTouchEnd = React.useCallback(function (e) {
+    var _a, _b;
+    if (!currentElement || !isTransitionMoveStep || !initialTouchPositionX || !initialTouchPositionY) {
+      return;
+    }
+    window.cancelAnimationFrame(animationFrameId.current);
+    var touchPositionY = (_a = e.changedTouches[0]) === null || _a === void 0 ? void 0 : _a.clientY;
+    var touchPositionX = (_b = e.changedTouches[0]) === null || _b === void 0 ? void 0 : _b.clientX;
+    if (Math.abs(touchPositionY - initialTouchPositionY) > Math.abs(touchPositionX - initialTouchPositionX)) {
+      setInitialTouchPositionX(null);
+      setInitialTouchPositionY(null);
+      return;
+    }
+    var windowCenterPosition = window.innerWidth / 2;
+    var isRightSwipe = touchPositionX > initialTouchPositionX;
+    var isLeftSwipe = touchPositionX < initialTouchPositionX;
+    var isMoreHalfSwiped = Math.abs(initialTouchPositionX - touchPositionX) > windowCenterPosition;
+    setInitialTouchPositionX(null);
+    switch (true) {
+      case isMoreHalfSwiped && isRightSwipe:
+        {
+          setTransform('translateX(110%)');
+          setTransitionStep(TransitionSteps.MOVE_END_STEP);
+          break;
+        }
+      case isMoreHalfSwiped && isLeftSwipe:
+        {
+          setTransform('translateX(-110%)');
+          setTransitionStep(TransitionSteps.MOVE_END_STEP);
+          break;
+        }
+      default:
+        {
+          setTransform('none');
+          setTransitionStep(TransitionSteps.INITIAL_STEP);
+        }
+    }
+  }, [currentElement, isTransitionMoveStep, initialTouchPositionX, initialTouchPositionY]);
+  React.useEffect(function () {
+    if (!isMobile || !currentElement) {
+      return;
+    }
+    currentElement.addEventListener('touchmove', handleWindowTouchMove);
+    currentElement.addEventListener('touchend', handleWindowTouchEnd);
+    /* eslint-disable-next-line consistent-return */
+    return function () {
+      if (!currentElement) {
+        return;
+      }
+      currentElement.removeEventListener('touchmove', handleWindowTouchMove);
+      currentElement.removeEventListener('touchend', handleWindowTouchEnd);
+    };
+  }, [isMobile, handleWindowTouchMove, handleWindowTouchEnd, currentElement]);
+  return {
+    transform: transform,
+    transitionStep: transitionStep
+  };
+}
+export default useSwipe;

package/dist/es/index.d.ts

@@ -0,0 +1,84 @@
+export { default as Accordion } from './components/Accordion/Accordion';
+export { default as Avatar } from './components/Avatar/Avatar';
+export { default as Banner } from './components/Banner/Banner';
+export { default as BannerDot } from './components/Banner/BannerDot';
+export { default as Button } from './components/Button/Button';
+export { default as Calendar } from './components/Calendar/Calendar';
+export { default as Caption } from './components/Caption/Caption';
+export { default as Carousel } from './components/Carousel/Carousel';
+export { default as Checkbox } from './components/Checkbox/Checkbox';
+export { default as checkBreakpointsPropTypes } from './components/Carousel/checkBreakpointsPropTypes';
+export { default as Chip } from './components/Chips/Chip';
+export { default as Chips } from './components/Chips/Chips';
+export { default as ChipsDropdown } from './components/Chips/components/ChipsDropdown/ChipsDropdown';
+export { default as ChipsScrollPanel } from './components/Chips/components/ChipsScrollPanel/ChipsScrollPanel';
+export { default as Collapse } from './components/_Collapse/Collapse';
+export { default as ContentArea } from './components/ContentArea/ContentArea';
+export { default as ContentView } from './components/ContentView/ContentView';
+export { default as Counter } from './components/Counter/Counter';
+export { default as CounterBadge } from './components/Badges/CounterBadge/CounterBadge';
+export { default as countGraphemes } from './components/TextField/utils/countGraphemes';
+export { default as Day } from './components/Calendar/components/_Day/Day';
+export { default as ErrorLoad } from './components/ErrorLoad/ErrorLoad';
+export { default as Grid } from './components/Grid/Grid';
+export { default as GridColumn } from './components/Grid/GridColumn';
+export { default as Header } from './components/Header/Header';
+export { default as Link } from './components/Link/Link';
+export { default as List } from './components/List/List';
+export { default as ListData } from './components/ListData/ListData';
+export { default as ListDataGroup } from './components/ListData/ListDataGroup';
+export { default as ListDataSortable } from './components/ListData/components/ListDataSortable';
+export { default as ListItem } from './components/List/ListItem';
+export { default as Logo } from './components/Logo/Logo';
+export { default as Modal } from './components/Modal/Modal';
+export { default as ModalContent } from './components/Modal/_ModalContent/ModalContent';
+export { default as ModalDesktop } from './components/Modal/_ModalDesktop/ModalDesktop';
+export { default as ModalMobileBottom } from './components/Modal/_ModalMobileBottom/ModalMobileBottom';
+export { default as ModalMobileFullScreen } from './components/Modal/_ModalMobileFullScreen/ModalMobileFullScreen';
+export { default as Month } from './components/Calendar/components/_Month/Month';
+export { default as NavArrow } from './components/NavArrow/NavArrow';
+export { default as Notification } from './components/Notification/Notification';
+export { default as NotificationBadge } from './components/Badges/NotificationBadge/NotificationBadge';
+export { default as Pagination } from './components/Pagination/Pagination';
+export { default as PaginationButton } from './components/Pagination/components/PaginationButton/PaginationButton';
+export { default as PaginationButtons } from './components/Pagination/components/PaginationButtons/PaginationButtons';
+export { default as PaginationNavigation } from './components/Pagination/components/PaginationNavigation/PaginationNavigation';
+export { default as Paragraph } from './components/Paragraph/Paragraph';
+export { default as Parameter } from './components/Parameter/Parameter';
+export { default as ParameterDescription } from './components/Parameter/components/ParameterDescription';
+export { default as Preloader } from './components/Preloader/Preloader';
+export { default as PriceBadge } from './components/Badges/PriceBadge/PriceBadge';
+export { default as PromoBadge } from './components/Badges/PromoBadge/PromoBadge';
+export { default as RadioButton } from './components/RadioButton/RadioButton';
+export { default as Row } from './components/Row/Row';
+export { default as ScrollBar } from './components/ScrollBar/ScrollBar';
+export { default as Search } from './components/Search/Search';
+export { default as Select } from './components/Select/Select';
+export { default as Selector } from './components/Selector/Selector';
+export { default as selectReducer } from './components/Select/reducer/selectReducer';
+export { default as Slider } from './components/Sliders/Slider/Slider';
+export { default as SliderRange } from './components/Sliders/SliderRange/SliderRange';
+export { default as SliderRatio } from './components/Sliders/SliderRatio/SliderRatio';
+export { default as SliderScale } from './components/Sliders/components/SliderScale/SliderScale';
+export { default as slidesSettings } from './components/Banner/slidesSettings';
+export { default as Snackbar } from './components/Snackbar/Snackbar';
+export { default as SnackbarTimer } from './components/Snackbar/SnackbarTimer/SnackbarTimer';
+export { default as StatusBadge } from './components/Badges/StatusBadge/StatusBadge';
+export { default as Switcher } from './components/Switcher/Switcher';
+export { default as Tab } from './components/Tabs/Tab';
+export { default as Tabs } from './components/Tabs/Tabs';
+export { default as TextField } from './components/TextField/TextField';
+export { default as TextLink } from './components/TextLink/TextLink';
+export { default as Tile } from './components/Tile/Tile';
+export { default as Timer } from './components/Badges/TimerBadge/components/Timer/Timer';
+export { default as TimerBadge } from './components/Badges/TimerBadge/TimerBadge';
+export { default as Tooltip } from './components/Tooltip/Tooltip';
+export { default as UploadField } from './components/UploadForm/UploadField/UploadField';
+export { default as UploadFieldDropArea } from './components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea';
+export { default as UploadFileItem } from './components/UploadForm/UploadFileItem/UploadFileItem';
+export { default as UploadFileItemIcon } from './components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/UploadFileItemIcon';
+export { default as useDragAndDrop } from './components/UploadForm/UploadField/components/useDragAndDrop';
+export { default as useGradient } from './components/Carousel/useGradient';
+export { default as usePagination } from './components/Pagination/usePagination';
+export { default as utils } from './components/Modal/utils/utils';
+export { default as ValueField } from './components/ValueField/ValueField';

package/dist/es/index.js

@@ -0,0 +1,84 @@
+export { default as Accordion } from "./components/Accordion/Accordion";
+export { default as Avatar } from "./components/Avatar/Avatar";
+export { default as Banner } from "./components/Banner/Banner";
+export { default as BannerDot } from "./components/Banner/BannerDot";
+export { default as Button } from "./components/Button/Button";
+export { default as Calendar } from "./components/Calendar/Calendar";
+export { default as Caption } from "./components/Caption/Caption";
+export { default as Carousel } from "./components/Carousel/Carousel";
+export { default as Checkbox } from "./components/Checkbox/Checkbox";
+export { default as checkBreakpointsPropTypes } from "./components/Carousel/checkBreakpointsPropTypes";
+export { default as Chip } from "./components/Chips/Chip";
+export { default as Chips } from "./components/Chips/Chips";
+export { default as ChipsDropdown } from "./components/Chips/components/ChipsDropdown/ChipsDropdown";
+export { default as ChipsScrollPanel } from "./components/Chips/components/ChipsScrollPanel/ChipsScrollPanel";
+export { default as Collapse } from "./components/_Collapse/Collapse";
+export { default as ContentArea } from "./components/ContentArea/ContentArea";
+export { default as ContentView } from "./components/ContentView/ContentView";
+export { default as Counter } from "./components/Counter/Counter";
+export { default as CounterBadge } from "./components/Badges/CounterBadge/CounterBadge";
+export { default as countGraphemes } from "./components/TextField/utils/countGraphemes";
+export { default as Day } from "./components/Calendar/components/_Day/Day";
+export { default as ErrorLoad } from "./components/ErrorLoad/ErrorLoad";
+export { default as Grid } from "./components/Grid/Grid";
+export { default as GridColumn } from "./components/Grid/GridColumn";
+export { default as Header } from "./components/Header/Header";
+export { default as Link } from "./components/Link/Link";
+export { default as List } from "./components/List/List";
+export { default as ListData } from "./components/ListData/ListData";
+export { default as ListDataGroup } from "./components/ListData/ListDataGroup";
+export { default as ListDataSortable } from "./components/ListData/components/ListDataSortable";
+export { default as ListItem } from "./components/List/ListItem";
+export { default as Logo } from "./components/Logo/Logo";
+export { default as Modal } from "./components/Modal/Modal";
+export { default as ModalContent } from "./components/Modal/_ModalContent/ModalContent";
+export { default as ModalDesktop } from "./components/Modal/_ModalDesktop/ModalDesktop";
+export { default as ModalMobileBottom } from "./components/Modal/_ModalMobileBottom/ModalMobileBottom";
+export { default as ModalMobileFullScreen } from "./components/Modal/_ModalMobileFullScreen/ModalMobileFullScreen";
+export { default as Month } from "./components/Calendar/components/_Month/Month";
+export { default as NavArrow } from "./components/NavArrow/NavArrow";
+export { default as Notification } from "./components/Notification/Notification";
+export { default as NotificationBadge } from "./components/Badges/NotificationBadge/NotificationBadge";
+export { default as Pagination } from "./components/Pagination/Pagination";
+export { default as PaginationButton } from "./components/Pagination/components/PaginationButton/PaginationButton";
+export { default as PaginationButtons } from "./components/Pagination/components/PaginationButtons/PaginationButtons";
+export { default as PaginationNavigation } from "./components/Pagination/components/PaginationNavigation/PaginationNavigation";
+export { default as Paragraph } from "./components/Paragraph/Paragraph";
+export { default as Parameter } from "./components/Parameter/Parameter";
+export { default as ParameterDescription } from "./components/Parameter/components/ParameterDescription";
+export { default as Preloader } from "./components/Preloader/Preloader";
+export { default as PriceBadge } from "./components/Badges/PriceBadge/PriceBadge";
+export { default as PromoBadge } from "./components/Badges/PromoBadge/PromoBadge";
+export { default as RadioButton } from "./components/RadioButton/RadioButton";
+export { default as Row } from "./components/Row/Row";
+export { default as ScrollBar } from "./components/ScrollBar/ScrollBar";
+export { default as Search } from "./components/Search/Search";
+export { default as Select } from "./components/Select/Select";
+export { default as Selector } from "./components/Selector/Selector";
+export { default as selectReducer } from "./components/Select/reducer/selectReducer";
+export { default as Slider } from "./components/Sliders/Slider/Slider";
+export { default as SliderRange } from "./components/Sliders/SliderRange/SliderRange";
+export { default as SliderRatio } from "./components/Sliders/SliderRatio/SliderRatio";
+export { default as SliderScale } from "./components/Sliders/components/SliderScale/SliderScale";
+export { default as slidesSettings } from "./components/Banner/slidesSettings";
+export { default as Snackbar } from "./components/Snackbar/Snackbar";
+export { default as SnackbarTimer } from "./components/Snackbar/SnackbarTimer/SnackbarTimer";
+export { default as StatusBadge } from "./components/Badges/StatusBadge/StatusBadge";
+export { default as Switcher } from "./components/Switcher/Switcher";
+export { default as Tab } from "./components/Tabs/Tab";
+export { default as Tabs } from "./components/Tabs/Tabs";
+export { default as TextField } from "./components/TextField/TextField";
+export { default as TextLink } from "./components/TextLink/TextLink";
+export { default as Tile } from "./components/Tile/Tile";
+export { default as Timer } from "./components/Badges/TimerBadge/components/Timer/Timer";
+export { default as TimerBadge } from "./components/Badges/TimerBadge/TimerBadge";
+export { default as Tooltip } from "./components/Tooltip/Tooltip";
+export { default as UploadField } from "./components/UploadForm/UploadField/UploadField";
+export { default as UploadFieldDropArea } from "./components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea";
+export { default as UploadFileItem } from "./components/UploadForm/UploadFileItem/UploadFileItem";
+export { default as UploadFileItemIcon } from "./components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/UploadFileItemIcon";
+export { default as useDragAndDrop } from "./components/UploadForm/UploadField/components/useDragAndDrop";
+export { default as useGradient } from "./components/Carousel/useGradient";
+export { default as usePagination } from "./components/Pagination/usePagination";
+export { default as utils } from "./components/Modal/utils/utils";
+export { default as ValueField } from "./components/ValueField/ValueField";

package/dist/es/styles/base.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}

package/dist/lib/components/Accordion/Accordion.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-accordion{background:var(--spbSky0);border-radius:12px}.mfui-accordion+.mfui-accordion{margin-top:8px}@media screen and (min-width:768px){.mfui-accordion+.mfui-accordion{margin-top:12px}}.mfui-accordion__title-wrap{border-radius:12px;cursor:pointer;outline:none;padding:16px 44px 16px 16px;position:relative;-webkit-transition:background-color .3s;transition:background-color .3s}@media screen and (min-width:768px){.mfui-accordion__title-wrap{padding:24px 56px 24px 24px}}.mfui-accordion__title-wrap:hover{background-color:var(--spbSky1)}@media screen and (max-width:1023px){.mfui-accordion__title-wrap:focus{background-color:inherit}}.mfui-accordion__icon-box{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:20px;top:50%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--stcWhite);border-radius:50%;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.08);height:24px;justify-content:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:24px}@media screen and (min-width:768px){.mfui-accordion__icon-box{height:32px;right:24px;width:32px}}.mfui-accordion__icon{height:20px;-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;width:20px}@media screen and (min-width:768px){.mfui-accordion__icon{height:32px;width:32px}}.mfui-accordion__content-inner{padding:4px 20px 20px 16px}@media screen and (min-width:768px){.mfui-accordion__content-inner{padding:4px 24px 20px}}.mfui-accordion_opened .mfui-accordion__icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}

package/dist/lib/components/Accordion/Accordion.d.ts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { IHeaderProps } from '../Header/Header';
+import './Accordion.scss';
+export interface IAccordionProps {
+    /** Ссылка на корневой элемент */
+    rootRef?: React.Ref<HTMLDivElement>;
+    /** Заголовок */
+    title: string | React.ReactNode | React.ReactNode[];
+    /** Тег заголовка (определяет базовый тег и стили) */
+    titleTag?: IHeaderProps['as'];
+    /** Тег заголовка для семантической разметки (переопределение тега без изменения стилей) */
+    titleTagName?: IHeaderProps['tag'];
+    /** Состояние открытости */
+    isOpened?: boolean;
+    /** Включить микроразметку */
+    hasMicrodata?: boolean;
+    /** Дополнительный класс для корневого элемента */
+    className?: string;
+    /** Дополнительные классы для корневого и внутренних элементов */
+    classes?: {
+        root?: string;
+        openedClass?: string;
+        collapse?: string;
+        titleWrap?: string;
+        title?: string;
+    };
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        header?: {
+            root: Record<string, string>;
+        };
+        collapse?: {
+            root?: Record<string, string>;
+            inner?: Record<string, string>;
+        };
+        titleWrap?: Record<string, string>;
+        arrowUp?: Record<string, string>;
+        arrowDown?: Record<string, string>;
+    };
+    children?: React.ReactNode;
+    /** Обработчик клика */
+    onClickAccordion?: (isOpened: boolean) => void;
+}
+declare const Accordion: React.FC<IAccordionProps>;
+export default Accordion;

package/dist/lib/components/Accordion/Accordion.js

@@ -0,0 +1,108 @@
+"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["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _uiHelpers = require("@megafon/ui-helpers");
+var _Collapse = _interopRequireDefault(require("../_Collapse/Collapse"));
+var _Header = _interopRequireDefault(require("../Header/Header"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var ArrowDown = function ArrowDown(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 32 32"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M11 14h10l-5 6z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }));
+};
+var cn = (0, _uiHelpers.cnCreate)('mfui-accordion');
+var Accordion = function Accordion(_ref) {
+  var rootRef = _ref.rootRef,
+    title = _ref.title,
+    _ref$titleTag = _ref.titleTag,
+    titleTag = _ref$titleTag === void 0 ? 'h5' : _ref$titleTag,
+    titleTagName = _ref.titleTagName,
+    _ref$isOpened = _ref.isOpened,
+    isOpened = _ref$isOpened === void 0 ? false : _ref$isOpened,
+    _ref$hasMicrodata = _ref.hasMicrodata,
+    hasMicrodata = _ref$hasMicrodata === void 0 ? false : _ref$hasMicrodata,
+    className = _ref.className,
+    _ref$classes = _ref.classes,
+    _ref$classes2 = _ref$classes === void 0 ? {} : _ref$classes,
+    openedClass = _ref$classes2.openedClass,
+    rootPropsClasses = _ref$classes2.root,
+    collapsePropsClasses = _ref$classes2.collapse,
+    titleWrapPropsClasses = _ref$classes2.titleWrap,
+    titlePropsClasses = _ref$classes2.title,
+    dataAttrs = _ref.dataAttrs,
+    onClickAccordion = _ref.onClickAccordion,
+    children = _ref.children;
+  var _React$useState = React.useState(isOpened),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    isOpenedState = _React$useState2[0],
+    setIsOpenedState = _React$useState2[1];
+  React.useEffect(function () {
+    setIsOpenedState(isOpened);
+  }, [isOpened]);
+  var handleClickTitle = function handleClickTitle(e) {
+    if ((0, _uiHelpers.checkEventIsClickOrEnterPress)(e)) {
+      onClickAccordion === null || onClickAccordion === void 0 ? void 0 : onClickAccordion(!isOpenedState);
+      setIsOpenedState(!isOpenedState);
+    }
+  };
+  var openedClassName = isOpenedState ? openedClass : undefined;
+  var arrowDataAttrs = isOpenedState ? dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.arrowUp : dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.arrowDown;
+  var renderContent = function renderContent() {
+    if (hasMicrodata) {
+      return /*#__PURE__*/React.createElement("div", {
+        itemScope: true,
+        itemProp: "acceptedAnswer",
+        itemType: "https://schema.org/Answer"
+      }, /*#__PURE__*/React.createElement("div", {
+        itemProp: "text"
+      }, children));
+    }
+    return children;
+  };
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+    ref: rootRef,
+    className: cn({
+      opened: isOpenedState
+    }, [className, rootPropsClasses, openedClassName])
+  }, hasMicrodata && {
+    itemScope: true,
+    itemProp: 'mainEntity',
+    itemType: 'https://schema.org/Question'
+  }), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.titleWrap), {
+    className: cn('title-wrap', [titleWrapPropsClasses]),
+    onClick: handleClickTitle,
+    onKeyDown: handleClickTitle,
+    tabIndex: 0,
+    role: "button"
+  }, hasMicrodata && {
+    itemProp: 'name'
+  }), /*#__PURE__*/React.createElement(_Header["default"], {
+    as: titleTag,
+    tag: titleTagName,
+    dataAttrs: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.header,
+    className: titlePropsClasses
+  }, title), /*#__PURE__*/React.createElement("div", {
+    className: cn('icon-box')
+  }, /*#__PURE__*/React.createElement(ArrowDown, (0, _extends2["default"])({
+    className: cn('icon')
+  }, (0, _uiHelpers.filterDataAttrs)(arrowDataAttrs))))), /*#__PURE__*/React.createElement(_Collapse["default"], {
+    dataAttrs: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.collapse,
+    className: cn('content', collapsePropsClasses),
+    classNameContainer: cn('content-inner'),
+    isOpened: isOpenedState
+  }, renderContent()));
+};
+var _default = exports["default"] = Accordion;

package/dist/lib/components/Avatar/Avatar.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-avatar{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:15px;font-weight:500;height:40px;justify-content:center;overflow:hidden;width:40px}.mfui-avatar__text{display:block}.mfui-avatar__image{background-color:var(--base);height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.mfui-avatar__placeholder{opacity:.3}.mfui-avatar_color_green{background-color:var(--brandGreen20);color:var(--brandGreen)}.mfui-avatar_color_green .mfui-avatar__placeholder{fill:var(--brandGreen)}.mfui-avatar_color_gray{background-color:var(--spbSky0);color:var(--spbSky3)}.mfui-avatar_color_gray .mfui-avatar__placeholder{fill:var(--spbSky3)}.mfui-avatar_size_auto{font-size:inherit;height:100%;width:100%}.mfui-avatar_default{display:block}.mfui-avatar_default svg{margin:auto}

package/dist/lib/components/Avatar/Avatar.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import './Avatar.scss';
+export interface IAvatarProps {
+    /** Ссылка на изображение. Имеет приоритет над текстом */
+    src?: string;
+    /** Значение тега alt для изображения */
+    alt?: string;
+    /** Текстовое отображение */
+    letters?: string;
+    /** Цвет заливки */
+    color?: 'green' | 'gray';
+    /** Размер (по умолчанию 40х40 пикселей). */
+    size?: 'default' | 'auto';
+    /** Дополнительный класс корневого элемента */
+    className?: string;
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+    };
+}
+declare const Avatar: React.FC<IAvatarProps>;
+export default Avatar;

package/dist/lib/components/Avatar/Avatar.js

@@ -0,0 +1,60 @@
+"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["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+require("core-js/modules/es.array.slice.js");
+var React = _interopRequireWildcard(require("react"));
+var _uiHelpers = require("@megafon/ui-helpers");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var PlaceholderIcon = function PlaceholderIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 40 40"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M29.188 40.75l2.625-9.752-.42-.407A16.63 16.63 0 0020 26.312a16.642 16.642 0 00-11.393 4.292l-.42.394 2.626 9.752h18.374zM12.125 15.813a7.875 7.875 0 1015.75 0 7.875 7.875 0 00-15.75 0z"
+  }));
+};
+var cn = (0, _uiHelpers.cnCreate)('mfui-avatar');
+var Avatar = function Avatar(_ref) {
+  var src = _ref.src,
+    _ref$alt = _ref.alt,
+    alt = _ref$alt === void 0 ? 'avatar' : _ref$alt,
+    letters = _ref.letters,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'green' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'default' : _ref$size,
+    className = _ref.className,
+    dataAttrs = _ref.dataAttrs;
+  var renderContent = function renderContent() {
+    if (src) {
+      return /*#__PURE__*/React.createElement("img", {
+        className: cn('image'),
+        src: src,
+        alt: alt
+      });
+    }
+    if (letters) {
+      var text = letters.slice(0, 2).toUpperCase();
+      return /*#__PURE__*/React.createElement("span", {
+        className: cn('text')
+      }, text);
+    }
+    return /*#__PURE__*/React.createElement(PlaceholderIcon, {
+      className: cn('placeholder')
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+    className: cn({
+      color: color,
+      size: size,
+      "default": !src && !letters
+    }, [className])
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), renderContent());
+};
+var _default = exports["default"] = Avatar;

package/dist/lib/components/Badges/CounterBadge/CounterBadge.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-counter-badge{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:12px;font-size:12px;font-weight:500;justify-content:center;line-height:14px;min-width:24px;padding:5px 6px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-counter-badge_limited{padding:5px 12px}@media screen and (min-width:1024px){.mfui-counter-badge_adaptive{font-size:15px;line-height:18px;min-width:28px}}.mfui-counter-badge_icon{padding:2px 4px 2px 12px}.mfui-counter-badge_adaptive.mfui-counter-badge_icon{padding:4px 4px 4px 12px}.mfui-counter-badge__icon{height:20px;margin-left:4px;min-width:20px;width:20px}.mfui-counter-badge_theme_light-blue{background-color:var(--sky20)}.mfui-counter-badge_theme_light-blue .mfui-counter-badge__icon{fill:var(--sky)}.mfui-counter-badge_theme_purple{background-color:var(--brandPurple20)}.mfui-counter-badge_theme_purple .mfui-counter-badge__icon{fill:var(--brandPurple)}

package/dist/lib/components/Badges/CounterBadge/CounterBadge.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import './CounterBadge.scss';
+export declare const CounterBadgeColorTheme: {
+    readonly LIGHT_BLUE: "light-blue";
+    readonly PURPLE: "purple";
+};
+type CounterBadgeColorThemeType = (typeof CounterBadgeColorTheme)[keyof typeof CounterBadgeColorTheme];
+export interface ICounterBadgeProps {
+    /** Текущее значение */
+    currentValue: number;
+    /** Максимальное значение */
+    totalCount?: number;
+    /** Наличие иконки */
+    hasIcon?: boolean;
+    /** Кастомная иконка */
+    customIcon?: JSX.Element;
+    /** Цветовая тема */
+    colorTheme?: CounterBadgeColorThemeType;
+    /** Адаптивный режим */
+    isAdaptive?: boolean;
+    /** Дополнительный класс корневого элемента */
+    className?: string;
+    /** Дополнительные data-атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+    };
+}
+declare const CounterBadge: React.FC<ICounterBadgeProps>;
+export default CounterBadge;