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

package/dist/lib/components/Card/Card.js

@@ -1,188 +1,209 @@
 "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); }
 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");
+
 require("core-js/modules/es.string.link.js");
-var React = _interopRequireWildcard(require("react"));
+
+require("core-js/modules/es.array.map.js");
+
+var _react = _interopRequireDefault(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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var textsConvertConfig = {
   b: {
     component: function component(_ref) {
       var children = _ref.children;
-      return /*#__PURE__*/React.createElement("b", null, children);
+      return /*#__PURE__*/_react["default"].createElement("b", null, children);
     }
   },
   ul: {
     component: function component(_ref2) {
       var children = _ref2.children;
-      return /*#__PURE__*/React.createElement("ul", null, children);
+      return /*#__PURE__*/_react["default"].createElement("ul", null, children);
     }
   },
   ol: {
     component: function component(_ref3) {
       var children = _ref3.children;
-      return /*#__PURE__*/React.createElement("ol", null, children);
+      return /*#__PURE__*/_react["default"].createElement("ol", null, children);
     }
   },
   li: {
     component: function component(_ref4) {
       var children = _ref4.children;
-      return /*#__PURE__*/React.createElement("li", null, children);
+      return /*#__PURE__*/_react["default"].createElement("li", null, children);
     }
   }
 };
 var cn = (0, _uiHelpers.cnCreate)('mfui-card');
+
 var Card = function Card(_ref5) {
   var dataAttrs = _ref5.dataAttrs,
-    className = _ref5.className,
-    classes = _ref5.classes,
-    rootRef = _ref5.rootRef,
-    _ref5$isFullHeight = _ref5.isFullHeight,
-    isFullHeight = _ref5$isFullHeight === void 0 ? false : _ref5$isFullHeight,
-    link = _ref5.link,
-    _ref5$view = _ref5.view,
-    view = _ref5$view === void 0 ? 'shadow' : _ref5$view,
-    image = _ref5.image,
-    icon = _ref5.icon,
-    title = _ref5.title,
-    markerList = _ref5.markerList,
-    textsList = _ref5.textsList,
-    featuresList = _ref5.featuresList,
-    iconsList = _ref5.iconsList,
-    price = _ref5.price,
-    button = _ref5.button,
-    extraButton = _ref5.extraButton,
-    badge = _ref5.badge,
-    onClick = _ref5.onClick;
+      className = _ref5.className,
+      classes = _ref5.classes,
+      rootRef = _ref5.rootRef,
+      _ref5$isFullHeight = _ref5.isFullHeight,
+      isFullHeight = _ref5$isFullHeight === void 0 ? false : _ref5$isFullHeight,
+      link = _ref5.link,
+      _ref5$view = _ref5.view,
+      view = _ref5$view === void 0 ? 'shadow' : _ref5$view,
+      image = _ref5.image,
+      icon = _ref5.icon,
+      title = _ref5.title,
+      markerList = _ref5.markerList,
+      textsList = _ref5.textsList,
+      featuresList = _ref5.featuresList,
+      iconsList = _ref5.iconsList,
+      price = _ref5.price,
+      button = _ref5.button,
+      extraButton = _ref5.extraButton,
+      badge = _ref5.badge,
+      onClick = _ref5.onClick;
   var isOnlyTitle = !image && !icon && !markerList && !textsList && !featuresList && !iconsList && !price && !button && !extraButton;
   var isLink = (link === null || link === void 0 ? void 0 : link.href) && !button && !extraButton;
   var isBottomImage = (image === null || image === void 0 ? void 0 : image.position) === 'bottom';
   var ElementType = isLink ? 'a' : 'div';
+
   var renderImage = function renderImage() {
     if (!image) {
       return null;
     }
+
     var _image$position = image.position,
-      position = _image$position === void 0 ? 'top' : _image$position,
-      src = image.src,
-      alt = image.alt;
-    return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.imgBox), {
+        position = _image$position === void 0 ? 'top' : _image$position,
+        src = image.src,
+        alt = image.alt;
+    return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.imgBox), {
       className: cn('img-box', {
         position: position
       })
-    }), /*#__PURE__*/React.createElement("img", {
+    }), /*#__PURE__*/_react["default"].createElement("img", {
       className: cn('img'),
       src: src,
       alt: alt
     }));
   };
