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

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import './TextBox.scss';
+import './TextBox.less';
 export interface ITextBoxProps {
     /** Центрирование текста по горизонтали */
     textCenter?: boolean;
@@ -11,7 +11,6 @@ export interface ITextBoxProps {
     rootRef?: React.Ref<HTMLDivElement>;
     /** Дополнительный класс для корневого элемента */
     className?: string;
-    children?: React.ReactNode;
 }
 declare const TextBox: React.FC<ITextBoxProps>;
 export default TextBox;

package/dist/lib/components/TextBox/TextBox.js

@@ -1,31 +1,43 @@
 "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"));
+
 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 = _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 cn = (0, _uiHelpers.cnCreate)('mfui-text-box');
+
 var TextBox = function TextBox(_ref) {
   var _ref$textCenter = _ref.textCenter,
-    textCenter = _ref$textCenter === void 0 ? false : _ref$textCenter,
-    _ref$centeringWithLim = _ref.centeringWithLimitedWidth,
-    centeringWithLimitedWidth = _ref$centeringWithLim === void 0 ? false : _ref$centeringWithLim,
-    _ref$isFullWidth = _ref.isFullWidth,
-    isFullWidth = _ref$isFullWidth === void 0 ? true : _ref$isFullWidth,
-    rootRef = _ref.rootRef,
-    className = _ref.className,
-    children = _ref.children;
+      textCenter = _ref$textCenter === void 0 ? false : _ref$textCenter,
+      _ref$centeringWithLim = _ref.centeringWithLimitedWidth,
+      centeringWithLimitedWidth = _ref$centeringWithLim === void 0 ? false : _ref$centeringWithLim,
+      _ref$isFullWidth = _ref.isFullWidth,
+      isFullWidth = _ref$isFullWidth === void 0 ? true : _ref$isFullWidth,
+      rootRef = _ref.rootRef,
+      className = _ref.className,
+      children = _ref.children;
+
   var renderContent = function renderContent() {
     return /*#__PURE__*/React.createElement("div", {
       className: cn('content')
     }, children);
   };
+
   var renderTextBoxWithGrid = function renderTextBoxWithGrid() {
     return /*#__PURE__*/React.createElement(_uiCore.Grid, {
       hAlign: centeringWithLimitedWidth ? 'center' : 'left',
@@ -41,6 +53,7 @@ var TextBox = function TextBox(_ref) {
       mobile: "12"
     }, renderContent()));
   };
+
   return /*#__PURE__*/React.createElement("div", {
     className: cn({
       'text-center': textCenter
@@ -48,4 +61,15 @@ var TextBox = function TextBox(_ref) {
     ref: rootRef
   }, isFullWidth ? renderContent() : renderTextBoxWithGrid());
 };
-var _default = exports["default"] = TextBox;
+
+TextBox.propTypes = {
+  textCenter: PropTypes.bool,
+  centeringWithLimitedWidth: PropTypes.bool,
+  isFullWidth: PropTypes.bool,
+  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
+    current: PropTypes.elementType
+  }), PropTypes.any])]),
+  className: PropTypes.string
+};
+var _default = TextBox;
+exports["default"] = _default;

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

@@ -1 +1,27 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-text-box-picture_margin_default{margin:16px 0}.mfui-text-box-picture_margin_big-top{margin:24px 0 16px}.mfui-text-box-picture_margin_big-bottom{margin:16px 0 24px}.mfui-text-box-picture_margin_big-vertical{margin:24px 0}.mfui-text-box-picture__img{border:1px solid var(--spbSky1);display:block;max-width:100%}.mfui-text-box-picture__img_no-border{border:none}
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-text-box-picture_margin_default {
+  margin: 16px 0;
+}
+.mfui-text-box-picture_margin_big-top {
+  margin: 24px 0 16px;
+}
+.mfui-text-box-picture_margin_big-bottom {
+  margin: 16px 0 24px;
+}
+.mfui-text-box-picture_margin_big-vertical {
+  margin: 24px 0;
+}
+.mfui-text-box-picture__img {
+  display: block;
+  max-width: 100%;
+  border: 1px solid var(--spbSky1);
+}
+.mfui-text-box-picture__img_no-border {
+  border: none;
+}

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

