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

package/dist/lib/components/Notification/Notification.js

@@ -1,103 +1,81 @@
 "use strict";
 
-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); }
-
+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 = void 0;
-
+exports.testIdPrefix = exports["default"] = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-require("core-js/modules/web.timers.js");
-
 require("core-js/modules/es.string.link.js");
-
-require("core-js/modules/es.object.values.js");
-
-var _react = _interopRequireWildcard(require("react"));
-
+require("core-js/modules/web.timers.js");
+var React = _interopRequireWildcard(require("react"));
 var _uiHelpers = require("@megafon/ui-helpers");
-
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-
 var _Button = _interopRequireDefault(require("../Button/Button"));
-
 var _TextLink = _interopRequireDefault(require("../TextLink/TextLink"));
-
 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 || _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 _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 ErrorIcon = function ErrorIcon(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     d: "M15 20.72V23h2v-2.28a2 2 0 10-2 0z"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M16 4a6 6 0 00-6 6v2H8v8a8 8 0 0016 0v-8h-2v-2a6 6 0 00-6-6zm-4 6a4 4 0 018 0v2h-8zm10 10a6 6 0 01-12 0v-6h12z"
   }));
 };
-
 var ArrowDown = function ArrowDown(props) {
-  return /*#__PURE__*/_react["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: "M6 8h8l-4 5z",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }));
 };
-
 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 WarningIcon = function WarningIcon(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     d: "M15 22h2v-2h-2v2zm0-4h2v-8h-2v8zm1 10C9.4 28 4 22.6 4 16S9.4 4 16 4s12 5.4 12 12-5.4 12-12 12zM6 16c0 5.5 4.5 10 10 10s10-4.5 10-10S21.5 6 16 6 6 10.5 6 16z"
   }));
 };
-
 var SuccessIcon = function SuccessIcon(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     d: "M22.2 9l-7.8 9.4-3.6-3.7L9 16.5c3.6 3.7 5.4 5.5 5.5 5.5.1 0 3.3-3.8 9.5-11.3L22.2 9z"
   }));
 };
-
 var InfoIcon = function InfoIcon(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     d: "M15 12h2v-2h-2v2zm0 10h2v-8h-2v8zm1 6C9.4 28 4 22.6 4 16S9.4 4 16 4s12 5.4 12 12-5.4 12-12 12zm0-22C10.5 6 6 10.5 6 16s4.5 10 10 10 10-4.5 10-10S21.5 6 16 6z"
   }));
 };
-
 var CancelIcon = function CancelIcon(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 10 10"
-  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M5 3.75L1.25 0 0 1.25 3.75 5 0 8.75 1.25 10 5 6.25 8.75 10 10 8.75 6.25 5 10 1.25 8.75 0 5 3.75z"
   }));
 };
-
 var TIMEOUT_DELAY = 400;
