@megafon/ui-core 8.17.0 → 8.17.1

package/dist/es/components/Notification/Notification.js

@@ -1,298 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _extends from "@babel/runtime/helpers/extends";
-import "core-js/modules/es.string.link.js";
-import "core-js/modules/web.timers.js";
-import * as React from 'react';
-import { cnCreate, filterDataAttrs, convert, titleConvertConfig, textConvertConfig } from '@megafon/ui-helpers';
-import Button from "../Button/Button";
-import TextLink from "../TextLink/TextLink";
-import Tile from "../Tile/Tile";
-import "./Notification.css";
-var ErrorIcon = function ErrorIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M15 20.72V23h2v-2.28a2 2 0 10-2 0z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M16 4a6 6 0 00-6 6v2H8v8a8 8 0 0016 0v-8h-2v-2a6 6 0 00-6-6zm-4 6a4 4 0 018 0v2h-8zm10 10a6 6 0 01-12 0v-6h12z"
-  }));
-};
-var ArrowDown = function ArrowDown(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M6 8h8l-4 5z",
-    fillRule: "evenodd",
-    clipRule: "evenodd"
-  }));
-};
-var RightArrow = function RightArrow(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M8 13l3-3-3-3 1-1 4 4-4 4z"
-  }));
-};
-var WarningIcon = function WarningIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M15 22h2v-2h-2v2zm0-4h2v-8h-2v8zm1 10C9.4 28 4 22.6 4 16S9.4 4 16 4s12 5.4 12 12-5.4 12-12 12zM6 16c0 5.5 4.5 10 10 10s10-4.5 10-10S21.5 6 16 6 6 10.5 6 16z"
-  }));
-};
-var SuccessIcon = function SuccessIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M22.2 9l-7.8 9.4-3.6-3.7L9 16.5c3.6 3.7 5.4 5.5 5.5 5.5.1 0 3.3-3.8 9.5-11.3L22.2 9z"
-  }));
-};
-var InfoIcon = function InfoIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M15 12h2v-2h-2v2zm0 10h2v-8h-2v8zm1 6C9.4 28 4 22.6 4 16S9.4 4 16 4s12 5.4 12 12-5.4 12-12 12zm0-22C10.5 6 6 10.5 6 16s4.5 10 10 10 10-4.5 10-10S21.5 6 16 6z"
-  }));
-};
-var CancelIcon = function CancelIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 10 10"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M5 3.75L1.25 0 0 1.25 3.75 5 0 8.75 1.25 10 5 6.25 8.75 10 10 8.75 6.25 5 10 1.25 8.75 0 5 3.75z"
-  }));
-};
-var TIMEOUT_DELAY = 400;
-var useEffect = React.useEffect,
-  useRef = React.useRef,
-  useState = React.useState;
-var NotificationTypes = {
-  SUCCESS: 'success',
-  WARNING: 'warning',
-  ERROR: 'error',
-  INFO: 'info'
-};
-var ShadowTypes = {
-  ZERO: 'zero',
-  HOVER: 'hover',
-  PRESSED: 'pressed',
-  DEFAULT: 'default'
-};
-export var testIdPrefix = 'Notification';
-var cn = cnCreate('mfui-notification');
-var Notification = function Notification(_ref) {
-  var className = _ref.className,
-    _ref$classes = _ref.classes,
-    _ref$classes2 = _ref$classes === void 0 ? {} : _ref$classes,
-    rootClass = _ref$classes2.root,
-    containerClass = _ref$classes2.container,
-    contentClass = _ref$classes2.content,
-    linkClass = _ref$classes2.link,
-    children = _ref.children,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'info' : _ref$type,
-    _ref$shadowLevel = _ref.shadowLevel,
-    shadowLevel = _ref$shadowLevel === void 0 ? 'zero' : _ref$shadowLevel,
-    _ref$isColored = _ref.isColored,
-    isColored = _ref$isColored === void 0 ? true : _ref$isColored,
-    hasCloseButton = _ref.hasCloseButton,
-    title = _ref.title,
-    shortText = _ref.shortText,
-    _ref$closeCollapseTit = _ref.closeCollapseTitle,
-    closeCollapseTitle = _ref$closeCollapseTit === void 0 ? 'Подробнее' : _ref$closeCollapseTit,
-    _ref$openCollapseTitl = _ref.openCollapseTitle,
-    openCollapseTitle = _ref$openCollapseTitl === void 0 ? 'Свернуть' : _ref$openCollapseTitl,
-    _ref$isCollapseOpened = _ref.isCollapseOpened,
-    isCollapseOpened = _ref$isCollapseOpened === void 0 ? false : _ref$isCollapseOpened,
-    buttonText = _ref.buttonText,
-    _ref$buttonLoader = _ref.buttonLoader,
-    buttonLoader = _ref$buttonLoader === void 0 ? false : _ref$buttonLoader,
-    _ref$buttonDisable = _ref.buttonDisable,
-    buttonDisable = _ref$buttonDisable === void 0 ? false : _ref$buttonDisable,
-    link = _ref.link,
-    rel = _ref.rel,
-    href = _ref.href,
-    target = _ref.target,
-    icon = _ref.icon,
-    rootRef = _ref.rootRef,
-    dataAttrs = _ref.dataAttrs,
-    onClose = _ref.onClose,
-    onLinkClick = _ref.onLinkClick,
-    onButtonClick = _ref.onButtonClick,
-    onCollapseButtonClick = _ref.onCollapseButtonClick;
-  var shortTextRef = useRef(null);
-  var fullTextRef = useRef(null);
-  var wrapTextRef = useRef(null);
-  var _useState = useState(isCollapseOpened),
-    _useState2 = _slicedToArray(_useState, 2),
-    showFullText = _useState2[0],
-    setShowFullText = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    updateTextHeight = _useState4[0],
-    setUpdateTextHeight = _useState4[1];
-  var initialTextClasses = {
-    "short": {
-      hidden: shortText && showFullText
-    },
-    full: {
-      visible: showFullText
-    }
-  };
-  var _useState5 = useState(initialTextClasses),
-    _useState6 = _slicedToArray(_useState5, 2),
-    textClasses = _useState6[0],
-    setTextClass = _useState6[1];
-  var hasBottom = shortText || buttonText || link;
-  var isErrorType = type === NotificationTypes.ERROR;
-  useEffect(function () {
-    setShowFullText(isCollapseOpened);
-  }, [isCollapseOpened]);
-  useEffect(function () {
-    if (!fullTextRef.current || !shortTextRef.current || !wrapTextRef.current) {
-      return undefined;
-    }
-    var visibleElement = showFullText ? shortTextRef.current : fullTextRef.current;
-    var _visibleElement$getBo = visibleElement.getBoundingClientRect(),
-      height = _visibleElement$getBo.height;
-    wrapTextRef.current.style.height = "".concat(height, "px");
-    return setUpdateTextHeight(!updateTextHeight);
-    // не должен запускаться при изменении флага updateTextHeight;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [showFullText]);
-  useEffect(function () {
-    if (!fullTextRef.current || !shortTextRef.current || !wrapTextRef.current) {
-      return undefined;
-    }
-    var hiddenElement = showFullText ? fullTextRef.current : shortTextRef.current;
-    var _hiddenElement$getBou = hiddenElement.getBoundingClientRect(),
-      height = _hiddenElement$getBou.height;
-    wrapTextRef.current.style.height = "".concat(height, "px");
-    setTextClass(initialTextClasses);
-    var timeoutId = setTimeout(function () {
-      if (wrapTextRef.current) {
-        wrapTextRef.current.style.height = 'auto';
-      }
-    }, TIMEOUT_DELAY);
-    return function () {
-      clearTimeout(timeoutId);
-    };
-    // не должен запускаться при изменении флага showFullText;
-    // запускается по флагу updateTextHeight, который изменяется в предыдущем эффекте.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [updateTextHeight]);
-  var handleCollapseButtonClick = function handleCollapseButtonClick() {
-    setShowFullText(!showFullText);
-    onCollapseButtonClick === null || onCollapseButtonClick === void 0 ? void 0 : onCollapseButtonClick(!showFullText);
-  };
-  var renderLink = function renderLink() {
-    return /*#__PURE__*/React.createElement(TextLink, {
-      dataAttrs: {
-        root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link
-      },
-      className: cn('link', [linkClass]),
-      onClick: onLinkClick,
-      color: isErrorType && isColored ? 'white' : 'green',
-      rel: rel,
-      href: href,
-      target: target
-    }, link, /*#__PURE__*/React.createElement(RightArrow, {
-      className: cn('link-arrow')
-    }));
-  };
-  var renderButton = function renderButton() {
-    return /*#__PURE__*/React.createElement(Button, {
-      className: cn('button'),
-      dataAttrs: {
-        root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
-      },
-      sizeAll: "small",
-      sizeMobile: "extra-small",
-      theme: isErrorType && isColored ? 'white' : 'green',
-      showLoader: buttonLoader,
-      disabled: buttonDisable,
-      ellipsis: !buttonLoader,
-      onClick: onButtonClick
-    }, buttonText);
-  };
-  var renderCollapseButton = function renderCollapseButton() {
-    return /*#__PURE__*/React.createElement("button", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.collapseButton), {
-      type: "button",
-      className: cn('collapse-button'),
-      onClick: handleCollapseButtonClick
-    }), showFullText ? openCollapseTitle : closeCollapseTitle, /*#__PURE__*/React.createElement(ArrowDown, {
-      className: cn('collapse-arrow', {
-        close: showFullText
-      })
-    }));
-  };
-  var renderIcon = function renderIcon() {
-    if (icon) {
-      return icon;
-    }
-    var SUCCESS = NotificationTypes.SUCCESS,
-      ERROR = NotificationTypes.ERROR,
-      WARNING = NotificationTypes.WARNING;
-    switch (type) {
-      case SUCCESS:
-        return /*#__PURE__*/React.createElement(SuccessIcon, null);
-      case ERROR:
-        return /*#__PURE__*/React.createElement(ErrorIcon, null);
-      case WARNING:
-        return /*#__PURE__*/React.createElement(WarningIcon, null);
-      default:
-        return /*#__PURE__*/React.createElement(InfoIcon, null);
-    }
-  };
-  return /*#__PURE__*/React.createElement(Tile, {
-    className: cn({
-      type: type,
-      colored: isColored
-    }, [className, rootClass]),
-    radius: "rounded",
-    shadowLevel: shadowLevel,
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "data-testid": "".concat(testIdPrefix, "-container"),
-    className: cn('container', [containerClass]),
-    ref: rootRef
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('icon-container')
-  }, renderIcon()), /*#__PURE__*/React.createElement("div", {
-    "data-testid": "".concat(testIdPrefix, "-content"),
-    className: cn('content', [contentClass])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('text-container')
-  }, title && /*#__PURE__*/React.createElement("span", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.title), {
-    className: cn('title')
-  }), convert(title, titleConvertConfig)), /*#__PURE__*/React.createElement("div", _extends({
-    ref: wrapTextRef
-  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.text), {
-    className: cn('text', {
-      'close-padding': hasCloseButton && !title
-    })
-  }), /*#__PURE__*/React.createElement("div", {
-    ref: shortTextRef,
-    className: cn('short-text', textClasses["short"])
-  }, shortText && convert(shortText, textConvertConfig) || children), shortText && /*#__PURE__*/React.createElement("div", {
-    ref: fullTextRef,
-    className: cn('full-text', textClasses.full)
-  }, children))), hasBottom && /*#__PURE__*/React.createElement("div", {
-    "data-testid": "".concat(testIdPrefix, "-bottom"),
-    className: cn('bottom', {
-      'has-button': !!buttonText
-    })
-  }, (buttonText || link) && /*#__PURE__*/React.createElement("div", {
-    className: cn('bottom-block')
-  }, buttonText && renderButton(), link && !shortText && renderLink()), shortText && renderCollapseButton()))), hasCloseButton && /*#__PURE__*/React.createElement("button", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.close), {
-    className: cn('close'),
-    type: "button",
-    onClick: onClose
-  }), /*#__PURE__*/React.createElement(CancelIcon, {
-    className: cn('close-icon')
-  })));
-};
-export default Notification;

