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

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

@@ -1,19 +1,19 @@
-import * as React from 'react';
-import './Notification.scss';
+import React from 'react';
+import './Notification.less';
 declare const NotificationTypes: {
     readonly SUCCESS: "success";
     readonly WARNING: "warning";
     readonly ERROR: "error";
     readonly INFO: "info";
 };
-type NotificationType = (typeof NotificationTypes)[keyof typeof NotificationTypes];
+declare type NotificationType = typeof NotificationTypes[keyof typeof NotificationTypes];
 declare const ShadowTypes: {
     readonly ZERO: "zero";
     readonly HOVER: "hover";
     readonly PRESSED: "pressed";
     readonly DEFAULT: "default";
 };
-type ShadowType = (typeof ShadowTypes)[keyof typeof ShadowTypes];
+declare type ShadowType = typeof ShadowTypes[keyof typeof ShadowTypes];
 export interface INotificationProps {
     /** Дополнительный класс корневого элемента */
     className?: string;
@@ -70,7 +70,6 @@ export interface INotificationProps {
     };
     /** Ссылка на элемент */
     rootRef?: React.Ref<HTMLDivElement>;
-    children?: React.ReactNode;
     /** Обработчик на закрытие */
     onClose?: () => void;
     /** Обработчик клика по ссылке */

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

@@ -1,81 +1,103 @@
 "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.testIdPrefix = exports["default"] = void 0;
+exports["default"] = exports.testIdPrefix = void 0;
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-require("core-js/modules/es.string.link.js");
+
 require("core-js/modules/web.timers.js");
-var React = _interopRequireWildcard(require("react"));
+
+require("core-js/modules/es.string.link.js");
+
+require("core-js/modules/es.object.values.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(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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var ErrorIcon = function ErrorIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M15 20.72V23h2v-2.28a2 2 0 10-2 0z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/_react["default"].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.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: "M6 8h8l-4 5z",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }));
 };
+
 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 WarningIcon = function WarningIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/_react["default"].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.createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/_react["default"].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.createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/_react["default"].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.createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 10 10"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/_react["default"].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',
@@ -88,59 +110,64 @@ var ShadowTypes = {
   PRESSED: 'pressed',
   DEFAULT: 'default'
 };
-var testIdPrefix = exports.testIdPrefix = 'Notification';
+var testIdPrefix = 'Notification';
+exports.testIdPrefix = testIdPrefix;
 var cn = (0, _uiHelpers.cnCreate)('mfui-notification');
+
 var Notification = function Notification(_ref) {
   var className = _ref.className,
-    _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];
+      _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];
+
   var initialTextClasses = {
     "short": {
       hidden: shortText && showFullText
@@ -149,34 +176,41 @@ var Notification = function Notification(_ref) {
       visible: showFullText
     }
   };
-  var _useState5 = useState(initialTextClasses),
-    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    textClasses = _useState6[0],
-    setTextClass = _useState6[1];
+
+  var _useState5 = (0, _react.useState)(initialTextClasses),
+      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+      textClasses = _useState6[0],
+      setTextClass = _useState6[1];
+
   var hasBottom = shortText || buttonText || link;
   var isErrorType = type === NotificationTypes.ERROR;
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     setShowFullText(isCollapseOpened);
   }, [isCollapseOpened]);
-  useEffect(function () {
+  (0, _react.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]);
-  useEffect(function () {
+  (0, _react.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 () {
@@ -186,32 +220,33 @@ 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.createElement(_TextLink["default"], {
+    return /*#__PURE__*/_react["default"].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.createElement(RightArrow, {
+    }, link, /*#__PURE__*/_react["default"].createElement(RightArrow, {
       className: cn('link-arrow')
     }));
   };
+
   var renderButton = function renderButton() {
-    return /*#__PURE__*/React.createElement(_Button["default"], {
+    return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
       className: cn('button'),
       dataAttrs: {
         root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
@@ -225,36 +260,44 @@ var Notification = function Notification(_ref) {
       onClick: onButtonClick
     }, buttonText);
   };
+
   var renderCollapseButton = function renderCollapseButton() {
-    return /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.collapseButton), {
+    return /*#__PURE__*/_react["default"].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.createElement(ArrowDown, {
+    }), showFullText ? openCollapseTitle : closeCollapseTitle, /*#__PURE__*/_react["default"].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.createElement(SuccessIcon, null);
+        return /*#__PURE__*/_react["default"].createElement(SuccessIcon, null);
+
       case ERROR:
-        return /*#__PURE__*/React.createElement(ErrorIcon, null);
+        return /*#__PURE__*/_react["default"].createElement(ErrorIcon, null);
+
       case WARNING:
-        return /*#__PURE__*/React.createElement(WarningIcon, null);
+        return /*#__PURE__*/_react["default"].createElement(WarningIcon, null);
+
       default:
-        return /*#__PURE__*/React.createElement(InfoIcon, null);
+        return /*#__PURE__*/_react["default"].createElement(InfoIcon, null);
     }
   };
-  return /*#__PURE__*/React.createElement(_Tile["default"], {
+
+  return /*#__PURE__*/_react["default"].createElement(_Tile["default"], {
     className: cn({
       type: type,
       colored: isColored
@@ -264,44 +307,88 @@ var Notification = function Notification(_ref) {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     "data-testid": "".concat(testIdPrefix, "-container"),
     className: cn('container', [containerClass]),
     ref: rootRef
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('icon-container')
-  }, renderIcon()), /*#__PURE__*/React.createElement("div", {
+  }, renderIcon()), /*#__PURE__*/_react["default"].createElement("div", {
     "data-testid": "".concat(testIdPrefix, "-content"),
     className: cn('content', [contentClass])
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('text-container')
-  }, title && /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.title), {
+  }, title && /*#__PURE__*/_react["default"].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.createElement("div", (0, _extends2["default"])({
+  }), (0, _uiHelpers.convert)(title, _uiHelpers.titleConvertConfig)), /*#__PURE__*/_react["default"].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.createElement("div", {
+  }), /*#__PURE__*/_react["default"].createElement("div", {
     ref: shortTextRef,
     className: cn('short-text', textClasses["short"])
-  }, shortText && (0, _uiHelpers.convert)(shortText, _uiHelpers.textConvertConfig) || children), shortText && /*#__PURE__*/React.createElement("div", {
+  }, shortText && (0, _uiHelpers.convert)(shortText, _uiHelpers.textConvertConfig) || children), shortText && /*#__PURE__*/_react["default"].createElement("div", {
     ref: fullTextRef,
     className: cn('full-text', textClasses.full)
-  }, children))), hasBottom && /*#__PURE__*/React.createElement("div", {
+  }, children))), hasBottom && /*#__PURE__*/_react["default"].createElement("div", {
     "data-testid": "".concat(testIdPrefix, "-bottom"),
     className: cn('bottom', {
       'has-button': !!buttonText
     })
-  }, (buttonText || link) && /*#__PURE__*/React.createElement("div", {
+  }, (buttonText || link) && /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('bottom-block')
-  }, 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), {
+  }, 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), {
     className: cn('close'),
     type: "button",
     onClick: onClose
-  }), /*#__PURE__*/React.createElement(CancelIcon, {
+  }), /*#__PURE__*/_react["default"].createElement(CancelIcon, {
     className: cn('close-icon')
   })));
 };
-var _default = exports["default"] = Notification;
+
+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;

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

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

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

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