@megafon/ui-core 6.2.1 → 7.0.0

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

@@ -1,7 +1,7 @@
-import React from 'react';
+import * as React from 'react';
 import { AccessibilityEventType } from '@megafon/ui-helpers';
 import type { AccessibilityEventTypeNative } from '@megafon/ui-helpers';
-import './Tooltip.less';
+import './Tooltip.scss';
 export declare const Placement: {
     readonly LEFT: "left";
     readonly LEFT_START: "left-start";
@@ -16,30 +16,30 @@ export declare const Placement: {
     readonly BOTTOM_START: "bottom-start";
     readonly BOTTOM_END: "bottom-end";
 };
-declare type PlacementType = typeof Placement[keyof typeof Placement];
+type PlacementType = (typeof Placement)[keyof typeof Placement];
 export declare const Paddings: {
     readonly NONE: "none";
     readonly SMALL: "small";
     readonly MEDIUM: "medium";
 };
-declare type PaddingsType = typeof Paddings[keyof typeof Paddings];
+type PaddingsType = (typeof Paddings)[keyof typeof Paddings];
 export declare const TriggerEvent: {
     readonly HOVER: "hover";
     readonly CLICK: "click";
     readonly CONTROLLED: "controlled";
 };
-declare type TriggerEventType = typeof TriggerEvent[keyof typeof TriggerEvent];
+type TriggerEventType = (typeof TriggerEvent)[keyof typeof TriggerEvent];
 export declare const ColorTheme: {
     readonly WHITE: "white";
     readonly BLUE: "blue";
     readonly RED: "red";
 };
-declare type ColorThemeType = typeof ColorTheme[keyof typeof ColorTheme];
+type ColorThemeType = (typeof ColorTheme)[keyof typeof ColorTheme];
 export declare const Size: {
     readonly SMALL: "small";
     readonly BIG: "big";
 };
-declare type SizeType = typeof Size[keyof typeof Size];
+type SizeType = (typeof Size)[keyof typeof Size];
 export interface ITooltipProps {
     /** Цветовая тема */
     colorTheme?: ColorThemeType;
@@ -89,8 +89,9 @@ export interface ITooltipProps {
         button?: Record<string, string>;
         content?: Record<string, string>;
     };
+    children?: React.ReactNode;
     /** Обработчик на открытие */
-    onOpen?: (e: AccessibilityEventTypeNative) => void;
+    onOpen?: (e: AccessibilityEventTypeNative | FocusEvent) => void;
     /** Обработчик на закрытие */
     onClose?: (e: AccessibilityEventTypeNative | FocusEvent) => void;
     /** Обработчик на клик по кнопке закрытия */

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

@@ -1,17 +1,12 @@
-import _typeof from "@babel/runtime/helpers/typeof";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
-import "core-js/modules/es.object.values.js";
-import "core-js/modules/es.array.concat.js";
-import React, { useState, useCallback, useEffect, useMemo } from 'react';
+import * as React from 'react';
 import { cnCreate, detectTouch, checkNativeEventIsClickOrEnterPress, filterDataAttrs } from '@megafon/ui-helpers';
-import PropTypes from 'prop-types';
 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"
@@ -19,7 +14,6 @@ var RightArrow = function RightArrow(props) {
     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"
@@ -28,7 +22,6 @@ var CancelIcon = function CancelIcon(props) {
     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", _extends({
     width: 42,
@@ -39,7 +32,6 @@ var Arrow = function Arrow(props) {
     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';
@@ -78,66 +70,64 @@ export var Size = {
 };
 export var testIdPrefix = 'Tooltip';
 var cn = 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;
-
+    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 = _slicedToArray(_useState, 2),
-      popperElement = _useState2[0],
-      setPopperElement = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    popperElement = _useState2[0],
+    setPopperElement = _useState2[1];
   var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      arrowElement = _useState4[0],
-      setArrowElement = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    arrowElement = _useState4[0],
+    setArrowElement = _useState4[1];
   var _useState5 = useState(isOpened),
-      _useState6 = _slicedToArray(_useState5, 2),
-      isOpen = _useState6[0],
-      setIsOpen = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    isOpen = _useState6[0],
+    setIsOpen = _useState6[1];
   var _useState7 = useState(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      isTouchDevice = _useState8[0],
-      setIsTouchDevice = _useState8[1];
-
+    _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;
@@ -151,7 +141,6 @@ var Tooltip = function Tooltip(_ref) {
     if (triggerEvent === TriggerEvent.CONTROLLED || !isTouchDevice) {
       return triggerEvent;
     }
-
     return TriggerEvent.CLICK;
   }, [isTouchDevice, triggerEvent]);
   var options = useMemo(function () {
@@ -188,12 +177,10 @@ var Tooltip = function Tooltip(_ref) {
       }]
     };
   }, [placement, arrowElement, currentBoundary, isOpen, fallbackPlacements]);
-
   var _usePopper = usePopper(currentTarget, popperElement, options),
-      styles = _usePopper.styles,
-      attributes = _usePopper.attributes,
-      update = _usePopper.update;
-
+    styles = _usePopper.styles,
+    attributes = _usePopper.attributes,
+    update = _usePopper.update;
   useEffect(function () {
     return setIsOpen(isOpened);
   }, [isOpened]);
@@ -221,11 +208,9 @@ var Tooltip = function Tooltip(_ref) {
     if (!checkNativeEventIsClickOrEnterPress(e)) {
       return;
     }
-
     setIsOpen(function (open) {
       return !open;
     });
-
     if (!isOpen) {
       onOpen === null || onOpen === void 0 ? void 0 : onOpen(e);
     } else {
@@ -243,7 +228,6 @@ var Tooltip = function Tooltip(_ref) {
         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);
@@ -251,17 +235,14 @@ 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 () {
@@ -270,23 +251,19 @@ var Tooltip = function Tooltip(_ref) {
         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 () {
@@ -295,10 +272,10 @@ var Tooltip = function Tooltip(_ref) {
         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", {
@@ -373,72 +350,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.createPortal(template, portalElem.current) : null;
   }
-
   return template;
 };
-
-Tooltip.propTypes = {
-  colorTheme: PropTypes.oneOf(Object.values(ColorTheme)),
-  size: PropTypes.oneOf(Object.values(Size)),
-  title: PropTypes.string,
-  buttonText: PropTypes.string,
-  text: PropTypes.string,
-  hasCloseButton: PropTypes.bool,
-  placement: PropTypes.oneOf(Object.values(Placement)),
-  fallbackPlacements: PropTypes.arrayOf(PropTypes.oneOf(Object.values(Placement)).isRequired),
-  paddings: PropTypes.oneOf(Object.values(Paddings)),
-  triggerEvent: PropTypes.oneOf(Object.values(TriggerEvent)),
-  boundaryElement: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
-    current: PropTypes.elementType
-  }), PropTypes.any])]),
-  triggerElement: function triggerElement(props, propName, componentName, location) {
-    var prop = props[propName];
-    var isObject = _typeof(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.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
-    current: PropTypes.elementType
-  }), PropTypes.any])]),
-  isOpened: PropTypes.bool,
-  isPortal: PropTypes.bool,
-  portalSelector: PropTypes.string,
-  className: PropTypes.string,
-  classes: PropTypes.shape({
-    root: PropTypes.string,
-    arrow: PropTypes.string,
-    content: PropTypes.string,
-    contentShadow: PropTypes.string
-  }),
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired),
-    close: PropTypes.objectOf(PropTypes.string.isRequired),
-    button: PropTypes.objectOf(PropTypes.string.isRequired),
-    content: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  onOpen: PropTypes.func,
-  onClose: PropTypes.func,
-  onClick: PropTypes.func,
-  onCloseButtonClick: PropTypes.func
-};
 export default Tooltip;

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

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

