@megafon/ui-shared 4.6.0 → 4.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/es/components/AccordionBox/AccordionBox.d.ts +2 -0
  3. package/dist/es/components/AccordionBox/AccordionBox.js +1 -0
  4. package/dist/es/components/AudioPlayer/AudioPlayer.d.ts +10 -0
  5. package/dist/es/components/AudioPlayer/AudioPlayer.js +116 -0
  6. package/dist/es/components/AudioPlayer/AudioProgress.d.ts +14 -0
  7. package/dist/es/components/AudioPlayer/AudioProgress.js +117 -0
  8. package/dist/es/components/AudioPlayer/AudioRange.d.ts +14 -0
  9. package/dist/es/components/AudioPlayer/AudioRange.js +31 -0
  10. package/dist/es/components/AudioPlayer/AudioVolume.d.ts +7 -0
  11. package/dist/es/components/AudioPlayer/AudioVolume.js +83 -0
  12. package/dist/es/components/AudioPlayer/style/AudioPlayer.css +58 -0
  13. package/dist/es/components/AudioPlayer/style/AudioProgress.css +35 -0
  14. package/dist/es/components/AudioPlayer/style/AudioRange.css +68 -0
  15. package/dist/es/components/AudioPlayer/style/AudioVolume.css +34 -0
  16. package/dist/es/components/AudioPlayer/timerFormatUtil.d.ts +2 -0
  17. package/dist/es/components/AudioPlayer/timerFormatUtil.js +33 -0
  18. package/dist/es/components/Breadcrumbs/Breadcrumbs.css +0 -6
  19. package/dist/es/components/Breadcrumbs/Breadcrumbs.d.ts +22 -12
  20. package/dist/es/components/Breadcrumbs/Breadcrumbs.js +43 -37
  21. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.css +16 -0
  22. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +29 -0
  23. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.js +82 -0
  24. package/dist/es/components/FaqWrapper/FaqWrapper.d.ts +3 -0
  25. package/dist/es/components/FaqWrapper/FaqWrapper.js +11 -0
  26. package/dist/es/components/PageTitle/PageTitle.d.ts +2 -0
  27. package/dist/es/components/PageTitle/PageTitle.js +4 -0
  28. package/dist/es/components/VideoBanner/VideoBanner.d.ts +2 -0
  29. package/dist/es/components/VideoBanner/VideoBanner.js +6 -2
  30. package/dist/es/index.d.ts +7 -0
  31. package/dist/es/index.js +7 -0
  32. package/dist/lib/components/AccordionBox/AccordionBox.d.ts +2 -0
  33. package/dist/lib/components/AccordionBox/AccordionBox.js +1 -0
  34. package/dist/lib/components/AudioPlayer/AudioPlayer.d.ts +10 -0
  35. package/dist/lib/components/AudioPlayer/AudioPlayer.js +133 -0
  36. package/dist/lib/components/AudioPlayer/AudioProgress.d.ts +14 -0
  37. package/dist/lib/components/AudioPlayer/AudioProgress.js +141 -0
  38. package/dist/lib/components/AudioPlayer/AudioRange.d.ts +14 -0
  39. package/dist/lib/components/AudioPlayer/AudioRange.js +42 -0
  40. package/dist/lib/components/AudioPlayer/AudioVolume.d.ts +7 -0
  41. package/dist/lib/components/AudioPlayer/AudioVolume.js +99 -0
  42. package/dist/lib/components/AudioPlayer/style/AudioPlayer.css +58 -0
  43. package/dist/lib/components/AudioPlayer/style/AudioProgress.css +35 -0
  44. package/dist/lib/components/AudioPlayer/style/AudioRange.css +68 -0
  45. package/dist/lib/components/AudioPlayer/style/AudioVolume.css +34 -0
  46. package/dist/lib/components/AudioPlayer/timerFormatUtil.d.ts +2 -0
  47. package/dist/lib/components/AudioPlayer/timerFormatUtil.js +42 -0
  48. package/dist/lib/components/Breadcrumbs/Breadcrumbs.css +0 -6
  49. package/dist/lib/components/Breadcrumbs/Breadcrumbs.d.ts +22 -12
  50. package/dist/lib/components/Breadcrumbs/Breadcrumbs.js +51 -41
  51. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.css +16 -0
  52. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +29 -0
  53. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.js +99 -0
  54. package/dist/lib/components/FaqWrapper/FaqWrapper.d.ts +3 -0
  55. package/dist/lib/components/FaqWrapper/FaqWrapper.js +21 -0
  56. package/dist/lib/components/PageTitle/PageTitle.d.ts +2 -0
  57. package/dist/lib/components/PageTitle/PageTitle.js +4 -0
  58. package/dist/lib/components/VideoBanner/VideoBanner.d.ts +2 -0
  59. package/dist/lib/components/VideoBanner/VideoBanner.js +6 -2
  60. package/dist/lib/index.d.ts +7 -0
  61. package/dist/lib/index.js +56 -0
  62. package/package.json +5 -5
