@megafon/ui-shared 6.0.0-beta.3 → 6.0.0

package/dist/lib/components/StoreButton/StoreButton.js

@@ -1,34 +1,59 @@
 "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"] = exports.Theme = exports.ButtonSizes = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-require("core-js/modules/es.symbol.js");
+
 require("core-js/modules/es.array.index-of.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.object.values.js");
+
 var React = _interopRequireWildcard(require("react"));
+
 var _uiCore = require("@megafon/ui-core");
+
 var _uiHelpers = require("@megafon/ui-helpers");
-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; }
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+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 __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
+
 var ButtonSizes;
+exports.ButtonSizes = ButtonSizes;
+
 (function (ButtonSizes) {
   ButtonSizes["SMALL"] = "small";
   ButtonSizes["MEDIUM"] = "medium";
   ButtonSizes["LARGE"] = "large";
 })(ButtonSizes || (exports.ButtonSizes = ButtonSizes = {}));
+
 var Theme;
+exports.Theme = Theme;
+
 (function (Theme) {
   Theme["APP_STORE"] = "app-store";
   Theme["GALAXY_STORE"] = "galaxy-store";
@@ -38,20 +63,23 @@ var Theme;
   Theme["RU_STORE"] = "ru-store";
   Theme["V_APPSTORE"] = "v-appstore";
 })(Theme || (exports.Theme = Theme = {}));
+
 var cn = (0, _uiHelpers.cnCreate)('mfui-store-button');
+
 var StoreButton = function StoreButton(_a) {
   var href = _a.href,
-    rel = _a.rel,
-    onClick = _a.onClick,
-    theme = _a.theme,
-    className = _a.className,
-    _a$sizeAll = _a.sizeAll,
-    sizeAll = _a$sizeAll === void 0 ? ButtonSizes.MEDIUM : _a$sizeAll,
-    sizeWide = _a.sizeWide,
-    sizeDesktop = _a.sizeDesktop,
-    sizeTablet = _a.sizeTablet,
-    sizeMobile = _a.sizeMobile,
-    rest = __rest(_a, ["href", "rel", "onClick", "theme", "className", "sizeAll", "sizeWide", "sizeDesktop", "sizeTablet", "sizeMobile"]);
+      rel = _a.rel,
+      onClick = _a.onClick,
+      theme = _a.theme,
+      className = _a.className,
+      _a$sizeAll = _a.sizeAll,
+      sizeAll = _a$sizeAll === void 0 ? ButtonSizes.MEDIUM : _a$sizeAll,
+      sizeWide = _a.sizeWide,
+      sizeDesktop = _a.sizeDesktop,
+      sizeTablet = _a.sizeTablet,
+      sizeMobile = _a.sizeMobile,
+      rest = __rest(_a, ["href", "rel", "onClick", "theme", "className", "sizeAll", "sizeWide", "sizeDesktop", "sizeTablet", "sizeMobile"]);
+
   return /*#__PURE__*/React.createElement(_uiCore.Link, (0, _extends2["default"])({}, rest, {
     href: href,
     rel: rel,
@@ -66,4 +94,22 @@ var StoreButton = function StoreButton(_a) {
     }, className)
   }));
 };
-var _default = exports["default"] = StoreButton;
+
+StoreButton.propTypes = {
+  href: _propTypes["default"].string.isRequired,
+  rel: _propTypes["default"].string,
+  theme: _propTypes["default"].oneOf(Object.values(Theme)).isRequired,
+  onClick: _propTypes["default"].func,
+  className: _propTypes["default"].string,
+  target: _propTypes["default"].oneOf(['_self', '_blank', '_parent', '_top']),
+  sizeAll: _propTypes["default"].oneOf(Object.values(ButtonSizes)),
+  sizeWide: _propTypes["default"].oneOf(Object.values(ButtonSizes)),
+  sizeDesktop: _propTypes["default"].oneOf(Object.values(ButtonSizes)),
+  sizeTablet: _propTypes["default"].oneOf(Object.values(ButtonSizes)),
+  sizeMobile: _propTypes["default"].oneOf(Object.values(ButtonSizes)),
+  dataAttrs: _propTypes["default"].shape({
+    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
+  })
+};
+var _default = StoreButton;
+exports["default"] = _default;

package/dist/lib/components/Table/Table.css

