@megafon/ui-shared 4.5.3 → 4.7.0

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

@@ -1,27 +1,37 @@
 import React from 'react';
+import { TextColor } from './components/BreadcrumbsItem';
 import './Breadcrumbs.less';
 declare type ItemObjectType = {
     title?: string;
     href?: string;
 };
 declare type ItemType = JSX.Element | ItemObjectType;
-export declare const TextColor: {
-    readonly DEFAULT: "default";
-    readonly BLACK: "black";
-    readonly WHITE: "white";
-};
-declare type TextColorType = typeof TextColor[keyof typeof TextColor];
+export declare type TextColorType = typeof TextColor[keyof typeof TextColor];
 export declare type Props = {
-    dataAttrs?: {
-        root?: Record<string, string>;
-        link?: Record<string, string>;
-    };
+    /** Дополнительный класс корневого элемента */
     className?: string;
+    /** Список элементов */
+    items: ItemType[];
+    /** Цвет */
+    color?: TextColorType;
+    /** Включить микроразметку */
+    hasMicrodata?: boolean;
+    /** Дополнительные классы для корневого и внутренних элементов */
     classes?: {
         item?: string;
+        itemTitle?: string;
+        lastItemTitle?: string;
+        link?: string;
+    };
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        item?: Record<string, string>;
+        itemInner?: Record<string, string>;
+        itemTitle?: Record<string, string>;
+        itemMeta?: Record<string, string>;
+        link?: Record<string, string>;
     };
-    items: ItemType[];
-    color?: TextColorType;
 };
 declare const Breadcrumbs: React.FC<Props>;
 export default Breadcrumbs;

package/dist/lib/components/Breadcrumbs/Breadcrumbs.js

@@ -1,9 +1,11 @@
 "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"] = exports.TextColor = void 0;
+exports["default"] = void 0;
 
 require("core-js/modules/es.array.map");
 
@@ -15,28 +17,21 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireDefault(require("react"));
 
-var _uiCore = require("@megafon/ui-core");
-
 var _uiHelpers = require("@megafon/ui-helpers");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _BreadcrumbsItem = _interopRequireWildcard(require("./components/BreadcrumbsItem"));
 
-var TextColor = {
-  DEFAULT: 'default',
-  BLACK: 'black',
-  WHITE: 'white'
-};
-exports.TextColor = TextColor;
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-function isObjectElement(item) {
-  return !_react["default"].isValidElement(item);
-}
+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 isJSXElement(item) {
-  return _react["default"].isValidElement(item);
-}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var isObjectElement = function isObjectElement(item) {
+  return !_react["default"].isValidElement(item);
+};
 
 var cn = (0, _uiHelpers.cnCreate)('mfui-breadcrumbs');
 
@@ -47,50 +42,65 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
       className = _ref.className,
       _ref$classes = _ref.classes,
       classes = _ref$classes === void 0 ? {} : _ref$classes,
-      dataAttrs = _ref.dataAttrs;
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+      dataAttrs = _ref.dataAttrs,
+      _ref$hasMicrodata = _ref.hasMicrodata,
+      hasMicrodata = _ref$hasMicrodata === void 0 ? false : _ref$hasMicrodata;
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
     className: cn({
       color: color
     }, className)
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), hasMicrodata && {
+    itemScope: true,
+    itemType: 'https://schema.org/BreadcrumbList'
   }), items.map(function (item, i) {
-    if (isJSXElement(item)) {
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: cn('item', classes.item),
-        key: i
-      }, item);
-    }
-
-    if (isObjectElement(item)) {
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: cn('item', classes.item),
-        key: item.title
-      }, /*#__PURE__*/_react["default"].createElement(_uiCore.TextLink, {
-        href: item.href,
-        color: color,
-        dataAttrs: {
-          root: (dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link) ? (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link, i + 1)) : undefined
-        }
-      }, item.title));
-    }
-
-    return null;
+    return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+      className: cn('item', classes.item)
+    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, i + 1), {
+      key: i
+    }), isObjectElement(item) ? /*#__PURE__*/_react["default"].createElement(_BreadcrumbsItem["default"], {
+      title: item.title,
+      href: item.href,
+      color: color,
+      index: i,
+      isLastItem: i === items.length - 1,
+      hasMicrodata: hasMicrodata,
+      dataAttrs: {
+        root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemInner,
+        link: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link,
+        itemTitle: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle,
+        meta: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemMeta
+      },
+      classes: {
+        link: classes === null || classes === void 0 ? void 0 : classes.link,
+        itemTitle: classes === null || classes === void 0 ? void 0 : classes.itemTitle,
+        lastItemTitle: classes === null || classes === void 0 ? void 0 : classes.lastItemTitle
+      }
+    }) : item);
   }));
 };
 
 Breadcrumbs.propTypes = {
   dataAttrs: _propTypes["default"].shape({
     root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    item: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    itemInner: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    itemTitle: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    itemMeta: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
     link: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
   }),
   className: _propTypes["default"].string,
   classes: _propTypes["default"].shape({
-    item: _propTypes["default"].string
+    item: _propTypes["default"].string,
+    itemTitle: _propTypes["default"].string,
+    lastItemTitle: _propTypes["default"].string,
+    link: _propTypes["default"].string
   }),
   items: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].element.isRequired), _propTypes["default"].arrayOf(_propTypes["default"].shape({
     title: _propTypes["default"].string,
     href: _propTypes["default"].string
   }).isRequired)]).isRequired,
