@megafon/ui-shared 6.11.0 → 6.12.0

package/dist/lib/components/PageTitle/PageTitle.js

@@ -9,6 +9,10 @@ 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");
@@ -31,30 +35,40 @@ var cn = (0, _uiHelpers.cnCreate)('mfui-v6-page-title');
 var PageTitle = function PageTitle(_ref) {
   var dataAttrs = _ref.dataAttrs,
       title = _ref.title,
+      description = _ref.description,
       breadcrumbs = _ref.breadcrumbs,
       badge = _ref.badge,
       _ref$isFullWidth = _ref.isFullWidth,
       isFullWidth = _ref$isFullWidth === void 0 ? true : _ref$isFullWidth,
       _ref$hasBreadcrumbsMi = _ref.hasBreadcrumbsMicrodata,
       hasBreadcrumbsMicrodata = _ref$hasBreadcrumbsMi === void 0 ? false : _ref$hasBreadcrumbsMi,
+      _ref$marginTop = _ref.marginTop,
+      marginTop = _ref$marginTop === void 0 ? 'default' : _ref$marginTop,
       className = _ref.className,
       _ref$classes = _ref.classes,
       classes = _ref$classes === void 0 ? {} : _ref$classes,
       rootRef = _ref.rootRef;
   var isBreadcrumbs = !!(breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length);
-  var renderPageTitle = React.useCallback(function () {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, badge && /*#__PURE__*/React.createElement("div", {
-      className: cn('badge', {
-        'under-breadcrumbs': isBreadcrumbs
-      })
-    }, badge), /*#__PURE__*/React.createElement(_uiCore.Header, {
-      className: cn('title', {
-        'under-breadcrumbs': isBreadcrumbs && !badge
-      }),
-      as: "h1"
-    }, title));
-  }, [badge, title, isBreadcrumbs]);
-  var renderPageTitleWithGrid = React.useCallback(function () {
+  var titleContent = /*#__PURE__*/React.createElement(React.Fragment, null, badge && /*#__PURE__*/React.createElement("div", {
+    className: cn('badge', {
+      'under-breadcrumbs': isBreadcrumbs
+    })
+  }, badge), /*#__PURE__*/React.createElement(_uiCore.Header, {
+    className: cn('title', {
+      single: !isBreadcrumbs && !badge,
+      'margin-top': marginTop,
+      'under-breadcrumbs': isBreadcrumbs && !badge
+    }, [classes.title]),
+    as: "h1"
+  }, title), description && /*#__PURE__*/React.createElement("div", {
+    className: cn('description')
+  }, description));
+
+  var renderContent = function renderContent() {
+    if (isFullWidth) {
+      return titleContent;
+    }
+
     return /*#__PURE__*/React.createElement(_uiCore.Grid, {
       dataAttrs: {
         root: {
@@ -66,8 +80,9 @@ var PageTitle = function PageTitle(_ref) {
       desktop: "10",
       tablet: "12",
       mobile: "12"
-    }, renderPageTitle()));
-  }, [renderPageTitle]);
+    }, titleContent));
+  };
+
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn([className]),
     ref: rootRef
@@ -81,7 +96,7 @@ var PageTitle = function PageTitle(_ref) {
       link: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.breadcrumbsLink
     },
     className: cn('breadcrumbs', [classes.breadcrumbs])
-  }), isFullWidth ? renderPageTitle() : renderPageTitleWithGrid());
+  }), renderContent());
 };
 
 PageTitle.propTypes = {
@@ -91,6 +106,7 @@ PageTitle.propTypes = {
     breadcrumbsLink: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
   }),
   title: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node, _propTypes["default"].arrayOf(_propTypes["default"].node)]).isRequired,
+  description: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node, _propTypes["default"].arrayOf(_propTypes["default"].node)]),
   breadcrumbs: _propTypes["default"].arrayOf(_propTypes["default"].shape({
     title: _propTypes["default"].string.isRequired,
     href: _propTypes["default"].string
@@ -98,8 +114,10 @@ PageTitle.propTypes = {
   badge: _propTypes["default"].string,
   isFullWidth: _propTypes["default"].bool,
   hasBreadcrumbsMicrodata: _propTypes["default"].bool,
+  marginTop: _propTypes["default"].oneOf(['default', 'small']),
   className: _propTypes["default"].string,
   classes: _propTypes["default"].shape({
+    title: _propTypes["default"].string,
     breadcrumbs: _propTypes["default"].string
   }),
   rootRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-shared",
-    "version": "6.11.0",
+    "version": "6.12.0",
     "files": [
         "dist"
     ],
@@ -82,7 +82,7 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.8.4",
-        "@megafon/ui-core": "^6.6.0",
+        "@megafon/ui-core": "^6.7.0",
         "@megafon/ui-helpers": "^2.6.0",
         "core-js": "^3.6.4",
         "htmr": "^0.9.2",
@@ -90,5 +90,5 @@
         "prop-types": "^15.7.2",
         "swiper": "^6.5.6"
     },
-    "gitHead": "4210e85614d7e10a1d7c6b9af974dc82c4beadb7"
+    "gitHead": "bf7d2cc9e75cf3527fae3ea8a58e8e3f4958e18a"
 }