+
   var renderIcon = function renderIcon() {
     if (!icon) {
       return null;
     }
-    return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.icon), {
+
+    return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.icon), {
       className: cn('icon')
     }), icon);
   };
+
   var renderContent = function renderContent() {
     if (markerList) {
-      return /*#__PURE__*/React.createElement("ul", {
+      return /*#__PURE__*/_react["default"].createElement("ul", {
         className: cn('marker-list')
       }, markerList.map(function (item, i) {
-        return /*#__PURE__*/React.createElement("li", {
+        return /*#__PURE__*/_react["default"].createElement("li", {
           className: cn('marker-item'),
           key: i
-        }, (0, _uiHelpers.convert)(item.title, {}), !!item.note && /*#__PURE__*/React.createElement("span", {
+        }, (0, _uiHelpers.convert)(item.title, {}), !!item.note && /*#__PURE__*/_react["default"].createElement("span", {
           className: cn('marker-note')
         }, (0, _uiHelpers.convert)(item.note, {})));
       }));
     }
+
     if (textsList) {
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: cn('texts')
       }, textsList.map(function (item, i) {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react["default"].createElement("div", {
           className: cn('texts-item'),
           key: i
-        }, !!item.title && /*#__PURE__*/React.createElement("div", {
+        }, !!item.title && /*#__PURE__*/_react["default"].createElement("div", {
           className: cn('texts-title')
-        }, (0, _uiHelpers.convert)(item.title, textsConvertConfig)), /*#__PURE__*/React.createElement("div", {
+        }, (0, _uiHelpers.convert)(item.title, textsConvertConfig)), /*#__PURE__*/_react["default"].createElement("div", {
           className: cn('texts-desc')
         }, (0, _uiHelpers.convert)(item.desc, textsConvertConfig)));
       }));
     }
+
     if (featuresList) {
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: cn('features')
-      }, /*#__PURE__*/React.createElement("ul", {
+      }, /*#__PURE__*/_react["default"].createElement("ul", {
         className: cn('features-list')
       }, featuresList.items.map(function (item, i) {
-        return /*#__PURE__*/React.createElement("li", {
+        return /*#__PURE__*/_react["default"].createElement("li", {
           className: cn('features-item'),
           key: i
-        }, /*#__PURE__*/React.createElement("div", {
+        }, /*#__PURE__*/_react["default"].createElement("div", {
           className: cn('features-item-title')
-        }, /*#__PURE__*/React.createElement("span", {
+        }, /*#__PURE__*/_react["default"].createElement("span", {
           className: cn('features-item-text')
-        }, item.title)), /*#__PURE__*/React.createElement("div", {
+        }, item.title)), /*#__PURE__*/_react["default"].createElement("div", {
           className: cn('features-item-value')
-        }, /*#__PURE__*/React.createElement("span", {
+        }, /*#__PURE__*/_react["default"].createElement("span", {
           className: cn('features-item-text')
         }, item.value)));
       })), featuresList.desc);
     }
+
     if (iconsList) {
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: cn('icons')
-      }, !!iconsList.desc && /*#__PURE__*/React.createElement("div", {
+      }, !!iconsList.desc && /*#__PURE__*/_react["default"].createElement("div", {
         className: cn('icons-desc')
-      }, iconsList.desc), /*#__PURE__*/React.createElement("div", {
+      }, iconsList.desc), /*#__PURE__*/_react["default"].createElement("div", {
         className: cn('icons-list')
       }, iconsList.items.map(function (item, i) {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react["default"].createElement("div", {
           className: cn('icons-item'),
           key: i
-        }, /*#__PURE__*/React.createElement("div", {
+        }, /*#__PURE__*/_react["default"].createElement("div", {
           className: cn('icons-item-icon')
-        }, item.icon), /*#__PURE__*/React.createElement("div", {
+        }, item.icon), /*#__PURE__*/_react["default"].createElement("div", {
           className: cn('icons-item-text')
         }, item.text));
       })));
     }
+
     return null;
   };
+
   var renderPrice = function renderPrice() {
     if (!price) {
       return null;
     }
-    return /*#__PURE__*/React.createElement("div", {
+
+    return /*#__PURE__*/_react["default"].createElement("div", {
       className: cn('price')
-    }, !!price.oldValue && /*#__PURE__*/React.createElement("div", {
+    }, !!price.oldValue && /*#__PURE__*/_react["default"].createElement("div", {
       className: cn('price-old-value')
-    }, price.oldValue), /*#__PURE__*/React.createElement("div", {
+    }, price.oldValue), /*#__PURE__*/_react["default"].createElement("div", {
       className: cn('price-value')
-    }, price.value), !!price.period && /*#__PURE__*/React.createElement("div", {
+    }, price.value), !!price.period && /*#__PURE__*/_react["default"].createElement("div", {
       className: cn('price-period')
     }, price.period));
   };
+
   var renderButtons = function renderButtons() {
     if (!button && !extraButton) {
       return null;
     }
-    return /*#__PURE__*/React.createElement("div", {
+
+    return /*#__PURE__*/_react["default"].createElement("div", {
       className: cn('buttons', {
         centered: (button === null || button === void 0 ? void 0 : button.isCentered) || (extraButton === null || extraButton === void 0 ? void 0 : extraButton.isCentered)
       })
-    }, !!button && /*#__PURE__*/React.createElement(_uiCore.Button, {
+    }, !!button && /*#__PURE__*/_react["default"].createElement(_uiCore.Button, {
       dataAttrs: {
         root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
       },
@@ -190,7 +211,7 @@ var Card = function Card(_ref5) {
       href: button.href,
       target: button.target,
       onClick: button === null || button === void 0 ? void 0 : button.onClick
-    }, button.title), !!extraButton && /*#__PURE__*/React.createElement(_uiCore.Button, {
+    }, button.title), !!extraButton && /*#__PURE__*/_react["default"].createElement(_uiCore.Button, {
       dataAttrs: {
         root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.extraButton
       },
@@ -201,15 +222,18 @@ var Card = function Card(_ref5) {
       onClick: extraButton === null || extraButton === void 0 ? void 0 : extraButton.onClick
     }, extraButton.title));
   };
+
   var renderFooter = function renderFooter() {
     if (!price && !button && !extraButton && !image) {
       return null;
     }
-    return /*#__PURE__*/React.createElement("div", {
+
+    return /*#__PURE__*/_react["default"].createElement("div", {
       className: cn('footer')
     }, isBottomImage && renderImage(), renderPrice(), renderButtons());
   };
-  return /*#__PURE__*/React.createElement(ElementType, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+
+  return /*#__PURE__*/_react["default"].createElement(ElementType, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       'only-title': isOnlyTitle,
       view: view,
@@ -220,12 +244,85 @@ var Card = function Card(_ref5) {
     target: isLink ? link === null || link === void 0 ? void 0 : link.target : undefined,
     onClick: isLink ? onClick : undefined,
     ref: rootRef
-  }), renderIcon(), !isBottomImage && renderImage(), /*#__PURE__*/React.createElement("div", {
+  }), renderIcon(), !isBottomImage && renderImage(), /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('header')
-  }, /*#__PURE__*/React.createElement(_uiCore.Header, {
+  }, /*#__PURE__*/_react["default"].createElement(_uiCore.Header, {
     className: cn('title'),
     as: "h3",
     align: title.align
   }, title.text), badge), renderContent(), renderFooter());
 };
-var _default = exports["default"] = Card;
+
+Card.propTypes = {
+  dataAttrs: _propTypes["default"].shape({
+    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    icon: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    imgBox: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    button: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    extraButton: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
+  }),
+  className: _propTypes["default"].string,
+  classes: _propTypes["default"].shape({
+    root: _propTypes["default"].string,
+    button: _propTypes["default"].string,
+    extraButton: _propTypes["default"].string
+  }),
+  rootRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
+    current: _propTypes["default"].elementType
+  }), _propTypes["default"].any])]),
+  view: _propTypes["default"].oneOf(['shadow', 'background']),
+  link: _propTypes["default"].shape({
+    href: _propTypes["default"].string,
+    target: _propTypes["default"].oneOf(['_self', '_blank', '_parent', '_top'])
+  }),
+  image: _propTypes["default"].shape({
+    src: _propTypes["default"].string.isRequired,
+    alt: _propTypes["default"].string,
+    position: _propTypes["default"].oneOf(['top', 'bottom'])
+  }),
+  icon: _propTypes["default"].node,
+  title: _propTypes["default"].shape({
+    text: _propTypes["default"].string.isRequired,
+    align: _propTypes["default"].oneOf(['left', 'center'])
+  }).isRequired,
+  textsList: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    title: _propTypes["default"].string,
+    desc: _propTypes["default"].string.isRequired
+  }).isRequired),
+  featuresList: _propTypes["default"].shape({
+    desc: _propTypes["default"].string,
+    items: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+      title: _propTypes["default"].string.isRequired,
+      value: _propTypes["default"].string.isRequired
+    }).isRequired).isRequired
+  }),
+  iconsList: _propTypes["default"].shape({
+    desc: _propTypes["default"].string,
+    items: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+      icon: _propTypes["default"].node.isRequired,
+      text: _propTypes["default"].string.isRequired
+    }).isRequired).isRequired
+  }),
+  price: _propTypes["default"].shape({
+    oldValue: _propTypes["default"].string,
+    value: _propTypes["default"].string.isRequired,
+    period: _propTypes["default"].string
+  }),
+  button: _propTypes["default"].shape({
+    title: _propTypes["default"].string.isRequired,
+    href: _propTypes["default"].string,
+    target: _propTypes["default"].oneOf(['_self', '_blank', '_parent', '_top']),
+    isCentered: _propTypes["default"].bool,
+    onClick: _propTypes["default"].func
+  }),
+  extraButton: _propTypes["default"].shape({
+    title: _propTypes["default"].string.isRequired,
+    href: _propTypes["default"].string,
+    target: _propTypes["default"].oneOf(['_self', '_blank', '_parent', '_top']),
+    isCentered: _propTypes["default"].bool,
+    onClick: _propTypes["default"].func
+  }),
+  onClick: _propTypes["default"].func
+};
+var _default = Card;
+exports["default"] = _default;