-  color: _propTypes["default"].oneOf(Object.values(TextColor))
+  color: _propTypes["default"].oneOf(Object.values(_BreadcrumbsItem.TextColor)),
+  hasMicrodata: _propTypes["default"].bool
 };
 var _default = Breadcrumbs;
 exports["default"] = _default;

package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.css

@@ -0,0 +1,16 @@
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-breadcrumbs-item_color_default {
+  color: var(--content);
+}
+.mfui-breadcrumbs-item_color_black {
+  color: var(--stcBlack);
+}
+.mfui-breadcrumbs-item_color_white {
+  color: var(--stcWhite);
+}

package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import './BreadcrumbsItem.less';
+export declare const TextColor: {
+    readonly DEFAULT: "default";
+    readonly BLACK: "black";
+    readonly WHITE: "white";
+};
+declare type TextColorType = typeof TextColor[keyof typeof TextColor];
+export declare type Props = {
+    title?: string;
+    href?: string;
+    color?: TextColorType;
+    index?: number;
+    isLastItem?: boolean;
+    hasMicrodata?: boolean;
+    classes?: {
+        link?: string;
+        itemTitle?: string;
+        lastItemTitle?: string;
+    };
+    dataAttrs?: {
+        root?: Record<string, string>;
+        link?: Record<string, string>;
+        itemTitle?: Record<string, string>;
+        meta?: Record<string, string>;
+    };
+};
+declare const BreadcrumbsItem: React.FC<Props>;
+export default BreadcrumbsItem;

package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.TextColor = void 0;
+
+require("core-js/modules/es.object.values");
+
+require("core-js/modules/es.string.link");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _uiCore = require("@megafon/ui-core");
+
+var _uiHelpers = require("@megafon/ui-helpers");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var TextColor = {
+  DEFAULT: 'default',
+  BLACK: 'black',
+  WHITE: 'white'
+};
+exports.TextColor = TextColor;
+var cn = (0, _uiHelpers.cnCreate)('mfui-breadcrumbs-item');
+
+var BreadcrumbsItem = function BreadcrumbsItem(_ref) {
+  var title = _ref.title,
+      href = _ref.href,
+      color = _ref.color,
+      _ref$index = _ref.index,
+      index = _ref$index === void 0 ? 0 : _ref$index,
+      _ref$isLastItem = _ref.isLastItem,
+      isLastItem = _ref$isLastItem === void 0 ? false : _ref$isLastItem,
+      _ref$hasMicrodata = _ref.hasMicrodata,
+      hasMicrodata = _ref$hasMicrodata === void 0 ? false : _ref$hasMicrodata,
+      classes = _ref.classes,
+      dataAttrs = _ref.dataAttrs;
+
+  if (isLastItem) {
+    return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+      className: cn({
+        color: color
+      })
+    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1)), /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({
+      className: classes === null || classes === void 0 ? void 0 : classes.lastItemTitle
+    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1)), title));
+  }
+
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: cn()
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1), hasMicrodata && {
+    itemScope: true,
+    itemProp: 'itemListElement',
+    itemType: 'https://schema.org/ListItem'
+  }), /*#__PURE__*/_react["default"].createElement(_uiCore.TextLink, {
+    className: classes === null || classes === void 0 ? void 0 : classes.link,
+    href: href,
+    color: color,
+    dataAttrs: {
+      root: (dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link) ? (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link, index + 1)) : undefined
+    },
+    itemProp: hasMicrodata ? 'item' : undefined
+  }, /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({
+    className: classes === null || classes === void 0 ? void 0 : classes.itemTitle
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1), hasMicrodata && {
+    itemProp: 'name'
+  }), title)), hasMicrodata && /*#__PURE__*/_react["default"].createElement("meta", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.meta, index + 1), {
+    itemProp: "position",
+    content: String(index + 1)
+  })));
+};
+
+BreadcrumbsItem.propTypes = {
+  title: _propTypes["default"].string,
+  href: _propTypes["default"].string,
+  color: _propTypes["default"].oneOf(Object.values(TextColor)),
+  index: _propTypes["default"].number,
+  isLastItem: _propTypes["default"].bool,
+  hasMicrodata: _propTypes["default"].bool,
+  classes: _propTypes["default"].shape({
+    link: _propTypes["default"].string,
+    itemTitle: _propTypes["default"].string,
+    lastItemTitle: _propTypes["default"].string
+  }),
+  dataAttrs: _propTypes["default"].shape({
+    root: _propTypes["default"].objectOf(_propTypes["default"].string),
+    link: _propTypes["default"].objectOf(_propTypes["default"].string),
+    itemTitle: _propTypes["default"].objectOf(_propTypes["default"].string),
+    meta: _propTypes["default"].objectOf(_propTypes["default"].string)
+  })
+};
+var _default = BreadcrumbsItem;
+exports["default"] = _default;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const FaqWrapper: React.FC;
+export default FaqWrapper;

