@megafon/ui-shared 9.0.0-alpha.19 → 9.0.0-alpha.20
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/dist/es/components/Breadcrumbs/Breadcrumbs.d.ts +2 -0
- package/dist/es/components/Breadcrumbs/Breadcrumbs.js +3 -0
- package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +1 -0
- package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.js +18 -13
- package/dist/lib/components/Breadcrumbs/Breadcrumbs.d.ts +2 -0
- package/dist/lib/components/Breadcrumbs/Breadcrumbs.js +3 -0
- package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +1 -0
- package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.js +18 -13
- package/package.json +5 -5
|
@@ -16,6 +16,8 @@ export type Props = {
|
|
|
16
16
|
color?: TextColorType;
|
|
17
17
|
/** Включить микроразметку */
|
|
18
18
|
hasMicrodata?: boolean;
|
|
19
|
+
/** Включить микроразметку для последнего элемента */
|
|
20
|
+
hasMicrodataForLastItem?: boolean;
|
|
19
21
|
/** Отключить на разрешении < 768 px */
|
|
20
22
|
disabledOnMobile?: boolean;
|
|
21
23
|
/** Отступ сверху */
|
|
@@ -20,6 +20,8 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
|
|
|
20
20
|
dataAttrs = _ref.dataAttrs,
|
|
21
21
|
_ref$hasMicrodata = _ref.hasMicrodata,
|
|
22
22
|
hasMicrodata = _ref$hasMicrodata === void 0 ? false : _ref$hasMicrodata,
|
|
23
|
+
_ref$hasMicrodataForL = _ref.hasMicrodataForLastItem,
|
|
24
|
+
hasMicrodataForLastItem = _ref$hasMicrodataForL === void 0 ? false : _ref$hasMicrodataForL,
|
|
23
25
|
_ref$disabledOnMobile = _ref.disabledOnMobile,
|
|
24
26
|
disabledOnMobile = _ref$disabledOnMobile === void 0 ? false : _ref$disabledOnMobile,
|
|
25
27
|
_ref$hasMarginTop = _ref.hasMarginTop,
|
|
@@ -49,6 +51,7 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
|
|
|
49
51
|
index: i,
|
|
50
52
|
isLastItem: i === items.length - 1,
|
|
51
53
|
hasMicrodata: hasMicrodata,
|
|
54
|
+
hasMicrodataForLastItem: hasMicrodataForLastItem,
|
|
52
55
|
dataAttrs: {
|
|
53
56
|
root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemInner,
|
|
54
57
|
link: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link,
|
|
@@ -9,6 +9,14 @@ export var TextColor = {
|
|
|
9
9
|
BLACK: 'black',
|
|
10
10
|
WHITE: 'white'
|
|
11
11
|
};
|
|
12
|
+
var MICRODATA = {
|
|
13
|
+
itemScope: true,
|
|
14
|
+
itemProp: 'itemListElement',
|
|
15
|
+
itemType: 'https://schema.org/ListItem'
|
|
16
|
+
};
|
|
17
|
+
var MICRODATA_ITEM_PROP = {
|
|
18
|
+
itemProp: 'name'
|
|
19
|
+
};
|
|
12
20
|
var cn = cnCreate('mfui-9-breadcrumbs-item');
|
|
13
21
|
var BreadcrumbsItem = function BreadcrumbsItem(_ref) {
|
|
14
22
|
var title = _ref.title,
|
|
@@ -20,24 +28,26 @@ var BreadcrumbsItem = function BreadcrumbsItem(_ref) {
|
|
|
20
28
|
isLastItem = _ref$isLastItem === void 0 ? false : _ref$isLastItem,
|
|
21
29
|
_ref$hasMicrodata = _ref.hasMicrodata,
|
|
22
30
|
hasMicrodata = _ref$hasMicrodata === void 0 ? false : _ref$hasMicrodata,
|
|
31
|
+
_ref$hasMicrodataForL = _ref.hasMicrodataForLastItem,
|
|
32
|
+
hasMicrodataForLastItem = _ref$hasMicrodataForL === void 0 ? false : _ref$hasMicrodataForL,
|
|
23
33
|
classes = _ref.classes,
|
|
24
34
|
dataAttrs = _ref.dataAttrs;
|
|
35
|
+
var renderMeta = /*#__PURE__*/React.createElement("meta", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.meta, index + 1), {
|
|
36
|
+
itemProp: "position",
|
|
37
|
+
content: String(index + 1)
|
|
38
|
+
}));
|
|
25
39
|
if (isLastItem) {
|
|
26
40
|
return /*#__PURE__*/React.createElement("div", _extends({
|
|
27
41
|
className: cn({
|
|
28
42
|
color: color
|
|
29
43
|
})
|
|
30
|
-
}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1)), /*#__PURE__*/React.createElement("span", _extends({
|
|
44
|
+
}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1), hasMicrodataForLastItem && MICRODATA), /*#__PURE__*/React.createElement("span", _extends({
|
|
31
45
|
className: classes === null || classes === void 0 ? void 0 : classes.lastItemTitle
|
|
32
|
-
}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1)), title));
|
|
46
|
+
}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1), hasMicrodataForLastItem && MICRODATA_ITEM_PROP), title), hasMicrodataForLastItem && renderMeta);
|
|
33
47
|
}
|
|
34
48
|
return /*#__PURE__*/React.createElement("div", _extends({
|
|
35
49
|
className: cn()
|
|
36
|
-
}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1), hasMicrodata && {
|
|
37
|
-
itemScope: true,
|
|
38
|
-
itemProp: 'itemListElement',
|
|
39
|
-
itemType: 'https://schema.org/ListItem'
|
|
40
|
-
}), /*#__PURE__*/React.createElement(TextLink, {
|
|
50
|
+
}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1), hasMicrodata && MICRODATA), /*#__PURE__*/React.createElement(TextLink, {
|
|
41
51
|
className: classes === null || classes === void 0 ? void 0 : classes.link,
|
|
42
52
|
href: href,
|
|
43
53
|
color: color,
|
|
@@ -47,11 +57,6 @@ var BreadcrumbsItem = function BreadcrumbsItem(_ref) {
|
|
|
47
57
|
itemProp: hasMicrodata ? 'item' : undefined
|
|
48
58
|
}, /*#__PURE__*/React.createElement("span", _extends({
|
|
49
59
|
className: classes === null || classes === void 0 ? void 0 : classes.itemTitle
|
|
50
|
-
}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1), hasMicrodata &&
|
|
51
|
-
itemProp: 'name'
|
|
52
|
-
}), title)), hasMicrodata && /*#__PURE__*/React.createElement("meta", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.meta, index + 1), {
|
|
53
|
-
itemProp: "position",
|
|
54
|
-
content: String(index + 1)
|
|
55
|
-
})));
|
|
60
|
+
}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1), hasMicrodata && MICRODATA_ITEM_PROP), title)), hasMicrodata && renderMeta);
|
|
56
61
|
};
|
|
57
62
|
export default BreadcrumbsItem;
|
|
@@ -16,6 +16,8 @@ export type Props = {
|
|
|
16
16
|
color?: TextColorType;
|
|
17
17
|
/** Включить микроразметку */
|
|
18
18
|
hasMicrodata?: boolean;
|
|
19
|
+
/** Включить микроразметку для последнего элемента */
|
|
20
|
+
hasMicrodataForLastItem?: boolean;
|
|
19
21
|
/** Отключить на разрешении < 768 px */
|
|
20
22
|
disabledOnMobile?: boolean;
|
|
21
23
|
/** Отступ сверху */
|
|
@@ -29,6 +29,8 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
|
|
|
29
29
|
dataAttrs = _ref.dataAttrs,
|
|
30
30
|
_ref$hasMicrodata = _ref.hasMicrodata,
|
|
31
31
|
hasMicrodata = _ref$hasMicrodata === void 0 ? false : _ref$hasMicrodata,
|
|
32
|
+
_ref$hasMicrodataForL = _ref.hasMicrodataForLastItem,
|
|
33
|
+
hasMicrodataForLastItem = _ref$hasMicrodataForL === void 0 ? false : _ref$hasMicrodataForL,
|
|
32
34
|
_ref$disabledOnMobile = _ref.disabledOnMobile,
|
|
33
35
|
disabledOnMobile = _ref$disabledOnMobile === void 0 ? false : _ref$disabledOnMobile,
|
|
34
36
|
_ref$hasMarginTop = _ref.hasMarginTop,
|
|
@@ -58,6 +60,7 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
|
|
|
58
60
|
index: i,
|
|
59
61
|
isLastItem: i === items.length - 1,
|
|
60
62
|
hasMicrodata: hasMicrodata,
|
|
63
|
+
hasMicrodataForLastItem: hasMicrodataForLastItem,
|
|
61
64
|
dataAttrs: {
|
|
62
65
|
root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemInner,
|
|
63
66
|
link: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link,
|
|
@@ -18,6 +18,14 @@ var TextColor = exports.TextColor = {
|
|
|
18
18
|
BLACK: 'black',
|
|
19
19
|
WHITE: 'white'
|
|
20
20
|
};
|
|
21
|
+
var MICRODATA = {
|
|
22
|
+
itemScope: true,
|
|
23
|
+
itemProp: 'itemListElement',
|
|
24
|
+
itemType: 'https://schema.org/ListItem'
|
|
25
|
+
};
|
|
26
|
+
var MICRODATA_ITEM_PROP = {
|
|
27
|
+
itemProp: 'name'
|
|
28
|
+
};
|
|
21
29
|
var cn = (0, _uiHelpers.cnCreate)('mfui-9-breadcrumbs-item');
|
|
22
30
|
var BreadcrumbsItem = function BreadcrumbsItem(_ref) {
|
|
23
31
|
var title = _ref.title,
|
|
@@ -29,24 +37,26 @@ var BreadcrumbsItem = function BreadcrumbsItem(_ref) {
|
|
|
29
37
|
isLastItem = _ref$isLastItem === void 0 ? false : _ref$isLastItem,
|
|
30
38
|
_ref$hasMicrodata = _ref.hasMicrodata,
|
|
31
39
|
hasMicrodata = _ref$hasMicrodata === void 0 ? false : _ref$hasMicrodata,
|
|
40
|
+
_ref$hasMicrodataForL = _ref.hasMicrodataForLastItem,
|
|
41
|
+
hasMicrodataForLastItem = _ref$hasMicrodataForL === void 0 ? false : _ref$hasMicrodataForL,
|
|
32
42
|
classes = _ref.classes,
|
|
33
43
|
dataAttrs = _ref.dataAttrs;
|
|
44
|
+
var renderMeta = /*#__PURE__*/React.createElement("meta", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.meta, index + 1), {
|
|
45
|
+
itemProp: "position",
|
|
46
|
+
content: String(index + 1)
|
|
47
|
+
}));
|
|
34
48
|
if (isLastItem) {
|
|
35
49
|
return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
|
|
36
50
|
className: cn({
|
|
37
51
|
color: color
|
|
38
52
|
})
|
|
39
|
-
}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1)), /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({
|
|
53
|
+
}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1), hasMicrodataForLastItem && MICRODATA), /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({
|
|
40
54
|
className: classes === null || classes === void 0 ? void 0 : classes.lastItemTitle
|
|
41
|
-
}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1)), title));
|
|
55
|
+
}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1), hasMicrodataForLastItem && MICRODATA_ITEM_PROP), title), hasMicrodataForLastItem && renderMeta);
|
|
42
56
|
}
|
|
43
57
|
return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
|
|
44
58
|
className: cn()
|
|
45
|
-
}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1), hasMicrodata && {
|
|
46
|
-
itemScope: true,
|
|
47
|
-
itemProp: 'itemListElement',
|
|
48
|
-
itemType: 'https://schema.org/ListItem'
|
|
49
|
-
}), /*#__PURE__*/React.createElement(_uiCore.TextLink, {
|
|
59
|
+
}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1), hasMicrodata && MICRODATA), /*#__PURE__*/React.createElement(_uiCore.TextLink, {
|
|
50
60
|
className: classes === null || classes === void 0 ? void 0 : classes.link,
|
|
51
61
|
href: href,
|
|
52
62
|
color: color,
|
|
@@ -56,11 +66,6 @@ var BreadcrumbsItem = function BreadcrumbsItem(_ref) {
|
|
|
56
66
|
itemProp: hasMicrodata ? 'item' : undefined
|
|
57
67
|
}, /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({
|
|
58
68
|
className: classes === null || classes === void 0 ? void 0 : classes.itemTitle
|
|
59
|
-
}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1), hasMicrodata &&
|
|
60
|
-
itemProp: 'name'
|
|
61
|
-
}), title)), hasMicrodata && /*#__PURE__*/React.createElement("meta", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.meta, index + 1), {
|
|
62
|
-
itemProp: "position",
|
|
63
|
-
content: String(index + 1)
|
|
64
|
-
})));
|
|
69
|
+
}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1), hasMicrodata && MICRODATA_ITEM_PROP), title)), hasMicrodata && renderMeta);
|
|
65
70
|
};
|
|
66
71
|
var _default = exports["default"] = BreadcrumbsItem;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@megafon/ui-shared",
|
|
3
|
-
"version": "9.0.0-alpha.
|
|
3
|
+
"version": "9.0.0-alpha.20",
|
|
4
4
|
"files": [
|
|
5
5
|
"dist"
|
|
6
6
|
],
|
|
@@ -77,13 +77,13 @@
|
|
|
77
77
|
},
|
|
78
78
|
"dependencies": {
|
|
79
79
|
"@babel/runtime": "^7.8.4",
|
|
80
|
-
"@megafon/ui-core": "^9.0.0-alpha.
|
|
81
|
-
"@megafon/ui-helpers": "^5.0.0-alpha.
|
|
82
|
-
"@megafon/ui-icons": "^4.0.0-alpha.
|
|
80
|
+
"@megafon/ui-core": "^9.0.0-alpha.20",
|
|
81
|
+
"@megafon/ui-helpers": "^5.0.0-alpha.3",
|
|
82
|
+
"@megafon/ui-icons": "^4.0.0-alpha.11",
|
|
83
83
|
"core-js": "^3.6.4",
|
|
84
84
|
"htmr": "^1.0.2",
|
|
85
85
|
"lodash.throttle": "^4.1.1",
|
|
86
86
|
"swiper": "^12.1.2"
|
|
87
87
|
},
|
|
88
|
-
"gitHead": "
|
|
88
|
+
"gitHead": "39759ef5e9faa69811074111fd988fbe99f19be6"
|
|
89
89
|
}
|