package/dist/{lib/components/Collapse → es/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;

package/dist/es/components/{Collapse → _Collapse}/Collapse.js

@@ -2,61 +2,51 @@ import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { useCallback, useEffect } from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import * as PropTypes from 'prop-types';
 import "./Collapse.css";
 var sin = Math.sin,
-    cos = Math.cos,
-    min = Math.min,
-    PI = Math.PI;
-
+  cos = Math.cos,
+  min = Math.min,
+  PI = Math.PI;
 var easeOutSine = function easeOutSine(progress) {
   return sin(progress * PI / 2);
 };
-
 var easeInSine = function easeInSine(progress) {
   return 1 - cos(progress * PI / 2);
 };
-
 var cn = cnCreate('mfui-collapse');
-
 var Collapse = function Collapse(_ref) {
   var className = _ref.className,
-      classNameContainer = _ref.classNameContainer,
-      _ref$animation = _ref.animation,
-      animation = _ref$animation === void 0 ? true : _ref$animation,
-      _ref$animationDuratio = _ref.animationDuration,
-      animationDuration = _ref$animationDuratio === void 0 ? 300 : _ref$animationDuratio,
-      children = _ref.children,
-      isOpened = _ref.isOpened,
-      dataAttrs = _ref.dataAttrs,
-      openedClassName = _ref.openedClassName;
+    classNameContainer = _ref.classNameContainer,
+    _ref$animation = _ref.animation,
+    animation = _ref$animation === void 0 ? true : _ref$animation,
+    _ref$animationDuratio = _ref.animationDuration,
+    animationDuration = _ref$animationDuratio === void 0 ? 300 : _ref$animationDuratio,
+    children = _ref.children,
+    isOpened = _ref.isOpened,
+    dataAttrs = _ref.dataAttrs,
+    openedClassName = _ref.openedClassName;
   var duration = animation ? animationDuration : 0;
   var animationStart = React.useRef(null);
   var animationId = React.useRef(null);
-  var canUpdate = React.useRef(false);
+  var isBeforeOpened = React.useRef(false);
   var rootNode = React.useRef(null);
   useEffect(function () {
     animationId.current && window.cancelAnimationFrame(animationId.current);
   }, [isOpened]);
   var animateSlide = useCallback(function (contentHeight, animationTime, timePassed) {
     var isOpenAction = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-
     if (!rootNode.current) {
       return;
     }
-
     openedClassName && rootNode.current.classList.remove(openedClassName);
-
     if (!animationStart.current) {
       animationStart.current = timePassed;
     }
-
     var runtime = timePassed - animationStart.current;
     var progress = animationTime ? min(runtime / animationTime, 1) : 1;
     var isAnimationInProgress = progress < 1;
     var nextHeight = isOpenAction ? easeOutSine(progress) * contentHeight : contentHeight - easeInSine(progress) * contentHeight;
     rootNode.current.style.height = "".concat(nextHeight, "px");
-
     if (isAnimationInProgress) {
       animationId.current = window.requestAnimationFrame(function (time) {
         return animateSlide(contentHeight, animationTime, time, isOpenAction);
@@ -72,52 +62,25 @@ var Collapse = function Collapse(_ref) {
     if (!rootNode.current) {
       return;
     }
-
     var _rootNode$current$scr = rootNode.current.scrollHeight,
-        scrollHeight = _rootNode$current$scr === void 0 ? 0 : _rootNode$current$scr;
-
-    switch (true) {
-      case !canUpdate.current && isOpened:
-        rootNode.current.style.height = 'auto';
-        break;
-
-      case !canUpdate.current && !isOpened:
-        rootNode.current.style.height = '0px';
-        break;
-
-      case isOpened:
-        animationId.current = window.requestAnimationFrame(function (timePassed) {
-          return animateSlide(scrollHeight, duration, timePassed, true);
-        });
-        break;
-
-      default:
-        animationId.current = window.requestAnimationFrame(function (timePassed) {
-          return animateSlide(scrollHeight, duration, timePassed);
-        });
+      scrollHeight = _rootNode$current$scr === void 0 ? 0 : _rootNode$current$scr;
+    if (isBeforeOpened.current === isOpened) {
+      rootNode.current.style.height = isOpened ? 'auto' : '0px';
+    } else {
+      animationId.current = window.requestAnimationFrame(function (timePassed) {
+        return animateSlide(scrollHeight, duration, timePassed, isOpened);
+      });
+      isBeforeOpened.current = isOpened;
     }
-
-    canUpdate.current = true;
   }, [isOpened, duration, animateSlide]);
   return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn([className]),
-    ref: rootNode
+    ref: rootNode,
+    style: {
+      height: '0px'
+    }
   }), /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.inner), {
     className: classNameContainer
   }), children));
 };
