@megafon/ui-shared 6.10.0 → 6.11.1

package/dist/lib/components/PromoCards/components/PromoCard/PromoCard.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { IPromoCardData, IPromoCardSettings } from '../../types';
+import './PromoCard.less';
+export interface IPromoCard extends IPromoCardData, IPromoCardSettings {
+    className?: string;
+    classes?: {
+        root?: string;
+    };
+    dataAttrs?: {
+        root?: Record<string, string>;
+        image?: Record<string, string>;
+        badge?: Record<string, string>;
+        logo?: Record<string, string>;
+        subtitle?: Record<string, string>;
+    };
+}
+declare const PromoCard: React.FC<IPromoCard>;
+export default PromoCard;

package/dist/lib/components/PromoCards/components/PromoCard/PromoCard.js

@@ -0,0 +1,96 @@
+"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"));
+
+require("core-js/modules/es.string.link.js");
+
+require("core-js/modules/es.array.concat.js");
+
+var React = _interopRequireWildcard(require("react"));
+
+var _uiCore = require("@megafon/ui-core");
+
+var _uiHelpers = require("@megafon/ui-helpers");
+
+var _setRelAttribute = require("../../../../helpers/setRelAttribute");
+
+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-v6-promo-card');
+
+var PromoCard = function PromoCard(_ref) {
+  var title = _ref.title,
+      subtitle = _ref.subtitle,
+      link = _ref.link,
+      _ref$background = _ref.background,
+      background = _ref$background === void 0 ? 'shadow' : _ref$background,
+      image = _ref.image,
+      logo = _ref.logo,
+      badge = _ref.badge,
+      className = _ref.className,
+      classes = _ref.classes,
+      dataAttrs = _ref.dataAttrs,
+      onClick = _ref.onClick;
+  var imageSrc = image.src,
+      imageSrc2x = image.src2x,
+      imageAlt = image.alt;
+  var linkHref = link.href,
+      _link$target = link.target,
+      linkTarget = _link$target === void 0 ? '_self' : _link$target,
+      linkRel = link.rel,
+      linkTitle = link.title;
+  var imageSrcSet = imageSrc2x ? "".concat(imageSrc, ", ").concat(imageSrc2x, " 2x") : undefined;
+  return /*#__PURE__*/React.createElement("a", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+    className: cn({
+      background: background
+    }, [className, classes === null || classes === void 0 ? void 0 : classes.root]),
+    href: linkHref,
+    target: linkTarget,
+    rel: (0, _setRelAttribute.setRelAttribute)(linkRel, linkTarget),
+    onClick: onClick
+  }), /*#__PURE__*/React.createElement("img", (0, _extends2["default"])({
+    className: cn('image')
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.image), {
+    srcSet: imageSrcSet,
+    src: imageSrc,
+    alt: imageAlt || ''
+  })), /*#__PURE__*/React.createElement("div", {
+    className: cn('content')
+  }, !!badge && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.badge), {
+    className: cn('badge')
+  }), badge), !!(logo === null || logo === void 0 ? void 0 : logo.src) && !badge && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.logo), {
+    className: cn('logo')
+  }), /*#__PURE__*/React.createElement("img", {
+    className: cn('logo-img'),
+    src: logo.src,
+    alt: logo.alt || ''
+  })), /*#__PURE__*/React.createElement(_uiCore.Header, {
+    as: "h3"
+  }, (0, _uiHelpers.convert)(title, {})), !!subtitle && /*#__PURE__*/React.createElement(_uiCore.Paragraph, {
+    className: cn('subtitle'),
+    hasMargin: false,
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.subtitle
+    }
+  }, (0, _uiHelpers.convert)(subtitle, {})), /*#__PURE__*/React.createElement("div", {
+    className: cn('footer')
+  }, /*#__PURE__*/React.createElement(_uiCore.Button, {
+    sizeAll: "small",
+    type: "text",
+    showArrow: true
+  }, linkTitle))));
+};
+
+var _default = PromoCard;
+exports["default"] = _default;

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

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+declare type ImageType = {
+    src: string;
+    src2x?: string;
+    alt?: string;
+};
+declare type LogoType = {
+    src?: string;
+    alt?: string;
+};
+declare type LinkType = {
+    title: string;
+    href: string;
+    target?: '_self' | '_blank';
+    rel?: string;
+};
+export interface IPromoCardSettings {
+    background?: 'gray' | 'white' | 'shadow';
+}
+export interface IPromoCardData {
+    title: string;
+    subtitle?: string;
+    link: LinkType;
+    image: ImageType;
+    logo?: LogoType;
+    badge?: React.ReactElement | null;
+    onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
+}
+export {};

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