+var useEffect = React.useEffect,
+  useRef = React.useRef,
+  useState = React.useState;
 var NotificationTypes = {
   SUCCESS: 'success',
   WARNING: 'warning',
@@ -110,64 +88,59 @@ var ShadowTypes = {
   PRESSED: 'pressed',
   DEFAULT: 'default'
 };
-var testIdPrefix = 'Notification';
-exports.testIdPrefix = testIdPrefix;
+var testIdPrefix = exports.testIdPrefix = 'Notification';
 var cn = (0, _uiHelpers.cnCreate)('mfui-notification');
-
 var Notification = function Notification(_ref) {
   var className = _ref.className,
-      _ref$classes = _ref.classes;
-  _ref$classes = _ref$classes === void 0 ? {} : _ref$classes;
-  var rootClass = _ref$classes.root,
-      containerClass = _ref$classes.container,
-      contentClass = _ref$classes.content,
-      linkClass = _ref$classes.link,
-      children = _ref.children,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'info' : _ref$type,
-      _ref$shadowLevel = _ref.shadowLevel,
-      shadowLevel = _ref$shadowLevel === void 0 ? 'zero' : _ref$shadowLevel,
-      _ref$isColored = _ref.isColored,
-      isColored = _ref$isColored === void 0 ? true : _ref$isColored,
-      hasCloseButton = _ref.hasCloseButton,
-      title = _ref.title,
-      shortText = _ref.shortText,
-      _ref$closeCollapseTit = _ref.closeCollapseTitle,
-      closeCollapseTitle = _ref$closeCollapseTit === void 0 ? 'Подробнее' : _ref$closeCollapseTit,
-      _ref$openCollapseTitl = _ref.openCollapseTitle,
-      openCollapseTitle = _ref$openCollapseTitl === void 0 ? 'Свернуть' : _ref$openCollapseTitl,
-      _ref$isCollapseOpened = _ref.isCollapseOpened,
-      isCollapseOpened = _ref$isCollapseOpened === void 0 ? false : _ref$isCollapseOpened,
-      buttonText = _ref.buttonText,
-      _ref$buttonLoader = _ref.buttonLoader,
-      buttonLoader = _ref$buttonLoader === void 0 ? false : _ref$buttonLoader,
-      _ref$buttonDisable = _ref.buttonDisable,
-      buttonDisable = _ref$buttonDisable === void 0 ? false : _ref$buttonDisable,
-      link = _ref.link,
-      rel = _ref.rel,
-      href = _ref.href,
-      target = _ref.target,
-      icon = _ref.icon,
-      rootRef = _ref.rootRef,
-      dataAttrs = _ref.dataAttrs,
-      onClose = _ref.onClose,
-      onLinkClick = _ref.onLinkClick,
-      onButtonClick = _ref.onButtonClick,
-      onCollapseButtonClick = _ref.onCollapseButtonClick;
-  var shortTextRef = (0, _react.useRef)(null);
-  var fullTextRef = (0, _react.useRef)(null);
-  var wrapTextRef = (0, _react.useRef)(null);
-
-  var _useState = (0, _react.useState)(isCollapseOpened),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      showFullText = _useState2[0],
-      setShowFullText = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      updateTextHeight = _useState4[0],
-      setUpdateTextHeight = _useState4[1];
-
+    _ref$classes = _ref.classes,
+    _ref$classes2 = _ref$classes === void 0 ? {} : _ref$classes,
+    rootClass = _ref$classes2.root,
+    containerClass = _ref$classes2.container,
+    contentClass = _ref$classes2.content,
+    linkClass = _ref$classes2.link,
+    children = _ref.children,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'info' : _ref$type,
+    _ref$shadowLevel = _ref.shadowLevel,
+    shadowLevel = _ref$shadowLevel === void 0 ? 'zero' : _ref$shadowLevel,
+    _ref$isColored = _ref.isColored,
+    isColored = _ref$isColored === void 0 ? true : _ref$isColored,
+    hasCloseButton = _ref.hasCloseButton,
+    title = _ref.title,
+    shortText = _ref.shortText,
+    _ref$closeCollapseTit = _ref.closeCollapseTitle,
+    closeCollapseTitle = _ref$closeCollapseTit === void 0 ? 'Подробнее' : _ref$closeCollapseTit,
+    _ref$openCollapseTitl = _ref.openCollapseTitle,
+    openCollapseTitle = _ref$openCollapseTitl === void 0 ? 'Свернуть' : _ref$openCollapseTitl,
+    _ref$isCollapseOpened = _ref.isCollapseOpened,
+    isCollapseOpened = _ref$isCollapseOpened === void 0 ? false : _ref$isCollapseOpened,
+    buttonText = _ref.buttonText,
+    _ref$buttonLoader = _ref.buttonLoader,
+    buttonLoader = _ref$buttonLoader === void 0 ? false : _ref$buttonLoader,
+    _ref$buttonDisable = _ref.buttonDisable,
+    buttonDisable = _ref$buttonDisable === void 0 ? false : _ref$buttonDisable,
+    link = _ref.link,
+    rel = _ref.rel,
+    href = _ref.href,
+    target = _ref.target,
+    icon = _ref.icon,
+    rootRef = _ref.rootRef,
+    dataAttrs = _ref.dataAttrs,
+    onClose = _ref.onClose,
+    onLinkClick = _ref.onLinkClick,
+    onButtonClick = _ref.onButtonClick,
+    onCollapseButtonClick = _ref.onCollapseButtonClick;
+  var shortTextRef = useRef(null);
+  var fullTextRef = useRef(null);
+  var wrapTextRef = useRef(null);
+  var _useState = useState(isCollapseOpened),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    showFullText = _useState2[0],
+    setShowFullText = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    updateTextHeight = _useState4[0],
+    setUpdateTextHeight = _useState4[1];
   var initialTextClasses = {
     "short": {
       hidden: shortText && showFullText
@@ -176,41 +149,34 @@ var Notification = function Notification(_ref) {
       visible: showFullText
     }
   };
-
-  var _useState5 = (0, _react.useState)(initialTextClasses),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      textClasses = _useState6[0],
-      setTextClass = _useState6[1];
-
+  var _useState5 = useState(initialTextClasses),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    textClasses = _useState6[0],
+    setTextClass = _useState6[1];
   var hasBottom = shortText || buttonText || link;
   var isErrorType = type === NotificationTypes.ERROR;
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     setShowFullText(isCollapseOpened);
   }, [isCollapseOpened]);
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (!fullTextRef.current || !shortTextRef.current || !wrapTextRef.current) {
       return undefined;
     }
-
     var visibleElement = showFullText ? shortTextRef.current : fullTextRef.current;
-
     var _visibleElement$getBo = visibleElement.getBoundingClientRect(),
-        height = _visibleElement$getBo.height;
-
+      height = _visibleElement$getBo.height;
     wrapTextRef.current.style.height = "".concat(height, "px");
-    return setUpdateTextHeight(!updateTextHeight); // не должен запускаться при изменении флага updateTextHeight;
+    return setUpdateTextHeight(!updateTextHeight);
+    // не должен запускаться при изменении флага updateTextHeight;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [showFullText]);
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (!fullTextRef.current || !shortTextRef.current || !wrapTextRef.current) {
       return undefined;
     }
-
     var hiddenElement = showFullText ? fullTextRef.current : shortTextRef.current;
-
     var _hiddenElement$getBou = hiddenElement.getBoundingClientRect(),
-        height = _hiddenElement$getBou.height;
-
+      height = _hiddenElement$getBou.height;
     wrapTextRef.current.style.height = "".concat(height, "px");
     setTextClass(initialTextClasses);
     var timeoutId = setTimeout(function () {
@@ -220,33 +186,32 @@ var Notification = function Notification(_ref) {
     }, TIMEOUT_DELAY);
     return function () {
       clearTimeout(timeoutId);
-    }; // не должен запускаться при изменении флага showFullText;
+    };
+    // не должен запускаться при изменении флага showFullText;
     // запускается по флагу updateTextHeight, который изменяется в предыдущем эффекте.
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [updateTextHeight]);
-
   var handleCollapseButtonClick = function handleCollapseButtonClick() {
     setShowFullText(!showFullText);
     onCollapseButtonClick === null || onCollapseButtonClick === void 0 ? void 0 : onCollapseButtonClick(!showFullText);
   };