-
-Collapse.propTypes = {
-  className: PropTypes.string,
-  classNameContainer: PropTypes.string,
-  openedClassName: PropTypes.string,
-  isOpened: PropTypes.bool.isRequired,
-  animationDuration: PropTypes.number,
-  animation: PropTypes.bool,
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired),
-    inner: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  children: PropTypes.node.isRequired
-};
 export default Collapse;

package/dist/es/hooks/usePrevious.js

@@ -1,5 +1,4 @@
 import * as React from 'react';
-
 function usePrevious(value) {
   var ref = React.useRef();
   React.useEffect(function () {
@@ -7,5 +6,4 @@ function usePrevious(value) {
   }, [value]);
   return ref.current;
 }
-
 export default usePrevious;

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

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

package/dist/es/hooks/useResolution.js

@@ -1,30 +1,25 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import * as React from 'react';
 var RESOLUTIONS;
-
 (function (RESOLUTIONS) {
   RESOLUTIONS[RESOLUTIONS["MOBILE_END"] = 767] = "MOBILE_END";
 })(RESOLUTIONS || (RESOLUTIONS = {}));
-
 var _RESOLUTIONS = RESOLUTIONS,
-    MOBILE_END = _RESOLUTIONS.MOBILE_END;
+  MOBILE_END = _RESOLUTIONS.MOBILE_END;
 var MEDIA_QUERIES = {
   MAX_WIDTH_MOBILE_END: "(max-width: ".concat(MOBILE_END, "px)")
 };
 var MAX_WIDTH_MOBILE_END = MEDIA_QUERIES.MAX_WIDTH_MOBILE_END;
-
 function useResolution() {
-  var _React$useState = React.useState(window.innerWidth <= MOBILE_END),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isMobile = _React$useState2[0],
-      setIsMobile = _React$useState2[1];
-
+  var _React$useState = React.useState((window === null || window === void 0 ? void 0 : window.innerWidth) <= MOBILE_END || false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isMobile = _React$useState2[0],
+    setIsMobile = _React$useState2[1];
   var handleMediaChange = function handleMediaChange(updateStateFn) {
     return function (e) {
       return updateStateFn(e.matches);
     };
   };
-
   var handleMaxWidthMobileEnd = handleMediaChange(setIsMobile);
   React.useEffect(function () {
     window.matchMedia(MAX_WIDTH_MOBILE_END).addEventListener('change', handleMaxWidthMobileEnd);
@@ -36,5 +31,4 @@ function useResolution() {
     isMobile: isMobile
   };
 }
-
 export default useResolution;

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

@@ -3,7 +3,7 @@ export declare enum TransitionSteps {
     MOVE_STEP = "move-step",
     MOVE_END_STEP = "move-end-step"
 }
-declare type UseSwipeReturnType = {
+type UseSwipeReturnType = {
     /** Значение для css-свойства transform управляемого элемента */
     transform: string;
     /** Текущий этап смахивания элемента */