@megafon/ui-core 6.0.0-beta.4 → 6.0.1

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

@@ -1,50 +1,74 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.testIdPrefix = exports["default"] = exports.TriggerEvent = exports.Size = exports.Placement = exports.Paddings = exports.ColorTheme = void 0;
+exports["default"] = exports.testIdPrefix = exports.Size = exports.ColorTheme = exports.TriggerEvent = exports.Paddings = exports.Placement = void 0;
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
+
+require("core-js/modules/es.object.values.js");
+
+require("core-js/modules/es.array.concat.js");
+
+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(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 && Object.prototype.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 _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 }; }
+
 var RightArrow = function RightArrow(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M8 13l3-3-3-3 1-1 4 4-4 4z"
   }));
 };
+
 var CancelIcon = function CancelIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/_react["default"].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.createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
     width: 42,
     height: 12
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/_react["default"].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 = exports.Placement = {
+var Placement = {
   LEFT: 'left',
   LEFT_START: 'left-start',
   LEFT_END: 'left-end',
@@ -58,101 +82,112 @@ var Placement = exports.Placement = {
   BOTTOM_START: 'bottom-start',
   BOTTOM_END: 'bottom-end'
 };
-var Paddings = exports.Paddings = {
+exports.Placement = Placement;
+var Paddings = {
   NONE: 'none',
   SMALL: 'small',
   MEDIUM: 'medium'
 };
-var TriggerEvent = exports.TriggerEvent = {
+exports.Paddings = Paddings;
+var TriggerEvent = {
   HOVER: 'hover',
   CLICK: 'click',
   CONTROLLED: 'controlled'
 };
-var ColorTheme = exports.ColorTheme = {
+exports.TriggerEvent = TriggerEvent;
+var ColorTheme = {
   WHITE: 'white',
   BLUE: 'blue',
   RED: 'red'
 };
-var Size = exports.Size = {
+exports.ColorTheme = ColorTheme;
+var Size = {
   SMALL: 'small',
   BIG: 'big'
 };
-var testIdPrefix = exports.testIdPrefix = 'Tooltip';
+exports.Size = Size;
+var testIdPrefix = 'Tooltip';
+exports.testIdPrefix = testIdPrefix;
 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$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];
+      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];
+
   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 portalElem = _react["default"].useRef(null);
+
   var isBigSize = size === Size.BIG;
   var hasTextMargin = !!title && isBigSize;
-  var clickEvent = useMemo(function () {
+  var clickEvent = (0, _react.useMemo)(function () {
     return isTouchDevice ? TOUCH_KEY : MOUSE_KEY;
   }, [isTouchDevice]);
-  var triggerEventName = useMemo(function () {
+  var triggerEventName = (0, _react.useMemo)(function () {
     if (triggerEvent === TriggerEvent.CONTROLLED || !isTouchDevice) {
       return triggerEvent;
     }
+
     return TriggerEvent.CLICK;
   }, [isTouchDevice, triggerEvent]);
-  var options = useMemo(function () {
+  var options = (0, _react.useMemo)(function () {
     return {
       placement: placement,
       modifiers: [{
@@ -186,57 +221,62 @@ 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;
-  useEffect(function () {
+      styles = _usePopper.styles,
+      attributes = _usePopper.attributes,
+      update = _usePopper.update;
+
+  (0, _react.useEffect)(function () {
     return setIsOpen(isOpened);
   }, [isOpened]);
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     update === null || update === void 0 ? void 0 : update();
   }, [children, update]);
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     return setIsTouchDevice((0, _uiHelpers.detectTouch)());
   }, []);
-  var closeTooltip = useCallback(function (e) {
+  var closeTooltip = (0, _react.useCallback)(function (e) {
     setIsOpen(false);
     onClose === null || onClose === void 0 ? void 0 : onClose(e);
   }, [onClose]);
-  var handleCloseButtonClick = useCallback(function (e) {
+  var handleCloseButtonClick = (0, _react.useCallback)(function (e) {
     setIsOpen(false);
     onCloseButtonClick === null || onCloseButtonClick === void 0 ? void 0 : onCloseButtonClick(e);
   }, [onCloseButtonClick]);
-  var handleMouseEnter = useCallback(function (e) {
+  var handleMouseEnter = (0, _react.useCallback)(function (e) {
     if (!isOpen) {
       setIsOpen(true);
       onOpen === null || onOpen === void 0 ? void 0 : onOpen(e);
     }
   }, [isOpen, onOpen]);
-  var handleClick = useCallback(function (e) {
+  var handleClick = (0, _react.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 = useCallback(function (e) {
+  var handleOutsideEvent = (0, _react.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 () {
+  (0, _react.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);
@@ -244,78 +284,86 @@ 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]);
-  useEffect(function () {
+  (0, _react.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 () {
+  (0, _react.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 = useMemo(function () {
-    return /*#__PURE__*/React.createElement("div", {
+  var renderedText = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react["default"].createElement("div", {
       className: cn('text', {
         margin: hasTextMargin
       })
     }, text);
   }, [text, hasTextMargin]);
-  var renderedFullContent = useMemo(function () {
+  var renderedFullContent = (0, _react.useMemo)(function () {
     var hasButtonMargin = !!title || !!text;
     var hasChildrenMargin = hasButtonMargin || !!buttonText;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, !!title && /*#__PURE__*/React.createElement(_Header["default"], {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !!title && /*#__PURE__*/_react["default"].createElement(_Header["default"], {
       className: cn('title'),
       as: "h5",
       space: "tight"
-    }, title), !!text && renderedText, !!buttonText && /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({
+    }, title), !!text && renderedText, !!buttonText && /*#__PURE__*/_react["default"].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.createElement(RightArrow, {
+    }), buttonText, /*#__PURE__*/_react["default"].createElement(RightArrow, {
       className: cn('button-arrow')
-    })), !!children && /*#__PURE__*/React.createElement("div", {
+    })), !!children && /*#__PURE__*/_react["default"].createElement("div", {
       className: cn('addititonal-content', {
         margin: hasChildrenMargin
       })
     }, children));
   }, [title, text, buttonText, children, dataAttrs, renderedText, onClick]);
-  var template = /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+
+  var template = /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       theme: theme,
       paddings: paddings,
@@ -325,30 +373,30 @@ var Tooltip = function Tooltip(_ref) {
     }, [className, rootClassName]),
     ref: setPopperElement,
     style: styles.popper
-  }, attributes.popper), /*#__PURE__*/React.createElement("div", {
+  }, attributes.popper), /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('arrow-wrap'),
     ref: setArrowElement,
     style: styles.arrow
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('arrow', [arrowClassName]),
     "data-testid": "".concat(testIdPrefix, "-arrow")
-  }, /*#__PURE__*/React.createElement(Arrow, {
+  }, /*#__PURE__*/_react["default"].createElement(Arrow, {
     className: cn('arrow-inner')
-  }))), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('content-wrap')
-  }, /*#__PURE__*/React.createElement(_Tile["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_Tile["default"], {
     radius: "rounded",
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.content
     },
     className: cn('content', [contentClassName])
-  }, hasCloseButton && /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.close), {
+  }, hasCloseButton && /*#__PURE__*/_react["default"].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.createElement(CancelIcon, {
+  }), /*#__PURE__*/_react["default"].createElement(CancelIcon, {
     className: cn('close-icon')
-  })), isBigSize && renderedFullContent, !isBigSize && !!text && renderedText), /*#__PURE__*/React.createElement(_Tile["default"], {
+  })), isBigSize && renderedFullContent, !isBigSize && !!text && renderedText), /*#__PURE__*/_react["default"].createElement(_Tile["default"], {
     radius: "rounded",
     shadowLevel: "pressed",
     className: cn('content-shadow', [contentShadowClassName]),
@@ -359,14 +407,74 @@ 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;
 };
-var _default = exports["default"] = Tooltip;
+
+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;

package/dist/lib/constants/throttleTime.js

@@ -4,7 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _default = exports["default"] = {
+var _default = {
   resize: 300,
   resizeTextarea: 100
-};
+};
+exports["default"] = _default;

package/dist/lib/hooks/usePrevious.js

@@ -1,13 +1,18 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var React = _interopRequireWildcard(require("react"));
-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 && Object.prototype.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 _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 || _typeof(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 usePrevious(value) {
   var ref = React.useRef();
   React.useEffect(function () {
@@ -15,4 +20,6 @@ function usePrevious(value) {
   }, [value]);
   return ref.current;
 }
-var _default = exports["default"] = usePrevious;
+
+var _default = usePrevious;
+exports["default"] = _default;

package/dist/lib/hooks/useResolution.d.ts

@@ -1,4 +1,4 @@
-type UseResolutionReturnType = {
+declare type UseResolutionReturnType = {
     isMobile: boolean;
 };
 declare function useResolution(): UseResolutionReturnType;