@megafon/ui-core 8.16.3 → 8.17.1

package/dist/es/components/Tile/Tile.js

@@ -1,58 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import * as React from 'react';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import "./Tile.css";
-export var Theme = {
-  LIGHT: 'light',
-  DARK: 'dark'
-};
-export var Radius = {
-  DEFAULT: 'default',
-  ROUNDED: 'rounded'
-};
-export var ShadowLevel = {
-  ZERO: 'zero',
-  DEFAULT: 'default',
-  HOVER: 'hover',
-  PRESSED: 'pressed'
-};
-var cn = cnCreate('mfui-tile');
-var Tile = function Tile(_ref) {
-  var href = _ref.href,
-    children = _ref.children,
-    className = _ref.className,
-    _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? 'light' : _ref$theme,
-    _ref$shadowLevel = _ref.shadowLevel,
-    shadowLevel = _ref$shadowLevel === void 0 ? 'zero' : _ref$shadowLevel,
-    _ref$radius = _ref.radius,
-    radius = _ref$radius === void 0 ? 'default' : _ref$radius,
-    _ref$isInteractive = _ref.isInteractive,
-    isInteractive = _ref$isInteractive === void 0 ? false : _ref$isInteractive,
-    onClick = _ref.onClick,
-    dataAttrs = _ref.dataAttrs,
-    _ref$target = _ref.target,
-    target = _ref$target === void 0 ? '_self' : _ref$target,
-    rel = _ref.rel;
-  var handleClick = function handleClick(e) {
-    onClick === null || onClick === void 0 ? void 0 : onClick(e);
-  };
-  var isPointer = !!href || isInteractive;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: cn({
-      // TODO: переименовать в shadowColor
-      theme: theme,
-      radius: radius,
-      shadow: shadowLevel,
-      pointer: isPointer,
-      interactive: isInteractive
-    }, className),
-    onClick: handleClick
-  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), href && /*#__PURE__*/React.createElement("a", {
-    href: href,
-    className: cn('link'),
-    target: target,
-    rel: rel
-  }, children), !href && children);
-};
-export default Tile;