-
   var renderLink = function renderLink() {
-    return /*#__PURE__*/_react["default"].createElement(_TextLink["default"], {
+    return /*#__PURE__*/React.createElement(_TextLink["default"], {
       dataAttrs: {
         root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link
       },
       className: cn('link', [linkClass]),
       onClick: onLinkClick,
+      color: isErrorType && isColored ? 'white' : 'green',
       rel: rel,
       href: href,
       target: target
-    }, link, /*#__PURE__*/_react["default"].createElement(RightArrow, {
+    }, link, /*#__PURE__*/React.createElement(RightArrow, {
       className: cn('link-arrow')
     }));
   };
-
   var renderButton = function renderButton() {
-    return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    return /*#__PURE__*/React.createElement(_Button["default"], {
       className: cn('button'),
       dataAttrs: {
         root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
@@ -260,44 +225,36 @@ var Notification = function Notification(_ref) {
       onClick: onButtonClick
     }, buttonText);
   };
-
   var renderCollapseButton = function renderCollapseButton() {
-    return /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.collapseButton), {
+    return /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.collapseButton), {
       type: "button",
       className: cn('collapse-button'),
       onClick: handleCollapseButtonClick
-    }), showFullText ? openCollapseTitle : closeCollapseTitle, /*#__PURE__*/_react["default"].createElement(ArrowDown, {
+    }), showFullText ? openCollapseTitle : closeCollapseTitle, /*#__PURE__*/React.createElement(ArrowDown, {
       className: cn('collapse-arrow', {
         close: showFullText
       })
     }));
   };
-
   var renderIcon = function renderIcon() {
     if (icon) {
       return icon;
     }
-
     var SUCCESS = NotificationTypes.SUCCESS,
-        ERROR = NotificationTypes.ERROR,
-        WARNING = NotificationTypes.WARNING;
-
+      ERROR = NotificationTypes.ERROR,
+      WARNING = NotificationTypes.WARNING;
     switch (type) {
       case SUCCESS:
-        return /*#__PURE__*/_react["default"].createElement(SuccessIcon, null);
-
+        return /*#__PURE__*/React.createElement(SuccessIcon, null);
       case ERROR:
-        return /*#__PURE__*/_react["default"].createElement(ErrorIcon, null);
-
+        return /*#__PURE__*/React.createElement(ErrorIcon, null);
       case WARNING:
-        return /*#__PURE__*/_react["default"].createElement(WarningIcon, null);
-
+        return /*#__PURE__*/React.createElement(WarningIcon, null);
       default:
-        return /*#__PURE__*/_react["default"].createElement(InfoIcon, null);
+        return /*#__PURE__*/React.createElement(InfoIcon, null);
     }
   };
-
-  return /*#__PURE__*/_react["default"].createElement(_Tile["default"], {
+  return /*#__PURE__*/React.createElement(_Tile["default"], {
     className: cn({
       type: type,
       colored: isColored
@@ -307,88 +264,44 @@ var Notification = function Notification(_ref) {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root
     }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     "data-testid": "".concat(testIdPrefix, "-container"),
     className: cn('container', [containerClass]),
     ref: rootRef
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: cn('icon-container')
-  }, renderIcon()), /*#__PURE__*/_react["default"].createElement("div", {
+  }, renderIcon()), /*#__PURE__*/React.createElement("div", {
     "data-testid": "".concat(testIdPrefix, "-content"),
     className: cn('content', [contentClass])
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: cn('text-container')
-  }, title && /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.title), {
+  }, title && /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.title), {
     className: cn('title')
-  }), (0, _uiHelpers.convert)(title, _uiHelpers.titleConvertConfig)), /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+  }), (0, _uiHelpers.convert)(title, _uiHelpers.titleConvertConfig)), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
     ref: wrapTextRef
   }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.text), {
     className: cn('text', {
       'close-padding': hasCloseButton && !title
     })
-  }), /*#__PURE__*/_react["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     ref: shortTextRef,
     className: cn('short-text', textClasses["short"])
-  }, shortText && (0, _uiHelpers.convert)(shortText, _uiHelpers.textConvertConfig) || children), shortText && /*#__PURE__*/_react["default"].createElement("div", {
+  }, shortText && (0, _uiHelpers.convert)(shortText, _uiHelpers.textConvertConfig) || children), shortText && /*#__PURE__*/React.createElement("div", {
     ref: fullTextRef,
     className: cn('full-text', textClasses.full)
-  }, children))), hasBottom && /*#__PURE__*/_react["default"].createElement("div", {
+  }, children))), hasBottom && /*#__PURE__*/React.createElement("div", {
     "data-testid": "".concat(testIdPrefix, "-bottom"),
     className: cn('bottom', {
       'has-button': !!buttonText
     })
-  }, (buttonText || link) && /*#__PURE__*/_react["default"].createElement("div", {
+  }, (buttonText || link) && /*#__PURE__*/React.createElement("div", {
     className: cn('bottom-block')
-  }, buttonText && renderButton(), link && !shortText && renderLink()), shortText && renderCollapseButton()))), hasCloseButton && /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.close), {
+  }, buttonText && renderButton(), link && !shortText && renderLink()), shortText && renderCollapseButton()))), hasCloseButton && /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.close), {
     className: cn('close'),
     type: "button",
     onClick: onClose
-  }), /*#__PURE__*/_react["default"].createElement(CancelIcon, {
+  }), /*#__PURE__*/React.createElement(CancelIcon, {
     className: cn('close-icon')
   })));
 };