@@ -1,12 +1,12 @@
 import * as React from 'react';
-import './TextBoxPicture.scss';
+import './TextBoxPicture.less';
 export declare const pictureMarginTypes: {
     readonly DEFAULT: "default";
     readonly BIG_TOP: "big-top";
     readonly BIG_BOTTOM: "big-bottom";
     readonly BIG_VERTICAL: "big-vertical";
 };
-type PictureMarginTypesType = (typeof pictureMarginTypes)[keyof typeof pictureMarginTypes];
+declare type PictureMarginTypesType = typeof pictureMarginTypes[keyof typeof pictureMarginTypes];
 export interface ITextBoxPictureProps {
     /** URL картинки */
     url: string;

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

@@ -1,28 +1,38 @@
 "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.pictureMarginTypes = exports["default"] = void 0;
+exports["default"] = exports.pictureMarginTypes = void 0;
+
 var React = _interopRequireWildcard(require("react"));
+
 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 pictureMarginTypes = exports.pictureMarginTypes = {
+
+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 pictureMarginTypes = {
   DEFAULT: 'default',
   BIG_TOP: 'big-top',
   BIG_BOTTOM: 'big-bottom',
   BIG_VERTICAL: 'big-vertical'
 };
+exports.pictureMarginTypes = pictureMarginTypes;
 var cn = (0, _uiHelpers.cnCreate)('mfui-text-box-picture');
+
 var TextBoxPicture = function TextBoxPicture(_ref) {
   var url = _ref.url,
-    _ref$margin = _ref.margin,
-    margin = _ref$margin === void 0 ? pictureMarginTypes.DEFAULT : _ref$margin,
-    alt = _ref.alt,
-    _ref$disableBorder = _ref.disableBorder,
-    disableBorder = _ref$disableBorder === void 0 ? false : _ref$disableBorder;
+      _ref$margin = _ref.margin,
+      margin = _ref$margin === void 0 ? pictureMarginTypes.DEFAULT : _ref$margin,
+      alt = _ref.alt,
+      _ref$disableBorder = _ref.disableBorder,
+      disableBorder = _ref$disableBorder === void 0 ? false : _ref$disableBorder;
   return /*#__PURE__*/React.createElement("div", {
     className: cn({
       margin: margin
@@ -35,4 +45,12 @@ var TextBoxPicture = function TextBoxPicture(_ref) {
     alt: alt
   }));
 };
-var _default = exports["default"] = TextBoxPicture;
+
+TextBoxPicture.propTypes = {
+  url: PropTypes.string.isRequired,
+  margin: PropTypes.oneOf([pictureMarginTypes.DEFAULT, pictureMarginTypes.BIG_TOP, pictureMarginTypes.BIG_BOTTOM, pictureMarginTypes.BIG_VERTICAL]),
+  alt: PropTypes.string,
+  disableBorder: PropTypes.bool
+};
+var _default = TextBoxPicture;
+exports["default"] = _default;

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

@@ -1 +1,10 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-text-with-icon__header{margin-bottom:24px}
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-text-with-icon__header {
+  margin-bottom: 24px;
+}

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ITextWithIconItem } from './TextWithIconItem';
-import './TextWithIcon.scss';
+import './TextWithIcon.less';
 export interface ITextWithIconProps {
     /** Заголовок */
     title?: string;

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

@@ -1,33 +1,47 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var React = _interopRequireWildcard(require("react"));
+
 var _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 = _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 testIdPrefix = 'TextWithIcon';
 var cn = (0, _uiHelpers.cnCreate)('mfui-text-with-icon');
+
 var TextWithIcon = function TextWithIcon(_ref) {
   var title = _ref.title,
-    rootRef = _ref.rootRef,
-    dataAttrs = _ref.dataAttrs,
-    className = _ref.className,
-    _ref$isFullWidth = _ref.isFullWidth,
-    isFullWidth = _ref$isFullWidth === void 0 ? false : _ref$isFullWidth,
-    children = _ref.children;
+      rootRef = _ref.rootRef,
+      dataAttrs = _ref.dataAttrs,
+      className = _ref.className,
+      _ref$isFullWidth = _ref.isFullWidth,
+      isFullWidth = _ref$isFullWidth === void 0 ? false : _ref$isFullWidth,
+      children = _ref.children;
+
   var renderContent = function renderContent() {
     return /*#__PURE__*/React.createElement(React.Fragment, null, title && /*#__PURE__*/React.createElement(_uiCore.Header, {
       className: cn('header'),
       as: "h5"
     }, title), children);
   };
+
   var renderContentWithGrid = function renderContentWithGrid() {
     return /*#__PURE__*/React.createElement(_uiCore.Grid, {
       dataAttrs: {
@@ -42,9 +56,24 @@ var TextWithIcon = function TextWithIcon(_ref) {
       wide: '6'
     }, renderContent()));
   };
+
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
     className: cn([className]),
     ref: rootRef
   }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), isFullWidth ? renderContent() : renderContentWithGrid());
 };
-var _default = exports["default"] = TextWithIcon;
+
+TextWithIcon.propTypes = {
+  title: PropTypes.string,
+  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
+    current: PropTypes.elementType
+  }), PropTypes.any])]),
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired)
+  }),
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element.isRequired), PropTypes.element.isRequired]).isRequired,
+  isFullWidth: PropTypes.bool,
+  className: PropTypes.string
+};
+var _default = TextWithIcon;
+exports["default"] = _default;

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