package/dist/es/components/Pagination/Pagination.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:767px){.mfui-pagination{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}}.mfui-pagination__input,.mfui-pagination__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-pagination__input{gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-pagination__input-caption{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.mfui-pagination__input-field{width:90px}

package/dist/es/components/Pagination/Pagination.d.ts

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import { PaginationTypesType, ThemeType, ValueType } from './types';
-import './Pagination.scss';
-interface IPaginationProps {
-    /** Общее количество страниц */
-    totalPages: number;
-    /** Номер текущей страницы */
-    activePage: number;
-    /** Тип компонента. DEPRECATED: 'classic' */
-    type?: PaginationTypesType;
-    /** Цветовая тема компонента */
-    theme?: ThemeType;
-    /** Отобразить поле ввода номера страницы */
-    showSelectPage?: boolean;
-    /** Обработчик изменения активной страницы */
-    onChange: (value: ValueType) => void;
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        prev?: Record<string, string>;
-        next?: Record<string, string>;
-        button?: Record<string, string>;
-        skipPrev?: Record<string, string>;
-        skipNext?: Record<string, string>;
-        input?: Record<string, string>;
-    };
-}
-declare const Pagination: React.FC<IPaginationProps>;
-export default Pagination;

package/dist/es/components/Pagination/Pagination.js

@@ -1,128 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from 'react';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import Caption from "../Caption/Caption";
-import ValueField from "../ValueField/ValueField";
-import PaginationButtons from "./components/PaginationButtons/PaginationButtons";
-import PaginationNavigation, { HINTS } from "./components/PaginationNavigation/PaginationNavigation";
-import { getInputRangeValue, removeFirstZeros, setValueFieldTheme } from "./helpers";
-import { PaginationTypes } from "./types";
-import usePagination, { BUTTONS } from "./usePagination";
-import "./Pagination.css";
-var cn = cnCreate('mfui-pagination');
-var Pagination = function Pagination(_ref) {
-  var totalPages = _ref.totalPages,
-    activePage = _ref.activePage,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? PaginationTypes.CLASSIC : _ref$type,
-    _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? 'default' : _ref$theme,
-    showSelectPage = _ref.showSelectPage,
-    onChange = _ref.onChange,
-    className = _ref.className,
-    dataAttrs = _ref.dataAttrs;
-  var _usePagination = usePagination(type, totalPages, activePage),
-    paginationItems = _usePagination.paginationItems,
-    skipPrevPage = _usePagination.skipPrevPage,
-    skipNextPage = _usePagination.skipNextPage;
-  var _React$useState = React.useState(''),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    inputValue = _React$useState2[0],
-    setInputValue = _React$useState2[1];
-  var inputRef = React.useRef(null);
-  var isModernType = type === PaginationTypes.MODERN;
-  var buttonForm = isModernType ? 'brick' : 'round';
-  var handleBackClick = React.useCallback(function () {
-    onChange(activePage - 1);
-  }, [activePage, onChange]);
-  var handleNextClick = React.useCallback(function () {
-    onChange(activePage + 1);
-  }, [activePage, onChange]);
-  var handlePageButtonClick = React.useCallback(function (value) {
-    if (value === BUTTONS.SKIP_PREV) {
-      onChange(skipPrevPage);
-      return;
-    }
-    if (value === BUTTONS.SKIP_NEXT) {
-      onChange(skipNextPage);
-      return;
-    }
-    value && onChange(value);
-  }, [onChange, skipNextPage, skipPrevPage]);
-  var handleInputSubmit = React.useCallback(function () {
-    var _a;
-    if (!inputValue) {
-      return;
-    }
-    var pageNumber = getInputRangeValue(inputValue, totalPages, BUTTONS.FIRST);
-    onChange(pageNumber);
-    setInputValue('');
-    (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-  }, [inputValue, onChange, totalPages]);
-  var handleInputChange = React.useCallback(function (e) {
-    var targetValue = removeFirstZeros(e.target.value);
-    setInputValue(targetValue);
-  }, []);
-  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn([className])
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn('wrapper')
-  }, /*#__PURE__*/React.createElement(PaginationNavigation, {
-    className: cn('button'),
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.prev
-    },
-    direction: "left",
-    form: buttonForm,
-    disabled: activePage === BUTTONS.FIRST,
-    hint: isModernType ? HINTS.PREV : null,
-    theme: theme,
-    onClick: handleBackClick
-  }), /*#__PURE__*/React.createElement(PaginationButtons, {
-    dataAttrs: {
-      button: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button,
-      skipNext: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.skipNext,
-      skipPrev: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.skipPrev
-    },
-    items: paginationItems,
-    activeButton: activePage,
-    skipButtonPrev: BUTTONS.SKIP_PREV,
-    skipButtonNext: BUTTONS.SKIP_NEXT,
-    type: type,
-    form: buttonForm,
-    showHints: isModernType,
-    theme: theme,
-    onClick: handlePageButtonClick
-  }), /*#__PURE__*/React.createElement(PaginationNavigation, {
-    className: cn('button'),
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.next
-    },
-    direction: "right",
-    form: buttonForm,
-    disabled: activePage === totalPages,
-    hint: isModernType ? HINTS.NEXT : null,
-    theme: theme,
-    onClick: handleNextClick
-  })), showSelectPage && /*#__PURE__*/React.createElement("div", {
-    className: cn('input')
-  }, /*#__PURE__*/React.createElement(Caption, {
-    className: cn('input-caption'),
-    color: theme === 'light' ? 'white' : 'default',
-    hasMargin: false
-  }, "\u041D\u0430 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443"), /*#__PURE__*/React.createElement(ValueField, {
-    className: cn('input-field'),
-    isControlled: true,
-    placeholder: "\u2116",
-    theme: setValueFieldTheme(theme),
-    value: inputValue,
-    onChange: handleInputChange,
-    onBlur: handleInputSubmit,
-    dataAttrs: {
-      input: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.input
-    },
-    inputRef: inputRef
-  })));
-};
-export default Pagination;

