@megafon/ui-shared 3.0.0-beta.6 → 3.0.0

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

@@ -0,0 +1,60 @@
+"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 _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 title = _ref.title,
+      rootRef = _ref.rootRef,
+      dataAttrs = _ref.dataAttrs,
+      className = _ref.className,
+      children = _ref.children;
+  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)), /*#__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), children)));
+};
+
+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,
+  className: PropTypes.string
+};
+var _default = TextWithIcon;
+exports["default"] = _default;

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

@@ -0,0 +1,49 @@
+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-item__svg-icon {
+  width: 40px;
+  min-width: 40px;
+  height: 40px;
+  min-height: 40px;
+  overflow: hidden;
+}
+@media screen and (min-width: 768px) {
+  .mfui-text-with-icon-item__svg-icon {
+    margin-right: 16px;
+  }
+}
+@media screen and (max-width: 767px) {
+  .mfui-text-with-icon-item__text {
+    margin-top: 12px;
+    text-align: center;
+  }
+}

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import './TextWithIconItem.less';
+export interface ITextWithIconItem {
+    /** Текст */
+    text: string;
+    /** Иконка */
+    icon: React.ReactNode;
+    /** Ссылка на корневой элемент */
+    rootRef?: React.Ref<HTMLDivElement>;
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+    };
+    /** Дополнительный класс для корневого элемента */
+    className?: string;
+}
+declare const TextWithIconItem: React.FC<ITextWithIconItem>;
+export default TextWithIconItem;

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

@@ -0,0 +1,54 @@
+"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+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-item');
+
+var TextWithIconItem = function TextWithIconItem(_ref) {
+  var text = _ref.text,
+      icon = _ref.icon,
+      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 === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("div", {
+    className: cn('svg-icon')
+  }, icon), /*#__PURE__*/React.createElement("div", {
+    className: cn('text')
+  }, text));
+};
+
+TextWithIconItem.propTypes = {
+  text: PropTypes.string.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.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/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), /*#__PURE__*/_react["default"].createElement(_uiCore.Button, {
+    }, description), buttonTitle && /*#__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 && renderContent(content)));
+      }, 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.isRequired,
+    buttonTitle: _propTypes["default"].string,
     buttonDownload: _propTypes["default"].bool,
     onButtonClick: _propTypes["default"].func
   }),

package/dist/lib/index.d.ts

@@ -29,6 +29,8 @@ 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 TextWithIconItem } from './components/TextWithIcon/TextWithIconItem';
 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,6 +189,18 @@ Object.defineProperty(exports, "TextBoxPicture", {
     return _TextBoxPicture["default"];
   }
 });
+Object.defineProperty(exports, "TextWithIcon", {
+  enumerable: true,
+  get: function get() {
+    return _TextWithIcon["default"];
+  }
+});
+Object.defineProperty(exports, "TextWithIconItem", {
+  enumerable: true,
+  get: function get() {
+    return _TextWithIconItem["default"];
+  }
+});
 Object.defineProperty(exports, "TitleDescriptionBox", {
   enumerable: true,
   get: function get() {
@@ -270,6 +282,10 @@ var _TextBox = _interopRequireDefault(require("./components/TextBox/TextBox"));
 
 var _TextBoxPicture = _interopRequireDefault(require("./components/TextBox/TextBoxPicture"));
 
+var _TextWithIcon = _interopRequireDefault(require("./components/TextWithIcon/TextWithIcon"));
+
+var _TextWithIconItem = _interopRequireDefault(require("./components/TextWithIcon/TextWithIconItem"));
+
 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": "3.0.0-beta.6",
+  "version": "3.0.0",
   "files": [
     "dist"
   ],
@@ -52,7 +52,7 @@
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
-    "@megafon/ui-icons": "^1.0.0-beta.3",
+    "@megafon/ui-icons": "^1.0.0",
     "@svgr/core": "^2.4.1",
     "@types/enzyme": "^3.10.5",
     "@types/enzyme-adapter-react-16": "^1.0.6",
@@ -82,13 +82,13 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^3.0.0-beta.6",
-    "@megafon/ui-helpers": "^2.0.0-beta.3",
+    "@megafon/ui-core": "^3.0.0",
+    "@megafon/ui-helpers": "^2.0.0",
     "core-js": "^3.6.4",
     "htmr": "^0.9.2",
     "lodash.throttle": "^4.1.1",
     "prop-types": "^15.7.2",
     "swiper": "^6.5.6"
   },
-  "gitHead": "b9c40183bddf83627eb55aefdfc561babfd1f64f"
+  "gitHead": "6c0ceaf24ab250ae0d733395974991f0b58572b6"
 }