@megafon/ui-shared 2.3.0 → 3.0.0-beta.11

package/dist/lib/components/StoreBanner/StoreBanner.js

@@ -7,14 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.DeviceMask = exports.Theme = void 0;
 
-require("core-js/modules/es.array.concat");
-
-require("core-js/modules/es.array.includes");
-
 require("core-js/modules/es.object.values");
 
-require("core-js/modules/es.string.includes");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var React = _interopRequireWildcard(require("react"));
@@ -34,12 +28,9 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var Theme = {
-  BASE: 'base',
+  DEFAULT: 'default',
   GREEN: 'green',
-  SPB_SKY_1: 'spbSky1',
-
-  /** @deprecated */
-  CLEAR_WHITE: 'clearWhite'
+  SPB_SKY_1: 'spbSky1'
 };
 exports.Theme = Theme;
 var DeviceMask = {
@@ -71,7 +62,7 @@ var StoreBanner = function StoreBanner(_ref) {
       qrCode = _ref.qrCode,
       imageSrc = _ref.imageSrc,
       _ref$theme = _ref.theme,
-      theme = _ref$theme === void 0 ? Theme.CLEAR_WHITE : _ref$theme,
+      theme = _ref$theme === void 0 ? Theme.DEFAULT : _ref$theme,
       deviceMask = _ref.deviceMask,
       rootRef = _ref.rootRef,
       dataAttrs = _ref.dataAttrs,
@@ -84,7 +75,7 @@ var StoreBanner = function StoreBanner(_ref) {
       mask: deviceMask
     }, [className, rootClassName]),
     ref: rootRef
-  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs)), /*#__PURE__*/React.createElement("div", {
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("div", {
     className: cn('container')
   }, /*#__PURE__*/React.createElement("div", {
     className: cn('grid')
@@ -171,21 +162,10 @@ StoreBanner.propTypes = {
   rootRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
     current: _propTypes["default"].elementType
   }), _propTypes["default"].any])]),
-  dataAttrs: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
-  theme: function theme(props, propName, componentName) {
-    var deprecatedValue = Theme.CLEAR_WHITE;
-    var propValue = props[propName];
-
-    if (propValue && !Object.values(Theme).includes(propValue)) {
-      return new Error("Failed prop type: Invalid prop '".concat(propName, "' of value '").concat(propValue, "' supplied to '").concat(componentName, "',\n            expected one of [").concat(Object.values(Theme), "]"));
-    }
-
-    if (propValue && propValue === deprecatedValue) {
-      return new Error("Failed prop type: Invalid prop '".concat(propName, "' of value '").concat(propValue, "' supplied to '").concat(componentName, "',\n            value '").concat(deprecatedValue, "' is deprecated, please use value '").concat(Theme.BASE, "'"));
-    }
-
-    return null;
-  }
+  theme: _propTypes["default"].oneOf(Object.values(Theme)),
+  dataAttrs: _propTypes["default"].shape({
+    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
+  })
 };
 var _default = StoreBanner;
 exports["default"] = _default;

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

@@ -18,17 +18,17 @@ h5 {
   height: 8px;
 }
 .mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar-track {
-  background-color: #EDEDED;
+  background-color: var(--spbSky1);
 }
 .mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar-thumb {
   border-radius: 4px;
-  background-color: #D8D8D8;
+  background-color: var(--spbSky2);
 }
 .mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar-corner {
-  background-color: #FFFFFF;
+  background-color: var(--base);
 }
 .mfui-table:not(.mfui-table_touch) .mfui-table__scroll {
-  scrollbar-color: #D8D8D8 #EDEDED;
+  scrollbar-color: var(--spbSky2) var(--spbSky1);
   scrollbar-width: thin;
 }
 .mfui-table__scroll {
@@ -36,7 +36,7 @@ h5 {
   display: grid;
   grid-template-columns: auto auto auto;
   max-width: 100%;
-  border: 1px solid #D8D8D8;
+  border: 1px solid var(--spbSky2);
   overflow: auto;
 }
 @media screen and (min-width: 1024px) {
@@ -80,8 +80,8 @@ h5 {
   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));
+  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: -webkit-sticky;
@@ -92,20 +92,20 @@ h5 {
   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));