package/dist/es/components/Tooltip/Tooltip.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-tooltip-container{height:100vh;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100vw;z-index:100}.mfui-tooltip{opacity:0;pointer-events:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity,visibility;transition-property:opacity,visibility;visibility:hidden;z-index:100}.mfui-tooltip_open{opacity:1;pointer-events:all;visibility:visible}.mfui-tooltip_paddings_small .mfui-tooltip__content{padding:16px}.mfui-tooltip_paddings_medium .mfui-tooltip__content{padding:24px}.mfui-tooltip__content{overflow:hidden;position:relative;z-index:1}.mfui-tooltip__content-shadow{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.mfui-tooltip__arrow-container{position:absolute}.mfui-tooltip__arrow-wrap{height:13px;width:33px}.mfui-tooltip_theme_white .mfui-tooltip__arrow-wrap{z-index:2}.mfui-tooltip__arrow{display:-webkit-box;display:-ms-flexbox;display:flex;height:13px;position:absolute;width:33px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-tooltip__arrow svg{position:absolute}.mfui-tooltip__arrow-inner{-webkit-filter:drop-shadow(0 2px 9px rgba(0,0,0,.15));filter:drop-shadow(0 2px 9px rgba(0,0,0,.15));fill:var(--base)}.mfui-tooltip_theme_white .mfui-tooltip__arrow-inner{-webkit-filter:drop-shadow(0 -2px 1px rgba(0,0,0,.05));filter:drop-shadow(0 -2px 1px rgba(0,0,0,.05));top:1px}@-moz-document url-prefix(""){.mfui-tooltip_theme_white .mfui-tooltip__arrow-inner_top{filter:drop-shadow(0 2px 1px rgba(0,0,0,.05))}}.mfui-tooltip_theme_white .mfui-tooltip__arrow-inner path:nth-child(2){fill:var(--stcWhite10)}.mfui-tooltip__text{font-size:15px;line-height:24px}@media screen and (max-width:767px){.mfui-tooltip__text{font-size:12px;line-height:18px}}.mfui-tooltip__text_margin{margin-top:8px}.mfui-tooltip__button,.mfui-tooltip__close-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;padding:0}.mfui-tooltip__button{background-color:transparent;color:var(--brandGreen);font-family:inherit;font-size:15px;font-weight:500;line-height:18px;-webkit-transition:.3s;transition:.3s}@media screen and (max-width:767px){.mfui-tooltip__button{font-size:12px;line-height:14px}}.mfui-tooltip__button_margin{margin-top:8px}.mfui-tooltip__button:hover{color:var(--buttonHoverGreen)}.mfui-tooltip__button:hover .mfui-tooltip__button-arrow{fill:var(--buttonHoverGreen)}.mfui-tooltip__button:active{color:var(--buttonDown)}.mfui-tooltip__button:active .mfui-tooltip__button-arrow{fill:var(--buttonDown)}.mfui-tooltip__close-button{position:relative;right:-6px;top:-6px;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--spbSky0);border-radius:12px;float:right;height:24px;justify-content:center;-webkit-transition:.3s;transition:.3s;width:24px}.mfui-tooltip__close-button:hover{background-color:var(--spbSky1)}.mfui-tooltip__close-button:active{background-color:var(--spbSky2)}.mfui-tooltip__close-icon{display:block;height:20px;opacity:.5;width:20px;fill:var(--content)}.mfui-tooltip__button-arrow{height:20px;margin-bottom:-2px;min-width:20px;-webkit-transition:.3s;transition:.3s;width:20px;fill:var(--brandGreen)}.mfui-tooltip__addititonal-content_margin{margin-top:16px}@media screen and (max-width:767px){.mfui-tooltip__addititonal-content_margin{margin-top:12px}}.mfui-tooltip_small .mfui-tooltip__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-tooltip_small .mfui-tooltip__text{font-weight:500}.mfui-tooltip_small .mfui-tooltip__close-button{top:auto}.mfui-tooltip_theme_white .mfui-tooltip__content{border:1px solid var(--stcWhite10)}.mfui-tooltip_theme_blue .mfui-tooltip__arrow:before,.mfui-tooltip_theme_blue .mfui-tooltip__button,.mfui-tooltip_theme_blue .mfui-tooltip__content,.mfui-tooltip_theme_blue .mfui-tooltip__title,.mfui-tooltip_theme_red .mfui-tooltip__arrow:before,.mfui-tooltip_theme_red .mfui-tooltip__button,.mfui-tooltip_theme_red .mfui-tooltip__content,.mfui-tooltip_theme_red .mfui-tooltip__title{color:var(--stcWhite)}.mfui-tooltip_theme_blue .mfui-tooltip__button-arrow,.mfui-tooltip_theme_red .mfui-tooltip__button-arrow{fill:var(--stcWhite)}.mfui-tooltip_theme_blue .mfui-tooltip__button:hover,.mfui-tooltip_theme_red .mfui-tooltip__button:hover{color:var(--buttonHoverGrey)}.mfui-tooltip_theme_blue .mfui-tooltip__button:hover .mfui-tooltip__button-arrow,.mfui-tooltip_theme_red .mfui-tooltip__button:hover .mfui-tooltip__button-arrow{fill:var(--buttonHoverGrey)}.mfui-tooltip_theme_blue .mfui-tooltip__button:active,.mfui-tooltip_theme_red .mfui-tooltip__button:active{color:var(--buttonDown)}.mfui-tooltip_theme_blue .mfui-tooltip__button:active .mfui-tooltip__button-arrow,.mfui-tooltip_theme_red .mfui-tooltip__button:active .mfui-tooltip__button-arrow{fill:var(--buttonDown)}.mfui-tooltip_theme_blue .mfui-tooltip__close-button,.mfui-tooltip_theme_red .mfui-tooltip__close-button{background-color:var(--stcWhite10)}.mfui-tooltip_theme_blue .mfui-tooltip__close-button:hover,.mfui-tooltip_theme_red .mfui-tooltip__close-button:hover{background-color:var(--stcWhite20)}.mfui-tooltip_theme_blue .mfui-tooltip__close-button:active,.mfui-tooltip_theme_red .mfui-tooltip__close-button:active{background-color:var(--stcWhite50)}.mfui-tooltip_theme_blue .mfui-tooltip__close-icon,.mfui-tooltip_theme_red .mfui-tooltip__close-icon{opacity:1;fill:var(--stcWhite)}.mfui-tooltip_theme_red .mfui-tooltip__arrow:before,.mfui-tooltip_theme_red .mfui-tooltip__content,.mfui-tooltip_theme_red .mfui-tooltip__content-shadow{background-color:var(--fury80)}.mfui-tooltip_theme_red .mfui-tooltip__arrow-inner{fill:var(--fury80)}.mfui-tooltip_theme_blue .mfui-tooltip__arrow:before,.mfui-tooltip_theme_blue .mfui-tooltip__content,.mfui-tooltip_theme_blue .mfui-tooltip__content-shadow{background-color:var(--night)}.mfui-tooltip_theme_blue .mfui-tooltip__arrow-inner{fill:var(--night)}.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__content-shadow{-webkit-transform:translateX(24px);transform:translateX(24px)}.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__arrow-wrap{left:3px}.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__arrow-shadow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.mfui-tooltip_offset_small[data-popper-placement=right-end] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=right-end] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=right-start] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=right-start] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=right] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=right] .mfui-tooltip__content-shadow{-webkit-transform:translateX(15px);transform:translateX(15px)}.mfui-tooltip_offset_small[data-popper-placement=right-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=right-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=right] .mfui-tooltip__arrow-wrap{left:-6px}.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__content-shadow{-webkit-transform:translateX(-24px);transform:translateX(-24px)}.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__arrow-wrap{right:3px}.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__arrow-shadow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.mfui-tooltip_offset_small[data-popper-placement=left-end] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=left-end] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=left-start] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=left-start] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=left] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=left] .mfui-tooltip__content-shadow{-webkit-transform:translateX(-15px);transform:translateX(-15px)}.mfui-tooltip_offset_small[data-popper-placement=left-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=left-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=left] .mfui-tooltip__arrow-wrap{right:-6px}.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__content-shadow{-webkit-transform:translateY(-24px);transform:translateY(-24px)}.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__arrow-wrap{bottom:13px}.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__arrow-shadow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mfui-tooltip_offset_small[data-popper-placement=top-end] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=top-end] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=top-start] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=top-start] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=top] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=top] .mfui-tooltip__content-shadow{-webkit-transform:translateY(-15px);transform:translateY(-15px)}.mfui-tooltip_offset_small[data-popper-placement=top-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=top-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=top] .mfui-tooltip__arrow-wrap{bottom:4px}.mfui-tooltip[data-popper-placement=bottom-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=bottom-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=bottom-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=bottom-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=bottom] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=bottom] .mfui-tooltip__content-shadow{-webkit-transform:translateY(24px);transform:translateY(24px)}.mfui-tooltip[data-popper-placement=bottom-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=bottom-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=bottom] .mfui-tooltip__arrow-wrap{top:13px}.mfui-tooltip_offset_small[data-popper-placement=bottom-end] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=bottom-end] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=bottom-start] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=bottom-start] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=bottom] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=bottom] .mfui-tooltip__content-shadow{-webkit-transform:translateY(15px);transform:translateY(15px)}.mfui-tooltip_offset_small[data-popper-placement=bottom-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=bottom-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=bottom] .mfui-tooltip__arrow-wrap{top:4px}.mfui-tooltip[data-popper-escaped=true].mfui-tooltip_has-escape{pointer-events:none;visibility:hidden}

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