package/dist/es/components/Pagination/components/PaginationButton/PaginationButton.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-pagination-button{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;font-weight:500;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border:1px solid transparent;border-radius:50%;height:32px;justify-content:center;padding:0;width:32px;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:transparent;cursor:pointer}.mfui-pagination-button svg{width:100%}.mfui-pagination-button:disabled{pointer-events:none}.mfui-pagination-button_form_brick{border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.mfui-pagination-button_auto-width{min-width:32px;padding:0 8px;width:auto}.mfui-pagination-button_active{border-color:var(--brandGreen);pointer-events:none}.mfui-pagination-button_theme_default{color:var(--content)}.mfui-pagination-button_theme_default svg{fill:var(--content)}.mfui-pagination-button_theme_default:hover{background-color:var(--spbSky0)}.mfui-pagination-button_theme_default.mfui-pagination-button_active{border-color:var(--brandGreen);color:var(--brandGreen)}.mfui-pagination-button_theme_light{color:var(--stcWhite)}.mfui-pagination-button_theme_light svg{fill:var(--stcWhite)}.mfui-pagination-button_theme_light:hover{background-color:var(--stcWhite20)}.mfui-pagination-button_theme_light.mfui-pagination-button_active{border-color:var(--stcWhite)}.mfui-pagination-button_theme_gray{color:var(--content)}.mfui-pagination-button_theme_gray svg{fill:var(--content)}.mfui-pagination-button_theme_gray:hover{background-color:var(--base)}.mfui-pagination-button_theme_gray.mfui-pagination-button_active{border-color:var(--brandGreen);color:var(--brandGreen)}

package/dist/es/components/Pagination/components/PaginationButton/PaginationButton.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import { ValueType, ThemeType, ButtonFormType } from '../../types';
-import './PaginationButton.scss';
-export interface IPaginationButtonProps {
-    theme?: ThemeType;
-    form?: ButtonFormType;
-    value?: ValueType;
-    disabled?: boolean;
-    isActive?: boolean;
-    autoWidth?: boolean;
-    className?: string;
-    dataAttrs?: {
-        root?: Record<string, string>;
-    };
-    children?: React.ReactNode;
-    onClick?: (value?: ValueType) => void;
-    onMouseEnter?: () => void;
-    onMouseLeave?: () => void;
-    rootRef?: React.Ref<HTMLButtonElement>;
-}
-declare const PaginationButton: React.FC<IPaginationButtonProps>;
-export default PaginationButton;

package/dist/es/components/Pagination/components/PaginationButton/PaginationButton.js

@@ -1,41 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import "./PaginationButton.css";
-var cn = cnCreate('mfui-pagination-button');
-var PaginationButton = function PaginationButton(_ref) {
-  var _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$isActive = _ref.isActive,
-    isActive = _ref$isActive === void 0 ? false : _ref$isActive,
-    _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? 'default' : _ref$theme,
-    form = _ref.form,
-    autoWidth = _ref.autoWidth,
-    className = _ref.className,
-    children = _ref.children,
-    onClick = _ref.onClick,
-    onMouseEnter = _ref.onMouseEnter,
-    onMouseLeave = _ref.onMouseLeave,
-    value = _ref.value,
-    dataAttrs = _ref.dataAttrs,
-    rootRef = _ref.rootRef;
-  var handleClick = function handleClick() {
-    onClick === null || onClick === void 0 ? void 0 : onClick(value);
-  };
-  return /*#__PURE__*/React.createElement("button", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      active: isActive,
-      theme: theme,
-      form: form,
-      'auto-width': autoWidth
-    }, className),
-    type: "button",
-    disabled: disabled,
-    onClick: handleClick,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    ref: rootRef
-  }), children);
-};
-export default PaginationButton;