+  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: #FFFFFF;
+  background-color: var(--base);
 }
 .mfui-table__cell {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   padding: 24px;
-  background-color: #FFFFFF;
+  background-color: var(--base);
 }
 @media screen and (max-width: 767px) {
   .mfui-table__cell {
@@ -118,7 +118,7 @@ h5 {
   left: 0;
   width: 144px;
   min-width: 144px;
-  border-right: 1px solid #D8D8D8;
+  border-right: 1px solid var(--spbSky2);
 }
 .mfui-table__cell:not(:first-child) {
   max-width: 288px;
@@ -128,12 +128,12 @@ h5 {
   line-height: 16px;
   height: 72px;
   padding-bottom: 12px;
-  color: #33333380;
+  color: var(--stcBlack5);
   vertical-align: bottom;
-  background-color: #F6F6F6;
+  background-color: var(--spbSky0);
 }
 .mfui-table__row:not(:last-child) .mfui-table__cell {
-  border-bottom: 1px solid #D8D8D8;
+  border-bottom: 1px solid var(--spbSky2);
 }
 .mfui-table_min-cell-size_small .mfui-table__cell:not(:first-child) {
   min-width: 72px;

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

@@ -14,12 +14,3 @@ h5 {
 .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;
-}

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

@@ -20,5 +20,5 @@ h5 {
 .mfui-text-box-picture__img {
   display: block;
   max-width: 100%;
-  border: 1px solid #EDEDED;
+  border: 1px solid var(--spbSky1);
 }

package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.css

@@ -7,7 +7,7 @@ h5 {
 }
 .mfui-title-description-box {
   font-family: inherit;
-  color: #333333;
+  color: var(--content);
 }
 .mfui-title-description-box__item_header {
   white-space: pre-wrap;
@@ -16,7 +16,7 @@ h5 {
   margin-bottom: 16px;
 }
 .mfui-title-description-box_text-color_white {
-  color: #FFFFFF;
+  color: var(--stcWhite);
 }
 .mfui-title-description-box_h-align_center {
   text-align: center;

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

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import './TitleDescriptionBox.less';
 export interface ITitleDescriptionBoxProps {
-    /** Дата атрибуты для корневого элемента */
+    /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
-        [key: string]: string;
+        root?: Record<string, string>;
     };
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;

package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.js

@@ -50,7 +50,7 @@ var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
       className: cn('description')
     }, description);
   }, [description]);
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs), {
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       'h-align': hAlign,
       'text-color': textColor
@@ -71,7 +71,9 @@ var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
 };
 
 TitleDescriptionBox.propTypes = {
-  dataAttrs: PropTypes.objectOf(PropTypes.string.isRequired),
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired)
+  }),
   rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
     current: PropTypes.elementType
   }), PropTypes.any])]),

package/dist/lib/components/VideoBanner/VideoBanner.css

