@semcore/breadcrumbs 16.0.0-prerelease.6 → 16.0.0-prerelease.7

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.
@@ -1,92 +1,104 @@
1
- import S from "@babel/runtime/helpers/esm/objectSpread2";
2
- import v from "@babel/runtime/helpers/esm/classCallCheck";
3
- import k from "@babel/runtime/helpers/esm/createClass";
4
- import b from "@babel/runtime/helpers/esm/inherits";
5
- import f from "@babel/runtime/helpers/esm/createSuper";
6
- import s from "@babel/runtime/helpers/esm/defineProperty";
7
- import { createComponent as $, sstyled as p, assignProps as h, Component as I } from "@semcore/core";
8
- import t from "react";
9
- import { Box as B } from "@semcore/flex-box";
10
- import z from "@semcore/icon/ChevronRight/m";
11
- import { localizedMessages as x } from "./translations/__intergalactic-dynamic-locales.mjs";
12
- import T from "@semcore/core/lib/utils/enhances/i18nEnhance";
13
- var j = (
1
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
+ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
3
+ import _createClass from "@babel/runtime/helpers/esm/createClass";
4
+ import _inherits from "@babel/runtime/helpers/esm/inherits";
5
+ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
6
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
7
+ import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
8
+ import React from "react";
9
+ import { Box } from "@semcore/flex-box";
10
+ import SSeparator from "@semcore/icon/ChevronRight/m";
11
+ import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
12
+ import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
13
+ var style = (
14
14
  /*__reshadow_css_start__*/
15
- (p.insert(
15
+ (sstyled.insert(
16
16
  /*__inner_css_start__*/
17
17
  ".___SBreadcrumbs_k41rc_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SSeparator_k41rc_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SSeparator_k41rc_gg_:last-child{display:none}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_{width:100%;display:block;position:relative;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:none;text-decoration:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_.__active_k41rc_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_.__active_k41rc_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}",
18
18
  "k41rc_gg_"
19
19
  ), {
20
- __SBreadcrumbs: "___SBreadcrumbs_k41rc_gg_",
21
- __SListContainer: "___SListContainer_k41rc_gg_",
22
- __SSeparator: "___SSeparator_k41rc_gg_",
23
- __SListItem: "___SListItem_k41rc_gg_",
24
- __SBreadcrumbsItem: "___SBreadcrumbsItem_k41rc_gg_",
25
- _active: "__active_k41rc_gg_"
20
+ "__SBreadcrumbs": "___SBreadcrumbs_k41rc_gg_",
21
+ "__SListContainer": "___SListContainer_k41rc_gg_",
22
+ "__SSeparator": "___SSeparator_k41rc_gg_",
23
+ "__SListItem": "___SListItem_k41rc_gg_",
24
+ "__SBreadcrumbsItem": "___SBreadcrumbsItem_k41rc_gg_",
25
+ "_active": "__active_k41rc_gg_"
26
26
  })
27
- ), o = /* @__PURE__ */ function(m) {
28
- b(r, m);
29
- var l = f(r);
30
- function r() {
31
- return v(this, r), l.apply(this, arguments);
27
+ );
28
+ var Breadcrumbs = /* @__PURE__ */ function(_Component) {
29
+ _inherits(Breadcrumbs2, _Component);
30
+ var _super = _createSuper(Breadcrumbs2);
31
+ function Breadcrumbs2() {
32
+ _classCallCheck(this, Breadcrumbs2);
33
+ return _super.apply(this, arguments);
32
34
  }
33
- return k(r, [{
35
+ _createClass(Breadcrumbs2, [{
34
36
  key: "getItemProps",
35
- value: function() {
36
- var a = this.asProps, e = a.separator, n = a.locale;
37
+ value: function getItemProps() {
38
+ var _this$asProps = this.asProps, separator = _this$asProps.separator, locale = _this$asProps.locale;
37
39
  return {
38
- separator: e,
39
- locale: n
40
+ separator,
41
+ locale
40
42
  };
41
43
  }
42
44
  }, {
43
45
  key: "render",
44
- value: function() {
45
- var a = this.asProps, e, n = B, _ = "ol", c = this.asProps, d = c.styles, i = c.getI18nText, g = c.Children;
46
- return e = p(d), /* @__PURE__ */ t.createElement(n, e.cn("SBreadcrumbs", S({}, h({
47
- "aria-label": i("breadcrumbs")
48
- }, a))), /* @__PURE__ */ t.createElement(_, e.cn("SListContainer", {}), /* @__PURE__ */ t.createElement(g, e.cn("Children", {}))));
46
+ value: function render() {
47
+ var _ref = this.asProps, _ref3;
48
+ var SBreadcrumbs = Box;
49
+ var SListContainer = "ol";
50
+ var _this$asProps2 = this.asProps, styles = _this$asProps2.styles, getI18nText = _this$asProps2.getI18nText, Children = _this$asProps2.Children;
51
+ return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SBreadcrumbs, _ref3.cn("SBreadcrumbs", _objectSpread({}, assignProps({
52
+ "aria-label": getI18nText("breadcrumbs")
53
+ }, _ref))), /* @__PURE__ */ React.createElement(SListContainer, _ref3.cn("SListContainer", {}), /* @__PURE__ */ React.createElement(Children, _ref3.cn("Children", {}))));
49
54
  }
50
- }]), r;
51
- }(I);
52
- s(o, "displayName", "Breadcrumbs");
53
- s(o, "style", j);
54
- s(o, "enhance", [T(x)]);
55
- s(o, "defaultProps", {
56
- separator: /* @__PURE__ */ t.createElement(z, null),
55
+ }]);
56
+ return Breadcrumbs2;
57
+ }(Component);
58
+ _defineProperty(Breadcrumbs, "displayName", "Breadcrumbs");
59
+ _defineProperty(Breadcrumbs, "style", style);
60
+ _defineProperty(Breadcrumbs, "enhance", [i18nEnhance(localizedMessages)]);
61
+ _defineProperty(Breadcrumbs, "defaultProps", {
62
+ separator: /* @__PURE__ */ React.createElement(SSeparator, null),
57
63
  tag: "nav",
58
- i18n: x,
64
+ i18n: localizedMessages,
59
65
  locale: "en"
60
66
  });
61
- var y = /* @__PURE__ */ function(m) {
62
- b(r, m);
63
- var l = f(r);
64
- function r() {
65
- return v(this, r), l.apply(this, arguments);
67
+ var Item = /* @__PURE__ */ function(_Component2) {
68
+ _inherits(Item2, _Component2);
69
+ var _super2 = _createSuper(Item2);
70
+ function Item2() {
71
+ _classCallCheck(this, Item2);
72
+ return _super2.apply(this, arguments);
66
73
  }
67
- return k(r, [{
74
+ _createClass(Item2, [{
68
75
  key: "render",
69
- value: function() {
70
- var a = this.asProps, e, n = B, _ = this.asProps, c = _.styles, d = _.separator, i = _.active, g = _.disabled, L = _.href, C = _.tabIndex, P = _.tag, w = "div", E = "li";
71
- return e = p(c), /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(E, e.cn("SListItem", {}), /* @__PURE__ */ t.createElement(n, e.cn("SBreadcrumbsItem", S({}, h({
72
- "use:tabIndex": i || g ? -1 : C,
73
- "use:href": !i && !g ? L : void 0,
74
- "aria-current": i ? "page" : void 0,
75
- "use:tag": i ? "span" : P
76
- }, a))))), /* @__PURE__ */ t.createElement(w, e.cn("SSeparator", {
76
+ value: function render() {
77
+ var _ref2 = this.asProps, _ref4;
78
+ var SBreadcrumbsItem = Box;
79
+ var _this$asProps3 = this.asProps, styles = _this$asProps3.styles, separator = _this$asProps3.separator, active = _this$asProps3.active, disabled = _this$asProps3.disabled, href = _this$asProps3.href, tabIndex = _this$asProps3.tabIndex, tag = _this$asProps3.tag;
80
+ var SSeparator2 = "div";
81
+ var SListItem = "li";
82
+ return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SListItem, _ref4.cn("SListItem", {}), /* @__PURE__ */ React.createElement(SBreadcrumbsItem, _ref4.cn("SBreadcrumbsItem", _objectSpread({}, assignProps({
83
+ "use:tabIndex": active || disabled ? -1 : tabIndex,
84
+ "use:href": !active && !disabled ? href : void 0,
85
+ "aria-current": active ? "page" : void 0,
86
+ "use:tag": active ? "span" : tag
87
+ }, _ref2))))), /* @__PURE__ */ React.createElement(SSeparator2, _ref4.cn("SSeparator", {
77
88
  "aria-hidden": "true"
78
- }), d));
89
+ }), separator));
79
90
  }
80
- }]), r;
81
- }(I);
82
- s(y, "defaultProps", {
91
+ }]);
92
+ return Item2;
93
+ }(Component);
94
+ _defineProperty(Item, "defaultProps", {
83
95
  tag: "a",
84
96
  locale: "en",
85
97
  tabIndex: 0
86
98
  });
87
- const Q = $(o, {
88
- Item: y
99
+ const Breadcrumbs$1 = createComponent(Breadcrumbs, {
100
+ Item
89
101
  });
90
102
  export {
91
- Q as default
103
+ Breadcrumbs$1 as default
92
104
  };
package/lib/esm/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { default as o } from "./Breadcrumbs.mjs";
1
+ import { default as default2 } from "./Breadcrumbs.mjs";
2
2
  export {
3
- o as default
3
+ default2 as default
4
4
  };
@@ -1,33 +1,33 @@
1
- import r from "./de.json.mjs";
2
- import o from "./en.json.mjs";
3
- import m from "./es.json.mjs";
4
- import t from "./fr.json.mjs";
5
- import i from "./it.json.mjs";
6
- import p from "./ja.json.mjs";
7
- import f from "./ko.json.mjs";
8
- import e from "./nl.json.mjs";
9
- import s from "./pt.json.mjs";
10
- import a from "./tr.json.mjs";
11
- import l from "./vi.json.mjs";
12
- import v from "./zh.json.mjs";
13
- import d from "./pl.json.mjs";
14
- import n from "./sv.json.mjs";
15
- var B = {
16
- de: r,
17
- en: o,
18
- es: m,
19
- fr: t,
20
- it: i,
21
- ja: p,
22
- ko: f,
23
- nl: e,
24
- pt: s,
25
- tr: a,
26
- vi: l,
27
- zh: v,
28
- pl: d,
29
- sv: n
1
+ import de from "./de.json.mjs";
2
+ import en from "./en.json.mjs";
3
+ import es from "./es.json.mjs";
4
+ import fr from "./fr.json.mjs";
5
+ import it from "./it.json.mjs";
6
+ import ja from "./ja.json.mjs";
7
+ import ko from "./ko.json.mjs";
8
+ import nl from "./nl.json.mjs";
9
+ import pt from "./pt.json.mjs";
10
+ import tr from "./tr.json.mjs";
11
+ import vi from "./vi.json.mjs";
12
+ import zh from "./zh.json.mjs";
13
+ import pl from "./pl.json.mjs";
14
+ import sv from "./sv.json.mjs";
15
+ var localizedMessages = {
16
+ de,
17
+ en,
18
+ es,
19
+ fr,
20
+ it,
21
+ ja,
22
+ ko,
23
+ nl,
24
+ pt,
25
+ tr,
26
+ vi,
27
+ zh,
28
+ pl,
29
+ sv
30
30
  };
31
31
  export {
32
- B as localizedMessages
32
+ localizedMessages
33
33
  };
@@ -1,7 +1,8 @@
1
- const r = "Breadcrumbs", e = {
2
- breadcrumbs: r
1
+ const breadcrumbs = "Breadcrumbs";
2
+ const de = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- r as breadcrumbs,
6
- e as default
6
+ breadcrumbs,
7
+ de as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const r = "Breadcrumbs", e = {
2
- breadcrumbs: r
1
+ const breadcrumbs = "Breadcrumbs";
2
+ const en = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- r as breadcrumbs,
6
- e as default
6
+ breadcrumbs,
7
+ en as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const s = "Migas de pan", a = {
2
- breadcrumbs: s
1
+ const breadcrumbs = "Migas de pan";
2
+ const es = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- s as breadcrumbs,
6
- a as default
6
+ breadcrumbs,
7
+ es as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const e = "Miettes de pain", r = {
2
- breadcrumbs: e
1
+ const breadcrumbs = "Miettes de pain";
2
+ const fr = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- e as breadcrumbs,
6
- r as default
6
+ breadcrumbs,
7
+ fr as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const r = "Breadcrumb", a = {
2
- breadcrumbs: r
1
+ const breadcrumbs = "Breadcrumb";
2
+ const it = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- r as breadcrumbs,
6
- a as default
6
+ breadcrumbs,
7
+ it as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const a = "パンくず", r = {
2
- breadcrumbs: a
1
+ const breadcrumbs = "パンくず";
2
+ const ja = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- a as breadcrumbs,
6
- r as default
6
+ breadcrumbs,
7
+ ja as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const r = "이동 경로", s = {
2
- breadcrumbs: r
1
+ const breadcrumbs = "이동 경로";
2
+ const ko = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- r as breadcrumbs,
6
- s as default
6
+ breadcrumbs,
7
+ ko as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const r = "Breadcrumbs", s = {
2
- breadcrumbs: r
1
+ const breadcrumbs = "Breadcrumbs";
2
+ const nl = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- r as breadcrumbs,
6
- s as default
6
+ breadcrumbs,
7
+ nl as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const r = "Okruszki", s = {
2
- breadcrumbs: r
1
+ const breadcrumbs = "Okruszki";
2
+ const pl = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- r as breadcrumbs,
6
- s as default
6
+ breadcrumbs,
7
+ pl as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const a = "Trilhas de navegação", e = {
2
- breadcrumbs: a
1
+ const breadcrumbs = "Trilhas de navegação";
2
+ const pt = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- a as breadcrumbs,
6
- e as default
6
+ breadcrumbs,
7
+ pt as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const r = "Brödsmulor", s = {
2
- breadcrumbs: r
1
+ const breadcrumbs = "Brödsmulor";
2
+ const sv = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- r as breadcrumbs,
6
- s as default
6
+ breadcrumbs,
7
+ sv as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const r = "İçerik haritası", a = {
2
- breadcrumbs: r
1
+ const breadcrumbs = "İçerik haritası";
2
+ const tr = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- r as breadcrumbs,
6
- a as default
6
+ breadcrumbs,
7
+ tr as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const b = "Vụ bánh mì", r = {
2
- breadcrumbs: b
1
+ const breadcrumbs = "Vụ bánh mì";
2
+ const vi = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- b as breadcrumbs,
6
- r as default
6
+ breadcrumbs,
7
+ vi as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const r = "面包屑", s = {
2
- breadcrumbs: r
1
+ const breadcrumbs = "面包屑";
2
+ const zh = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- r as breadcrumbs,
6
- s as default
6
+ breadcrumbs,
7
+ zh as default
7
8
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/breadcrumbs",
3
3
  "description": "Semrush Breadcrumbs Component",
4
- "version": "16.0.0-prerelease.6",
4
+ "version": "16.0.0-prerelease.7",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -14,11 +14,11 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/icon": "16.0.0-prerelease.6",
18
- "@semcore/flex-box": "16.0.0-prerelease.6"
17
+ "@semcore/icon": "16.0.0-prerelease.7",
18
+ "@semcore/flex-box": "16.0.0-prerelease.7"
19
19
  },
20
20
  "peerDependencies": {
21
- "@semcore/base-components": "^16.0.0-prerelease.6"
21
+ "@semcore/base-components": "^16.0.0-prerelease.7"
22
22
  },
23
23
  "repository": {
24
24
  "type": "git",