@@ -1 +1,29 @@
-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}.mfui-text-with-icon-item:not(:first-of-type){margin-top:12px}.mfui-text-with-icon-item__svg-icon{border:1px solid var(--spbSky2);border-radius:50%;height:44px;margin-right:16px;min-height:44px;min-width:44px;overflow:hidden;padding:6px;width:44px}
+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;
+}
+.mfui-text-with-icon-item:not(:first-of-type) {
+  margin-top: 12px;
+}
+.mfui-text-with-icon-item__svg-icon {
+  width: 44px;
+  min-width: 44px;
+  height: 44px;
+  min-height: 44px;
+  margin-right: 16px;
+  padding: 6px;
+  border: 1px solid var(--spbSky2);
+  border-radius: 50%;
+  overflow: hidden;
+}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import './TextWithIconItem.scss';
+import './TextWithIconItem.less';
 export interface ITextWithIconItem {
     /** Дополнительные классы для внутренних элементов */
     classes?: {

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

@@ -1,34 +1,48 @@
 "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.is-array.js");
+
 require("core-js/modules/es.array.map.js");
+
 var React = _interopRequireWildcard(require("react"));
+
 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 = _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 testIdPrefix = 'TextWithIconItem';
 var cn = (0, _uiHelpers.cnCreate)('mfui-text-with-icon-item');
+
 var TextWithIconItem = function TextWithIconItem(_ref) {
   var className = _ref.className,
-    _ref$classes = _ref.classes,
-    classes = _ref$classes === void 0 ? {} : _ref$classes,
-    text = _ref.text,
-    icon = _ref.icon,
-    rootRef = _ref.rootRef,
-    dataAttrs = _ref.dataAttrs;
+      _ref$classes = _ref.classes,
+      classes = _ref$classes === void 0 ? {} : _ref$classes,
+      text = _ref.text,
+      icon = _ref.icon,
+      rootRef = _ref.rootRef,
+      dataAttrs = _ref.dataAttrs;
   var renderText = React.useMemo(function () {
     if (Array.isArray(text)) {
       return text.map(function (item) {
         return (0, _uiHelpers.convert)(item, _uiHelpers.textConvertConfig);
       });
     }
+
     return (0, _uiHelpers.convert)(text, _uiHelpers.textConvertConfig);
   }, [text]);
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
@@ -42,4 +56,17 @@ var TextWithIconItem = function TextWithIconItem(_ref) {
     "data-testid": "".concat(testIdPrefix, "-text")
   }, renderText));
 };