@@ -119,19 +119,19 @@ h5 {
   }
 }
 .mfui-video-banner__content_text-color_black {
-  color: #333333;
+  color: var(--stcBlack);
 }
 .mfui-video-banner__content_text-color_white {
-  color: #FFFFFF;
+  color: var(--stcWhite);
 }
 @media screen and (max-width: 767px) {
   .mfui-video-banner__content_text-color-mobile_black {
-    color: #333333;
+    color: var(--stcBlack);
   }
 }
 @media screen and (max-width: 767px) {
   .mfui-video-banner__content_text-color-mobile_white {
-    color: #FFFFFF;
+    color: var(--stcWhite);
   }
 }
 .mfui-video-banner__description {

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

@@ -6,7 +6,7 @@ export interface IContent {
     /** Текст-описание */
     description: string | React.ReactNode[] | React.ReactNode;
     /** Текст кнопки */
-    buttonTitle?: string;
+    buttonTitle: string;
     /** Добавляет атрибут download для тега <a> компонента Button */
     buttonDownload?: boolean;
     /** Ссылка на кнопке */

package/dist/lib/components/VideoBlock/VideoBlock.js

@@ -101,7 +101,7 @@ var VideoBlock = function VideoBlock(_ref) {
       className: cn('header')
     }, title), /*#__PURE__*/_react["default"].createElement("div", {
       className: cn('description', [classes.description])
-    }, description), buttonTitle && /*#__PURE__*/_react["default"].createElement(_uiCore.Button, {
+    }, description), /*#__PURE__*/_react["default"].createElement(_uiCore.Button, {
       className: cn('button', [classes.button]),
       href: href,
       onClick: onButtonClick,
@@ -121,7 +121,7 @@ var VideoBlock = function VideoBlock(_ref) {
         orderTablet: "2",
         orderMobile: "2",
         key: "column-content"
-      }, renderContent(content)));
+      }, renderContent && renderContent(content)));
     }
 
     columns.push( /*#__PURE__*/_react["default"].createElement(_uiCore.GridColumn, {
@@ -161,7 +161,7 @@ VideoBlock.propTypes = {
     title: _propTypes["default"].string.isRequired,
     description: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
     href: _propTypes["default"].string,
-    buttonTitle: _propTypes["default"].string,
+    buttonTitle: _propTypes["default"].string.isRequired,
     buttonDownload: _propTypes["default"].bool,
     onButtonClick: _propTypes["default"].func
   }),

package/dist/lib/index.d.ts

@@ -29,7 +29,6 @@ export { default as TableRow } from './components/Table/TableRow';
 export { default as TabsBox } from './components/TabsBox/TabsBox';
 export { default as TextBox } from './components/TextBox/TextBox';
 export { default as TextBoxPicture } from './components/TextBox/TextBoxPicture';
-export { default as TextWithIcon } from './components/TextWithIcon/TextWithIcon';
 export { default as TitleDescriptionBox } from './components/TitleDescriptionBox/TitleDescriptionBox';
 export { default as VideoBanner } from './components/VideoBanner/VideoBanner';
 export { default as VideoBlock } from './components/VideoBlock/VideoBlock';

package/dist/lib/index.js

@@ -189,12 +189,6 @@ Object.defineProperty(exports, "TextBoxPicture", {
     return _TextBoxPicture["default"];
   }
 });
-Object.defineProperty(exports, "TextWithIcon", {
-  enumerable: true,
-  get: function get() {
-    return _TextWithIcon["default"];
-  }
-});
 Object.defineProperty(exports, "TitleDescriptionBox", {
   enumerable: true,
   get: function get() {
@@ -276,8 +270,6 @@ var _TextBox = _interopRequireDefault(require("./components/TextBox/TextBox"));
 
 var _TextBoxPicture = _interopRequireDefault(require("./components/TextBox/TextBoxPicture"));
 
-var _TextWithIcon = _interopRequireDefault(require("./components/TextWithIcon/TextWithIcon"));
-
 var _TitleDescriptionBox = _interopRequireDefault(require("./components/TitleDescriptionBox/TitleDescriptionBox"));
 
 var _VideoBanner = _interopRequireDefault(require("./components/VideoBanner/VideoBanner"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-shared",
-  "version": "2.3.0",
+  "version": "3.0.0-beta.11",
   "files": [
     "dist"
   ],
@@ -19,6 +19,7 @@
   "license": "MIT",
   "scripts": {
     "build": "gulp build",
+    "cleanDist": "rm -rf dist",
     "coverage": "yarn coverage:unit",
     "coverage:unit": "jest --ci --collectCoverage --coverageDirectory=coverage",
     "typecheck": "tsc --noEmit -p .",
@@ -51,7 +52,7 @@
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
-    "@megafon/ui-icons": "^0.2.0",
+    "@megafon/ui-icons": "^1.0.0-beta.4",
     "@svgr/core": "^2.4.1",
     "@types/enzyme": "^3.10.5",
     "@types/enzyme-adapter-react-16": "^1.0.6",
@@ -81,13 +82,13 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^2.5.0",
-    "@megafon/ui-helpers": "^1.0.0",
+    "@megafon/ui-core": "^3.0.0-beta.11",
+    "@megafon/ui-helpers": "^2.0.0-beta.4",
     "core-js": "^3.6.4",
     "htmr": "^0.9.2",
     "lodash.throttle": "^4.1.1",
     "prop-types": "^15.7.2",
     "swiper": "^6.5.6"
   },
-  "gitHead": "28c22a646a8c5c18ef4a4060c1b1232aa45db14c"
+  "gitHead": "23f0d202d668ef8c92e83597338c029dc39250ee"
 }

package/dist/es/components/TextWithIcon/TextWithIcon.css

@@ -1,57 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-text-with-icon__item {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-@media screen and (max-width: 767px) {
-  .mfui-text-with-icon__item {
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-  }
-}
-.mfui-text-with-icon__item:not(:first-of-type) {
-  margin-top: 16px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-text-with-icon__item:not(:first-of-type) {
-    margin-top: 24px;
-  }
-}
-.mfui-text-with-icon__header {
-  margin-bottom: 24px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-text-with-icon__header {
-    text-align: center;
-  }
-}
-.mfui-text-with-icon__svg-icon {
-  width: 40px;
-  min-width: 40px;
-  height: 40px;
-  min-height: 40px;
-  overflow: hidden;
-}
-@media screen and (min-width: 768px) {
-  .mfui-text-with-icon__svg-icon {
-    margin-right: 16px;
-  }
-}
-@media screen and (max-width: 767px) {
-  .mfui-text-with-icon__text {
-    margin-top: 12px;
-    text-align: center;
-  }
-}

package/dist/es/components/TextWithIcon/TextWithIcon.d.ts

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { IFilterDataAttrs } from '@megafon/ui-helpers';
-import './TextWithIcon.less';
-export interface IItem {
-    /** Текст */
-    text: string;
-    /** Иконка */
-    icon: React.ReactNode;
-}
-export interface ITextWithIconProps extends IFilterDataAttrs {
-    /** Список строк с иконками */
-    items: IItem[];
-    /** Заголовок */
-    title?: string;
-    /** Ссылка на корневой элемент */
-    rootRef?: React.Ref<HTMLDivElement>;
-    /** Дополнительный класс для корневого элемента */
-    className?: string;
-}
-declare const TextWithIcon: React.FC<ITextWithIconProps>;
-export default TextWithIcon;

package/dist/es/components/TextWithIcon/TextWithIcon.js

@@ -1,53 +0,0 @@
-import "core-js/modules/es.array.map";
-import _extends from "@babel/runtime/helpers/extends";
-import * as React from 'react';
-import { Header, Grid, GridColumn } from '@megafon/ui-core';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import * as PropTypes from 'prop-types';
-import "./TextWithIcon.css";
-var cn = cnCreate('mfui-text-with-icon');
-
-var TextWithIcon = function TextWithIcon(_ref) {
-  var items = _ref.items,
-      title = _ref.title,
-      rootRef = _ref.rootRef,
-      dataAttrs = _ref.dataAttrs,
-      className = _ref.className;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: cn([className]),
-    ref: rootRef
-  }, filterDataAttrs(dataAttrs)), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(GridColumn, {
-    mobile: '12',
-    tablet: '7',
-    desktop: '6',
-    wide: '6'
-  }, title && /*#__PURE__*/React.createElement(Header, {
-    className: cn('header'),
-    as: "h5"
-  }, title), items.map(function (_ref2, i) {
-    var text = _ref2.text,
-        icon = _ref2.icon;
-    return /*#__PURE__*/React.createElement("div", {
-      className: cn('item'),
-      key: i
-    }, /*#__PURE__*/React.createElement("div", {
-      className: cn('svg-icon')
-    }, icon), /*#__PURE__*/React.createElement("div", {
-      className: cn('text')
-    }, text));
-  }))));
-};
-
-TextWithIcon.propTypes = {
-  items: PropTypes.arrayOf(PropTypes.shape({
-    text: PropTypes.string.isRequired,
-    icon: PropTypes.node.isRequired
-  }).isRequired).isRequired,
-  title: PropTypes.string,
-  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
-    current: PropTypes.elementType
-  }), PropTypes.any])]),
-  dataAttrs: PropTypes.objectOf(PropTypes.string.isRequired),
-  className: PropTypes.string
-};
-export default TextWithIcon;

