@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.
- package/CHANGELOG.md +26 -0
- package/dist/es/components/AccordionBox/AccordionBox.d.ts +2 -0
- package/dist/es/components/AccordionBox/AccordionBox.js +1 -0
- package/dist/es/components/AudioPlayer/AudioPlayer.d.ts +10 -0
- package/dist/es/components/AudioPlayer/AudioPlayer.js +116 -0
- package/dist/es/components/AudioPlayer/AudioProgress.d.ts +14 -0
- package/dist/es/components/AudioPlayer/AudioProgress.js +117 -0
- package/dist/es/components/AudioPlayer/AudioRange.d.ts +14 -0
- package/dist/es/components/AudioPlayer/AudioRange.js +31 -0
- package/dist/es/components/AudioPlayer/AudioVolume.d.ts +7 -0
- package/dist/es/components/AudioPlayer/AudioVolume.js +83 -0
- package/dist/es/components/AudioPlayer/style/AudioPlayer.css +58 -0
- package/dist/es/components/AudioPlayer/style/AudioProgress.css +35 -0
- package/dist/es/components/AudioPlayer/style/AudioRange.css +68 -0
- package/dist/es/components/AudioPlayer/style/AudioVolume.css +34 -0
- package/dist/es/components/AudioPlayer/timerFormatUtil.d.ts +2 -0
- package/dist/es/components/AudioPlayer/timerFormatUtil.js +33 -0
- package/dist/es/components/Breadcrumbs/Breadcrumbs.css +0 -6
- package/dist/es/components/Breadcrumbs/Breadcrumbs.d.ts +22 -12
- package/dist/es/components/Breadcrumbs/Breadcrumbs.js +43 -37
- package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.css +16 -0
- package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +29 -0
- package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.js +82 -0
- package/dist/es/components/FaqWrapper/FaqWrapper.d.ts +3 -0
- package/dist/es/components/FaqWrapper/FaqWrapper.js +11 -0
- package/dist/es/components/PageTitle/PageTitle.d.ts +2 -0
- package/dist/es/components/PageTitle/PageTitle.js +4 -0
- package/dist/es/components/VideoBanner/VideoBanner.d.ts +2 -0
- package/dist/es/components/VideoBanner/VideoBanner.js +6 -2
- package/dist/es/index.d.ts +7 -0
- package/dist/es/index.js +7 -0
- package/dist/lib/components/AccordionBox/AccordionBox.d.ts +2 -0
- package/dist/lib/components/AccordionBox/AccordionBox.js +1 -0
- package/dist/lib/components/AudioPlayer/AudioPlayer.d.ts +10 -0
- package/dist/lib/components/AudioPlayer/AudioPlayer.js +133 -0
- package/dist/lib/components/AudioPlayer/AudioProgress.d.ts +14 -0
- package/dist/lib/components/AudioPlayer/AudioProgress.js +141 -0
- package/dist/lib/components/AudioPlayer/AudioRange.d.ts +14 -0
- package/dist/lib/components/AudioPlayer/AudioRange.js +42 -0
- package/dist/lib/components/AudioPlayer/AudioVolume.d.ts +7 -0
- package/dist/lib/components/AudioPlayer/AudioVolume.js +99 -0
- package/dist/lib/components/AudioPlayer/style/AudioPlayer.css +58 -0
- package/dist/lib/components/AudioPlayer/style/AudioProgress.css +35 -0
- package/dist/lib/components/AudioPlayer/style/AudioRange.css +68 -0
- package/dist/lib/components/AudioPlayer/style/AudioVolume.css +34 -0
- package/dist/lib/components/AudioPlayer/timerFormatUtil.d.ts +2 -0
- package/dist/lib/components/AudioPlayer/timerFormatUtil.js +42 -0
- package/dist/lib/components/Breadcrumbs/Breadcrumbs.css +0 -6
- package/dist/lib/components/Breadcrumbs/Breadcrumbs.d.ts +22 -12
- package/dist/lib/components/Breadcrumbs/Breadcrumbs.js +51 -41
- package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.css +16 -0
- package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +29 -0
- package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.js +99 -0
- package/dist/lib/components/FaqWrapper/FaqWrapper.d.ts +3 -0
- package/dist/lib/components/FaqWrapper/FaqWrapper.js +21 -0
- package/dist/lib/components/PageTitle/PageTitle.d.ts +2 -0
- package/dist/lib/components/PageTitle/PageTitle.js +4 -0
- package/dist/lib/components/VideoBanner/VideoBanner.d.ts +2 -0
- package/dist/lib/components/VideoBanner/VideoBanner.js +6 -2
- package/dist/lib/index.d.ts +7 -0
- package/dist/lib/index.js +56 -0
- 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"] =
|
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
|
-
|
24
|
+
var _BreadcrumbsItem = _interopRequireWildcard(require("./components/BreadcrumbsItem"));
|
25
25
|
|
26
|
-
var
|
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
|
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
|
38
|
-
|
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
|
-
|
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
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
dataAttrs:
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
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,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;
|
package/dist/lib/index.d.ts
CHANGED
@@ -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.
|
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.
|
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.
|
89
|
-
"@megafon/ui-helpers": "^2.3.
|
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": "
|
96
|
+
"gitHead": "5ac03e3777f38f19028fd0a8bb71e1901e9f0df9"
|
97
97
|
}
|