@@ -0,0 +1 @@
+"use strict";

package/dist/lib/index.d.ts

@@ -13,6 +13,7 @@ export { default as Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs';
 export { default as BreadcrumbsItem } from './components/Breadcrumbs/components/BreadcrumbsItem';
 export { default as ButtonBanner } from './components/ButtonBanner/ButtonBanner';
 export { default as ButtonLinkBox } from './components/ButtonLinkBox/ButtonLinkBox';
+export { default as ButtonsBox } from './components/ButtonsBox/ButtonsBox';
 export { default as Card } from './components/Card/Card';
 export { default as CardsBox } from './components/CardsBox/CardsBox';
 export { default as CarouselBox } from './components/CarouselBox/CarouselBox';
@@ -30,6 +31,8 @@ export { default as NotificationBox } from './components/NotificationBox/Notific
 export { default as PageTitle } from './components/PageTitle/PageTitle';
 export { default as Partners } from './components/Partners/Partners';
 export { default as PictureWithDescription } from './components/PictureWithDescription/PictureWithDescription';
+export { default as PromoCard } from './components/PromoCards/components/PromoCard/PromoCard';
+export { default as PromoCards } from './components/PromoCards/PromoCards';
 export { default as Property } from './components/Property/Property';
 export { default as PropertyDescription } from './components/Property/PropertyDescription';
 export { default as SidePictureCard } from './components/SidePictureCards/components/SidePictureCard';

package/dist/lib/index.js

@@ -93,6 +93,12 @@ Object.defineProperty(exports, "ButtonLinkBox", {
     return _ButtonLinkBox["default"];
   }
 });
+Object.defineProperty(exports, "ButtonsBox", {
+  enumerable: true,
+  get: function get() {
+    return _ButtonsBox["default"];
+  }
+});
 Object.defineProperty(exports, "Card", {
   enumerable: true,
   get: function get() {
@@ -195,6 +201,18 @@ Object.defineProperty(exports, "PictureWithDescription", {
     return _PictureWithDescription["default"];
   }
 });
+Object.defineProperty(exports, "PromoCard", {
+  enumerable: true,
+  get: function get() {
+    return _PromoCard["default"];
+  }
+});
+Object.defineProperty(exports, "PromoCards", {
+  enumerable: true,
+  get: function get() {
+    return _PromoCards["default"];
+  }
+});
 Object.defineProperty(exports, "Property", {
   enumerable: true,
   get: function get() {
@@ -358,6 +376,8 @@ var _ButtonBanner = _interopRequireDefault(require("./components/ButtonBanner/Bu
 
 var _ButtonLinkBox = _interopRequireDefault(require("./components/ButtonLinkBox/ButtonLinkBox"));
 
+var _ButtonsBox = _interopRequireDefault(require("./components/ButtonsBox/ButtonsBox"));
+
 var _Card = _interopRequireDefault(require("./components/Card/Card"));
 
 var _CardsBox = _interopRequireDefault(require("./components/CardsBox/CardsBox"));
@@ -392,6 +412,10 @@ var _Partners = _interopRequireDefault(require("./components/Partners/Partners")
 
 var _PictureWithDescription = _interopRequireDefault(require("./components/PictureWithDescription/PictureWithDescription"));
 
+var _PromoCard = _interopRequireDefault(require("./components/PromoCards/components/PromoCard/PromoCard"));
+
+var _PromoCards = _interopRequireDefault(require("./components/PromoCards/PromoCards"));
+
 var _Property = _interopRequireDefault(require("./components/Property/Property"));
 
 var _PropertyDescription = _interopRequireDefault(require("./components/Property/PropertyDescription"));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-shared",
-    "version": "6.10.0",
+    "version": "6.11.1",
     "files": [
         "dist"
     ],
@@ -82,7 +82,7 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.8.4",
-        "@megafon/ui-core": "^6.5.0",
+        "@megafon/ui-core": "^6.6.1",
         "@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": "9804a8e7196f90b0c310e4ee83988276ff7b58bc"
+    "gitHead": "c119b673112829f75ebb828789f183e7c061b715"
 }