@megafon/ui-shared 2.0.0-beta.24 → 2.0.0-beta.240

package/dist/lib/components/StoreButton/StoreButton.css

@@ -0,0 +1,15 @@
+.mfui-beta-store-button {
+  border-radius: 8px;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+}
+.mfui-beta-store-button_theme_app-store {
+  background-image: url('./img/app-store.png');
+}
+.mfui-beta-store-button_theme_google-play {
+  background-image: url('./img/google-play.png');
+}
+.mfui-beta-store-button_theme_huawei-store {
+  background-image: url('./img/huawei-store.png');
+}

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { Link } from '@megafon/ui-core';
+import './StoreButton.less';
+export declare enum Theme {
+    GOOGLE_PLAY = "google-play",
+    APP_STORE = "app-store",
+    HUAWEI_STORE = "huawei-store"
+}
+declare type LinkPropTypes = React.ComponentProps<typeof Link>;
+export declare type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPropTypes, 'onClick'> & {
+    /** Тема кнопки */
+    theme: Theme;
+    /** Дополнительный класс */
+    className?: string;
+};
+declare const StoreButton: React.FC<Props>;
+export default StoreButton;

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

@@ -0,0 +1,58 @@
+"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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Theme = void 0;
+
+require("core-js/modules/es.object.values");
+
+var React = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _uiCore = require("@megafon/ui-core");
+
+var _uiHelpers = require("@megafon/ui-helpers");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 Theme;
+exports.Theme = Theme;
+
+(function (Theme) {
+  Theme["GOOGLE_PLAY"] = "google-play";
+  Theme["APP_STORE"] = "app-store";
+  Theme["HUAWEI_STORE"] = "huawei-store";
+})(Theme || (exports.Theme = Theme = {}));
+
+var cn = (0, _uiHelpers.cnCreate)('mfui-beta-store-button');
+
+var StoreButton = function StoreButton(_ref) {
+  var href = _ref.href,
+      onClick = _ref.onClick,
+      theme = _ref.theme,
+      className = _ref.className;
+  return /*#__PURE__*/React.createElement(_uiCore.Link, {
+    href: href,
+    onClick: onClick,
+    className: cn({
+      theme: theme
+    }, className)
+  });
+};
+
+StoreButton.propTypes = {
+  href: _propTypes["default"].string.isRequired,
+  theme: _propTypes["default"].oneOf(Object.values(Theme)).isRequired,
+  onClick: _propTypes["default"].func,
+  className: _propTypes["default"].string
+};
+var _default = StoreButton;
+exports["default"] = _default;

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

