@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.
- package/lib/esm/Breadcrumbs.mjs +76 -64
- package/lib/esm/index.mjs +2 -2
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +30 -30
- package/lib/esm/translations/de.json.mjs +5 -4
- package/lib/esm/translations/en.json.mjs +5 -4
- package/lib/esm/translations/es.json.mjs +5 -4
- package/lib/esm/translations/fr.json.mjs +5 -4
- package/lib/esm/translations/it.json.mjs +5 -4
- package/lib/esm/translations/ja.json.mjs +5 -4
- package/lib/esm/translations/ko.json.mjs +5 -4
- package/lib/esm/translations/nl.json.mjs +5 -4
- package/lib/esm/translations/pl.json.mjs +5 -4
- package/lib/esm/translations/pt.json.mjs +5 -4
- package/lib/esm/translations/sv.json.mjs +5 -4
- package/lib/esm/translations/tr.json.mjs +5 -4
- package/lib/esm/translations/vi.json.mjs +5 -4
- package/lib/esm/translations/zh.json.mjs +5 -4
- package/package.json +4 -4
package/lib/esm/Breadcrumbs.mjs
CHANGED
|
@@ -1,92 +1,104 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import { createComponent
|
|
8
|
-
import
|
|
9
|
-
import { Box
|
|
10
|
-
import
|
|
11
|
-
import { localizedMessages
|
|
12
|
-
import
|
|
13
|
-
var
|
|
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
|
-
(
|
|
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
|
-
)
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
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
|
-
|
|
35
|
+
_createClass(Breadcrumbs2, [{
|
|
34
36
|
key: "getItemProps",
|
|
35
|
-
value: function() {
|
|
36
|
-
var
|
|
37
|
+
value: function getItemProps() {
|
|
38
|
+
var _this$asProps = this.asProps, separator = _this$asProps.separator, locale = _this$asProps.locale;
|
|
37
39
|
return {
|
|
38
|
-
separator
|
|
39
|
-
locale
|
|
40
|
+
separator,
|
|
41
|
+
locale
|
|
40
42
|
};
|
|
41
43
|
}
|
|
42
44
|
}, {
|
|
43
45
|
key: "render",
|
|
44
|
-
value: function() {
|
|
45
|
-
var
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
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
|
-
}])
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
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:
|
|
64
|
+
i18n: localizedMessages,
|
|
59
65
|
locale: "en"
|
|
60
66
|
});
|
|
61
|
-
var
|
|
62
|
-
|
|
63
|
-
var
|
|
64
|
-
function
|
|
65
|
-
|
|
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
|
-
|
|
74
|
+
_createClass(Item2, [{
|
|
68
75
|
key: "render",
|
|
69
|
-
value: function() {
|
|
70
|
-
var
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
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
|
-
}),
|
|
89
|
+
}), separator));
|
|
79
90
|
}
|
|
80
|
-
}])
|
|
81
|
-
|
|
82
|
-
|
|
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
|
|
88
|
-
Item
|
|
99
|
+
const Breadcrumbs$1 = createComponent(Breadcrumbs, {
|
|
100
|
+
Item
|
|
89
101
|
});
|
|
90
102
|
export {
|
|
91
|
-
|
|
103
|
+
Breadcrumbs$1 as default
|
|
92
104
|
};
|
package/lib/esm/index.mjs
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
var
|
|
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
|
|
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
|
-
|
|
32
|
+
localizedMessages
|
|
33
33
|
};
|
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.
|
|
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.
|
|
18
|
-
"@semcore/flex-box": "16.0.0-prerelease.
|
|
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.
|
|
21
|
+
"@semcore/base-components": "^16.0.0-prerelease.7"
|
|
22
22
|
},
|
|
23
23
|
"repository": {
|
|
24
24
|
"type": "git",
|