package/dist/lib/components/TextWithIcon/TextWithIcon.css

@@ -1,57 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-text-with-icon__item {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-@media screen and (max-width: 767px) {
-  .mfui-text-with-icon__item {
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-  }
-}
-.mfui-text-with-icon__item:not(:first-of-type) {
-  margin-top: 16px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-text-with-icon__item:not(:first-of-type) {
-    margin-top: 24px;
-  }
-}
-.mfui-text-with-icon__header {
-  margin-bottom: 24px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-text-with-icon__header {
-    text-align: center;
-  }
-}
-.mfui-text-with-icon__svg-icon {
-  width: 40px;
-  min-width: 40px;
-  height: 40px;
-  min-height: 40px;
-  overflow: hidden;
-}
-@media screen and (min-width: 768px) {
-  .mfui-text-with-icon__svg-icon {
-    margin-right: 16px;
-  }
-}
-@media screen and (max-width: 767px) {
-  .mfui-text-with-icon__text {
-    margin-top: 12px;
-    text-align: center;
-  }
-}

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

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { IFilterDataAttrs } from '@megafon/ui-helpers';
-import './TextWithIcon.less';
-export interface IItem {
-    /** Текст */
-    text: string;
-    /** Иконка */
-    icon: React.ReactNode;
-}
-export interface ITextWithIconProps extends IFilterDataAttrs {
-    /** Список строк с иконками */
-    items: IItem[];
-    /** Заголовок */
-    title?: string;
-    /** Ссылка на корневой элемент */
-    rootRef?: React.Ref<HTMLDivElement>;
-    /** Дополнительный класс для корневого элемента */
-    className?: string;
-}
-declare const TextWithIcon: React.FC<ITextWithIconProps>;
-export default TextWithIcon;

package/dist/lib/components/TextWithIcon/TextWithIcon.js

@@ -1,74 +0,0 @@
-"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _uiCore = require("@megafon/ui-core");
-
-var _uiHelpers = require("@megafon/ui-helpers");
-
-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; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var cn = (0, _uiHelpers.cnCreate)('mfui-text-with-icon');
-
-var TextWithIcon = function TextWithIcon(_ref) {
-  var items = _ref.items,
-      title = _ref.title,
-      rootRef = _ref.rootRef,
-      dataAttrs = _ref.dataAttrs,
-      className = _ref.className;
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
-    className: cn([className]),
-    ref: rootRef
-  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs)), /*#__PURE__*/React.createElement(_uiCore.Grid, null, /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
-    mobile: '12',
-    tablet: '7',
-    desktop: '6',
-    wide: '6'
-  }, title && /*#__PURE__*/React.createElement(_uiCore.Header, {
-    className: cn('header'),
-    as: "h5"
-  }, title), items.map(function (_ref2, i) {
-    var text = _ref2.text,
-        icon = _ref2.icon;
-    return /*#__PURE__*/React.createElement("div", {
-      className: cn('item'),
-      key: i
-    }, /*#__PURE__*/React.createElement("div", {
-      className: cn('svg-icon')
-    }, icon), /*#__PURE__*/React.createElement("div", {
-      className: cn('text')
-    }, text));
-  }))));
-};
-
-TextWithIcon.propTypes = {
-  items: PropTypes.arrayOf(PropTypes.shape({
-    text: PropTypes.string.isRequired,
-    icon: PropTypes.node.isRequired
-  }).isRequired).isRequired,
-  title: PropTypes.string,
-  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
-    current: PropTypes.elementType
-  }), PropTypes.any])]),
-  dataAttrs: PropTypes.objectOf(PropTypes.string.isRequired),
-  className: PropTypes.string
-};
-var _default = TextWithIcon;
-exports["default"] = _default;