@@ -1 +1,157 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-table{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:15px;line-height:24px}.mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar{height:8px;width:8px}.mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar-track{background-color:var(--spbSky1)}.mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar-thumb{background-color:var(--spbSky2);border-radius:4px}.mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar-corner{background-color:var(--base)}.mfui-table:not(.mfui-table_touch) .mfui-table__scroll{scrollbar-color:var(--spbSky2) var(--spbSky1);scrollbar-width:thin}.mfui-table__scroll{border:1px solid var(--spbSky2);display:grid;grid-template-columns:auto auto auto;max-width:100%;overflow:auto;position:relative}@media screen and (min-width:1024px){.mfui-table__scroll_limit{max-height:500px}}.mfui-table__top-shadow{background:linear-gradient(359.94deg,transparent .06%,rgba(0,0,0,.03) 38.08%,rgba(0,0,0,.08) 74.98%);display:block;grid-column-end:4;grid-column-start:1;height:6px;margin-bottom:-6px;position:sticky;top:0;width:100%;z-index:2}.mfui-table__left-shadow{background:-webkit-gradient(linear,right top,left top,color-stop(16.3%,transparent),color-stop(51.81%,rgba(0,0,0,.03)),color-stop(86.27%,rgba(0,0,0,.08)));background:linear-gradient(270deg,transparent 16.3%,rgba(0,0,0,.03) 51.81%,rgba(0,0,0,.08) 86.27%);bottom:0;left:0;margin-right:-6px;position:sticky;top:0;width:6px;z-index:2}.mfui-table__bottom-gradient{background:-webkit-gradient(linear,left bottom,left top,color-stop(25%,var(--base)),to(hsla(0,0%,100%,0)));background:linear-gradient(to top,var(--base) 25%,hsla(0,0%,100%,0));bottom:0;display:block;grid-column-end:4;grid-column-start:1;height:48px;margin-top:-48px;position:sticky;width:100%;z-index:1}.mfui-table__right-gradient{background:-webkit-gradient(linear,right top,left top,color-stop(25%,var(--base)),to(hsla(0,0%,100%,0)));background:linear-gradient(to left,var(--base) 25%,hsla(0,0%,100%,0));display:block;height:100%;margin-left:-48px;position:sticky;right:0;width:48px;z-index:1}.mfui-table__table{background-color:var(--base);border-collapse:separate;border-spacing:0;border-width:0}.mfui-table__cell{background-color:var(--base);-webkit-box-sizing:border-box;box-sizing:border-box;padding:24px}@media screen and (max-width:767px){.mfui-table__cell{padding-left:16px;padding-right:16px}}.mfui-table__cell:first-child{border-right:1px solid var(--spbSky2);left:0;min-width:144px;position:relative;width:144px}.mfui-table__cell:not(:first-child){max-width:288px}.mfui-table__row_head .mfui-table__cell{background-color:var(--spbSky0);color:var(--spbSky3);font-size:12px;height:72px;line-height:18px;padding-bottom:12px;vertical-align:bottom}.mfui-table__row:not(:last-child) .mfui-table__cell{border-bottom:1px solid var(--spbSky2)}.mfui-table__row_align_bottom .mfui-table__cell{vertical-align:bottom}.mfui-table__row_align_top .mfui-table__cell{vertical-align:top}.mfui-table__row_align_top.mfui-table__row_head .mfui-table__cell{padding-top:12px}.mfui-table_min-cell-size_small .mfui-table__cell:not(:first-child){min-width:72px}.mfui-table_min-cell-size_large .mfui-table__cell:not(:first-child){min-width:144px}.mfui-table_fix-column .mfui-table__cell:first-child{position:sticky}.mfui-table_fix-column .mfui-table__left-shadow{left:144px}.mfui-table_fix-column .mfui-table__bottom-gradient{z-index:3}
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-table {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  font-family: inherit;
+  font-size: 15px;
+  line-height: 24px;
+}
+.mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+.mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar-track {
+  background-color: var(--spbSky1);
+}
+.mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+  background-color: var(--spbSky2);
+}
+.mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar-corner {
+  background-color: var(--base);
+}
+.mfui-table:not(.mfui-table_touch) .mfui-table__scroll {
+  scrollbar-color: var(--spbSky2) var(--spbSky1);
+  scrollbar-width: thin;
+}
+.mfui-table__scroll {
+  position: relative;
+  display: grid;
+  grid-template-columns: auto auto auto;
+  max-width: 100%;
+  border: 1px solid var(--spbSky2);
+  overflow: auto;
+}
+@media screen and (min-width: 1024px) {
+  .mfui-table__scroll_limit {
+    max-height: 500px;
+  }
+}
+.mfui-table__top-shadow {
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  display: block;
+  grid-column-start: 1;
+  grid-column-end: 4;
+  width: 100%;
+  height: 6px;
+  margin-bottom: -6px;
+  background: linear-gradient(359.94deg, rgba(0, 0, 0, 0.0001) 0.06%, rgba(0, 0, 0, 0.03) 38.08%, rgba(0, 0, 0, 0.08) 74.98%);
+}
+.mfui-table__left-shadow {
+  position: sticky;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 2;
+  width: 6px;
+  margin-right: -6px;
+  background: -webkit-gradient(linear, right top, left top, color-stop(16.3%, rgba(0, 0, 0, 0.0001)), color-stop(51.81%, rgba(0, 0, 0, 0.03)), color-stop(86.27%, rgba(0, 0, 0, 0.08)));
+  background: linear-gradient(270deg, rgba(0, 0, 0, 0.0001) 16.3%, rgba(0, 0, 0, 0.03) 51.81%, rgba(0, 0, 0, 0.08) 86.27%);
+}
+.mfui-table__bottom-gradient {
+  position: sticky;
+  bottom: 0;
+  z-index: 1;
+  display: block;
+  grid-column-start: 1;
+  grid-column-end: 4;
+  width: 100%;
+  height: 48px;
+  margin-top: -48px;
+  background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, var(--base)), to(rgba(255, 255, 255, 0)));
+  background: linear-gradient(to top, var(--base) 25%, rgba(255, 255, 255, 0));
+}
+.mfui-table__right-gradient {
+  position: sticky;
+  right: 0;
+  z-index: 1;
+  display: block;
+  width: 48px;
+  height: 100%;
+  margin-left: -48px;
+  background: -webkit-gradient(linear, right top, left top, color-stop(25%, var(--base)), to(rgba(255, 255, 255, 0)));
+  background: linear-gradient(to left, var(--base) 25%, rgba(255, 255, 255, 0));
+}
+.mfui-table__table {
+  border-width: 0;
+  border-collapse: separate;
+  border-spacing: 0;
+  background-color: var(--base);
+}
+.mfui-table__cell {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 24px;
+  background-color: var(--base);
+}
+@media screen and (max-width: 767px) {
+  .mfui-table__cell {
+    padding-right: 16px;
+    padding-left: 16px;
+  }
+}
+.mfui-table__cell:first-child {
+  position: relative;
+  left: 0;
+  width: 144px;
+  min-width: 144px;
+  border-right: 1px solid var(--spbSky2);
+}
+.mfui-table__cell:not(:first-child) {
+  max-width: 288px;
+}
+.mfui-table__row_head .mfui-table__cell {
+  font-size: 12px;
+  line-height: 18px;
+  height: 72px;
+  padding-bottom: 12px;
+  color: var(--spbSky3);
+  vertical-align: bottom;
+  background-color: var(--spbSky0);
+}
+.mfui-table__row:not(:last-child) .mfui-table__cell {
+  border-bottom: 1px solid var(--spbSky2);
+}
+.mfui-table__row_align_bottom .mfui-table__cell {
+  vertical-align: bottom;
+}
+.mfui-table__row_align_top .mfui-table__cell {
+  vertical-align: top;
+}
+.mfui-table__row_align_top.mfui-table__row_head .mfui-table__cell {
+  padding-top: 12px;
+}
+.mfui-table_min-cell-size_small .mfui-table__cell:not(:first-child) {
+  min-width: 72px;
+}
+.mfui-table_min-cell-size_large .mfui-table__cell:not(:first-child) {
+  min-width: 144px;
+}
+.mfui-table_fix-column .mfui-table__cell:first-child {
+  position: sticky;
+}
+.mfui-table_fix-column .mfui-table__left-shadow {
+  left: 144px;
+}
+.mfui-table_fix-column .mfui-table__bottom-gradient {
+  z-index: 3;
+}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import './Table.scss';
+import './Table.less';
 import { ITableRow } from './TableRow';
 export interface ITable {
     /** Дополнительный класс корневого элемента */

package/dist/lib/components/Table/Table.js

@@ -1,61 +1,83 @@
 "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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 require("core-js/modules/es.array.map.js");
+
 var React = _interopRequireWildcard(require("react"));
+
 var _uiHelpers = require("@megafon/ui-helpers");
+
 var _htmr = _interopRequireDefault(require("htmr"));
+
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
-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; }
+
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+
+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-table');
+
 var Table = function Table(_ref) {
   var className = _ref.className,
-    _ref$fixColumn = _ref.fixColumn,
-    fixColumn = _ref$fixColumn === void 0 ? true : _ref$fixColumn,
-    _ref$minCellSize = _ref.minCellSize,
-    minCellSize = _ref$minCellSize === void 0 ? 'large' : _ref$minCellSize,
-    _ref$disableHeightLim = _ref.disableHeightLimit,
-    disableHeightLimit = _ref$disableHeightLim === void 0 ? false : _ref$disableHeightLim,
-    children = _ref.children;
+      _ref$fixColumn = _ref.fixColumn,
+      fixColumn = _ref$fixColumn === void 0 ? true : _ref$fixColumn,
+      _ref$minCellSize = _ref.minCellSize,
+      minCellSize = _ref$minCellSize === void 0 ? 'large' : _ref$minCellSize,
+      _ref$disableHeightLim = _ref.disableHeightLimit,
+      disableHeightLimit = _ref$disableHeightLim === void 0 ? false : _ref$disableHeightLim,
+      children = _ref.children;
   var scrollRef = React.useRef(null);
+
   var _React$useState = React.useState(false),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    isTopShadow = _React$useState2[0],
-    setTopShadow = _React$useState2[1];
+      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+      isTopShadow = _React$useState2[0],
+      setTopShadow = _React$useState2[1];
+
   var _React$useState3 = React.useState(false),
-    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-    isLeftShadow = _React$useState4[0],
-    setLeftShadow = _React$useState4[1];
+      _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+      isLeftShadow = _React$useState4[0],
+      setLeftShadow = _React$useState4[1];
+
   var _React$useState5 = React.useState(false),
-    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
-    isRightGradient = _React$useState6[0],
-    setRightGradient = _React$useState6[1];
+      _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
+      isRightGradient = _React$useState6[0],
+      setRightGradient = _React$useState6[1];
+
   var _React$useState7 = React.useState(false),
-    _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
-    isBottomGradient = _React$useState8[0],
-    setBottomGradient = _React$useState8[1];
+      _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
+      isBottomGradient = _React$useState8[0],
+      setBottomGradient = _React$useState8[1];
+
   var _React$useState9 = React.useState(false),
-    _React$useState10 = (0, _slicedToArray2["default"])(_React$useState9, 2),
-    isTouchDevice = _React$useState10[0],
-    setTouchDevice = _React$useState10[1];
+      _React$useState10 = (0, _slicedToArray2["default"])(_React$useState9, 2),
+      isTouchDevice = _React$useState10[0],
+      setTouchDevice = _React$useState10[1];
+
   var handleTableScroll = React.useCallback(function () {
     var scrollNode = scrollRef.current;
+
     if (!scrollNode) {
       return;
     }
+
     var scrollHeight = scrollNode.scrollHeight,
-      clientHeight = scrollNode.clientHeight,
-      scrollTop = scrollNode.scrollTop,
-      scrollWidth = scrollNode.scrollWidth,
-      clientWidth = scrollNode.clientWidth,
-      scrollLeft = scrollNode.scrollLeft;
+        clientHeight = scrollNode.clientHeight,
+        scrollTop = scrollNode.scrollTop,
+        scrollWidth = scrollNode.scrollWidth,
+        clientWidth = scrollNode.clientWidth,
+        scrollLeft = scrollNode.scrollLeft;
     var deltaHeight = scrollHeight - clientHeight;
     var deltaWidth = scrollWidth - clientWidth;
     setRightGradient(deltaWidth !== Math.floor(scrollLeft));
@@ -74,13 +96,14 @@ var Table = function Table(_ref) {
   React.useEffect(function () {
     setTouchDevice((0, _uiHelpers.detectTouch)());
   }, []);
+
   var renderRows = function renderRows() {
     return React.Children.map(children, function (_ref2, index) {
       var _ref2$props = _ref2.props,
-        cells = _ref2$props.children,
-        head = _ref2$props.head,
-        _ref2$props$vAlign = _ref2$props.vAlign,
-        vAlign = _ref2$props$vAlign === void 0 ? 'default' : _ref2$props$vAlign;
+          cells = _ref2$props.children,
+          head = _ref2$props.head,
+          _ref2$props$vAlign = _ref2$props.vAlign,
+          vAlign = _ref2$props$vAlign === void 0 ? 'default' : _ref2$props$vAlign;
       return /*#__PURE__*/React.createElement("tr", {
         key: index,
         className: cn('row', {
@@ -97,6 +120,7 @@ var Table = function Table(_ref) {
       }));
     });
   };
+
   return /*#__PURE__*/React.createElement("div", {
     className: cn({
       'fix-column': fixColumn,
@@ -121,4 +145,13 @@ var Table = function Table(_ref) {
     className: cn('bottom-gradient')
   })));
 };
-var _default = exports["default"] = Table;
+
+Table.propTypes = {
+  className: PropTypes.string,
+  fixColumn: PropTypes.bool,
+  minCellSize: PropTypes.oneOf(['small', 'large']),
+  disableHeightLimit: PropTypes.bool,
+  children: PropTypes.arrayOf(PropTypes.element.isRequired).isRequired
+};
+var _default = Table;
+exports["default"] = _default;

package/dist/lib/components/Table/TableCell.js

@@ -1,15 +1,27 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var React = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+
+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; }
+
 var TableCell = function TableCell(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement(React.Fragment, null, children && children);
 };
-var _default = exports["default"] = TableCell;
+
+TableCell.propTypes = {
+  children: PropTypes.node
+};
+var _default = TableCell;
+exports["default"] = _default;

package/dist/lib/components/Table/TableRow.js

@@ -1,17 +1,31 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var React = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-/* eslint-disable react/no-unused-prop-types */
+
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+
+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; }
 
 var TableRow = function TableRow(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement(React.Fragment, null, children);
 };
-var _default = exports["default"] = TableRow;
+
+TableRow.propTypes = {
+  // eslint-disable-next-line react/no-unused-prop-types
+  head: PropTypes.bool,
+  // eslint-disable-next-line react/no-unused-prop-types
+  vAlign: PropTypes.oneOf(['default', 'bottom', 'top']),
+  children: PropTypes.arrayOf(PropTypes.element.isRequired).isRequired
+};
+var _default = TableRow;
+exports["default"] = _default;

package/dist/lib/components/TabsBox/TabBox.js

@@ -4,5 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _uiCore = require("@megafon/ui-core");
-var _default = exports["default"] = _uiCore.Tab;
+
+var _default = _uiCore.Tab;
+exports["default"] = _default;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Tabs } from '@megafon/ui-core';
-export type TabsPropsType = React.ComponentProps<typeof Tabs> & {
+export declare type TabsPropsType = React.ComponentProps<typeof Tabs> & {
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;
 };

package/dist/lib/components/TabsBox/TabsBox.js

@@ -1,33 +1,51 @@
 "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;
-require("core-js/modules/es.symbol.js");
+
 require("core-js/modules/es.array.index-of.js");
+
+require("core-js/modules/es.symbol.js");
+
 var React = _interopRequireWildcard(require("react"));
+
 var _uiCore = require("@megafon/ui-core");
+
 var _uiHelpers = require("@megafon/ui-helpers");
-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; }
+
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
+
 var cn = (0, _uiHelpers.cnCreate)('mfui-tabs-box');
+
 var TabsBox = function TabsBox(_a) {
   var rootRef = _a.rootRef,
-    children = _a.children,
-    props = __rest(_a, ["rootRef", "children"]);
+      children = _a.children,
+      props = __rest(_a, ["rootRef", "children"]);
+
   return /*#__PURE__*/React.createElement("div", {
     ref: rootRef,
     className: cn()
   }, /*#__PURE__*/React.createElement(_uiCore.Tabs, props, children));
 };
-var _default = exports["default"] = TabsBox;
+
+var _default = TabsBox;
+exports["default"] = _default;

package/dist/lib/components/TextBox/TextBox.css

@@ -1 +1,25 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-text-box__content :first-child{margin-top:0!important}.mfui-text-box__content :last-child{margin-bottom:0!important}.mfui-text-box_text-center{text-align:center}.mfui-text-box .mfui-text-with-icon{margin:24px 0}.mfui-text-box .mfui-text-with-icon+.mfui-header{margin-top:32px}.mfui-text-box .mfui-text-box-picture+.mfui-text-with-icon{margin:32px 0 24px}
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-text-box__content :first-child {
+  margin-top: 0 !important;
+}
+.mfui-text-box__content :last-child {
+  margin-bottom: 0 !important;
+}
+.mfui-text-box_text-center {
+  text-align: center;
+}
+.mfui-text-box .mfui-text-with-icon {
+  margin: 24px 0;
+}
+.mfui-text-box .mfui-text-with-icon + .mfui-header {
+  margin-top: 32px;
+}
+.mfui-text-box .mfui-text-box-picture + .mfui-text-with-icon {
+  margin: 32px 0 24px;
+}