package/dist/es/components/Pagination/components/PaginationButtons/PaginationButtons.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-pagination-buttons{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-pagination-buttons__button{-ms-flex-negative:0;flex-shrink:0;margin:0 4px}@media screen and (max-width:767px){.mfui-pagination-buttons__button{margin:0 2px}}.mfui-pagination-buttons__button_form_brick{margin:0 2px}@media screen and (max-width:767px){.mfui-pagination-buttons__button_form_brick{margin:0}}

package/dist/es/components/Pagination/components/PaginationButtons/PaginationButtons.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { ValueType, ThemeType, ButtonFormType, PaginationTypesType } from '../../types';
-import './PaginationButtons.scss';
-export interface IPaginationButtonsProps {
-    items: Array<string | number>;
-    type: PaginationTypesType;
-    form: ButtonFormType;
-    theme: ThemeType;
-    showHints: boolean;
-    activeButton: number;
-    skipButtonPrev: string;
-    skipButtonNext: string;
-    dataAttrs?: {
-        button?: Record<string, string>;
-        skipNext?: Record<string, string>;
-        skipPrev?: Record<string, string>;
-    };
-    onClick: (value?: ValueType) => void;
-}
-declare const PaginationButtons: React.FC<IPaginationButtonsProps>;
-export default PaginationButtons;

package/dist/es/components/Pagination/components/PaginationButtons/PaginationButtons.js

@@ -1,71 +0,0 @@
-import "core-js/modules/es.array.map.js";
-import React from 'react';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import { PaginationTypes } from "../../types";
-import PaginationButton from "../PaginationButton/PaginationButton";
-import PaginationNavigation, { HINTS } from "../PaginationNavigation/PaginationNavigation";
-import "./PaginationButtons.css";
-var cn = cnCreate('mfui-pagination-buttons');
-var PaginationButtons = function PaginationButtons(_ref) {
-  var items = _ref.items,
-    type = _ref.type,
-    theme = _ref.theme,
-    form = _ref.form,
-    showHints = _ref.showHints,
-    onClick = _ref.onClick,
-    activeButton = _ref.activeButton,
-    skipButtonPrev = _ref.skipButtonPrev,
-    skipButtonNext = _ref.skipButtonNext,
-    dataAttrs = _ref.dataAttrs;
-  var isModernType = type === PaginationTypes.MODERN;
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn()
-  }, items.map(function (pageNumber, index) {
-    var isSkipButtonPrev = skipButtonPrev === pageNumber;
-    var isSkipButtonNext = skipButtonNext === pageNumber;
-    var dataIndex = typeof pageNumber === 'number' ? pageNumber : undefined;
-    if (isSkipButtonPrev || isSkipButtonNext) {
-      var hint = isSkipButtonNext ? HINTS.SKIP_NEXT : HINTS.SKIP_PREV;
-      return /*#__PURE__*/React.createElement(PaginationNavigation, {
-        key: index,
-        className: cn('button', {
-          form: form
-        }),
-        theme: theme,
-        form: form,
-        value: pageNumber,
-        variant: "skip",
-        disabled: !isModernType,
-        direction: isSkipButtonNext ? 'right' : 'left',
-        hint: showHints ? hint : null,
-        onClick: onClick,
-        dataAttrs: {
-          root: isSkipButtonNext ? dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.skipNext : dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.skipPrev
-        }
-      });
-    }
-    var isActive = pageNumber === activeButton;
-    var digitCount = String(pageNumber).length;
-    var pageNumberStyle = isModernType ? {
-      width: 10 * digitCount
-    } : undefined;
-    return /*#__PURE__*/React.createElement(PaginationButton, {
-      key: index,
-      className: cn('button', {
-        form: form
-      }),
-      dataAttrs: {
-        root: filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button, dataIndex)
-      },
-      theme: theme,
-      form: form,
-      value: pageNumber,
-      autoWidth: isModernType,
-      isActive: isActive,
-      onClick: onClick
-    }, /*#__PURE__*/React.createElement("div", {
-      style: pageNumberStyle
-    }, pageNumber));
-  }));
-};
-export default PaginationButtons;