@@ -1,9 +1,11 @@
1
1
  "use strict";
2
2
 
3
+ 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); }
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
- exports["default"] = exports.TextColor = void 0;
8
+ exports["default"] = void 0;
7
9
 
8
10
  require("core-js/modules/es.array.map");
9
11
 
@@ -15,28 +17,21 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
15
17
 
16
18
  var _react = _interopRequireDefault(require("react"));
17
19
 
18
- var _uiCore = require("@megafon/ui-core");
19
-
20
20
  var _uiHelpers = require("@megafon/ui-helpers");
21
21
 
22
22
  var _propTypes = _interopRequireDefault(require("prop-types"));
23
23
 
24
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
24
+ var _BreadcrumbsItem = _interopRequireWildcard(require("./components/BreadcrumbsItem"));
25
25
 
26
- var TextColor = {
27
- DEFAULT: 'default',
28
- BLACK: 'black',
29
- WHITE: 'white'
30
- };
31
- exports.TextColor = TextColor;
26
+ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
32
27
 
33
- function isObjectElement(item) {
34
- return !_react["default"].isValidElement(item);
35
- }
28
+ 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; }
36
29
 
37
- function isJSXElement(item) {
38
- return _react["default"].isValidElement(item);
39
- }
30
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
31
+
32
+ var isObjectElement = function isObjectElement(item) {
33
+ return !_react["default"].isValidElement(item);
34
+ };
40
35
 
41
36
  var cn = (0, _uiHelpers.cnCreate)('mfui-breadcrumbs');
42
37
 
@@ -47,50 +42,65 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
47
42
  className = _ref.className,
48
43
  _ref$classes = _ref.classes,
49
44
  classes = _ref$classes === void 0 ? {} : _ref$classes,
50
- dataAttrs = _ref.dataAttrs;
51
- return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
45
+ dataAttrs = _ref.dataAttrs,
46
+ _ref$hasMicrodata = _ref.hasMicrodata,
47
+ hasMicrodata = _ref$hasMicrodata === void 0 ? false : _ref$hasMicrodata;
48
+ return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
52
49
  className: cn({
53
50
  color: color
54
51
  }, className)
52
+ }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), hasMicrodata && {
53
+ itemScope: true,
54
+ itemType: 'https://schema.org/BreadcrumbList'
55
55
  }), items.map(function (item, i) {
56
- if (isJSXElement(item)) {
57
- return /*#__PURE__*/_react["default"].createElement("div", {
58
- className: cn('item', classes.item),
59
- key: i
60
- }, item);
61
- }
62
-
63
- if (isObjectElement(item)) {
64
- return /*#__PURE__*/_react["default"].createElement("div", {
65
- className: cn('item', classes.item),
66
- key: item.title
67
- }, /*#__PURE__*/_react["default"].createElement(_uiCore.TextLink, {
68
- href: item.href,
69
- color: color,
70
- dataAttrs: {
71
- 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
72
- }
73
- }, item.title));
74
- }
75
-
76
- return null;
56
+ return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
57
+ className: cn('item', classes.item)
58
+ }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, i + 1), {
59
+ key: i
60
+ }), isObjectElement(item) ? /*#__PURE__*/_react["default"].createElement(_BreadcrumbsItem["default"], {
61
+ title: item.title,
62
+ href: item.href,
63
+ color: color,
64
+ index: i,
65
+ isLastItem: i === items.length - 1,
66
+ hasMicrodata: hasMicrodata,
67
+ dataAttrs: {
68
+ root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemInner,
69
+ link: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link,
70
+ itemTitle: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle,
71
+ meta: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemMeta
72
+ },
73
+ classes: {
74
+ link: classes === null || classes === void 0 ? void 0 : classes.link,
75
+ itemTitle: classes === null || classes === void 0 ? void 0 : classes.itemTitle,
76
+ lastItemTitle: classes === null || classes === void 0 ? void 0 : classes.lastItemTitle
77
+ }
78
+ }) : item);
77
79
  }));
