@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.
@@ -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,
@@ -13,6 +13,7 @@ export type Props = {
13
13
  index?: number;
14
14
  isLastItem?: boolean;
15
15
  hasMicrodata?: boolean;
16
+ hasMicrodataForLastItem?: boolean;
16
17
  classes?: {
17
18
  link?: string;
18
19
  itemTitle?: string;
@@ -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,
@@ -13,6 +13,7 @@ export type Props = {
13
13
  index?: number;
14
14
  isLastItem?: boolean;
15
15
  hasMicrodata?: boolean;
16
+ hasMicrodataForLastItem?: boolean;
16
17
  classes?: {
17
18
  link?: string;
18
19
  itemTitle?: string;
@@ -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.19",
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.19",
81
- "@megafon/ui-helpers": "^5.0.0-alpha.2",
82
- "@megafon/ui-icons": "^4.0.0-alpha.10",
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": "2f3dd547a16bc1a6a3dfb947ba63a003ac691e73"
88
+ "gitHead": "39759ef5e9faa69811074111fd988fbe99f19be6"
89
89
  }