-var _default = exports["default"] = TextWithIconItem;
+
+TextWithIconItem.propTypes = {
+  text: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.arrayOf(PropTypes.string.isRequired)]).isRequired,
+  icon: PropTypes.node.isRequired,
+  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
+    current: PropTypes.elementType
+  }), PropTypes.any])]),
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired)
+  }),
+  className: PropTypes.string
+};
+var _default = TextWithIconItem;
+exports["default"] = _default;

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

@@ -1 +1,31 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-title-description-box{color:var(--content),.mfui-title-description-box __item_header;font-family:inherit;color-white-space:pre-wrap}.mfui-title-description-box__item:not(:last-child){margin-bottom:16px}.mfui-title-description-box_text-color_white{color:var(--stcWhite)}.mfui-title-description-box_h-align_center{text-align:center}.mfui-title-description-box__description{font-size:15px;font-weight:400;line-height:24px}.mfui-title-description-box__description :last-child{margin-bottom:0!important}
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-title-description-box {
+  font-family: inherit;
+  color: var(--content);
+}
+.mfui-title-description-box__item_header {
+  white-space: pre-wrap;
+}
+.mfui-title-description-box__item:not(:last-child) {
+  margin-bottom: 16px;
+}
+.mfui-title-description-box_text-color_white {
+  color: var(--stcWhite);
+}
+.mfui-title-description-box_h-align_center {
+  text-align: center;
+}
+.mfui-title-description-box__description {
+  font-size: 15px;
+  line-height: 24px;
+  font-weight: 400;
+}
+.mfui-title-description-box__description :last-child {
+  margin-bottom: 0 !important;
+}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import './TitleDescriptionBox.scss';
+import './TitleDescriptionBox.less';
 export interface ITitleDescriptionBoxProps {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {

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

@@ -1,29 +1,43 @@
 "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.symbol.js");
+
 require("core-js/modules/es.symbol.description.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 = _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 testIdPrefix = 'TitleDescriptionBox';
 var cn = (0, _uiHelpers.cnCreate)('mfui-title-description-box');
+
 var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
   var dataAttrs = _ref.dataAttrs,
-    title = _ref.title,
-    description = _ref.description,
-    textColor = _ref.textColor,
-    align = _ref.align,
-    rootRef = _ref.rootRef,
-    className = _ref.className;
+      title = _ref.title,
+      description = _ref.description,
+      textColor = _ref.textColor,
+      align = _ref.align,
+      rootRef = _ref.rootRef,
+      className = _ref.className;
   var renderDescription = React.useCallback(function () {
     if (typeof description === 'string') {
       return /*#__PURE__*/React.createElement(_uiCore.Paragraph, {
@@ -37,6 +51,7 @@ var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
         }
       }, description);
     }
+
     return /*#__PURE__*/React.createElement("div", {
       className: cn('description'),
       "data-testid": "".concat(testIdPrefix, "-description-node")
@@ -66,4 +81,19 @@ var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
     color: "inherit"
   }, title), description && renderDescription())));
 };
-var _default = exports["default"] = TitleDescriptionBox;
+
+TitleDescriptionBox.propTypes = {
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired)
+  }),
+  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
+    current: PropTypes.elementType
+  }), PropTypes.any])]),
+  className: PropTypes.string,
+  title: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.node)]),
+  description: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.node)]),
+  align: PropTypes.oneOf(['center']),
+  textColor: PropTypes.oneOf(['white'])
+};
+var _default = TitleDescriptionBox;
+exports["default"] = _default;