78
80
  };
79
81
 
80
82
  Breadcrumbs.propTypes = {
81
83
  dataAttrs: _propTypes["default"].shape({
82
84
  root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
85
+ item: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
86
+ itemInner: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
87
+ itemTitle: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
88
+ itemMeta: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
83
89
  link: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
84
90
  }),
85
91
  className: _propTypes["default"].string,
86
92
  classes: _propTypes["default"].shape({
87
- item: _propTypes["default"].string
93
+ item: _propTypes["default"].string,
94
+ itemTitle: _propTypes["default"].string,
95
+ lastItemTitle: _propTypes["default"].string,
96
+ link: _propTypes["default"].string
88
97
  }),
89
98
  items: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].element.isRequired), _propTypes["default"].arrayOf(_propTypes["default"].shape({
90
99
  title: _propTypes["default"].string,
91
100
  href: _propTypes["default"].string
92
101
  }).isRequired)]).isRequired,
93
- color: _propTypes["default"].oneOf(Object.values(TextColor))
102
+ color: _propTypes["default"].oneOf(Object.values(_BreadcrumbsItem.TextColor)),
103
+ hasMicrodata: _propTypes["default"].bool
94
104
  };
95
105
  var _default = Breadcrumbs;
96
106
  exports["default"] = _default;