package/dist/lib/components/Card/types.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-type Target = '_self' | '_blank' | '_parent' | '_top';
-export type Link = {
+declare type Target = '_self' | '_blank' | '_parent' | '_top';
+export declare type Link = {
     /** Ссылка */
     href?: string;
     /** Target свойство ссылки */
     target?: Target;
 };
-export type Image = {
+export declare type Image = {
     /** Ссылка на изображение */
     src: string;
     /** Значение тега alt для изображения */
@@ -14,25 +14,25 @@ export type Image = {
     /** Позиция изображения */
     position?: 'top' | 'bottom';
 };
-export type Title = {
+export declare type Title = {
     /** Текст */
     text: string;
     /** Выравнивание */
     align?: 'left' | 'center';
 };
-export type MarkerList = {
+export declare type MarkerList = {
     /** Заголовок */
     title: string;
     /** Примечание */
     note?: string;
 }[];
-export type TextsList = {
+export declare type TextsList = {
     /** Заголовок */
     title?: string;
     /** Описание */
     desc: string;
 }[];
-export type FeaturesList = {
+export declare type FeaturesList = {
     /** Список */
     items: {
         /** Заголовок */
@@ -43,7 +43,7 @@ export type FeaturesList = {
     /** Описание */
     desc?: string;
 };
-export type IconsList = {
+export declare type IconsList = {
     /** Список */
     items: {
         /** Иконка */
@@ -54,7 +54,7 @@ export type IconsList = {
     /** Описание */
     desc?: string;
 };
-export type Price = {
+export declare type Price = {
     /** Старая цена */
     oldValue?: string;
     /** Текущая цена */
@@ -62,7 +62,7 @@ export type Price = {
     /** Период */
     period?: string;
 };
-export type ButtonType = {
+export declare type ButtonType = {
     /** Название */
     title: string;
     /** Ссылка */

package/dist/lib/components/Card/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/lib/components/CardsBox/CardsBox.js

@@ -1,25 +1,39 @@
 "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"));
+
 require("core-js/modules/es.array.map.js");
+
 var React = _interopRequireWildcard(require("react"));
+
 var _uiCore = require("@megafon/ui-core");
+
 var _uiHelpers = require("@megafon/ui-helpers");
+
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+
 var _helpers = _interopRequireDefault(require("./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; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var cn = (0, _uiHelpers.cnCreate)('mfui-cards-box');
+
 var CardsBox = function CardsBox(_ref) {
   var _ref$renderTwoColumns = _ref.renderTwoColumnsInRow,
-    renderTwoColumnsInRow = _ref$renderTwoColumns === void 0 ? false : _ref$renderTwoColumns,
-    dataAttrs = _ref.dataAttrs,
-    children = _ref.children;
+      renderTwoColumnsInRow = _ref$renderTwoColumns === void 0 ? false : _ref$renderTwoColumns,
+      dataAttrs = _ref.dataAttrs,
+      children = _ref.children;
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
     className: cn()
   }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement(_uiCore.Grid, {
@@ -33,4 +47,14 @@ var CardsBox = function CardsBox(_ref) {
     }, (0, _helpers["default"])(React.Children.count(children), i, renderTwoColumnsInRow)), child);
   })));
 };
-var _default = exports["default"] = CardsBox;
+
+CardsBox.propTypes = {
+  renderTwoColumnsInRow: PropTypes.bool,
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element.isRequired), PropTypes.element]).isRequired,
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired),
+    column: PropTypes.objectOf(PropTypes.string.isRequired)
+  })
+};
+var _default = CardsBox;
+exports["default"] = _default;

package/dist/lib/components/CardsBox/helpers.d.ts

@@ -1,5 +1,5 @@
-type TGridSizeValues = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
-type GridConfig = {
+declare type TGridSizeValues = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
+declare type GridConfig = {
     all?: TGridSizeValues;
     tablet?: TGridSizeValues;
     mobile?: TGridSizeValues;

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

@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var getColumnConfig = function getColumnConfig(count, index, renderTwoColumnsInRow) {
   var offset = renderTwoColumnsInRow ? '2' : undefined;
   var offsetForEvenColumn = index % 2 ? undefined : offset;
@@ -14,6 +17,7 @@ var getColumnConfig = function getColumnConfig(count, index, renderTwoColumnsInR
     tablet: '6',
     mobile: '12'
   };
+
   switch (count) {
     case 2:
     case 4:
@@ -21,8 +25,11 @@ var getColumnConfig = function getColumnConfig(count, index, renderTwoColumnsInR
         leftOffsetWide: offsetForEvenColumn,
         leftOffsetDesktop: offsetForEvenColumn
       });
+
     default:
       return (0, _extends2["default"])({}, columnSize);
   }
 };
-var _default = exports["default"] = getColumnConfig;
+
+var _default = getColumnConfig;
+exports["default"] = _default;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Carousel } from '@megafon/ui-core';
-type CarouselPropsTypes = React.ComponentProps<typeof Carousel>;
-type DesktopSlidesPerView = 3 | 4;
+declare type CarouselPropsTypes = React.ComponentProps<typeof Carousel>;
+declare type DesktopSlidesPerView = 3 | 4;
 interface ICarouselBox extends CarouselPropsTypes {
     /** Количество видимых слайдов на разрешении 1280 и выше */
     desktopSlidesPerView?: DesktopSlidesPerView;