@@ -0,0 +1,153 @@
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-beta-table {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  font-family: inherit;
+  font-size: 15px;
+  line-height: 24px;
+}
+.mfui-beta-table:not(.mfui-beta-table_touch) ::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+.mfui-beta-table:not(.mfui-beta-table_touch) ::-webkit-scrollbar-track {
+  background-color: #EDEDED;
+}
+.mfui-beta-table:not(.mfui-beta-table_touch) ::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+  background-color: #D8D8D8;
+}
+.mfui-beta-table:not(.mfui-beta-table_touch) ::-webkit-scrollbar-corner {
+  background-color: #FFFFFF;
+}
+.mfui-beta-table:not(.mfui-beta-table_touch) .mfui-beta-table__scroll {
+  scrollbar-color: #D8D8D8 #EDEDED;
+  scrollbar-width: thin;
+}
+.mfui-beta-table__scroll {
+  position: relative;
+  display: grid;
+  grid-template-columns: auto auto auto;
+  max-width: 100%;
+  border: 1px solid #D8D8D8;
+  overflow: auto;
+}
+@media screen and (min-width: 1024px) {
+  .mfui-beta-table__scroll {
+    max-height: 500px;
+  }
+}
+.mfui-beta-table__top-shadow {
+  position: -webkit-sticky;
+  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-beta-table__left-shadow {
+  position: -webkit-sticky;
+  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-beta-table__bottom-gradient {
+  position: -webkit-sticky;
+  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%, #FFFFFF), to(rgba(255, 255, 255, 0)));
+  background: linear-gradient(to top, #FFFFFF 25%, rgba(255, 255, 255, 0));
+}
+.mfui-beta-table__right-gradient {
+  position: -webkit-sticky;
+  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%, #FFFFFF), to(rgba(255, 255, 255, 0)));
+  background: linear-gradient(to left, #FFFFFF 25%, rgba(255, 255, 255, 0));
+}
+.mfui-beta-table__table {
+  border-width: 0;
+  border-collapse: separate;
+  border-spacing: 0;
+  background-color: #FFFFFF;
+}
+.mfui-beta-table__cell {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 24px;
+  background-color: #FFFFFF;
+}
+@media screen and (max-width: 767px) {
+  .mfui-beta-table__cell {
+    padding-right: 16px;
+    padding-left: 16px;
+  }
+}
+.mfui-beta-table__cell:first-child {
+  position: relative;
+  left: 0;
+  width: 144px;
+  min-width: 144px;
+  border-right: 1px solid #D8D8D8;
+}
+.mfui-beta-table__cell:not(:first-child) {
+  max-width: 288px;
+}
+.mfui-beta-table__row_head .mfui-beta-table__cell {
+  font-size: 12px;
+  line-height: 16px;
+  height: 72px;
+  padding-bottom: 12px;
+  color: rgba(51, 51, 51, 0.5);
+  vertical-align: bottom;
+  background-color: #F6F6F6;
+}
+.mfui-beta-table__row:not(:last-child) .mfui-beta-table__cell {
+  border-bottom: 1px solid #D8D8D8;
+}
+.mfui-beta-table_min-cell-size_small .mfui-beta-table__cell:not(:first-child) {
+  min-width: 72px;
+}
+.mfui-beta-table_min-cell-size_large .mfui-beta-table__cell:not(:first-child) {
+  min-width: 144px;
+}
+.mfui-beta-table_fix-column .mfui-beta-table__cell:first-child {
+  position: -webkit-sticky;
+  position: sticky;
+}
+.mfui-beta-table_fix-column .mfui-beta-table__left-shadow {
+  left: 144px;
+}
+.mfui-beta-table_fix-column .mfui-beta-table__bottom-gradient {
+  z-index: 3;
+}

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import './Table.less';
+import { ITableRow } from './TableRow';
+export interface ITable {
+    /** Дополнительный класс корневого элемента */
+    className?: string;
+    /** Фиксация первой колонки */
+    fixColumn?: boolean;
+    /** Минимальный размер ячеек */
+    minCellSize?: 'small' | 'large';
+    children: Array<React.ReactElement<ITableRow>>;
+}
+declare const Table: React.FC<ITable>;
+export default Table;

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

@@ -0,0 +1,146 @@
+"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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("core-js/modules/es.array.map");
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+
+var _lodash = _interopRequireDefault(require("lodash.throttle"));
+
+var _htmr = _interopRequireDefault(require("htmr"));
+
+var _uiHelpers = require("@megafon/ui-helpers");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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-beta-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,
+      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];
+
+  var _React$useState3 = React.useState(false),
+      _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];
+
+  var _React$useState7 = React.useState(false),
+      _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];
+
+  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;
+    var deltaHeight = scrollHeight - clientHeight;
+    var deltaWidth = scrollWidth - clientWidth;
+    setRightGradient(deltaWidth !== Math.floor(scrollLeft));
+    setBottomGradient(deltaHeight !== Math.floor(scrollTop));
+    setTopShadow(!!scrollTop);
+    setLeftShadow(!!scrollLeft);
+  }, []);
+  React.useEffect(function () {
+    var handleResize = (0, _lodash["default"])(handleTableScroll, 300);
+    handleTableScroll();
+    window.addEventListener('resize', handleResize);
+    return function () {
+      window.removeEventListener('resize', handleResize);
+    };
+  }, [handleTableScroll]);
+  React.useEffect(function () {
+    setTouchDevice((0, _uiHelpers.detectTouch)());
+  }, []);
+
+  var renderRows = function renderRows() {
+    return React.Children.map(children, function (_ref2) {
+      var _ref2$props = _ref2.props,
+          cells = _ref2$props.children,
+          head = _ref2$props.head;
+      return /*#__PURE__*/React.createElement("tr", {
+        className: cn('row', {
+          head: head
+        })
+      }, React.Children.map(cells, function (_ref3) {
+        var cell = _ref3.props.children;
+        return /*#__PURE__*/React.createElement("td", {
+          className: cn('cell')
+        }, typeof cell === 'string' ? (0, _htmr["default"])(cell) : cell);
+      }));
+    });
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn({
+      'fix-column': fixColumn,
+      'min-cell-size': minCellSize,
+      touch: isTouchDevice
+    }, [className])
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cn('scroll'),
+    ref: scrollRef,
+    onScroll: handleTableScroll
+  }, isTopShadow && /*#__PURE__*/React.createElement("div", {
+    className: cn('top-shadow')
+  }), isLeftShadow && /*#__PURE__*/React.createElement("div", {
+    className: cn('left-shadow')
+  }), /*#__PURE__*/React.createElement("table", {
+    className: cn('table')
+  }, /*#__PURE__*/React.createElement("tbody", null, renderRows())), isRightGradient && /*#__PURE__*/React.createElement("div", {
+    className: cn('right-gradient')
+  }), isBottomGradient && /*#__PURE__*/React.createElement("div", {
+    className: cn('bottom-gradient')
+  })));
+};
+
+Table.propTypes = {
+  className: PropTypes.string,
+  fixColumn: PropTypes.bool,
+  minCellSize: PropTypes.oneOf(['small', 'large']),
+  children: PropTypes.arrayOf(PropTypes.element.isRequired).isRequired
+};
+var _default = Table;
+exports["default"] = _default;

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface ITableCell {
+    children?: React.ReactNode;
+}
+declare const TableCell: React.FC<ITableCell>;
+export default TableCell;

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