package/dist/lib/components/FaqWrapper/FaqWrapper.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var FaqWrapper = function FaqWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    itemScope: true,
+    itemType: "http://schema.org/FAQPage"
+  }, children);
+};
+
+var _default = FaqWrapper;
+exports["default"] = _default;

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

@@ -16,6 +16,8 @@ declare type Props = {
     badge?: string;
     /** Растягивание компонента на всю доступную ширину */
     isFullWidth?: boolean;
+    /** Включить микроразметку для хлебных крошек */
+    hasBreadcrumbsMicrodata?: boolean;
     /** Класс для корневого элемента */
     className?: string;
     /** Дополнительные классы для внутренних элементов */

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

@@ -34,6 +34,8 @@ var PageTitle = function PageTitle(_ref) {
       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,
       className = _ref.className,
       _ref$classes = _ref.classes,
       classes = _ref$classes === void 0 ? {} : _ref$classes,
@@ -63,6 +65,7 @@ var PageTitle = function PageTitle(_ref) {
     className: cn([className]),
     ref: rootRef
   }), (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) && /*#__PURE__*/React.createElement(_Breadcrumbs["default"], {
+    hasMicrodata: hasBreadcrumbsMicrodata,
     items: breadcrumbs,
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.breadcrumbs,
@@ -85,6 +88,7 @@ PageTitle.propTypes = {
   }).isRequired),
   badge: _propTypes["default"].string,
   isFullWidth: _propTypes["default"].bool,
+  hasBreadcrumbsMicrodata: _propTypes["default"].bool,
   className: _propTypes["default"].string,
   classes: _propTypes["default"].shape({
     breadcrumbs: _propTypes["default"].string

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

@@ -1,6 +1,11 @@
 import * as React from 'react';
 import './TextWithIconItem.less';
 export interface ITextWithIconItem {
+    /** Дополнительные классы для внутренних элементов */
+    classes?: {
+        icon?: string;
+        text?: string;
+    };
     /** Текст */
     text: string | string[];
     /** Иконка */

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

@@ -7,6 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+require("core-js/modules/es.array.is-array");
+
+require("core-js/modules/es.array.map");
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var React = _interopRequireWildcard(require("react"));
@@ -24,23 +28,34 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 var cn = (0, _uiHelpers.cnCreate)('mfui-text-with-icon-item');
 
 var TextWithIconItem = function TextWithIconItem(_ref) {
-  var text = _ref.text,
+  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$centeringOnMobil = _ref.centeringOnMobile,
-      centeringOnMobile = _ref$centeringOnMobil === void 0 ? true : _ref$centeringOnMobil,
-      className = _ref.className;
+      centeringOnMobile = _ref$centeringOnMobil === void 0 ? true : _ref$centeringOnMobil;
+  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"])({
     className: cn({
       'centering-on-mobile': centeringOnMobile
     }, [className]),
     ref: rootRef
   }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("div", {
-    className: cn('svg-icon')
+    className: cn('svg-icon', [classes.icon])
   }, icon), /*#__PURE__*/React.createElement("div", {
-    className: cn('text')
-  }, text));
+    className: cn('text', [classes.text])
+  }, renderText));
 };
 
 TextWithIconItem.propTypes = {

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

@@ -96,6 +96,8 @@ interface IVideoBannerProps {
     imageDesktopWide?: string;
     /** Хлебные крошки */
     breadcrumbs?: BreadCrumbsItemsType;
+    /** Включить микроразметку хлебных крошек */
+    hasBreadcrumbsMicrodata?: boolean;
 }
 declare const VideoBanner: React.FC<IVideoBannerProps>;
 export default VideoBanner;

package/dist/lib/components/VideoBanner/VideoBanner.js

@@ -97,7 +97,9 @@ var VideoBanner = function VideoBanner(_ref2) {
       isMuted = _ref2$isMuted === void 0 ? true : _ref2$isMuted,
       breadcrumbs = _ref2.breadcrumbs,
       _ref2$videoMobile = _ref2.videoMobile,
-      videoMobile = _ref2$videoMobile === void 0 ? false : _ref2$videoMobile;
+      videoMobile = _ref2$videoMobile === void 0 ? false : _ref2$videoMobile,
+      _ref2$hasBreadcrumbsM = _ref2.hasBreadcrumbsMicrodata,
+      hasBreadcrumbsMicrodata = _ref2$hasBreadcrumbsM === void 0 ? false : _ref2$hasBreadcrumbsM;
 
   var _React$useState = _react["default"].useState(true),
       _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
@@ -243,6 +245,7 @@ var VideoBanner = function VideoBanner(_ref2) {
   }), /*#__PURE__*/_react["default"].createElement(_uiCore.ContentArea, null, /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('wrapper')
   }, !!(breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) && /*#__PURE__*/_react["default"].createElement(_Breadcrumbs["default"], {
+    hasMicrodata: hasBreadcrumbsMicrodata,
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.breadcrumbs,
       link: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.breadcrumbsLink
@@ -314,7 +317,8 @@ VideoBanner.propTypes = {
   breadcrumbs: PropTypes.arrayOf(PropTypes.shape({
     title: PropTypes.string.isRequired,
     href: PropTypes.string
-  }).isRequired)
+  }).isRequired),
+  hasBreadcrumbsMicrodata: PropTypes.bool
 };
 var _default = VideoBanner;
 exports["default"] = _default;

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

