@megafon/ui-core 6.2.0 → 7.0.0-beta.1

package/dist/lib/components/Tooltip/Tooltip.js

@@ -1,74 +1,50 @@
 "use strict";
 
-function _typeof3(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof3 = function _typeof3(obj) { return typeof obj; }; } else { _typeof3 = function _typeof3(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof3(obj); }
-
+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"] = exports.testIdPrefix = exports.Size = exports.ColorTheme = exports.TriggerEvent = exports.Paddings = exports.Placement = void 0;
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
+exports.testIdPrefix = exports["default"] = exports.TriggerEvent = exports.Size = exports.Placement = exports.Paddings = exports.ColorTheme = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-require("core-js/modules/es.object.values.js");
-
-require("core-js/modules/es.array.concat.js");
-
-var _react = _interopRequireWildcard(require("react"));
-
+var React = _interopRequireWildcard(require("react"));
 var _uiHelpers = require("@megafon/ui-helpers");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _reactPopper = require("react-popper");
-
 var _Header = _interopRequireDefault(require("../Header/Header"));
-
 var _Tile = _interopRequireDefault(require("../Tile/Tile"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
+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 RightArrow = function RightArrow(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+  }, 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["default"].createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+  }, 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 Arrow = function Arrow(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     width: 42,
     height: 12
-  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+  }, 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';
-var Placement = {
+var Placement = exports.Placement = {
   LEFT: 'left',
   LEFT_START: 'left-start',
   LEFT_END: 'left-end',
@@ -82,112 +58,101 @@ var Placement = {
   BOTTOM_START: 'bottom-start',
   BOTTOM_END: 'bottom-end'
 };
-exports.Placement = Placement;
-var Paddings = {
+var Paddings = exports.Paddings = {
   NONE: 'none',
   SMALL: 'small',
   MEDIUM: 'medium'
 };
-exports.Paddings = Paddings;
-var TriggerEvent = {
+var TriggerEvent = exports.TriggerEvent = {
   HOVER: 'hover',
   CLICK: 'click',
   CONTROLLED: 'controlled'
 };
-exports.TriggerEvent = TriggerEvent;
-var ColorTheme = {
+var ColorTheme = exports.ColorTheme = {
   WHITE: 'white',
   BLUE: 'blue',
   RED: 'red'
 };
-exports.ColorTheme = ColorTheme;
-var Size = {
+var Size = exports.Size = {
   SMALL: 'small',
   BIG: 'big'
 };
-exports.Size = Size;
-var testIdPrefix = 'Tooltip';
-exports.testIdPrefix = testIdPrefix;
+var testIdPrefix = exports.testIdPrefix = 'Tooltip';
 var cn = (0, _uiHelpers.cnCreate)('mfui-tooltip');
-
+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,
-      _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$isPortal = _ref.isPortal,
-      isPortal = _ref$isPortal === void 0 ? false : _ref$isPortal,
-      portalSelector = _ref.portalSelector,
-      children = _ref.children,
-      _ref$classes = _ref.classes;
-  _ref$classes = _ref$classes === void 0 ? {} : _ref$classes;
-  var rootClassName = _ref$classes.root,
-      arrowClassName = _ref$classes.arrow,
-      contentClassName = _ref$classes.content,
-      contentShadowClassName = _ref$classes.contentShadow,
-      dataAttrs = _ref.dataAttrs,
-      onOpen = _ref.onOpen,
-      onClose = _ref.onClose,
-      onClick = _ref.onClick,
-      onCloseButtonClick = _ref.onCloseButtonClick;
-
-  var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      popperElement = _useState2[0],
-      setPopperElement = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(null),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      arrowElement = _useState4[0],
-      setArrowElement = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(isOpened),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      isOpen = _useState6[0],
-      setIsOpen = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(false),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      isTouchDevice = _useState8[0],
-      setIsTouchDevice = _useState8[1];
-
+    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,
+    _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$isPortal = _ref.isPortal,
+    isPortal = _ref$isPortal === void 0 ? false : _ref$isPortal,
+    portalSelector = _ref.portalSelector,
+    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,
+    dataAttrs = _ref.dataAttrs,
+    onOpen = _ref.onOpen,
+    onClose = _ref.onClose,
+    onClick = _ref.onClick,
+    onCloseButtonClick = _ref.onCloseButtonClick;
+  var _useState = useState(null),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    popperElement = _useState2[0],
+    setPopperElement = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    arrowElement = _useState4[0],
+    setArrowElement = _useState4[1];
+  var _useState5 = useState(isOpened),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    isOpen = _useState6[0],
+    setIsOpen = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = (0, _slicedToArray2["default"])(_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["default"].useRef(null);
-
+  var portalElem = React.useRef(null);
   var isBigSize = size === Size.BIG;
   var hasTextMargin = !!title && isBigSize;
-  var clickEvent = (0, _react.useMemo)(function () {
+  var clickEvent = useMemo(function () {
     return isTouchDevice ? TOUCH_KEY : MOUSE_KEY;
   }, [isTouchDevice]);
-  var triggerEventName = (0, _react.useMemo)(function () {
+  var triggerEventName = useMemo(function () {
     if (triggerEvent === TriggerEvent.CONTROLLED || !isTouchDevice) {
       return triggerEvent;
     }
-
     return TriggerEvent.CLICK;
   }, [isTouchDevice, triggerEvent]);
-  var options = (0, _react.useMemo)(function () {
+  var options = useMemo(function () {
     return {
       placement: placement,
       modifiers: [{
@@ -221,62 +186,57 @@ var Tooltip = function Tooltip(_ref) {
       }]
     };
   }, [placement, arrowElement, currentBoundary, isOpen, fallbackPlacements]);
-
   var _usePopper = (0, _reactPopper.usePopper)(currentTarget, popperElement, options),
-      styles = _usePopper.styles,
-      attributes = _usePopper.attributes,
-      update = _usePopper.update;
-
-  (0, _react.useEffect)(function () {
+    styles = _usePopper.styles,
+    attributes = _usePopper.attributes,
+    update = _usePopper.update;
+  useEffect(function () {
     return setIsOpen(isOpened);
   }, [isOpened]);
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     update === null || update === void 0 ? void 0 : update();
   }, [children, update]);
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     return setIsTouchDevice((0, _uiHelpers.detectTouch)());
   }, []);
-  var closeTooltip = (0, _react.useCallback)(function (e) {
+  var closeTooltip = useCallback(function (e) {
     setIsOpen(false);
     onClose === null || onClose === void 0 ? void 0 : onClose(e);
   }, [onClose]);
-  var handleCloseButtonClick = (0, _react.useCallback)(function (e) {
+  var handleCloseButtonClick = useCallback(function (e) {
     setIsOpen(false);
     onCloseButtonClick === null || onCloseButtonClick === void 0 ? void 0 : onCloseButtonClick(e);
   }, [onCloseButtonClick]);
-  var handleMouseEnter = (0, _react.useCallback)(function (e) {
+  var handleMouseEnter = useCallback(function (e) {
     if (!isOpen) {
       setIsOpen(true);
       onOpen === null || onOpen === void 0 ? void 0 : onOpen(e);
     }
   }, [isOpen, onOpen]);
-  var handleClick = (0, _react.useCallback)(function (e) {
+  var handleClick = useCallback(function (e) {
     if (!(0, _uiHelpers.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 = (0, _react.useCallback)(function (e) {
+  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]);
-  (0, _react.useEffect)(function () {
+  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);
@@ -284,86 +244,78 @@ var Tooltip = function Tooltip(_ref) {
         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]);
-  (0, _react.useEffect)(function () {
+  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]);
-  (0, _react.useEffect)(function () {
+  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
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   []);
-  var renderedText = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement("div", {
+  var renderedText = useMemo(function () {
+    return /*#__PURE__*/React.createElement("div", {
       className: cn('text', {
         margin: hasTextMargin
       })
     }, text);
   }, [text, hasTextMargin]);
-  var renderedFullContent = (0, _react.useMemo)(function () {
+  var renderedFullContent = useMemo(function () {
     var hasButtonMargin = !!title || !!text;
     var hasChildrenMargin = hasButtonMargin || !!buttonText;
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !!title && /*#__PURE__*/_react["default"].createElement(_Header["default"], {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, !!title && /*#__PURE__*/React.createElement(_Header["default"], {
       className: cn('title'),
       as: "h5",
       space: "tight"
-    }, title), !!text && renderedText, !!buttonText && /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({
+    }, title), !!text && renderedText, !!buttonText && /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({
       type: "button",
       className: cn('button', {
         margin: hasButtonMargin
       })
     }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button), {
       onClick: onClick
-    }), buttonText, /*#__PURE__*/_react["default"].createElement(RightArrow, {
+    }), buttonText, /*#__PURE__*/React.createElement(RightArrow, {
       className: cn('button-arrow')
-    })), !!children && /*#__PURE__*/_react["default"].createElement("div", {
+    })), !!children && /*#__PURE__*/React.createElement("div", {
       className: cn('addititonal-content', {
         margin: hasChildrenMargin
       })
     }, children));
   }, [title, text, buttonText, children, dataAttrs, renderedText, onClick]);
-
-  var template = /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+  var template = /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       theme: theme,
       paddings: paddings,
@@ -373,30 +325,30 @@ var Tooltip = function Tooltip(_ref) {
     }, [className, rootClassName]),
     ref: setPopperElement,
     style: styles.popper
-  }, attributes.popper), /*#__PURE__*/_react["default"].createElement("div", {
+  }, attributes.popper), /*#__PURE__*/React.createElement("div", {
     className: cn('arrow-wrap'),
     ref: setArrowElement,
     style: styles.arrow
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: cn('arrow', [arrowClassName]),
     "data-testid": "".concat(testIdPrefix, "-arrow")
-  }, /*#__PURE__*/_react["default"].createElement(Arrow, {
+  }, /*#__PURE__*/React.createElement(Arrow, {
     className: cn('arrow-inner')
-  }))), /*#__PURE__*/_react["default"].createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: cn('content-wrap')
-  }, /*#__PURE__*/_react["default"].createElement(_Tile["default"], {
+  }, /*#__PURE__*/React.createElement(_Tile["default"], {
     radius: "rounded",
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.content
     },
     className: cn('content', [contentClassName])
-  }, hasCloseButton && /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.close), {
+  }, hasCloseButton && /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.close), {
     className: cn('close-button'),
     type: "button",
     onClick: handleCloseButtonClick
-  }), /*#__PURE__*/_react["default"].createElement(CancelIcon, {
+  }), /*#__PURE__*/React.createElement(CancelIcon, {
     className: cn('close-icon')
-  })), isBigSize && renderedFullContent, !isBigSize && !!text && renderedText), /*#__PURE__*/_react["default"].createElement(_Tile["default"], {
+  })), isBigSize && renderedFullContent, !isBigSize && !!text && renderedText), /*#__PURE__*/React.createElement(_Tile["default"], {
     radius: "rounded",
     shadowLevel: "pressed",
     className: cn('content-shadow', [contentShadowClassName]),
@@ -407,74 +359,14 @@ var Tooltip = function Tooltip(_ref) {
     }
   })));
   /* Не в эффекте, чтобы не создавать лишний перерендер компонента. Из-за синхронности кода в return уже будет элемент */
-
-
   if (isPortal && !portalElem.current && typeof window !== 'undefined') {
     portalElem.current = document.createElement('div');
     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["default"].createPortal(template, portalElem.current) : null;
   }
-
   return template;
 };
-
-Tooltip.propTypes = {
-  colorTheme: _propTypes["default"].oneOf(Object.values(ColorTheme)),
-  size: _propTypes["default"].oneOf(Object.values(Size)),
-  title: _propTypes["default"].string,
-  buttonText: _propTypes["default"].string,
-  text: _propTypes["default"].string,
-  hasCloseButton: _propTypes["default"].bool,
-  placement: _propTypes["default"].oneOf(Object.values(Placement)),
-  fallbackPlacements: _propTypes["default"].arrayOf(_propTypes["default"].oneOf(Object.values(Placement)).isRequired),
-  paddings: _propTypes["default"].oneOf(Object.values(Paddings)),
-  triggerEvent: _propTypes["default"].oneOf(Object.values(TriggerEvent)),
-  boundaryElement: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
-    current: _propTypes["default"].elementType
-  }), _propTypes["default"].any])]),
-  triggerElement: function triggerElement(props, propName, componentName, location) {
-    var prop = props[propName];
-    var isObject = (0, _typeof2["default"])(prop) === 'object' && prop !== null; // eslint-disable-next-line no-prototype-builtins
-
-    var hasPropCurrent = isObject && prop.hasOwnProperty('current');
-
-    if (prop === undefined) {
-      return new Error("The prop `".concat(propName, "` is marked as required in `").concat(componentName, "`, but its value is `undefined`."));
-    }
-
-    if (!isObject && !hasPropCurrent) {
-      return new Error("Invalid ".concat(location, " `").concat(propName, "` supplied to `").concat(componentName, "`, expected React.RefObject."));
-    }
-
-    return null;
-  },
-  targetElement: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
-    current: _propTypes["default"].elementType
-  }), _propTypes["default"].any])]),
-  isOpened: _propTypes["default"].bool,
-  isPortal: _propTypes["default"].bool,
-  portalSelector: _propTypes["default"].string,
-  className: _propTypes["default"].string,
-  classes: _propTypes["default"].shape({
-    root: _propTypes["default"].string,
-    arrow: _propTypes["default"].string,
-    content: _propTypes["default"].string,
-    contentShadow: _propTypes["default"].string
-  }),
-  dataAttrs: _propTypes["default"].shape({
-    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
-    close: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
-    button: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
-    content: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
-  }),
-  onOpen: _propTypes["default"].func,
-  onClose: _propTypes["default"].func,
-  onClick: _propTypes["default"].func,
-  onCloseButtonClick: _propTypes["default"].func
-};
-var _default = Tooltip;
-exports["default"] = _default;
+var _default = exports["default"] = Tooltip;

package/dist/lib/components/_Collapse/Collapse.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-collapse{overflow:hidden}

package/dist/{es/components/Collapse → lib/components/_Collapse}/Collapse.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import './Collapse.less';
-declare type CollapseDefaultProps = {
+import './Collapse.scss';
+type CollapseDefaultProps = {
     animation?: boolean;
     animationDuration?: number;
 };
-declare type CollapseProps = CollapseDefaultProps & {
+type CollapseProps = CollapseDefaultProps & {
     isOpened: boolean;
     children: React.ReactNode;
     className?: string;