@megafon/ui-shared 4.5.3 → 4.7.0

package/CHANGELOG.md

@@ -3,6 +3,35 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.7.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.6.0...@megafon/ui-shared@4.7.0) (2022-12-12)
+
+
+### Features
+
+* **accordionbox:** add isMicrodata prop ([07cce83](https://github.com/MegafonWebLab/megafon-ui/commit/07cce8335c062687c4d1dc33b3569c89d6388181))
+* **breadcrumbs:** add optional microdata attributes ([e1a30e8](https://github.com/MegafonWebLab/megafon-ui/commit/e1a30e8b3bd20479b7fc8c15cf86fc0fb9431571))
+* **faqwrapper:** add new component FaqWrapper ([694e564](https://github.com/MegafonWebLab/megafon-ui/commit/694e56421bbae73566f0b18812f6206b3a065030))
+* **pagetitle:** add hasBreadcrumbsMicrodata prop ([30c3ca5](https://github.com/MegafonWebLab/megafon-ui/commit/30c3ca51f7c9b0ef6095ca649e557e74dffa0875))
+* **videobanner:** add hasBreadcrumbsMicrodata prop ([819996d](https://github.com/MegafonWebLab/megafon-ui/commit/819996d5600e2c32c22da9d9dfa30c64c4062f63))
+
+
+
+
+
+# [4.6.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.5.3...@megafon/ui-shared@4.6.0) (2022-12-06)
+
+
+### Features
+
+* **textwithicon:** fix playground ([44c4b6a](https://github.com/MegafonWebLab/megafon-ui/commit/44c4b6ad323a88f48d3b79191e3be4c44fa2ac14))
+* **textwithiconitem:** add example and fix text ([3db8692](https://github.com/MegafonWebLab/megafon-ui/commit/3db869242615caacf1101e4fcff1877ee43c9c95))
+* **textwithiconitem:** add render html and classes ([74e21bc](https://github.com/MegafonWebLab/megafon-ui/commit/74e21bcb78e3f4764ceb58d8fa102b6b000c5ae2))
+* **videoblock:** add playsinline prop ([c383928](https://github.com/MegafonWebLab/megafon-ui/commit/c383928473596bb962e68a15125fa9574bce4a64))
+
+
+
+
+
 ## [4.5.3](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.5.2...@megafon/ui-shared@4.5.3) (2022-11-29)
 
 

package/dist/es/components/AccordionBox/AccordionBox.d.ts

@@ -21,6 +21,8 @@ export interface IAccordionBox {
     title: string;
     /** Состояние аккордеона, заданное извне */
     isOpened?: boolean;
+    /** Включить микроразметку */
+    hasMicrodata?: boolean;
     /** Отключить ограничение ширины */
     isFullWidth?: boolean;
     /** Центрирование по горизонтали для расширения 1280+ */

package/dist/es/components/AccordionBox/AccordionBox.js

@@ -56,6 +56,7 @@ AccordionBox.propTypes = {
   title: PropTypes.string.isRequired,
   isFullWidth: PropTypes.bool,
   isOpened: PropTypes.bool,
+  hasMicrodata: PropTypes.bool,
   hCenterAlignWide: PropTypes.bool,
   className: PropTypes.string,
   classes: PropTypes.shape({

package/dist/es/components/Breadcrumbs/Breadcrumbs.css

@@ -21,12 +21,6 @@ h5 {
 .mfui-breadcrumbs_color_white .mfui-breadcrumbs__item:before {
   color: var(--stcWhite);
 }
-.mfui-breadcrumbs__icon {
-  position: relative;
-  width: 14px;
-  height: 3px;
-  margin-right: 10px;
-}
 .mfui-breadcrumbs__item {
   position: relative;
   margin-right: 10px;

package/dist/es/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/es/components/Breadcrumbs/Breadcrumbs.js

@@ -3,23 +3,14 @@ import "core-js/modules/es.object.values";
 import "core-js/modules/es.string.link";
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { TextLink } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import PropTypes from 'prop-types';
+import BreadcrumbsItem, { TextColor } from "./components/BreadcrumbsItem";
 import "./Breadcrumbs.css";
-export var TextColor = {
-  DEFAULT: 'default',
-  BLACK: 'black',
-  WHITE: 'white'
-};
 
-function isObjectElement(item) {
+var isObjectElement = function isObjectElement(item) {
   return !React.isValidElement(item);
-}
-
-function isJSXElement(item) {
-  return React.isValidElement(item);
-}
+};
 
 var cn = cnCreate('mfui-breadcrumbs');
 
@@ -30,49 +21,64 @@ 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.createElement("div", _extends({}, 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.createElement("div", _extends({
     className: cn({
       color: color
     }, className)
+  }, 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.createElement("div", {
-        className: cn('item', classes.item),
-        key: i
-      }, item);
-    }
-
-    if (isObjectElement(item)) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: cn('item', classes.item),
-        key: item.title
-      }, /*#__PURE__*/React.createElement(TextLink, {
-        href: item.href,
-        color: color,
-        dataAttrs: {
-          root: (dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link) ? _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link, i + 1)) : undefined
-        }
-      }, item.title));
-    }
-
-    return null;
+    return /*#__PURE__*/React.createElement("div", _extends({
+      className: cn('item', classes.item)
+    }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, i + 1), {
+      key: i
+    }), isObjectElement(item) ? /*#__PURE__*/React.createElement(BreadcrumbsItem, {
+      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.shape({
     root: PropTypes.objectOf(PropTypes.string.isRequired),
+    item: PropTypes.objectOf(PropTypes.string.isRequired),
+    itemInner: PropTypes.objectOf(PropTypes.string.isRequired),
+    itemTitle: PropTypes.objectOf(PropTypes.string.isRequired),
+    itemMeta: PropTypes.objectOf(PropTypes.string.isRequired),
     link: PropTypes.objectOf(PropTypes.string.isRequired)
   }),
   className: PropTypes.string,
   classes: PropTypes.shape({
-    item: PropTypes.string
+    item: PropTypes.string,
+    itemTitle: PropTypes.string,
+    lastItemTitle: PropTypes.string,
+    link: PropTypes.string
   }),
   items: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element.isRequired), PropTypes.arrayOf(PropTypes.shape({
     title: PropTypes.string,
     href: PropTypes.string
   }).isRequired)]).isRequired,
-  color: PropTypes.oneOf(Object.values(TextColor))
+  color: PropTypes.oneOf(Object.values(TextColor)),
+  hasMicrodata: PropTypes.bool
 };
 export default Breadcrumbs;

package/dist/es/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/es/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/es/components/Breadcrumbs/components/BreadcrumbsItem.js

@@ -0,0 +1,82 @@
+import "core-js/modules/es.object.values";
+import "core-js/modules/es.string.link";
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { TextLink } from '@megafon/ui-core';
+import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
+import PropTypes from 'prop-types';
+import "./BreadcrumbsItem.css";
+export var TextColor = {
+  DEFAULT: 'default',
+  BLACK: 'black',
+  WHITE: 'white'
+};
+var cn = 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.createElement("div", _extends({
+      className: cn({
+        color: color
+      })
+    }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1)), /*#__PURE__*/React.createElement("span", _extends({
+      className: classes === null || classes === void 0 ? void 0 : classes.lastItemTitle
+    }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1)), title));
+  }
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: cn()
+  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1), hasMicrodata && {
+    itemScope: true,
+    itemProp: 'itemListElement',
+    itemType: 'https://schema.org/ListItem'
+  }), /*#__PURE__*/React.createElement(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) ? _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link, index + 1)) : undefined
+    },
+    itemProp: hasMicrodata ? 'item' : undefined
+  }, /*#__PURE__*/React.createElement("span", _extends({
+    className: classes === null || classes === void 0 ? void 0 : classes.itemTitle
+  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1), hasMicrodata && {
+    itemProp: 'name'
+  }), title)), hasMicrodata && /*#__PURE__*/React.createElement("meta", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.meta, index + 1), {
+    itemProp: "position",
+    content: String(index + 1)
+  })));
+};
+
+BreadcrumbsItem.propTypes = {
+  title: PropTypes.string,
+  href: PropTypes.string,
+  color: PropTypes.oneOf(Object.values(TextColor)),
+  index: PropTypes.number,
+  isLastItem: PropTypes.bool,
+  hasMicrodata: PropTypes.bool,
+  classes: PropTypes.shape({
+    link: PropTypes.string,
+    itemTitle: PropTypes.string,
+    lastItemTitle: PropTypes.string
+  }),
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string),
+    link: PropTypes.objectOf(PropTypes.string),
+    itemTitle: PropTypes.objectOf(PropTypes.string),
+    meta: PropTypes.objectOf(PropTypes.string)
+  })
+};
+export default BreadcrumbsItem;

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

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

package/dist/es/components/FaqWrapper/FaqWrapper.js

@@ -0,0 +1,11 @@
+import React from 'react';
+
+var FaqWrapper = function FaqWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    itemScope: true,
+    itemType: "http://schema.org/FAQPage"
+  }, children);
+};
+
+export default FaqWrapper;

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

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