@@ -49,6 +49,8 @@ export interface IVideoBlockProps {
     poster?: string;
     /** Расположение контента справа от видео. Только для десктопа */
     contentPositionRight?: boolean;
+    /** Воспроизводит видео на iOS устройствах без перехода в полноэкранный режим */
+    playsinline?: boolean;
 }
 declare const VideoBlock: React.FC<IVideoBlockProps>;
 export default VideoBlock;

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

@@ -48,7 +48,9 @@ var VideoBlock = function VideoBlock(_ref) {
       isAutoplay = _ref$isAutoplay === void 0 ? false : _ref$isAutoplay,
       _ref$contentPositionR = _ref.contentPositionRight,
       contentPositionRight = _ref$contentPositionR === void 0 ? false : _ref$contentPositionR,
-      poster = _ref.poster;
+      poster = _ref.poster,
+      _ref$playsinline = _ref.playsinline,
+      playsinline = _ref$playsinline === void 0 ? false : _ref$playsinline;
 
   var renderVideo = _react["default"].useCallback(function () {
     switch (videoType) {
@@ -63,7 +65,8 @@ var VideoBlock = function VideoBlock(_ref) {
           var showinfo = "&showinfo=0";
           var ivLoadPolicy = "&iv_load_policy=3";
           var playlist = "&playlist=".concat(videoSrc);
-          var src = "".concat(url).concat(autoplay).concat(mute).concat(loop).concat(rel).concat(controls).concat(showinfo).concat(ivLoadPolicy).concat(playlist);
+          var playsinlineProp = "&playsinline=".concat(playsinline ? 1 : 0);
+          var src = "".concat(url).concat(autoplay).concat(mute).concat(loop).concat(rel).concat(controls).concat(showinfo).concat(ivLoadPolicy).concat(playlist).concat(playsinlineProp);
           return /*#__PURE__*/_react["default"].createElement("div", {
             className: cn('youtube')
           }, /*#__PURE__*/_react["default"].createElement("iframe", {
@@ -89,7 +92,8 @@ var VideoBlock = function VideoBlock(_ref) {
               muted: isMuted,
               controls: !isAutoplay,
               loop: true,
-              poster: poster
+              poster: poster,
+              playsInline: playsinline
             }, /*#__PURE__*/_react["default"].createElement("source", {
               src: videoSrc,
               type: "video/mp4"
@@ -102,7 +106,7 @@ var VideoBlock = function VideoBlock(_ref) {
           return null;
         }
     }
-  }, [videoType, videoSrc, isAutoplay, isMuted, poster]);
+  }, [videoType, videoSrc, isAutoplay, isMuted, poster, playsinline]);
 
   var renderContent = _react["default"].useCallback(function (_ref2) {
     var title = _ref2.title,
@@ -197,6 +201,7 @@ VideoBlock.propTypes = {
   isMuted: _propTypes["default"].bool,
   isAutoplay: _propTypes["default"].bool,
   poster: _propTypes["default"].string,
+  playsinline: _propTypes["default"].bool,
   contentPositionRight: _propTypes["default"].bool
 };
 var _default = VideoBlock;

package/dist/lib/index.d.ts

@@ -4,6 +4,7 @@ export { default as BenefitsIcons } from './components/BenefitsIcons/BenefitsIco
 export { default as BenefitsIconsTile } from './components/BenefitsIcons/BenefitsIconsTile';
 export { default as BenefitsPictures } from './components/BenefitsPictures/BenefitsPictures';
 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 Card } from './components/Card/Card';
@@ -12,6 +13,7 @@ export { default as CarouselBox } from './components/CarouselBox/CarouselBox';
 export { default as Container } from './components/Container/Container';
 export { default as DownloadLink } from './components/DownloadLinks/DownloadLink';
 export { default as DownloadLinks } from './components/DownloadLinks/DownloadLinks';
+export { default as FaqWrapper } from './components/FaqWrapper/FaqWrapper';
 export { default as Instructions } from './components/Instructions/Instructions';
 export { default as PageTitle } from './components/PageTitle/PageTitle';
 export { default as Partners } from './components/Partners/Partners';

package/dist/lib/index.js

@@ -39,6 +39,12 @@ Object.defineProperty(exports, "Breadcrumbs", {
     return _Breadcrumbs["default"];
   }
 });
+Object.defineProperty(exports, "BreadcrumbsItem", {
+  enumerable: true,
+  get: function get() {
+    return _BreadcrumbsItem["default"];
+  }
+});
 Object.defineProperty(exports, "ButtonBanner", {
   enumerable: true,
   get: function get() {
@@ -87,6 +93,12 @@ Object.defineProperty(exports, "DownloadLinks", {
     return _DownloadLinks["default"];
   }
 });
+Object.defineProperty(exports, "FaqWrapper", {
+  enumerable: true,
+  get: function get() {
+    return _FaqWrapper["default"];
+  }
+});
 Object.defineProperty(exports, "Instructions", {
   enumerable: true,
   get: function get() {
@@ -232,6 +244,8 @@ var _BenefitsPictures = _interopRequireDefault(require("./components/BenefitsPic
 
 var _Breadcrumbs = _interopRequireDefault(require("./components/Breadcrumbs/Breadcrumbs"));
 
+var _BreadcrumbsItem = _interopRequireDefault(require("./components/Breadcrumbs/components/BreadcrumbsItem"));
+
 var _ButtonBanner = _interopRequireDefault(require("./components/ButtonBanner/ButtonBanner"));
 
 var _ButtonLinkBox = _interopRequireDefault(require("./components/ButtonLinkBox/ButtonLinkBox"));
@@ -248,6 +262,8 @@ var _DownloadLink = _interopRequireDefault(require("./components/DownloadLinks/D
 
 var _DownloadLinks = _interopRequireDefault(require("./components/DownloadLinks/DownloadLinks"));
 
+var _FaqWrapper = _interopRequireDefault(require("./components/FaqWrapper/FaqWrapper"));
+
 var _Instructions = _interopRequireDefault(require("./components/Instructions/Instructions"));
 
 var _PageTitle = _interopRequireDefault(require("./components/PageTitle/PageTitle"));