@@ -0,0 +1,27 @@
+"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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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);
+};
+
+TableCell.propTypes = {
+  children: PropTypes.node
+};
+var _default = TableCell;
+exports["default"] = _default;

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { ITableCell } from './TableCell';
+export interface ITableRow {
+    /** Ряд таблицы как заголовок */
+    head?: boolean;
+    children: Array<React.ReactElement<ITableCell>>;
+}
+declare const TableRow: React.FC<ITableRow>;
+export default TableRow;

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

@@ -0,0 +1,28 @@
+"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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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);
+};
+
+TableRow.propTypes = {
+  head: PropTypes.bool,
+  children: PropTypes.arrayOf(PropTypes.element.isRequired).isRequired
+};
+var _default = TableRow;
+exports["default"] = _default;

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

@@ -0,0 +1,2 @@
+import { Tab } from '@megafon/ui-core';
+export default Tab;

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

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

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

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

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

@@ -0,0 +1,50 @@
+"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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("core-js/modules/es.symbol");
+
+require("core-js/modules/es.array.index-of");
+
+var React = _interopRequireWildcard(require("react"));
+
+var _uiCore = require("@megafon/ui-core");
+
+var _uiHelpers = require("@megafon/ui-helpers");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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];
+  }
+
+  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-beta-tabs-box');
+
+var TabsBox = function TabsBox(_a) {
+  var rootRef = _a.rootRef,
+      props = __rest(_a, ["rootRef"]);
+
+  return /*#__PURE__*/React.createElement("div", {
+    ref: rootRef,
+    className: cn()
+  }, /*#__PURE__*/React.createElement(_uiCore.Tabs, props));
+};
+
+var _default = TabsBox;
+exports["default"] = _default;

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

@@ -0,0 +1,16 @@
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-beta-text-box__content :first-child {
+  margin-top: 0 !important;
+}
+.mfui-beta-text-box__content :last-child {
+  margin-bottom: 0 !important;
+}
+.mfui-beta-text-box_text-center {
+  text-align: center;
+}

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import './TextBox.less';
+export interface ITextBoxProps {
+    /** Центрирование текста по горизонтали */
+    textCenter?: boolean;
+    /** Центрирование компонента по горизонтали при ограниченной ширине */
+    centeringWithLimitedWidth?: boolean;
+    /** Растягивание компонента на всю доступную ширину */
+    isFullWidth?: boolean;
+    /** Ссылка на корневой элемент */
+    rootRef?: React.Ref<HTMLDivElement>;
+    /** Дополнительный класс для корневого элемента */
+    className?: string;
+}
+declare const TextBox: React.FC<ITextBoxProps>;
+export default TextBox;