-
-Notification.propTypes = {
-  type: PropTypes.oneOf(Object.values(NotificationTypes)),
-  className: PropTypes.string,
-  classes: PropTypes.shape({
-    root: PropTypes.string,
-    container: PropTypes.string,
-    content: PropTypes.string,
-    link: PropTypes.string
-  }),
-  shadowLevel: PropTypes.oneOf(Object.values(ShadowTypes)),
-  isColored: PropTypes.bool,
-  hasCloseButton: PropTypes.bool,
-  title: PropTypes.string,
-  shortText: PropTypes.string,
-  closeCollapseTitle: PropTypes.string,
-  openCollapseTitle: PropTypes.string,
-  isCollapseOpened: PropTypes.bool,
-  buttonText: PropTypes.string,
-  buttonLoader: PropTypes.bool,
-  buttonDisable: PropTypes.bool,
-  link: PropTypes.string,
-  rel: PropTypes.string,
-  href: PropTypes.string,
-  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
-  icon: PropTypes.element,
-  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
-    current: PropTypes.elementType
-  }), PropTypes.any])]),
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired),
-    title: PropTypes.objectOf(PropTypes.string.isRequired),
-    text: PropTypes.objectOf(PropTypes.string.isRequired),
-    link: PropTypes.objectOf(PropTypes.string.isRequired),
-    close: PropTypes.objectOf(PropTypes.string.isRequired),
-    button: PropTypes.objectOf(PropTypes.string.isRequired),
-    collapseButton: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  onClose: PropTypes.func,
-  onLinkClick: PropTypes.func,
-  onButtonClick: PropTypes.func,
-  onCollapseButtonClick: PropTypes.func
-};
-var _default = Notification;
-exports["default"] = _default;
+var _default = exports["default"] = Notification;