@@ -1,123 +0,0 @@
-import * as React from 'react';
-import { AccessibilityEventType } from '@megafon/ui-helpers';
-import type { AccessibilityEventTypeNative } from '@megafon/ui-helpers';
-import './Tooltip.scss';
-export declare const Placement: {
-    readonly LEFT: "left";
-    readonly LEFT_START: "left-start";
-    readonly LEFT_END: "left-end";
-    readonly TOP: "top";
-    readonly TOP_START: "top-start";
-    readonly TOP_END: "top-end";
-    readonly RIGHT: "right";
-    readonly RIGHT_START: "right-start";
-    readonly RIGHT_END: "right-end";
-    readonly BOTTOM: "bottom";
-    readonly BOTTOM_START: "bottom-start";
-    readonly BOTTOM_END: "bottom-end";
-};
-type PlacementType = (typeof Placement)[keyof typeof Placement];
-export declare const Paddings: {
-    readonly NONE: "none";
-    readonly SMALL: "small";
-    readonly MEDIUM: "medium";
-};
-type PaddingsType = (typeof Paddings)[keyof typeof Paddings];
-export declare const Offset: {
-    readonly SMALL: "small";
-};
-type OffsetType = (typeof Offset)[keyof typeof Offset];
-export declare const TriggerEvent: {
-    readonly HOVER: "hover";
-    readonly CLICK: "click";
-    readonly CONTROLLED: "controlled";
-};
-type TriggerEventType = (typeof TriggerEvent)[keyof typeof TriggerEvent];
-export declare const ColorTheme: {
-    readonly WHITE: "white";
-    readonly BLUE: "blue";
-    readonly RED: "red";
-};
-type ColorThemeType = (typeof ColorTheme)[keyof typeof ColorTheme];
-export declare const Size: {
-    readonly SMALL: "small";
-    readonly BIG: "big";
-};
-type SizeType = (typeof Size)[keyof typeof Size];
-export declare const Strategy: {
-    readonly ABSOLUTE: "absolute";
-    readonly FIXED: "fixed";
-};
-type StrategyType = (typeof Strategy)[keyof typeof Strategy];
-export interface ITooltipProps {
-    /** Цветовая тема */
-    colorTheme?: ColorThemeType;
-    /** Размер тултипа */
-    size?: SizeType;
-    /** Заголовок */
-    title?: string;
-    /** Текст кнопки */
-    buttonText?: string;
-    /** Текст */
-    text?: string;
-    /** Наличие кнопки-крестика "Закрыть" */
-    hasCloseButton?: boolean;
-    /** Позиционирование относительно триггер-элемента */
-    placement?: PlacementType;
-    /** Направления перестроения тултипа при переполнении */
-    fallbackPlacements?: PlacementType[];
-    /** Размер отступов от контента */
-    paddings?: PaddingsType;
-    /** Смещение тултипа относительно триггер-элемента */
-    offset?: OffsetType;
-    /** Тип взаимодействия с триггер-элементом для показа тултипа */
-    triggerEvent?: TriggerEventType;
-    /** Реф на элемент, за границы которого тултип не сможет выйти. По умолчанию viewport  */
-    boundaryElement?: React.RefObject<HTMLElement>;
-    /** Реф на триггер-элемент */
-    triggerElement: React.RefObject<HTMLElement>;
-    /** Реф элемента, на который указывает стрелка тултипа. По умолчанию стрелка указывает на triggerElement. */
-    targetElement?: React.RefObject<HTMLElement>;
-    /** Управление состоянием. Компонент поддерживает контроллируемое и неконтроллируемое состояние. */
-    isOpened?: boolean;
-    /** Пересчет позиции тултипа в скрытом состоянии при изменении размера окна */
-    isHiddenResize?: boolean;
-    /** Отрендерить компонент в корневой элементе страницы body */
-    isPortal?: boolean;
-    /** Рендеринг компонента в указанном селекторе */
-    portalSelector?: string;
-    /** Предотвратить появление скролла при рендере тултипа в body */
-    portalPreventScroll?: boolean;
-    /** Определяет позиционирование тултипа  */
-    strategy?: StrategyType;
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Дополнительные классы для внутренних элементов */
-    classes?: {
-        root?: string;
-        arrow?: string;
-        content?: string;
-        contentShadow?: string;
-        close?: string;
-        button?: string;
-    };
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        close?: Record<string, string>;
-        button?: Record<string, string>;
-        content?: Record<string, string>;
-    };
-    children?: React.ReactNode;
-    /** Обработчик на открытие */
-    onOpen?: (e: AccessibilityEventTypeNative | FocusEvent) => void;
-    /** Обработчик на закрытие */
-    onClose?: (e: AccessibilityEventTypeNative | FocusEvent) => void;
-    /** Обработчик на клик по кнопке закрытия */
-    onCloseButtonClick?: (e: AccessibilityEventType) => void;
-    /** Обработчик клика по кнопке */
-    onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
-}
-export declare const testIdPrefix = "Tooltip";
-declare const Tooltip: React.FC<ITooltipProps>;
-export default Tooltip;