package/dist/es/components/Pagination/components/PaginationNavigation/PaginationNavigation.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-pagination-navigation__icon{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-pagination-navigation__skip-icon-hover{height:20px;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:20px}.mfui-pagination-navigation__button_direction_left .mfui-pagination-navigation__icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mfui-pagination-navigation__button:disabled .mfui-pagination-navigation__arrow-icon{opacity:.25}.mfui-pagination-navigation__button:not(:disabled):hover .mfui-pagination-navigation__skip-icon-base{opacity:0}.mfui-pagination-navigation__button:not(:disabled):hover .mfui-pagination-navigation__skip-icon-hover{opacity:1}

package/dist/es/components/Pagination/components/PaginationNavigation/PaginationNavigation.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import { ButtonFormType, ThemeType, ValueType } from '../../types';
-import './PaginationNavigation.scss';
-export declare const HINTS: {
-    PREV: string;
-    SKIP_PREV: string;
-    SKIP_NEXT: string;
-    NEXT: string;
-};
-interface IPaginationNavigationProps {
-    theme?: ThemeType;
-    form?: ButtonFormType;
-    direction?: 'left' | 'right';
-    variant?: 'default' | 'skip';
-    disabled?: boolean;
-    value?: string | number;
-    hint?: string | null;
-    className?: string;
-    dataAttrs?: {
-        root?: Record<string, string>;
-    };
-    onClick?: (value?: ValueType) => void;
-}
-declare const PaginationNavigation: React.FC<IPaginationNavigationProps>;
-export default PaginationNavigation;