package/dist/lib/components/Pagination/Pagination.css

@@ -1,5 +1 @@
-.mfui-pagination {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
+h1,h2,h3,h4,h5{margin:0}.mfui-pagination{display:-webkit-box;display:-ms-flexbox;display:flex}

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

@@ -1,5 +1,6 @@
-import React from 'react';
-import './Pagination.less';
+import * as React from 'react';
+import './Pagination.scss';
+import { PaginationValueType } from './components/PaginationButton/PaginationButton';
 interface IPaginationProps {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
@@ -15,7 +16,7 @@ interface IPaginationProps {
     /** Тема компонента */
     theme?: 'default' | 'light';
     /** Обработчик изменения активной страницы */
-    onChange: (value: number) => void;
+    onChange: (value: PaginationValueType) => void;
 }
 declare const Pagination: React.FC<IPaginationProps>;
 export default Pagination;

package/dist/lib/components/Pagination/Pagination.js

@@ -1,58 +1,40 @@
 "use strict";
 
-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); }
-
+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"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
+var React = _interopRequireWildcard(require("react"));
 var _uiHelpers = require("@megafon/ui-helpers");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _PaginationButtons = _interopRequireDefault(require("./components/PaginationButtons/PaginationButtons"));
-
 var _PaginationNavigation = _interopRequireDefault(require("./components/PaginationNavigation/PaginationNavigation"));
-
 var _usePagination = _interopRequireWildcard(require("./usePagination"));
-
-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 _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 cn = (0, _uiHelpers.cnCreate)('mfui-pagination');
-
 var Pagination = function Pagination(_ref) {
   var totalPages = _ref.totalPages,
-      activePage = _ref.activePage,
-      dataAttrs = _ref.dataAttrs,
-      _ref$theme = _ref.theme,
-      theme = _ref$theme === void 0 ? 'default' : _ref$theme,
-      onChange = _ref.onChange;
+    activePage = _ref.activePage,
+    dataAttrs = _ref.dataAttrs,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? 'default' : _ref$theme,
+    onChange = _ref.onChange;
   var paginationItems = (0, _usePagination["default"])(totalPages, activePage);
-
-  var handleBackClick = _react["default"].useCallback(function () {
+  var handleBackClick = React.useCallback(function () {
     onChange(activePage - 1);
   }, [activePage, onChange]);
-
-  var handleNextClick = _react["default"].useCallback(function () {
+  var handleNextClick = React.useCallback(function () {
     onChange(activePage + 1);
   }, [activePage, onChange]);
-
-  var handlePageButtonClick = _react["default"].useCallback(function (value) {
-    onChange(value);
+  var handlePageButtonClick = React.useCallback(function (value) {
+    value && onChange(value);
   }, [onChange]);
-
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn()
-  }), /*#__PURE__*/_react["default"].createElement(_PaginationNavigation["default"], {
+  }), /*#__PURE__*/React.createElement(_PaginationNavigation["default"], {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.prev
     },
@@ -61,7 +43,7 @@ var Pagination = function Pagination(_ref) {
     onClick: handleBackClick,
     className: cn('button'),
     theme: theme
-  }), /*#__PURE__*/_react["default"].createElement(_PaginationButtons["default"], {
+  }), /*#__PURE__*/React.createElement(_PaginationButtons["default"], {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
     },
@@ -70,7 +52,7 @@ var Pagination = function Pagination(_ref) {
     hiddenButton: _usePagination.Button.HIDDEN,
     theme: theme,
     onClick: handlePageButtonClick
-  }), /*#__PURE__*/_react["default"].createElement(_PaginationNavigation["default"], {
+  }), /*#__PURE__*/React.createElement(_PaginationNavigation["default"], {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.next
     },
@@ -80,18 +62,4 @@ var Pagination = function Pagination(_ref) {
     theme: theme
   }));
 };
-
-Pagination.propTypes = {
-  totalPages: _propTypes["default"].number.isRequired,
-  activePage: _propTypes["default"].number.isRequired,
-  theme: _propTypes["default"].oneOf(['default', 'light']),
-  dataAttrs: _propTypes["default"].shape({
-    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
-    prev: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
-    next: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
-    button: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
-  }),
-  onChange: _propTypes["default"].func.isRequired
-};
-var _default = Pagination;
-exports["default"] = _default;
+var _default = exports["default"] = Pagination;