package/dist/es/components/Tooltip/Tooltip.js

@@ -1,402 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _extends from "@babel/runtime/helpers/extends";
-import * as React from 'react';
-import { cnCreate, detectTouch, checkNativeEventIsClickOrEnterPress, filterDataAttrs } from '@megafon/ui-helpers';
-import ReactDOM from 'react-dom';
-import { usePopper } from 'react-popper';
-import Header from "../Header/Header";
-import Tile from "../Tile/Tile";
-import "./Tooltip.css";
-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 CancelIcon = function CancelIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    className: "CancelIcon__st0",
-    d: "M10 8.8L6.2 5 5 6.2 8.8 10 5 13.8 6.2 15l3.8-3.8 3.8 3.8 1.2-1.2-3.8-3.8L15 6.2 13.8 5 10 8.8z"
-  }));
-};
-var ArrowWithContour = function ArrowWithContour(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 32,
-    height: 12
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M14.878.894c.852-.955 2.39-.954 3.241.002C21.128 4.278 27.71 11 32.5 11H.5C5.261 11 11.86 4.275 14.878.894z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M18.119.718c2.295 2.58 6.67 7.103 10.742 9.104 1.266.622 2.503 1 3.639 1h-3.858l-1.829-1a28.919 28.919 0 01-2.797-2.004c-2.684-2.154-5.124-4.726-6.644-6.435a1.19 1.19 0 00-1.748-.002C14.1 3.09 11.654 5.662 8.969 7.816a29.088 29.088 0 01-2.8 2.006l-2.045 1H.5c1.129 0 2.361-.378 3.624-1C8.19 7.82 12.576 3.295 14.878.715c.852-.955 2.39-.953 3.241.003z"
-  }));
-};
-var Arrow = function Arrow(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 42,
-    height: 12
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M19.212 1.081c.91-1.06 2.666-1.06 3.576 0C25.986 4.804 33.183 11.822 42 11.822H0c8.817 0 16.014-7.018 19.212-10.74z"
-  }));
-};
-var TOOLTIP_PADDING_FOR_FLIP = 14;
-var MOUSE_KEY = 'mousedown';
-var TOUCH_KEY = 'touchstart';
-export var Placement = {
-  LEFT: 'left',
-  LEFT_START: 'left-start',
-  LEFT_END: 'left-end',
-  TOP: 'top',
-  TOP_START: 'top-start',
-  TOP_END: 'top-end',
-  RIGHT: 'right',
-  RIGHT_START: 'right-start',
-  RIGHT_END: 'right-end',
-  BOTTOM: 'bottom',
-  BOTTOM_START: 'bottom-start',
-  BOTTOM_END: 'bottom-end'
-};
-export var Paddings = {
-  NONE: 'none',
-  SMALL: 'small',
-  MEDIUM: 'medium'
-};
-export var Offset = {
-  SMALL: 'small'
-};
-export var TriggerEvent = {
-  HOVER: 'hover',
-  CLICK: 'click',
-  CONTROLLED: 'controlled'
-};
-export var ColorTheme = {
-  WHITE: 'white',
-  BLUE: 'blue',
-  RED: 'red'
-};
-export var Size = {
-  SMALL: 'small',
-  BIG: 'big'
-};
-export var Strategy = {
-  ABSOLUTE: 'absolute',
-  FIXED: 'fixed'
-};
-export var testIdPrefix = 'Tooltip';
-var cn = cnCreate('mfui-tooltip');
-var cnContainer = cnCreate('mfui-tooltip-container');
-var useState = React.useState,
-  useCallback = React.useCallback,
-  useEffect = React.useEffect,
-  useMemo = React.useMemo;
-var Tooltip = function Tooltip(_ref) {
-  var className = _ref.className,
-    title = _ref.title,
-    text = _ref.text,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'big' : _ref$size,
-    buttonText = _ref.buttonText,
-    hasCloseButton = _ref.hasCloseButton,
-    _ref$colorTheme = _ref.colorTheme,
-    theme = _ref$colorTheme === void 0 ? 'white' : _ref$colorTheme,
-    _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? 'top' : _ref$placement,
-    _ref$fallbackPlacemen = _ref.fallbackPlacements,
-    fallbackPlacements = _ref$fallbackPlacemen === void 0 ? ['left', 'right', 'top', 'bottom'] : _ref$fallbackPlacemen,
-    _ref$paddings = _ref.paddings,
-    paddings = _ref$paddings === void 0 ? 'small' : _ref$paddings,
-    offset = _ref.offset,
-    _ref$triggerEvent = _ref.triggerEvent,
-    triggerEvent = _ref$triggerEvent === void 0 ? 'hover' : _ref$triggerEvent,
-    boundaryElement = _ref.boundaryElement,
-    triggerElement = _ref.triggerElement,
-    targetElement = _ref.targetElement,
-    _ref$isOpened = _ref.isOpened,
-    isOpened = _ref$isOpened === void 0 ? false : _ref$isOpened,
-    _ref$isHiddenResize = _ref.isHiddenResize,
-    isHiddenResize = _ref$isHiddenResize === void 0 ? false : _ref$isHiddenResize,
-    _ref$isPortal = _ref.isPortal,
-    isPortal = _ref$isPortal === void 0 ? false : _ref$isPortal,
-    portalSelector = _ref.portalSelector,
-    _ref$portalPreventScr = _ref.portalPreventScroll,
-    portalPreventScroll = _ref$portalPreventScr === void 0 ? false : _ref$portalPreventScr,
-    _ref$strategy = _ref.strategy,
-    strategy = _ref$strategy === void 0 ? 'absolute' : _ref$strategy,
-    children = _ref.children,
-    _ref$classes = _ref.classes,
-    _ref$classes2 = _ref$classes === void 0 ? {} : _ref$classes,
-    rootClassName = _ref$classes2.root,
-    arrowClassName = _ref$classes2.arrow,
-    contentClassName = _ref$classes2.content,
-    contentShadowClassName = _ref$classes2.contentShadow,
-    closeButtonClassName = _ref$classes2.close,
-    buttonClassName = _ref$classes2.button,
-    dataAttrs = _ref.dataAttrs,
-    onOpen = _ref.onOpen,
-    onClose = _ref.onClose,
-    onClick = _ref.onClick,
-    onCloseButtonClick = _ref.onCloseButtonClick;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    popperElement = _useState2[0],
-    setPopperElement = _useState2[1];
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    arrowElement = _useState4[0],
-    setArrowElement = _useState4[1];
-  var _useState5 = useState(isOpened),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isOpen = _useState6[0],
-    setIsOpen = _useState6[1];
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    isTouchDevice = _useState8[0],
-    setIsTouchDevice = _useState8[1];
-  var currentTrigger = triggerElement.current;
-  var currentTarget = (targetElement === null || targetElement === void 0 ? void 0 : targetElement.current) || currentTrigger;
-  var currentBoundary = boundaryElement === null || boundaryElement === void 0 ? void 0 : boundaryElement.current;
-  var portalElem = React.useRef(null);
-  var isBigSize = size === Size.BIG;
-  var hasTextMargin = !!title && isBigSize;
-  var clickEvent = useMemo(function () {
-    return isTouchDevice ? TOUCH_KEY : MOUSE_KEY;
-  }, [isTouchDevice]);
-  var triggerEventName = useMemo(function () {
-    if (triggerEvent === TriggerEvent.CONTROLLED || !isTouchDevice) {
-      return triggerEvent;
-    }
-    return TriggerEvent.CLICK;
-  }, [isTouchDevice, triggerEvent]);
-  var options = useMemo(function () {
-    return {
-      placement: placement,
-      strategy: strategy,
-      modifiers: [{
-        name: 'arrow',
-        options: {
-          element: arrowElement,
-          padding: {
-            top: 18,
-            right: 8,
-            bottom: 18,
-            left: 8
-          }
-        }
-      }, {
-        name: 'flip',
-        options: {
-          fallbackPlacements: fallbackPlacements,
-          padding: TOOLTIP_PADDING_FOR_FLIP
-        }
-      }, {
-        name: 'eventListeners',
-        options: {
-          scroll: isOpen,
-          resize: isHiddenResize || isOpen
-        }
-      }, {
-        name: 'preventOverflow',
-        options: {
-          boundary: currentBoundary
-        }
-      }]
-    };
-  }, [placement, strategy, arrowElement, fallbackPlacements, isOpen, isHiddenResize, currentBoundary]);
-  var _usePopper = usePopper(currentTarget, popperElement, options),
-    styles = _usePopper.styles,
-    attributes = _usePopper.attributes,
-    update = _usePopper.update,
-    state = _usePopper.state;
-  useEffect(function () {
-    return setIsOpen(isOpened);
-  }, [isOpened]);
-  useEffect(function () {
-    update === null || update === void 0 ? void 0 : update();
-  }, [children, update]);
-  useEffect(function () {
-    return setIsTouchDevice(detectTouch());
-  }, []);
-  var closeTooltip = useCallback(function (e) {
-    setIsOpen(false);
-    onClose === null || onClose === void 0 ? void 0 : onClose(e);
-  }, [onClose]);
-  var handleCloseButtonClick = useCallback(function (e) {
-    setIsOpen(false);
-    onCloseButtonClick === null || onCloseButtonClick === void 0 ? void 0 : onCloseButtonClick(e);
-  }, [onCloseButtonClick]);
-  var handleMouseEnter = useCallback(function (e) {
-    if (!isOpen) {
-      setIsOpen(true);
-      onOpen === null || onOpen === void 0 ? void 0 : onOpen(e);
-    }
-  }, [isOpen, onOpen]);
-  var handleClick = useCallback(function (e) {
-    if (!checkNativeEventIsClickOrEnterPress(e)) {
-      return;
-    }
-    setIsOpen(function (open) {
-      return !open;
-    });
-    if (!isOpen) {
-      onOpen === null || onOpen === void 0 ? void 0 : onOpen(e);
-    } else {
-      onClose === null || onClose === void 0 ? void 0 : onClose(e);
-    }
-  }, [isOpen, onOpen, onClose]);
-  var handleOutsideEvent = useCallback(function (e) {
-    var isTargetInPopper = e.target instanceof Element && popperElement && popperElement.contains(e.target);
-    var isTargetInTrigger = e.target instanceof Element && currentTrigger && currentTrigger.contains(e.target);
-    !isTargetInPopper && !isTargetInTrigger && closeTooltip(e);
-  }, [closeTooltip, currentTrigger, popperElement]);
-  useEffect(function () {
-    if (triggerEventName === TriggerEvent.HOVER) {
-      if (currentTrigger) {
-        currentTrigger.addEventListener('mouseenter', handleMouseEnter);
-        currentTrigger.addEventListener('focus', handleMouseEnter);
-      }
-      if (isOpen) {
-        document.addEventListener('mouseover', handleOutsideEvent);
-        currentTrigger === null || currentTrigger === void 0 ? void 0 : currentTrigger.addEventListener('blur', closeTooltip);
-      } else {
-        document.removeEventListener('mouseover', handleOutsideEvent);
-        currentTrigger === null || currentTrigger === void 0 ? void 0 : currentTrigger.removeEventListener('blur', closeTooltip);
-      }
-      return function () {
-        if (currentTrigger) {
-          currentTrigger.removeEventListener('mouseenter', handleMouseEnter);
-          currentTrigger.removeEventListener('focus', handleMouseEnter);
-        }
-        document.removeEventListener('mouseover', handleOutsideEvent);
-      };
-    }
-    return undefined;
-  }, [triggerEventName, isOpen, currentTrigger, handleOutsideEvent, handleMouseEnter, closeTooltip]);
-  useEffect(function () {
-    if (triggerEventName === TriggerEvent.CLICK) {
-      if (currentTrigger) {
-        currentTrigger.addEventListener(clickEvent, handleClick);
-        currentTrigger.addEventListener('keydown', handleClick);
-      }
-      if (isOpen) {
-        document.addEventListener(clickEvent, handleOutsideEvent);
-      } else {
-        document.removeEventListener(clickEvent, handleOutsideEvent);
-      }
-      return function () {
-        if (currentTrigger) {
-          currentTrigger.removeEventListener(clickEvent, handleClick);
-          currentTrigger.removeEventListener('keydown', handleClick);
-        }
-        document.removeEventListener(clickEvent, handleOutsideEvent);
-      };
-    }
-    return undefined;
-  }, [triggerEventName, isOpen, currentTrigger, handleOutsideEvent, handleClick, clickEvent]);
-  useEffect(function () {
-    return function () {
-      if (portalElem.current) {
-        var parent = portalSelector ? document.querySelector(portalSelector) : document.body;
-        parent === null || parent === void 0 ? void 0 : parent.removeChild(portalElem.current);
-      }
-      portalElem.current = null;
-    };
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  []);
-  var renderedText = useMemo(function () {
-    return /*#__PURE__*/React.createElement("div", {
-      className: cn('text', {
-        margin: hasTextMargin
-      })
-    }, text);
-  }, [text, hasTextMargin]);
-  var renderedFullContent = useMemo(function () {
-    var hasButtonMargin = !!title || !!text;
-    var hasChildrenMargin = hasButtonMargin || !!buttonText;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, !!title && /*#__PURE__*/React.createElement(Header, {
-      className: cn('title'),
-      as: "h5",
-      space: "tight"
-    }, title), !!text && renderedText, !!buttonText && /*#__PURE__*/React.createElement("button", _extends({
-      type: "button",
-      className: cn('button', {
-        margin: hasButtonMargin
-      }, [buttonClassName])
-    }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button), {
-      onClick: onClick
-    }), buttonText, /*#__PURE__*/React.createElement(RightArrow, {
-      className: cn('button-arrow')
-    })), !!children && /*#__PURE__*/React.createElement("div", {
-      className: cn('addititonal-content', {
-        margin: hasChildrenMargin
-      })
-    }, children));
-  }, [title, text, buttonText, children, dataAttrs, renderedText, onClick, buttonClassName]);
-  var template = /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      theme: theme,
-      paddings: paddings,
-      offset: offset,
-      open: isOpen,
-      small: !isBigSize,
-      'has-escape': !targetElement
-    }, [className, rootClassName]),
-    ref: setPopperElement,
-    style: styles.popper
-  }, attributes.popper), /*#__PURE__*/React.createElement("div", {
-    className: cn('arrow-wrap'),
-    ref: setArrowElement,
-    style: styles.arrow
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('arrow', [arrowClassName]),
-    "data-testid": "".concat(testIdPrefix, "-arrow")
-  }, theme === 'white' ? /*#__PURE__*/React.createElement(ArrowWithContour, {
-    className: cn('arrow-inner', {
-      top: (state === null || state === void 0 ? void 0 : state.placement) === 'top'
-    })
-  }) : /*#__PURE__*/React.createElement(Arrow, {
-    className: cn('arrow-inner')
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: cn('content-wrap')
-  }, /*#__PURE__*/React.createElement(Tile, {
-    radius: "rounded",
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.content
-    },
-    className: cn('content', [contentClassName])
-  }, hasCloseButton && /*#__PURE__*/React.createElement("button", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.close), {
-    className: cn('close-button', [closeButtonClassName]),
-    type: "button",
-    onClick: handleCloseButtonClick
-  }), /*#__PURE__*/React.createElement(CancelIcon, {
-    className: cn('close-icon')
-  })), isBigSize && renderedFullContent, !isBigSize && !!text && renderedText), /*#__PURE__*/React.createElement(Tile, {
-    radius: "rounded",
-    shadowLevel: "pressed",
-    className: cn('content-shadow', [contentShadowClassName]),
-    dataAttrs: {
-      root: {
-        'data-testid': "".concat(testIdPrefix, "-content-shadow")
-      }
-    }
-  })));
-  /* Не в эффекте, чтобы не создавать лишний перерендер компонента. Из-за синхронности кода в return уже будет элемент */
-  if (isPortal && !portalElem.current && typeof window !== 'undefined') {
-    portalElem.current = document.createElement('div');
-    portalPreventScroll && portalElem.current.setAttribute('class', cnContainer());
-    var parent = portalSelector ? document.querySelector(portalSelector) : document.body;
-    parent === null || parent === void 0 ? void 0 : parent.appendChild(portalElem.current);
-  }
-  if (isPortal && portalElem.current) {
-    return portalElem.current ? /*#__PURE__*/ReactDOM.createPortal(template, portalElem.current) : null;
-  }
-  return template;
-};
-export default Tooltip;

package/dist/es/components/UploadForm/UploadField/UploadField.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-upload-field{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:455px;position:relative;width:100%}.mfui-upload-field__input{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;clip:rect(0 0 0 0);clip-path:inset(100%)}

package/dist/es/components/UploadForm/UploadField/UploadField.d.ts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import './UploadField.scss';
-export interface IUploadDropField {
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Обязательность поля */
-    required?: boolean;
-    /** Заблокированное состояние */
-    disabled?: boolean;
-    /** Действие при выборе файла */
-    onChange: (files: File[]) => void;
-    /** Дополнительная информация */
-    description?: string | string[];
-    /** Список допустимых типов файлов для внутреннего input */
-    accept?: string;
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        input?: Record<string, string>;
-        dropArea?: Record<string, string>;
-    };
-}
-declare const UploadField: React.FC<IUploadDropField>;
-export default UploadField;