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

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

@@ -1,40 +1,58 @@
 "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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
+
+var _react = _interopRequireDefault(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(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 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.useCallback(function () {
+
+  var handleBackClick = _react["default"].useCallback(function () {
     onChange(activePage - 1);
   }, [activePage, onChange]);
-  var handleNextClick = React.useCallback(function () {
+
+  var handleNextClick = _react["default"].useCallback(function () {
     onChange(activePage + 1);
   }, [activePage, onChange]);
-  var handlePageButtonClick = React.useCallback(function (value) {
-    value && onChange(value);
+
+  var handlePageButtonClick = _react["default"].useCallback(function (value) {
+    onChange(value);
   }, [onChange]);
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn()
-  }), /*#__PURE__*/React.createElement(_PaginationNavigation["default"], {
+  }), /*#__PURE__*/_react["default"].createElement(_PaginationNavigation["default"], {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.prev
     },
@@ -43,7 +61,7 @@ var Pagination = function Pagination(_ref) {
     onClick: handleBackClick,
     className: cn('button'),
     theme: theme
-  }), /*#__PURE__*/React.createElement(_PaginationButtons["default"], {
+  }), /*#__PURE__*/_react["default"].createElement(_PaginationButtons["default"], {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
     },
@@ -52,7 +70,7 @@ var Pagination = function Pagination(_ref) {
     hiddenButton: _usePagination.Button.HIDDEN,
     theme: theme,
     onClick: handlePageButtonClick
-  }), /*#__PURE__*/React.createElement(_PaginationNavigation["default"], {
+  }), /*#__PURE__*/_react["default"].createElement(_PaginationNavigation["default"], {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.next
     },
@@ -62,4 +80,18 @@ var Pagination = function Pagination(_ref) {
     theme: theme
   }));
 };
-var _default = exports["default"] = Pagination;
+
+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;

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

@@ -1 +1,62 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-pagination-button{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;font-weight:500;line-height:24px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:1px solid transparent;border-radius:50%;cursor:pointer;height:32px;padding:0;width:32px}.mfui-pagination-button svg{width:100%}.mfui-pagination-button:disabled{pointer-events:none}.mfui-pagination-button_active{border-color:var(--brandGreen);pointer-events:none}.mfui-pagination-button_theme_default{color:var(--content)}.mfui-pagination-button_theme_default svg{fill:var(--content)}.mfui-pagination-button_theme_default:hover{background-color:var(--spbSky0)}.mfui-pagination-button_theme_default.mfui-pagination-button_active{border-color:var(--brandGreen)}.mfui-pagination-button_theme_light{color:var(--stcWhite)}.mfui-pagination-button_theme_light svg{fill:var(--stcWhite)}.mfui-pagination-button_theme_light:hover{background-color:var(--stcWhite20)}.mfui-pagination-button_theme_light.mfui-pagination-button_active{border-color:var(--stcWhite)}
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-pagination-button {
+  font-size: 15px;
+  line-height: 24px;
+  font-weight: 500;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  border-radius: 50%;
+  border: 1px solid transparent;
+  background-color: transparent;
+  cursor: pointer;
+}
+.mfui-pagination-button svg {
+  width: 100%;
+}
+.mfui-pagination-button:disabled {
+  pointer-events: none;
+}
+.mfui-pagination-button_active {
+  border-color: var(--brandGreen);
+  pointer-events: none;
+}
+.mfui-pagination-button_theme_default {
+  color: var(--content);
+}
+.mfui-pagination-button_theme_default svg {
+  fill: var(--content);
+}
+.mfui-pagination-button_theme_default:hover {
+  background-color: var(--spbSky0);
+}
+.mfui-pagination-button_theme_default.mfui-pagination-button_active {
+  border-color: var(--brandGreen);
+}
+.mfui-pagination-button_theme_light {
+  color: var(--stcWhite);
+}
+.mfui-pagination-button_theme_light svg {
+  fill: var(--stcWhite);
+}
+.mfui-pagination-button_theme_light:hover {
+  background-color: var(--stcWhite20);
+}
+.mfui-pagination-button_theme_light.mfui-pagination-button_active {
+  border-color: var(--stcWhite);
+}

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

@@ -1,17 +1,16 @@
 import React from 'react';
-import './PaginationButton.scss';
-export type PaginationValueType = string | number;
+import './PaginationButton.less';
+declare type ValueType = string | number;
 export interface IPaginationButtonProps {
     disabled?: boolean;
     isActive?: boolean;
     theme?: 'default' | 'light';
-    value?: PaginationValueType;
+    value?: ValueType;
     className?: string;
     dataAttrs?: {
         root?: Record<string, string>;
     };
-    children?: React.ReactNode;
-    onClick?: (value?: PaginationValueType) => void;
+    onClick?: (value?: ValueType) => void;
 }
 declare const PaginationButton: React.FC<IPaginationButtonProps>;
 export default PaginationButton;

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

@@ -4,26 +4,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _uiHelpers = require("@megafon/ui-helpers");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var cn = (0, _uiHelpers.cnCreate)('mfui-pagination-button');
+
 var PaginationButton = function PaginationButton(_ref) {
   var _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$isActive = _ref.isActive,
-    isActive = _ref$isActive === void 0 ? false : _ref$isActive,
-    _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? 'default' : _ref$theme,
-    className = _ref.className,
-    children = _ref.children,
-    onClick = _ref.onClick,
-    value = _ref.value,
-    dataAttrs = _ref.dataAttrs;
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$isActive = _ref.isActive,
+      isActive = _ref$isActive === void 0 ? false : _ref$isActive,
+      _ref$theme = _ref.theme,
+      theme = _ref$theme === void 0 ? 'default' : _ref$theme,
+      className = _ref.className,
+      children = _ref.children,
+      onClick = _ref.onClick,
+      value = _ref.value,
+      dataAttrs = _ref.dataAttrs;
+
   var handleClick = function handleClick() {
     onClick === null || onClick === void 0 ? void 0 : onClick(value);
   };
+
   return /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       active: isActive,
@@ -34,4 +44,17 @@ var PaginationButton = function PaginationButton(_ref) {
     type: "button"
   }), children);
 };
-var _default = exports["default"] = PaginationButton;
+
+PaginationButton.propTypes = {
+  disabled: _propTypes["default"].bool,
+  isActive: _propTypes["default"].bool,
+  theme: _propTypes["default"].oneOf(['default', 'light']),
+  className: _propTypes["default"].string,
+  value: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
+  dataAttrs: _propTypes["default"].shape({
+    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
+  }),
+  onClick: _propTypes["default"].func
+};
+var _default = PaginationButton;
+exports["default"] = _default;

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

@@ -1 +1,10 @@
-.mfui-pagination-buttons{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-pagination-buttons__button{-ms-flex-negative:0;flex-shrink:0;margin:0 4px}
+.mfui-pagination-buttons {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.mfui-pagination-buttons__button {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  margin: 0 4px;
+}

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

@@ -1,6 +1,5 @@
 import React from 'react';
-import { PaginationValueType } from '../PaginationButton/PaginationButton';
-import './PaginationButtons.scss';
+import './PaginationButtons.less';
 interface IPaginationButtonsProps {
     items: Array<string | number>;
     theme?: 'default' | 'light';
@@ -9,7 +8,7 @@ interface IPaginationButtonsProps {
     dataAttrs?: {
         root?: Record<string, string>;
     };
-    onClick: (value?: PaginationValueType) => void;
+    onClick: (value?: number | string) => void;
 }
 declare const PaginationButtons: React.FC<IPaginationButtonsProps>;
 export default PaginationButtons;

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

@@ -4,12 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 require("core-js/modules/es.array.map.js");
+
 var _react = _interopRequireDefault(require("react"));
+
 var _uiHelpers = require("@megafon/ui-helpers");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _PaginationButton = _interopRequireDefault(require("../PaginationButton/PaginationButton"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var NothingIcon = function NothingIcon(props) {
   return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
@@ -17,19 +26,22 @@ var NothingIcon = function NothingIcon(props) {
     d: "M7 9a1 1 0 11-1 1 1 1 0 011-1zm2 1a1 1 0 101-1 1 1 0 00-1 1zm3 0a1 1 0 101-1 1 1 0 00-1 1z"
   }));
 };
+
 var cn = (0, _uiHelpers.cnCreate)('mfui-pagination-buttons');
+
 var PaginationButtons = function PaginationButtons(_ref) {
   var items = _ref.items,
-    theme = _ref.theme,
-    onClick = _ref.onClick,
-    activeButton = _ref.activeButton,
-    hiddenButton = _ref.hiddenButton,
-    dataAttrs = _ref.dataAttrs;
+      theme = _ref.theme,
+      onClick = _ref.onClick,
+      activeButton = _ref.activeButton,
+      hiddenButton = _ref.hiddenButton,
+      dataAttrs = _ref.dataAttrs;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: cn()
   }, items.map(function (pageNumber, index) {
     var isHiddenButton = hiddenButton === pageNumber;
     var dataIndex = typeof pageNumber === 'number' ? pageNumber : undefined;
+
     if (isHiddenButton) {
       return /*#__PURE__*/_react["default"].createElement(_PaginationButton["default"], {
         disabled: true,
@@ -43,6 +55,7 @@ var PaginationButtons = function PaginationButtons(_ref) {
         }
       }, /*#__PURE__*/_react["default"].createElement(NothingIcon, null));
     }
+
     var isActive = pageNumber === activeButton;
     return /*#__PURE__*/_react["default"].createElement(_PaginationButton["default"], {
       dataAttrs: {
@@ -57,4 +70,16 @@ var PaginationButtons = function PaginationButtons(_ref) {
     }, pageNumber);
   }));
 };
-var _default = exports["default"] = PaginationButtons;
+
+PaginationButtons.propTypes = {
+  items: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired).isRequired,
+  theme: _propTypes["default"].oneOf(['default', 'light']),
+  activeButton: _propTypes["default"].number.isRequired,
+  hiddenButton: _propTypes["default"].string.isRequired,
+  dataAttrs: _propTypes["default"].shape({
+    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
+  }),
+  onClick: _propTypes["default"].func.isRequired
+};
+var _default = PaginationButtons;
+exports["default"] = _default;

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

@@ -1 +1,17 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-pagination-navigation_direction_left .mfui-pagination-navigation__icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mfui-pagination-navigation svg{width:100%}.mfui-pagination-navigation:disabled svg{opacity:.25}
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-pagination-navigation_direction_left .mfui-pagination-navigation__icon {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.mfui-pagination-navigation svg {
+  width: 100%;
+}
+.mfui-pagination-navigation:disabled svg {
+  opacity: 0.25;
+}

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

@@ -1,6 +1,5 @@
 import React from 'react';
-import { PaginationValueType } from '../PaginationButton/PaginationButton';
-import './PaginationNavigation.scss';
+import './PaginationNavigation.less';
 interface IPaginationNavigationProps {
     direction?: 'left' | 'right';
     theme?: 'default' | 'light';
@@ -10,7 +9,7 @@ interface IPaginationNavigationProps {
     dataAttrs?: {
         root?: Record<string, string>;
     };
-    onClick?: (value?: PaginationValueType) => void;
+    onClick?: (value?: number | string) => void;
 }
 declare const PaginationNavigation: React.FC<IPaginationNavigationProps>;
 export default PaginationNavigation;

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

@@ -4,11 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _uiHelpers = require("@megafon/ui-helpers");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _PaginationButton = _interopRequireDefault(require("../PaginationButton/PaginationButton"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var ArrowRightIcon = function ArrowRightIcon(props) {
   return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
@@ -16,16 +24,18 @@ var ArrowRightIcon = function ArrowRightIcon(props) {
     d: "M12.5 20.8l4.8-4.8-4.8-4.8 1.6-1.7 6.4 6.5-6.4 6.5z"
   }));
 };
+
 var cn = (0, _uiHelpers.cnCreate)('mfui-pagination-navigation');
+
 var PaginationNavigation = function PaginationNavigation(_ref) {
   var _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? 'right' : _ref$direction,
-    theme = _ref.theme,
-    disabled = _ref.disabled,
-    isActive = _ref.isActive,
-    onClick = _ref.onClick,
-    className = _ref.className,
-    dataAttrs = _ref.dataAttrs;
+      direction = _ref$direction === void 0 ? 'right' : _ref$direction,
+      theme = _ref.theme,
+      disabled = _ref.disabled,
+      isActive = _ref.isActive,
+      onClick = _ref.onClick,
+      className = _ref.className,
+      dataAttrs = _ref.dataAttrs;
   return /*#__PURE__*/_react["default"].createElement(_PaginationButton["default"], {
     dataAttrs: dataAttrs,
     className: cn({
@@ -39,4 +49,17 @@ var PaginationNavigation = function PaginationNavigation(_ref) {
     className: cn('icon')
   }));
 };
-var _default = exports["default"] = PaginationNavigation;
+
+PaginationNavigation.propTypes = {
+  direction: _propTypes["default"].oneOf(['left', 'right']),
+  theme: _propTypes["default"].oneOf(['default', 'light']),
+  disabled: _propTypes["default"].bool,
+  isActive: _propTypes["default"].bool,
+  className: _propTypes["default"].string,
+  dataAttrs: _propTypes["default"].shape({
+    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
+  }),
+  onClick: _propTypes["default"].func
+};
+var _default = PaginationNavigation;
+exports["default"] = _default;

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

@@ -4,14 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var getRange = function getRange(from, to) {
   var step = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
   var i = from;
   var range = [];
+
   while (i <= to) {
     range.push(i);
     i += step;
   }
+
   return range;
 };
-var _default = exports["default"] = getRange;
+
+var _default = getRange;
+exports["default"] = _default;

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

@@ -3,6 +3,5 @@ export declare const Button: {
     FIRST: number;
 };
 export declare const MOBILE_RESOLUTION = 360;
-type PaginationItem = string | number;
-declare const usePagination: (totalPages: number, activePage: number) => PaginationItem[];
+declare const usePagination: (totalPages: number, activePage: number) => (string | number)[];
 export default usePagination;

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

@@ -4,59 +4,80 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.MOBILE_RESOLUTION = exports.Button = void 0;
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 require("core-js/modules/es.array.concat.js");
+
 var _react = _interopRequireDefault(require("react"));
+
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
+
 var _throttleTime = _interopRequireDefault(require("../../constants/throttleTime"));
+
 var _helpers = _interopRequireDefault(require("./helpers"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var Button = exports.Button = {
+
+var Button = {
   HIDDEN: 'HIDDEN',
   FIRST: 1
 };
+exports.Button = Button;
 var NeighbourCount = {
   MOBILE: 0,
   MAIN: 1
 };
 var BUTTON_RATIO = 5;
-var MOBILE_RESOLUTION = exports.MOBILE_RESOLUTION = 360;
+var MOBILE_RESOLUTION = 360;
+exports.MOBILE_RESOLUTION = MOBILE_RESOLUTION;
+
 var getItems = function getItems(_ref) {
   var totalPages = _ref.totalPages,
-    activePage = _ref.activePage,
-    maxButtonsCount = _ref.maxButtonsCount,
-    neighbourCount = _ref.neighbourCount;
+      activePage = _ref.activePage,
+      maxButtonsCount = _ref.maxButtonsCount,
+      neighbourCount = _ref.neighbourCount;
   var isMoreThenMaxBtnsCount = totalPages > maxButtonsCount;
   var lastPage = totalPages;
+
   if (!isMoreThenMaxBtnsCount) {
     return (0, _helpers["default"])(Button.FIRST, lastPage);
   }
+
   var hasLeftHiddenBtns = activePage > Math.ceil(maxButtonsCount / 2);
   var hasRightHiddenBtns = lastPage > activePage + neighbourCount + 2;
+
   switch (true) {
     case !hasLeftHiddenBtns && hasRightHiddenBtns:
       {
         var range = (0, _helpers["default"])(Button.FIRST, maxButtonsCount - 2);
         return [].concat((0, _toConsumableArray2["default"])(range), [Button.HIDDEN, lastPage]);
       }
+
     case hasLeftHiddenBtns && !hasRightHiddenBtns:
       {
         var _range = (0, _helpers["default"])(totalPages - (2 + 2 * neighbourCount), totalPages);
+
         return [Button.FIRST, Button.HIDDEN].concat((0, _toConsumableArray2["default"])(_range));
       }
+
     default:
       {
         var _range2 = (0, _helpers["default"])(activePage - neighbourCount, activePage + neighbourCount);
+
         return [Button.FIRST, Button.HIDDEN].concat((0, _toConsumableArray2["default"])(_range2), [Button.HIDDEN, lastPage]);
       }
   }
 };
+
 var usePagination = function usePagination(totalPages, activePage) {
   var _React$useState = _react["default"].useState(NeighbourCount.MAIN),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    neighbourCount = _React$useState2[0],
-    setNeighbourCount = _React$useState2[1];
+      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+      neighbourCount = _React$useState2[0],
+      setNeighbourCount = _React$useState2[1];
+
   var maxButtonsCount = 2 * neighbourCount + BUTTON_RATIO;
   var paginationItems = getItems({
     totalPages: totalPages,
@@ -64,12 +85,14 @@ var usePagination = function usePagination(totalPages, activePage) {
     maxButtonsCount: maxButtonsCount,
     neighbourCount: neighbourCount
   });
+
   _react["default"].useEffect(function () {
     var handleResize = function handleResize() {
       var isMobile = window.innerWidth <= MOBILE_RESOLUTION;
       var value = isMobile ? NeighbourCount.MOBILE : NeighbourCount.MAIN;
       setNeighbourCount(value);
     };
+
     handleResize();
     var handleResizeThrottled = (0, _lodash["default"])(handleResize, _throttleTime["default"].resize);
     window.addEventListener('resize', handleResizeThrottled);
@@ -77,6 +100,9 @@ var usePagination = function usePagination(totalPages, activePage) {
       window.removeEventListener('resize', handleResizeThrottled);
     };
   }, []);
+
   return paginationItems;
 };
-var _default = exports["default"] = usePagination;
+
+var _default = usePagination;
+exports["default"] = _default;

package/dist/lib/components/Paragraph/Paragraph.css

@@ -1 +1,43 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-paragraph{font-family:inherit;font-size:15px;font-weight:400;line-height:24px;margin:0}.mfui-paragraph_align_left{text-align:left}.mfui-paragraph_align_center{text-align:center}.mfui-paragraph_align_right{text-align:right}.mfui-paragraph_space_wide{line-height:24px}.mfui-paragraph_space_tight{line-height:18px}.mfui-paragraph_has-margin{margin:0 0 16px}.mfui-paragraph_color_inherit{color:inherit}.mfui-paragraph_color_default{color:var(--content)}.mfui-paragraph_color_gray{color:var(--spbSky3)}.mfui-paragraph_color_white{color:var(--stcWhite)}.mfui-paragraph_color_green{color:var(--brandGreen)}.mfui-paragraph_color_purple{color:var(--brandPurple)}
+.mfui-paragraph {
+  font-family: inherit;
+  font-size: 15px;
+  line-height: 24px;
+  margin: 0;
+  font-weight: 400;
+}
+.mfui-paragraph_align_left {
+  text-align: left;
+}
+.mfui-paragraph_align_center {
+  text-align: center;
+}
+.mfui-paragraph_align_right {
+  text-align: right;
+}
+.mfui-paragraph_space_wide {
+  line-height: 24px;
+}
+.mfui-paragraph_space_tight {
+  line-height: 18px;
+}
+.mfui-paragraph_has-margin {
+  margin: 0 0 16px;
+}
+.mfui-paragraph_color_inherit {
+  color: inherit;
+}
+.mfui-paragraph_color_default {
+  color: var(--content);
+}
+.mfui-paragraph_color_gray {
+  color: var(--spbSky3);
+}
+.mfui-paragraph_color_white {
+  color: var(--stcWhite);
+}
+.mfui-paragraph_color_green {
+  color: var(--brandGreen);
+}
+.mfui-paragraph_color_purple {
+  color: var(--brandPurple);
+}