@@ -0,0 +1,16 @@
1
+ h1,
2
+ h2,
3
+ h3,
4
+ h4,
5
+ h5 {
6
+ margin: 0;
7
+ }
8
+ .mfui-breadcrumbs-item_color_default {
9
+ color: var(--content);
10
+ }
11
+ .mfui-breadcrumbs-item_color_black {
12
+ color: var(--stcBlack);
13
+ }
14
+ .mfui-breadcrumbs-item_color_white {
15
+ color: var(--stcWhite);
16
+ }
@@ -0,0 +1,29 @@
1
+ import React from 'react';
2
+ import './BreadcrumbsItem.less';
3
+ export declare const TextColor: {
4
+ readonly DEFAULT: "default";
5
+ readonly BLACK: "black";
6
+ readonly WHITE: "white";
7
+ };
8
+ declare type TextColorType = typeof TextColor[keyof typeof TextColor];
9
+ export declare type Props = {
10
+ title?: string;
11
+ href?: string;
12
+ color?: TextColorType;
13
+ index?: number;
14
+ isLastItem?: boolean;
15
+ hasMicrodata?: boolean;
16
+ classes?: {
17
+ link?: string;
18
+ itemTitle?: string;
19
+ lastItemTitle?: string;
20
+ };
21
+ dataAttrs?: {
22
+ root?: Record<string, string>;
23
+ link?: Record<string, string>;
24
+ itemTitle?: Record<string, string>;
25
+ meta?: Record<string, string>;
26
+ };
27
+ };
28
+ declare const BreadcrumbsItem: React.FC<Props>;
29
+ export default BreadcrumbsItem;
@@ -0,0 +1,99 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = exports.TextColor = void 0;
7
+
8
+ require("core-js/modules/es.object.values");
9
+
10
+ require("core-js/modules/es.string.link");
11
+
12
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
+
14
+ var _react = _interopRequireDefault(require("react"));
15
+
16
+ var _uiCore = require("@megafon/ui-core");
17
+
18
+ var _uiHelpers = require("@megafon/ui-helpers");
19
+
20
+ var _propTypes = _interopRequireDefault(require("prop-types"));
21
+
22
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
+
24
+ var TextColor = {
25
+ DEFAULT: 'default',
26
+ BLACK: 'black',
27
+ WHITE: 'white'
28
+ };
29
+ exports.TextColor = TextColor;
30
+ var cn = (0, _uiHelpers.cnCreate)('mfui-breadcrumbs-item');
31
+
32
+ var BreadcrumbsItem = function BreadcrumbsItem(_ref) {
33
+ var title = _ref.title,
34
+ href = _ref.href,
35
+ color = _ref.color,
36
+ _ref$index = _ref.index,
37
+ index = _ref$index === void 0 ? 0 : _ref$index,
38
+ _ref$isLastItem = _ref.isLastItem,
39
+ isLastItem = _ref$isLastItem === void 0 ? false : _ref$isLastItem,
40
+ _ref$hasMicrodata = _ref.hasMicrodata,
41
+ hasMicrodata = _ref$hasMicrodata === void 0 ? false : _ref$hasMicrodata,
42
+ classes = _ref.classes,
43
+ dataAttrs = _ref.dataAttrs;
44
+
45
+ if (isLastItem) {
46
+ return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
47
+ className: cn({
48
+ color: color
49
+ })
50
+ }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1)), /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({
51
+ className: classes === null || classes === void 0 ? void 0 : classes.lastItemTitle
52
+ }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1)), title));
53
+ }
54
+
55
+ return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
56
+ className: cn()
57
+ }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1), hasMicrodata && {
58
+ itemScope: true,
59
+ itemProp: 'itemListElement',
60
+ itemType: 'https://schema.org/ListItem'
61
+ }), /*#__PURE__*/_react["default"].createElement(_uiCore.TextLink, {
62
+ className: classes === null || classes === void 0 ? void 0 : classes.link,
63
+ href: href,
64
+ color: color,
65
+ dataAttrs: {
66
+ 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
67
+ },
68
+ itemProp: hasMicrodata ? 'item' : undefined
69
+ }, /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({
70
+ className: classes === null || classes === void 0 ? void 0 : classes.itemTitle
71
+ }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1), hasMicrodata && {
72
+ itemProp: 'name'
73
+ }), title)), hasMicrodata && /*#__PURE__*/_react["default"].createElement("meta", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.meta, index + 1), {
74
+ itemProp: "position",
75
+ content: String(index + 1)
76
+ })));
77
+ };
78
+
79
+ BreadcrumbsItem.propTypes = {
80
+ title: _propTypes["default"].string,
81
+ href: _propTypes["default"].string,
82
+ color: _propTypes["default"].oneOf(Object.values(TextColor)),
83
+ index: _propTypes["default"].number,
84
+ isLastItem: _propTypes["default"].bool,
85
+ hasMicrodata: _propTypes["default"].bool,
86
+ classes: _propTypes["default"].shape({
87
+ link: _propTypes["default"].string,
88
+ itemTitle: _propTypes["default"].string,
89
+ lastItemTitle: _propTypes["default"].string
90
+ }),
91
+ dataAttrs: _propTypes["default"].shape({
92
+ root: _propTypes["default"].objectOf(_propTypes["default"].string),
93
+ link: _propTypes["default"].objectOf(_propTypes["default"].string),
94
+ itemTitle: _propTypes["default"].objectOf(_propTypes["default"].string),
95
+ meta: _propTypes["default"].objectOf(_propTypes["default"].string)
96
+ })
97
+ };
98
+ var _default = BreadcrumbsItem;
99
+ exports["default"] = _default;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const FaqWrapper: React.FC;
3
+ export default FaqWrapper;
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+
12
+ var FaqWrapper = function FaqWrapper(_ref) {
13
+ var children = _ref.children;
14
+ return /*#__PURE__*/_react["default"].createElement("div", {
15
+ itemScope: true,
16
+ itemType: "http://schema.org/FAQPage"
17
+ }, children);
18
+ };
19
+
20
+ var _default = FaqWrapper;
21
+ exports["default"] = _default;
@@ -16,6 +16,8 @@ declare type Props = {
16
16
  badge?: string;
17
17
  /** Растягивание компонента на всю доступную ширину */
18
18
  isFullWidth?: boolean;
19
+ /** Включить микроразметку для хлебных крошек */
20
+ hasBreadcrumbsMicrodata?: boolean;
19
21
  /** Класс для корневого элемента */
20
22
  className?: string;
21
23
  /** Дополнительные классы для внутренних элементов */
@@ -34,6 +34,8 @@ var PageTitle = function PageTitle(_ref) {
34
34
  badge = _ref.badge,
35
35
  _ref$isFullWidth = _ref.isFullWidth,
36
36
  isFullWidth = _ref$isFullWidth === void 0 ? true : _ref$isFullWidth,
37
+ _ref$hasBreadcrumbsMi = _ref.hasBreadcrumbsMicrodata,
38
+ hasBreadcrumbsMicrodata = _ref$hasBreadcrumbsMi === void 0 ? false : _ref$hasBreadcrumbsMi,
37
39
  className = _ref.className,
38
40
  _ref$classes = _ref.classes,
39
41
  classes = _ref$classes === void 0 ? {} : _ref$classes,
@@ -63,6 +65,7 @@ var PageTitle = function PageTitle(_ref) {
63
65
  className: cn([className]),
64
66
  ref: rootRef
65
67
  }), (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) && /*#__PURE__*/React.createElement(_Breadcrumbs["default"], {
68
+ hasMicrodata: hasBreadcrumbsMicrodata,
66
69
  items: breadcrumbs,
67
70
  dataAttrs: {
68
71
  root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.breadcrumbs,
@@ -85,6 +88,7 @@ PageTitle.propTypes = {
85
88
  }).isRequired),
86
89
  badge: _propTypes["default"].string,
87
90
  isFullWidth: _propTypes["default"].bool,
91
+ hasBreadcrumbsMicrodata: _propTypes["default"].bool,
88
92
  className: _propTypes["default"].string,
89
93
  classes: _propTypes["default"].shape({
90
94
  breadcrumbs: _propTypes["default"].string
@@ -96,6 +96,8 @@ interface IVideoBannerProps {
96
96
  imageDesktopWide?: string;
97
97
  /** Хлебные крошки */
98
98
  breadcrumbs?: BreadCrumbsItemsType;
99
+ /** Включить микроразметку хлебных крошек */
100
+ hasBreadcrumbsMicrodata?: boolean;
99
101
  }
100
102
  declare const VideoBanner: React.FC<IVideoBannerProps>;
101
103
  export default VideoBanner;
@@ -97,7 +97,9 @@ var VideoBanner = function VideoBanner(_ref2) {
97
97
  isMuted = _ref2$isMuted === void 0 ? true : _ref2$isMuted,
98
98
  breadcrumbs = _ref2.breadcrumbs,
99
99
  _ref2$videoMobile = _ref2.videoMobile,
100
- videoMobile = _ref2$videoMobile === void 0 ? false : _ref2$videoMobile;
100
+ videoMobile = _ref2$videoMobile === void 0 ? false : _ref2$videoMobile,
101
+ _ref2$hasBreadcrumbsM = _ref2.hasBreadcrumbsMicrodata,
102
+ hasBreadcrumbsMicrodata = _ref2$hasBreadcrumbsM === void 0 ? false : _ref2$hasBreadcrumbsM;
101
103
 
102
104
  var _React$useState = _react["default"].useState(true),
103
105
  _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
@@ -243,6 +245,7 @@ var VideoBanner = function VideoBanner(_ref2) {
243
245
  }), /*#__PURE__*/_react["default"].createElement(_uiCore.ContentArea, null, /*#__PURE__*/_react["default"].createElement("div", {
244
246
  className: cn('wrapper')
245
247
  }, !!(breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) && /*#__PURE__*/_react["default"].createElement(_Breadcrumbs["default"], {
248
+ hasMicrodata: hasBreadcrumbsMicrodata,
246
249
  dataAttrs: {
247
250
  root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.breadcrumbs,
248
251
  link: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.breadcrumbsLink
@@ -314,7 +317,8 @@ VideoBanner.propTypes = {
314
317
  breadcrumbs: PropTypes.arrayOf(PropTypes.shape({
315
318
  title: PropTypes.string.isRequired,
316
319
  href: PropTypes.string
317
- }).isRequired)
320
+ }).isRequired),
321
+ hasBreadcrumbsMicrodata: PropTypes.bool
318
322
  };
319
323
  var _default = VideoBanner;
320
324
  exports["default"] = _default;
@@ -1,9 +1,14 @@
1
1
  export { default as AccordionBox } from './components/AccordionBox/AccordionBox';
2
+ export { default as AudioPlayer } from './components/AudioPlayer/AudioPlayer';
3
+ export { default as AudioProgress } from './components/AudioPlayer/AudioProgress';
4
+ export { default as AudioRange } from './components/AudioPlayer/AudioRange';
5
+ export { default as AudioVolume } from './components/AudioPlayer/AudioVolume';
2
6
  export { default as BannerBox } from './components/BannerBox/BannerBox';
3
7
  export { default as BenefitsIcons } from './components/BenefitsIcons/BenefitsIcons';
4
8
  export { default as BenefitsIconsTile } from './components/BenefitsIcons/BenefitsIconsTile';
5
9
  export { default as BenefitsPictures } from './components/BenefitsPictures/BenefitsPictures';
6
10
  export { default as Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs';
11
+ export { default as BreadcrumbsItem } from './components/Breadcrumbs/components/BreadcrumbsItem';
7
12
  export { default as ButtonBanner } from './components/ButtonBanner/ButtonBanner';
8
13
  export { default as ButtonLinkBox } from './components/ButtonLinkBox/ButtonLinkBox';
9
14
  export { default as Card } from './components/Card/Card';
@@ -12,6 +17,7 @@ export { default as CarouselBox } from './components/CarouselBox/CarouselBox';
12
17
  export { default as Container } from './components/Container/Container';
13
18
  export { default as DownloadLink } from './components/DownloadLinks/DownloadLink';
14
19
  export { default as DownloadLinks } from './components/DownloadLinks/DownloadLinks';
20
+ export { default as FaqWrapper } from './components/FaqWrapper/FaqWrapper';
15
21
  export { default as Instructions } from './components/Instructions/Instructions';
16
22
  export { default as PageTitle } from './components/PageTitle/PageTitle';
17
23
  export { default as Partners } from './components/Partners/Partners';
@@ -31,6 +37,7 @@ export { default as TextBox } from './components/TextBox/TextBox';
31
37
  export { default as TextBoxPicture } from './components/TextBox/TextBoxPicture';
32
38
  export { default as TextWithIcon } from './components/TextWithIcon/TextWithIcon';
33
39
  export { default as TextWithIconItem } from './components/TextWithIcon/TextWithIconItem';
40
+ export { default as timerFormatUtil } from './components/AudioPlayer/timerFormatUtil';
34
41
  export { default as TitleDescriptionBox } from './components/TitleDescriptionBox/TitleDescriptionBox';
35
42
  export { default as VideoBanner } from './components/VideoBanner/VideoBanner';
36
43
  export { default as VideoBlock } from './components/VideoBlock/VideoBlock';
package/dist/lib/index.js CHANGED
@@ -9,6 +9,30 @@ Object.defineProperty(exports, "AccordionBox", {
9
9
  return _AccordionBox["default"];
10
10
  }
11
11
  });
12
+ Object.defineProperty(exports, "AudioPlayer", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _AudioPlayer["default"];
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "AudioProgress", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _AudioProgress["default"];
22
+ }
23
+ });
24
+ Object.defineProperty(exports, "AudioRange", {
25
+ enumerable: true,
26
+ get: function get() {
27
+ return _AudioRange["default"];
28
+ }
29
+ });
30
+ Object.defineProperty(exports, "AudioVolume", {
31
+ enumerable: true,
32
+ get: function get() {
33
+ return _AudioVolume["default"];
34
+ }
35
+ });
12
36
  Object.defineProperty(exports, "BannerBox", {
13
37
  enumerable: true,
14
38
  get: function get() {
@@ -39,6 +63,12 @@ Object.defineProperty(exports, "Breadcrumbs", {
39
63
  return _Breadcrumbs["default"];
40
64
  }
41
65
  });
66
+ Object.defineProperty(exports, "BreadcrumbsItem", {
67
+ enumerable: true,
68
+ get: function get() {
69
+ return _BreadcrumbsItem["default"];
70
+ }
71
+ });
42
72
  Object.defineProperty(exports, "ButtonBanner", {
43
73
  enumerable: true,
44
74
  get: function get() {
@@ -87,6 +117,12 @@ Object.defineProperty(exports, "DownloadLinks", {
87
117
  return _DownloadLinks["default"];
88
118
  }
89
119
  });
120
+ Object.defineProperty(exports, "FaqWrapper", {
121
+ enumerable: true,
122
+ get: function get() {
123
+ return _FaqWrapper["default"];
124
+ }
125
+ });
90
126
  Object.defineProperty(exports, "Instructions", {
91
127
  enumerable: true,
92
128
  get: function get() {
@@ -201,6 +237,12 @@ Object.defineProperty(exports, "TextWithIconItem", {
201
237
  return _TextWithIconItem["default"];
202
238
  }
203
239
  });
240
+ Object.defineProperty(exports, "timerFormatUtil", {
241
+ enumerable: true,
242
+ get: function get() {
243
+ return _timerFormatUtil["default"];
244
+ }
245
+ });
204
246
  Object.defineProperty(exports, "TitleDescriptionBox", {
205
247
  enumerable: true,
206
248
  get: function get() {
@@ -222,6 +264,14 @@ Object.defineProperty(exports, "VideoBlock", {
222
264
 
223
265
  var _AccordionBox = _interopRequireDefault(require("./components/AccordionBox/AccordionBox"));
224
266
 
267
+ var _AudioPlayer = _interopRequireDefault(require("./components/AudioPlayer/AudioPlayer"));
268
+
269
+ var _AudioProgress = _interopRequireDefault(require("./components/AudioPlayer/AudioProgress"));
270
+
271
+ var _AudioRange = _interopRequireDefault(require("./components/AudioPlayer/AudioRange"));
272
+
273
+ var _AudioVolume = _interopRequireDefault(require("./components/AudioPlayer/AudioVolume"));
274
+
225
275
  var _BannerBox = _interopRequireDefault(require("./components/BannerBox/BannerBox"));
226
276
 
227
277
  var _BenefitsIcons = _interopRequireDefault(require("./components/BenefitsIcons/BenefitsIcons"));
@@ -232,6 +282,8 @@ var _BenefitsPictures = _interopRequireDefault(require("./components/BenefitsPic
232
282
 
233
283
  var _Breadcrumbs = _interopRequireDefault(require("./components/Breadcrumbs/Breadcrumbs"));
234
284
 
285
+ var _BreadcrumbsItem = _interopRequireDefault(require("./components/Breadcrumbs/components/BreadcrumbsItem"));
286
+
235
287
  var _ButtonBanner = _interopRequireDefault(require("./components/ButtonBanner/ButtonBanner"));
236
288
 
237
289
  var _ButtonLinkBox = _interopRequireDefault(require("./components/ButtonLinkBox/ButtonLinkBox"));
@@ -248,6 +300,8 @@ var _DownloadLink = _interopRequireDefault(require("./components/DownloadLinks/D
248
300
 
249
301
  var _DownloadLinks = _interopRequireDefault(require("./components/DownloadLinks/DownloadLinks"));
250
302
 
303
+ var _FaqWrapper = _interopRequireDefault(require("./components/FaqWrapper/FaqWrapper"));
304
+
251
305
  var _Instructions = _interopRequireDefault(require("./components/Instructions/Instructions"));
252
306
 
253
307
  var _PageTitle = _interopRequireDefault(require("./components/PageTitle/PageTitle"));
@@ -286,6 +340,8 @@ var _TextWithIcon = _interopRequireDefault(require("./components/TextWithIcon/Te
286
340
 
287
341
  var _TextWithIconItem = _interopRequireDefault(require("./components/TextWithIcon/TextWithIconItem"));
288
342
 
343
+ var _timerFormatUtil = _interopRequireDefault(require("./components/AudioPlayer/timerFormatUtil"));
344
+
289
345
  var _TitleDescriptionBox = _interopRequireDefault(require("./components/TitleDescriptionBox/TitleDescriptionBox"));
290
346
 
291
347
  var _VideoBanner = _interopRequireDefault(require("./components/VideoBanner/VideoBanner"));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@megafon/ui-shared",
3
- "version": "4.6.0",
3
+ "version": "4.8.0",
4
4
  "files": [
5
5
  "dist"
6
6
  ],
@@ -52,7 +52,7 @@
52
52
  "@babel/preset-env": "^7.8.6",
53
53
  "@babel/preset-react": "^7.8.3",
54
54
  "@babel/preset-typescript": "^7.8.3",
55
- "@megafon/ui-icons": "^2.4.0",
55
+ "@megafon/ui-icons": "^2.4.1",
56
56
  "@svgr/core": "^2.4.1",
57
57
  "@testing-library/jest-dom": "5.16.2",
58
58
  "@testing-library/react": "12.1.2",
@@ -85,13 +85,13 @@
85
85
  },
86
86
  "dependencies": {
87
87
  "@babel/runtime": "^7.8.4",
88
- "@megafon/ui-core": "^4.9.1",
89
- "@megafon/ui-helpers": "^2.3.0",
88
+ "@megafon/ui-core": "^4.10.1",
89
+ "@megafon/ui-helpers": "^2.3.1",
90
90
  "core-js": "^3.6.4",
91
91
  "htmr": "^0.9.2",
92
92
  "lodash.throttle": "^4.1.1",
93
93
  "prop-types": "^15.7.2",
94
94
  "swiper": "^6.5.6"
95
95
  },
96
- "gitHead": "079e229d423944ab3643730e461d4d5b4342cff0"
96
+ "gitHead": "5ac03e3777f38f19028fd0a8bb71e1901e9f0df9"
97
97
  }