package/dist/es/components/PageTitle/PageTitle.js

@@ -14,6 +14,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,
@@ -43,6 +45,7 @@ var PageTitle = function PageTitle(_ref) {
     className: cn([className]),
     ref: rootRef
   }), (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) && /*#__PURE__*/React.createElement(Breadcrumbs, {
+    hasMicrodata: hasBreadcrumbsMicrodata,
     items: breadcrumbs,
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.breadcrumbs,
@@ -65,6 +68,7 @@ PageTitle.propTypes = {
   }).isRequired),
   badge: PropTypes.string,
   isFullWidth: PropTypes.bool,
+  hasBreadcrumbsMicrodata: PropTypes.bool,
   className: PropTypes.string,
   classes: PropTypes.shape({
     breadcrumbs: PropTypes.string

package/dist/es/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/es/components/TextWithIcon/TextWithIconItem.js

@@ -1,28 +1,41 @@
+import "core-js/modules/es.array.is-array";
+import "core-js/modules/es.array.map";
 import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
+import { cnCreate, convert, filterDataAttrs, textConvertConfig } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';
 import "./TextWithIconItem.css";
 var cn = 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 convert(item, textConvertConfig);
+      });
+    }
+
+    return convert(text, textConvertConfig);
+  }, [text]);
   return /*#__PURE__*/React.createElement("div", _extends({
     className: cn({
       'centering-on-mobile': centeringOnMobile
     }, [className]),
     ref: rootRef
   }, 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/es/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/es/components/VideoBanner/VideoBanner.js

@@ -65,7 +65,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.useState(true),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -207,6 +209,7 @@ var VideoBanner = function VideoBanner(_ref2) {
   }), /*#__PURE__*/React.createElement(ContentArea, null, /*#__PURE__*/React.createElement("div", {
     className: cn('wrapper')
   }, !!(breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) && /*#__PURE__*/React.createElement(Breadcrumbs, {
+    hasMicrodata: hasBreadcrumbsMicrodata,
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.breadcrumbs,
       link: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.breadcrumbsLink
@@ -278,6 +281,7 @@ VideoBanner.propTypes = {
   breadcrumbs: PropTypes.arrayOf(PropTypes.shape({
     title: PropTypes.string.isRequired,
     href: PropTypes.string
-  }).isRequired)
+  }).isRequired),
+  hasBreadcrumbsMicrodata: PropTypes.bool
 };
 export default VideoBanner;

package/dist/es/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/es/components/VideoBlock/VideoBlock.js

@@ -30,7 +30,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.useCallback(function () {
     switch (videoType) {
       case VideoTypes.YOUTUBE:
@@ -44,7 +46,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.createElement("div", {
             className: cn('youtube')
           }, /*#__PURE__*/React.createElement("iframe", {
@@ -70,7 +73,8 @@ var VideoBlock = function VideoBlock(_ref) {
               muted: isMuted,
               controls: !isAutoplay,
               loop: true,
-              poster: poster
+              poster: poster,
+              playsInline: playsinline
             }, /*#__PURE__*/React.createElement("source", {
               src: videoSrc,
               type: "video/mp4"
@@ -83,7 +87,7 @@ var VideoBlock = function VideoBlock(_ref) {
           return null;
         }
     }
-  }, [videoType, videoSrc, isAutoplay, isMuted, poster]);
+  }, [videoType, videoSrc, isAutoplay, isMuted, poster, playsinline]);
   var renderContent = React.useCallback(function (_ref2) {
     var title = _ref2.title,
         description = _ref2.description,
@@ -175,6 +179,7 @@ VideoBlock.propTypes = {
   isMuted: PropTypes.bool,
   isAutoplay: PropTypes.bool,
   poster: PropTypes.string,
+  playsinline: PropTypes.bool,
   contentPositionRight: PropTypes.bool
 };
 export default VideoBlock;

package/dist/es/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/es/index.js

@@ -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/components/AccordionBox/AccordionBox.d.ts

@@ -21,6 +21,8 @@ export interface IAccordionBox {
     title: string;
     /** Состояние аккордеона, заданное извне */
     isOpened?: boolean;
+    /** Включить микроразметку */
+    hasMicrodata?: boolean;
     /** Отключить ограничение ширины */
     isFullWidth?: boolean;
     /** Центрирование по горизонтали для расширения 1280+ */

package/dist/lib/components/AccordionBox/AccordionBox.js

@@ -74,6 +74,7 @@ AccordionBox.propTypes = {
   title: PropTypes.string.isRequired,
   isFullWidth: PropTypes.bool,
   isOpened: PropTypes.bool,
+  hasMicrodata: PropTypes.bool,
   hCenterAlignWide: PropTypes.bool,
   className: PropTypes.string,
   classes: PropTypes.shape({

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

@@ -21,12 +21,6 @@ h5 {
 .mfui-breadcrumbs_color_white .mfui-breadcrumbs__item:before {
   color: var(--stcWhite);
 }
-.mfui-breadcrumbs__icon {
-  position: relative;
-  width: 14px;
-  height: 3px;
-  margin-right: 10px;
-}
 .mfui-breadcrumbs__item {
   position: relative;
   margin-right: 10px;