@semcore/breadcrumbs 16.2.0-prerelease.4 → 16.2.1-prerelease.1
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 +6 -0
- package/README.md +1 -32
- package/lib/cjs/Breadcrumbs.js +21 -23
- package/lib/cjs/Breadcrumbs.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +1 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +4 -5
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/Breadcrumbs.js +20 -21
- package/lib/es6/Breadcrumbs.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +2 -2
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/esm/Breadcrumbs.mjs +22 -21
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
- package/lib/types/index.d.ts +2 -2
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [16.2.1] - 2025-06-13
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/base-components` [16.0.1 ~> 16.0.2]).
|
|
10
|
+
|
|
5
11
|
## [16.2.0] - 2025-05-30
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/README.md
CHANGED
|
@@ -13,41 +13,10 @@
|
|
|
13
13
|
## Install
|
|
14
14
|
|
|
15
15
|
```sh
|
|
16
|
-
npm install
|
|
16
|
+
npm install @semcore/breadcrumbs
|
|
17
17
|
```
|
|
18
18
|
|
|
19
|
-
## Usage
|
|
20
19
|
|
|
21
|
-
```jsx
|
|
22
|
-
import Breadcrumbs from 'intergalactic/breadcrumbs';
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
<details>
|
|
26
|
-
<summary>Alternative installation and use</summary>
|
|
27
|
-
|
|
28
|
-
**We do not recommend this usage path due to possible dependency and update issues.**
|
|
29
|
-
|
|
30
|
-
### Install
|
|
31
|
-
|
|
32
|
-
You can only install one package from the design system
|
|
33
|
-
|
|
34
|
-
```sh
|
|
35
|
-
npm install @semcore/breadcrumbs @semcore/core
|
|
36
|
-
```
|
|
37
|
-
|
|
38
|
-
`@semcore/core` - _is the basic package by which we create our components, and it contains all of the common logic
|
|
39
|
-
of the components that is discussed below. There should only be one version of the package in the project._
|
|
40
|
-
|
|
41
|
-
### Usage
|
|
42
|
-
|
|
43
|
-
You can use the package the same way but without `/ui/` in the import path.
|
|
44
|
-
|
|
45
|
-
```jsx
|
|
46
|
-
import Breadcrumbs from '@semcore/breadcrumbs';
|
|
47
|
-
```
|
|
48
|
-
|
|
49
|
-
</details>
|
|
50
|
-
</details>
|
|
51
20
|
|
|
52
21
|
## 👤 Author
|
|
53
22
|
|
package/lib/cjs/Breadcrumbs.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -8,34 +8,36 @@ exports["default"] = void 0;
|
|
|
8
8
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
12
|
+
var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
|
|
13
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
11
14
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
12
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
13
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
16
|
var _core = require("@semcore/core");
|
|
15
|
-
var
|
|
17
|
+
var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
|
|
16
18
|
var _flexBox = require("@semcore/flex-box");
|
|
17
19
|
var _m = _interopRequireDefault(require("@semcore/icon/ChevronRight/m"));
|
|
20
|
+
var _react = _interopRequireDefault(require("react"));
|
|
18
21
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
19
|
-
|
|
22
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
20
23
|
/*!__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
|
|
21
|
-
var style = (
|
|
24
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBreadcrumbs_qtuco_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_qtuco_gg_ .___SListContainer_qtuco_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_qtuco_gg_ .___SListContainer_qtuco_gg_ .___SSeparator_qtuco_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_qtuco_gg_ .___SListContainer_qtuco_gg_ .___SSeparator_qtuco_gg_:last-child{display:none}.___SBreadcrumbs_qtuco_gg_ .___SListContainer_qtuco_gg_ .___SListItem_qtuco_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_qtuco_gg_ .___SListContainer_qtuco_gg_ .___SListItem_qtuco_gg_ .___SBreadcrumbsItem_qtuco_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_qtuco_gg_ .___SListContainer_qtuco_gg_ .___SListItem_qtuco_gg_ .___SBreadcrumbsItem_qtuco_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_qtuco_gg_ .___SListContainer_qtuco_gg_ .___SListItem_qtuco_gg_ .___SBreadcrumbsItem_qtuco_gg_.__active_qtuco_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_qtuco_gg_ .___SListContainer_qtuco_gg_ .___SListItem_qtuco_gg_ .___SBreadcrumbsItem_qtuco_gg_.__active_qtuco_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}", /*__inner_css_end__*/"qtuco_gg_"),
|
|
22
25
|
/*__reshadow_css_end__*/
|
|
23
26
|
{
|
|
24
|
-
"__SBreadcrumbs": "
|
|
25
|
-
"__SListContainer": "
|
|
26
|
-
"__SSeparator": "
|
|
27
|
-
"__SListItem": "
|
|
28
|
-
"__SBreadcrumbsItem": "
|
|
29
|
-
"_active": "
|
|
27
|
+
"__SBreadcrumbs": "___SBreadcrumbs_qtuco_gg_",
|
|
28
|
+
"__SListContainer": "___SListContainer_qtuco_gg_",
|
|
29
|
+
"__SSeparator": "___SSeparator_qtuco_gg_",
|
|
30
|
+
"__SListItem": "___SListItem_qtuco_gg_",
|
|
31
|
+
"__SBreadcrumbsItem": "___SBreadcrumbsItem_qtuco_gg_",
|
|
32
|
+
"_active": "__active_qtuco_gg_"
|
|
30
33
|
});
|
|
31
34
|
var Breadcrumbs = /*#__PURE__*/function (_Component) {
|
|
32
|
-
(0, _inherits2["default"])(Breadcrumbs, _Component);
|
|
33
|
-
var _super = (0, _createSuper2["default"])(Breadcrumbs);
|
|
34
35
|
function Breadcrumbs() {
|
|
35
36
|
(0, _classCallCheck2["default"])(this, Breadcrumbs);
|
|
36
|
-
return
|
|
37
|
+
return _callSuper(this, Breadcrumbs, arguments);
|
|
37
38
|
}
|
|
38
|
-
(0,
|
|
39
|
+
(0, _inherits2["default"])(Breadcrumbs, _Component);
|
|
40
|
+
return (0, _createClass2["default"])(Breadcrumbs, [{
|
|
39
41
|
key: "getItemProps",
|
|
40
42
|
value: function getItemProps() {
|
|
41
43
|
var _this$asProps = this.asProps,
|
|
@@ -62,7 +64,6 @@ var Breadcrumbs = /*#__PURE__*/function (_Component) {
|
|
|
62
64
|
}, _ref))), /*#__PURE__*/_react["default"].createElement(SListContainer, _ref3.cn("SListContainer", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref3.cn("Children", {}))));
|
|
63
65
|
}
|
|
64
66
|
}]);
|
|
65
|
-
return Breadcrumbs;
|
|
66
67
|
}(_core.Component);
|
|
67
68
|
(0, _defineProperty2["default"])(Breadcrumbs, "displayName", 'Breadcrumbs');
|
|
68
69
|
(0, _defineProperty2["default"])(Breadcrumbs, "style", style);
|
|
@@ -74,13 +75,12 @@ var Breadcrumbs = /*#__PURE__*/function (_Component) {
|
|
|
74
75
|
locale: 'en'
|
|
75
76
|
});
|
|
76
77
|
var Item = /*#__PURE__*/function (_Component2) {
|
|
77
|
-
(0, _inherits2["default"])(Item, _Component2);
|
|
78
|
-
var _super2 = (0, _createSuper2["default"])(Item);
|
|
79
78
|
function Item() {
|
|
80
79
|
(0, _classCallCheck2["default"])(this, Item);
|
|
81
|
-
return
|
|
80
|
+
return _callSuper(this, Item, arguments);
|
|
82
81
|
}
|
|
83
|
-
(0,
|
|
82
|
+
(0, _inherits2["default"])(Item, _Component2);
|
|
83
|
+
return (0, _createClass2["default"])(Item, [{
|
|
84
84
|
key: "render",
|
|
85
85
|
value: function render() {
|
|
86
86
|
var _ref2 = this.asProps,
|
|
@@ -106,15 +106,13 @@ var Item = /*#__PURE__*/function (_Component2) {
|
|
|
106
106
|
}), separator));
|
|
107
107
|
}
|
|
108
108
|
}]);
|
|
109
|
-
return Item;
|
|
110
109
|
}(_core.Component);
|
|
111
110
|
(0, _defineProperty2["default"])(Item, "defaultProps", {
|
|
112
111
|
tag: 'a',
|
|
113
112
|
locale: 'en',
|
|
114
113
|
tabIndex: 0
|
|
115
114
|
});
|
|
116
|
-
var _default = (0, _core.createComponent)(Breadcrumbs, {
|
|
115
|
+
var _default = exports["default"] = (0, _core.createComponent)(Breadcrumbs, {
|
|
117
116
|
Item: Item
|
|
118
117
|
});
|
|
119
|
-
exports["default"] = _default;
|
|
120
118
|
//# sourceMappingURL=Breadcrumbs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","names":["_core","require","
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","names":["_core","require","_i18nEnhance","_interopRequireDefault","_flexBox","_m","_react","_intergalacticDynamicLocales","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","Breadcrumbs","_Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","getItemProps","_this$asProps","asProps","separator","locale","render","_ref","_ref3","SBreadcrumbs","Box","SListContainer","_this$asProps2","styles","getI18nText","Children","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","i18nEnhance","localizedMessages","tag","i18n","Item","_Component2","_ref2","_ref4","SBreadcrumbsItem","_this$asProps3","active","disabled","href","tabIndex","SSeparator","SListItem","Fragment","undefined","_default","exports","createComponent"],"sources":["../../src/Breadcrumbs.jsx"],"sourcesContent":["import { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { Box } from '@semcore/flex-box';\nimport SSeparator from '@semcore/icon/ChevronRight/m';\nimport React from 'react';\n\nimport style from './style/breadcrumbs.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass Breadcrumbs extends Component {\n static displayName = 'Breadcrumbs';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n separator: <SSeparator />,\n tag: 'nav',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n getItemProps() {\n const { separator, locale } = this.asProps;\n return {\n separator,\n locale,\n };\n }\n\n render() {\n const SBreadcrumbs = Root;\n const SListContainer = 'ol';\n const { styles, getI18nText, Children } = this.asProps;\n return sstyled(styles)(\n <SBreadcrumbs render={Box} aria-label={getI18nText('breadcrumbs')}>\n <SListContainer>\n <Children />\n </SListContainer>\n </SBreadcrumbs>,\n );\n }\n}\n\nclass Item extends Component {\n static defaultProps = {\n tag: 'a',\n locale: 'en',\n tabIndex: 0,\n };\n\n render() {\n const SBreadcrumbsItem = Root;\n const { styles, separator, active, disabled, href, tabIndex, tag } = this.asProps;\n const SSeparator = 'div';\n const SListItem = 'li';\n\n return sstyled(styles)(\n <>\n <SListItem>\n <SBreadcrumbsItem\n render={Box}\n use:tabIndex={active || disabled ? -1 : tabIndex}\n use:href={!active && !disabled ? href : undefined}\n aria-current={active ? 'page' : undefined}\n use:tag={active ? 'span' : tag}\n />\n </SListItem>\n <SSeparator aria-hidden='true'>{separator}</SSeparator>\n </>,\n );\n }\n}\n\nexport default createComponent(Breadcrumbs, {\n Item,\n});\n"],"mappings":"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","ignoreList":[]}
|
package/lib/cjs/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface IBreadcrumbsProps extends BreadcrumbsProps, UnknownProperties {}\nexport type BreadcrumbsProps = BoxProps & {\n /**\n * Links divider\n * */\n separator?: React.ReactNode;\n locale?: string;\n};\n\n/** @deprecated */\nexport interface IBreadcrumbsItemProps extends BreadcrumbsItemProps, UnknownProperties {}\nexport type BreadcrumbsItemProps = BoxProps & {\n /** The property is responsible for the activity of the element */\n active?: boolean;\n locale?: string;\n};\n\n/** @deprecated */\nexport interface IBreadcrumbsContext extends BreadcrumbsContext, UnknownProperties {}\nexport type BreadcrumbsContext = BreadcrumbsProps & {\n getItemProps: PropGetterFn;\n};\n\ndeclare const Breadcrumbs: Intergalactic.Component<'div', BreadcrumbsProps, BreadcrumbsContext> & {\n Item: Intergalactic.Component<'a', BreadcrumbsItemProps>;\n};\n\nexport default Breadcrumbs;\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface IBreadcrumbsProps extends BreadcrumbsProps, UnknownProperties {}\nexport type BreadcrumbsProps = BoxProps & {\n /**\n * Links divider\n * */\n separator?: React.ReactNode;\n locale?: string;\n};\n\n/** @deprecated */\nexport interface IBreadcrumbsItemProps extends BreadcrumbsItemProps, UnknownProperties {}\nexport type BreadcrumbsItemProps = BoxProps & {\n /** The property is responsible for the activity of the element */\n active?: boolean;\n locale?: string;\n};\n\n/** @deprecated */\nexport interface IBreadcrumbsContext extends BreadcrumbsContext, UnknownProperties {}\nexport type BreadcrumbsContext = BreadcrumbsProps & {\n getItemProps: PropGetterFn;\n};\n\ndeclare const Breadcrumbs: Intergalactic.Component<'div', BreadcrumbsProps, BreadcrumbsContext> & {\n Item: Intergalactic.Component<'a', BreadcrumbsItemProps>;\n};\n\nexport default Breadcrumbs;\n"],"mappings":"","ignoreList":[]}
|
package/lib/cjs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_Breadcrumbs","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Breadcrumbs';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["_Breadcrumbs","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Breadcrumbs';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -13,13 +13,13 @@ var _it = _interopRequireDefault(require("./it.json"));
|
|
|
13
13
|
var _ja = _interopRequireDefault(require("./ja.json"));
|
|
14
14
|
var _ko = _interopRequireDefault(require("./ko.json"));
|
|
15
15
|
var _nl = _interopRequireDefault(require("./nl.json"));
|
|
16
|
+
var _pl = _interopRequireDefault(require("./pl.json"));
|
|
16
17
|
var _pt = _interopRequireDefault(require("./pt.json"));
|
|
18
|
+
var _sv = _interopRequireDefault(require("./sv.json"));
|
|
17
19
|
var _tr = _interopRequireDefault(require("./tr.json"));
|
|
18
20
|
var _vi = _interopRequireDefault(require("./vi.json"));
|
|
19
21
|
var _zh = _interopRequireDefault(require("./zh.json"));
|
|
20
|
-
var
|
|
21
|
-
var _sv = _interopRequireDefault(require("./sv.json"));
|
|
22
|
-
var localizedMessages = {
|
|
22
|
+
var localizedMessages = exports.localizedMessages = {
|
|
23
23
|
de: _de["default"],
|
|
24
24
|
en: _en["default"],
|
|
25
25
|
es: _es["default"],
|
|
@@ -35,5 +35,4 @@ var localizedMessages = {
|
|
|
35
35
|
pl: _pl["default"],
|
|
36
36
|
sv: _sv["default"]
|
|
37
37
|
};
|
|
38
|
-
exports.localizedMessages = localizedMessages;
|
|
39
38
|
//# sourceMappingURL=__intergalactic-dynamic-locales.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pt","_tr","_vi","_zh","
|
|
1
|
+
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pl","_pt","_sv","_tr","_vi","_zh","localizedMessages","exports","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
|
package/lib/es6/Breadcrumbs.js
CHANGED
|
@@ -1,37 +1,39 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
5
|
+
import _isNativeReflectConstruct from "@babel/runtime/helpers/isNativeReflectConstruct";
|
|
6
|
+
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
4
7
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
|
-
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
6
8
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
9
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
8
10
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
9
11
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
10
|
-
|
|
12
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
11
13
|
import { createComponent, Component, sstyled, Root } from '@semcore/core';
|
|
14
|
+
import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
|
|
12
15
|
import { Box } from '@semcore/flex-box';
|
|
13
16
|
import SSeparator from '@semcore/icon/ChevronRight/m';
|
|
14
|
-
import
|
|
15
|
-
import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
|
|
17
|
+
import React from 'react';
|
|
16
18
|
/*!__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
|
|
17
|
-
var style = (
|
|
19
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBreadcrumbs_qtuco_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_qtuco_gg_ .___SListContainer_qtuco_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_qtuco_gg_ .___SListContainer_qtuco_gg_ .___SSeparator_qtuco_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_qtuco_gg_ .___SListContainer_qtuco_gg_ .___SSeparator_qtuco_gg_:last-child{display:none}.___SBreadcrumbs_qtuco_gg_ .___SListContainer_qtuco_gg_ .___SListItem_qtuco_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_qtuco_gg_ .___SListContainer_qtuco_gg_ .___SListItem_qtuco_gg_ .___SBreadcrumbsItem_qtuco_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_qtuco_gg_ .___SListContainer_qtuco_gg_ .___SListItem_qtuco_gg_ .___SBreadcrumbsItem_qtuco_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_qtuco_gg_ .___SListContainer_qtuco_gg_ .___SListItem_qtuco_gg_ .___SBreadcrumbsItem_qtuco_gg_.__active_qtuco_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_qtuco_gg_ .___SListContainer_qtuco_gg_ .___SListItem_qtuco_gg_ .___SBreadcrumbsItem_qtuco_gg_.__active_qtuco_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}", /*__inner_css_end__*/"qtuco_gg_"),
|
|
18
20
|
/*__reshadow_css_end__*/
|
|
19
21
|
{
|
|
20
|
-
"__SBreadcrumbs": "
|
|
21
|
-
"__SListContainer": "
|
|
22
|
-
"__SSeparator": "
|
|
23
|
-
"__SListItem": "
|
|
24
|
-
"__SBreadcrumbsItem": "
|
|
25
|
-
"_active": "
|
|
22
|
+
"__SBreadcrumbs": "___SBreadcrumbs_qtuco_gg_",
|
|
23
|
+
"__SListContainer": "___SListContainer_qtuco_gg_",
|
|
24
|
+
"__SSeparator": "___SSeparator_qtuco_gg_",
|
|
25
|
+
"__SListItem": "___SListItem_qtuco_gg_",
|
|
26
|
+
"__SBreadcrumbsItem": "___SBreadcrumbsItem_qtuco_gg_",
|
|
27
|
+
"_active": "__active_qtuco_gg_"
|
|
26
28
|
});
|
|
29
|
+
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
27
30
|
var Breadcrumbs = /*#__PURE__*/function (_Component) {
|
|
28
|
-
_inherits(Breadcrumbs, _Component);
|
|
29
|
-
var _super = _createSuper(Breadcrumbs);
|
|
30
31
|
function Breadcrumbs() {
|
|
31
32
|
_classCallCheck(this, Breadcrumbs);
|
|
32
|
-
return
|
|
33
|
+
return _callSuper(this, Breadcrumbs, arguments);
|
|
33
34
|
}
|
|
34
|
-
|
|
35
|
+
_inherits(Breadcrumbs, _Component);
|
|
36
|
+
return _createClass(Breadcrumbs, [{
|
|
35
37
|
key: "getItemProps",
|
|
36
38
|
value: function getItemProps() {
|
|
37
39
|
var _this$asProps = this.asProps,
|
|
@@ -58,7 +60,6 @@ var Breadcrumbs = /*#__PURE__*/function (_Component) {
|
|
|
58
60
|
}, _ref))), /*#__PURE__*/React.createElement(SListContainer, _ref3.cn("SListContainer", {}), /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {}))));
|
|
59
61
|
}
|
|
60
62
|
}]);
|
|
61
|
-
return Breadcrumbs;
|
|
62
63
|
}(Component);
|
|
63
64
|
_defineProperty(Breadcrumbs, "displayName", 'Breadcrumbs');
|
|
64
65
|
_defineProperty(Breadcrumbs, "style", style);
|
|
@@ -70,13 +71,12 @@ _defineProperty(Breadcrumbs, "defaultProps", {
|
|
|
70
71
|
locale: 'en'
|
|
71
72
|
});
|
|
72
73
|
var Item = /*#__PURE__*/function (_Component2) {
|
|
73
|
-
_inherits(Item, _Component2);
|
|
74
|
-
var _super2 = _createSuper(Item);
|
|
75
74
|
function Item() {
|
|
76
75
|
_classCallCheck(this, Item);
|
|
77
|
-
return
|
|
76
|
+
return _callSuper(this, Item, arguments);
|
|
78
77
|
}
|
|
79
|
-
|
|
78
|
+
_inherits(Item, _Component2);
|
|
79
|
+
return _createClass(Item, [{
|
|
80
80
|
key: "render",
|
|
81
81
|
value: function render() {
|
|
82
82
|
var _ref2 = this.asProps,
|
|
@@ -102,7 +102,6 @@ var Item = /*#__PURE__*/function (_Component2) {
|
|
|
102
102
|
}), separator));
|
|
103
103
|
}
|
|
104
104
|
}]);
|
|
105
|
-
return Item;
|
|
106
105
|
}(Component);
|
|
107
106
|
_defineProperty(Item, "defaultProps", {
|
|
108
107
|
tag: 'a',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","names":["
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","names":["createComponent","Component","sstyled","Root","i18nEnhance","Box","SSeparator","React","style","_sstyled","insert","localizedMessages","Breadcrumbs","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","getItemProps","_this$asProps","asProps","separator","locale","render","_ref","_ref3","SBreadcrumbs","SListContainer","_this$asProps2","styles","getI18nText","Children","createElement","cn","_objectSpread","_assignProps","_defineProperty","tag","i18n","Item","_Component2","_ref2","_ref4","SBreadcrumbsItem","_this$asProps3","active","disabled","href","tabIndex","SListItem","Fragment","_assignProps2","undefined"],"sources":["../../src/Breadcrumbs.jsx"],"sourcesContent":["import { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { Box } from '@semcore/flex-box';\nimport SSeparator from '@semcore/icon/ChevronRight/m';\nimport React from 'react';\n\nimport style from './style/breadcrumbs.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass Breadcrumbs extends Component {\n static displayName = 'Breadcrumbs';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n separator: <SSeparator />,\n tag: 'nav',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n getItemProps() {\n const { separator, locale } = this.asProps;\n return {\n separator,\n locale,\n };\n }\n\n render() {\n const SBreadcrumbs = Root;\n const SListContainer = 'ol';\n const { styles, getI18nText, Children } = this.asProps;\n return sstyled(styles)(\n <SBreadcrumbs render={Box} aria-label={getI18nText('breadcrumbs')}>\n <SListContainer>\n <Children />\n </SListContainer>\n </SBreadcrumbs>,\n );\n }\n}\n\nclass Item extends Component {\n static defaultProps = {\n tag: 'a',\n locale: 'en',\n tabIndex: 0,\n };\n\n render() {\n const SBreadcrumbsItem = Root;\n const { styles, separator, active, disabled, href, tabIndex, tag } = this.asProps;\n const SSeparator = 'div';\n const SListItem = 'li';\n\n return sstyled(styles)(\n <>\n <SListItem>\n <SBreadcrumbsItem\n render={Box}\n use:tabIndex={active || disabled ? -1 : tabIndex}\n use:href={!active && !disabled ? href : undefined}\n aria-current={active ? 'page' : undefined}\n use:tag={active ? 'span' : tag}\n />\n </SListItem>\n <SSeparator aria-hidden='true'>{separator}</SSeparator>\n </>,\n );\n }\n}\n\nexport default createComponent(Breadcrumbs, {\n Item,\n});\n"],"mappings":"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","ignoreList":[]}
|
package/lib/es6/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface IBreadcrumbsProps extends BreadcrumbsProps, UnknownProperties {}\nexport type BreadcrumbsProps = BoxProps & {\n /**\n * Links divider\n * */\n separator?: React.ReactNode;\n locale?: string;\n};\n\n/** @deprecated */\nexport interface IBreadcrumbsItemProps extends BreadcrumbsItemProps, UnknownProperties {}\nexport type BreadcrumbsItemProps = BoxProps & {\n /** The property is responsible for the activity of the element */\n active?: boolean;\n locale?: string;\n};\n\n/** @deprecated */\nexport interface IBreadcrumbsContext extends BreadcrumbsContext, UnknownProperties {}\nexport type BreadcrumbsContext = BreadcrumbsProps & {\n getItemProps: PropGetterFn;\n};\n\ndeclare const Breadcrumbs: Intergalactic.Component<'div', BreadcrumbsProps, BreadcrumbsContext> & {\n Item: Intergalactic.Component<'a', BreadcrumbsItemProps>;\n};\n\nexport default Breadcrumbs;\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface IBreadcrumbsProps extends BreadcrumbsProps, UnknownProperties {}\nexport type BreadcrumbsProps = BoxProps & {\n /**\n * Links divider\n * */\n separator?: React.ReactNode;\n locale?: string;\n};\n\n/** @deprecated */\nexport interface IBreadcrumbsItemProps extends BreadcrumbsItemProps, UnknownProperties {}\nexport type BreadcrumbsItemProps = BoxProps & {\n /** The property is responsible for the activity of the element */\n active?: boolean;\n locale?: string;\n};\n\n/** @deprecated */\nexport interface IBreadcrumbsContext extends BreadcrumbsContext, UnknownProperties {}\nexport type BreadcrumbsContext = BreadcrumbsProps & {\n getItemProps: PropGetterFn;\n};\n\ndeclare const Breadcrumbs: Intergalactic.Component<'div', BreadcrumbsProps, BreadcrumbsContext> & {\n Item: Intergalactic.Component<'a', BreadcrumbsItemProps>;\n};\n\nexport default Breadcrumbs;\n"],"mappings":"","ignoreList":[]}
|
package/lib/es6/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Breadcrumbs';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,eAAe"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Breadcrumbs';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,eAAe","ignoreList":[]}
|
|
@@ -6,12 +6,12 @@ import it from './it.json';
|
|
|
6
6
|
import ja from './ja.json';
|
|
7
7
|
import ko from './ko.json';
|
|
8
8
|
import nl from './nl.json';
|
|
9
|
+
import pl from './pl.json';
|
|
9
10
|
import pt from './pt.json';
|
|
11
|
+
import sv from './sv.json';
|
|
10
12
|
import tr from './tr.json';
|
|
11
13
|
import vi from './vi.json';
|
|
12
14
|
import zh from './zh.json';
|
|
13
|
-
import pl from './pl.json';
|
|
14
|
-
import sv from './sv.json';
|
|
15
15
|
export var localizedMessages = {
|
|
16
16
|
de: de,
|
|
17
17
|
en: en,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","
|
|
1
|
+
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pl","pt","sv","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/Bd,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFL,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
|
package/lib/esm/Breadcrumbs.mjs
CHANGED
|
@@ -1,41 +1,45 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
|
5
|
+
import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
|
|
6
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
4
7
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
5
|
-
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
6
8
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
9
|
import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
|
|
8
|
-
import
|
|
10
|
+
import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
|
|
9
11
|
import { Box } from "@semcore/flex-box";
|
|
10
12
|
import SSeparator from "@semcore/icon/ChevronRight/m";
|
|
13
|
+
import React from "react";
|
|
11
14
|
import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
|
|
12
|
-
|
|
15
|
+
function _callSuper(t, o, e) {
|
|
16
|
+
return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
|
|
17
|
+
}
|
|
13
18
|
/*!__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
|
|
14
19
|
var style = (
|
|
15
20
|
/*__reshadow_css_start__*/
|
|
16
21
|
(sstyled.insert(
|
|
17
22
|
/*__inner_css_start__*/
|
|
18
|
-
".
|
|
23
|
+
".___SBreadcrumbs_qtuco_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_qtuco_gg_ .___SListContainer_qtuco_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_qtuco_gg_ .___SListContainer_qtuco_gg_ .___SSeparator_qtuco_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_qtuco_gg_ .___SListContainer_qtuco_gg_ .___SSeparator_qtuco_gg_:last-child{display:none}.___SBreadcrumbs_qtuco_gg_ .___SListContainer_qtuco_gg_ .___SListItem_qtuco_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_qtuco_gg_ .___SListContainer_qtuco_gg_ .___SListItem_qtuco_gg_ .___SBreadcrumbsItem_qtuco_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_qtuco_gg_ .___SListContainer_qtuco_gg_ .___SListItem_qtuco_gg_ .___SBreadcrumbsItem_qtuco_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_qtuco_gg_ .___SListContainer_qtuco_gg_ .___SListItem_qtuco_gg_ .___SBreadcrumbsItem_qtuco_gg_.__active_qtuco_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_qtuco_gg_ .___SListContainer_qtuco_gg_ .___SListItem_qtuco_gg_ .___SBreadcrumbsItem_qtuco_gg_.__active_qtuco_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}",
|
|
19
24
|
/*__inner_css_end__*/
|
|
20
|
-
"
|
|
25
|
+
"qtuco_gg_"
|
|
21
26
|
), /*__reshadow_css_end__*/
|
|
22
27
|
{
|
|
23
|
-
"__SBreadcrumbs": "
|
|
24
|
-
"__SListContainer": "
|
|
25
|
-
"__SSeparator": "
|
|
26
|
-
"__SListItem": "
|
|
27
|
-
"__SBreadcrumbsItem": "
|
|
28
|
-
"_active": "
|
|
28
|
+
"__SBreadcrumbs": "___SBreadcrumbs_qtuco_gg_",
|
|
29
|
+
"__SListContainer": "___SListContainer_qtuco_gg_",
|
|
30
|
+
"__SSeparator": "___SSeparator_qtuco_gg_",
|
|
31
|
+
"__SListItem": "___SListItem_qtuco_gg_",
|
|
32
|
+
"__SBreadcrumbsItem": "___SBreadcrumbsItem_qtuco_gg_",
|
|
33
|
+
"_active": "__active_qtuco_gg_"
|
|
29
34
|
})
|
|
30
35
|
);
|
|
31
36
|
var Breadcrumbs = /* @__PURE__ */ function(_Component) {
|
|
32
|
-
_inherits(Breadcrumbs2, _Component);
|
|
33
|
-
var _super = _createSuper(Breadcrumbs2);
|
|
34
37
|
function Breadcrumbs2() {
|
|
35
38
|
_classCallCheck(this, Breadcrumbs2);
|
|
36
|
-
return
|
|
39
|
+
return _callSuper(this, Breadcrumbs2, arguments);
|
|
37
40
|
}
|
|
38
|
-
|
|
41
|
+
_inherits(Breadcrumbs2, _Component);
|
|
42
|
+
return _createClass(Breadcrumbs2, [{
|
|
39
43
|
key: "getItemProps",
|
|
40
44
|
value: function getItemProps() {
|
|
41
45
|
var _this$asProps = this.asProps, separator = _this$asProps.separator, locale = _this$asProps.locale;
|
|
@@ -56,7 +60,6 @@ var Breadcrumbs = /* @__PURE__ */ function(_Component) {
|
|
|
56
60
|
}, _ref))), /* @__PURE__ */ React.createElement(SListContainer, _ref3.cn("SListContainer", {}), /* @__PURE__ */ React.createElement(Children, _ref3.cn("Children", {}))));
|
|
57
61
|
}
|
|
58
62
|
}]);
|
|
59
|
-
return Breadcrumbs2;
|
|
60
63
|
}(Component);
|
|
61
64
|
_defineProperty(Breadcrumbs, "displayName", "Breadcrumbs");
|
|
62
65
|
_defineProperty(Breadcrumbs, "style", style);
|
|
@@ -68,13 +71,12 @@ _defineProperty(Breadcrumbs, "defaultProps", {
|
|
|
68
71
|
locale: "en"
|
|
69
72
|
});
|
|
70
73
|
var Item = /* @__PURE__ */ function(_Component2) {
|
|
71
|
-
_inherits(Item2, _Component2);
|
|
72
|
-
var _super2 = _createSuper(Item2);
|
|
73
74
|
function Item2() {
|
|
74
75
|
_classCallCheck(this, Item2);
|
|
75
|
-
return
|
|
76
|
+
return _callSuper(this, Item2, arguments);
|
|
76
77
|
}
|
|
77
|
-
|
|
78
|
+
_inherits(Item2, _Component2);
|
|
79
|
+
return _createClass(Item2, [{
|
|
78
80
|
key: "render",
|
|
79
81
|
value: function render() {
|
|
80
82
|
var _ref2 = this.asProps, _ref4;
|
|
@@ -92,7 +94,6 @@ var Item = /* @__PURE__ */ function(_Component2) {
|
|
|
92
94
|
}), separator));
|
|
93
95
|
}
|
|
94
96
|
}]);
|
|
95
|
-
return Item2;
|
|
96
97
|
}(Component);
|
|
97
98
|
_defineProperty(Item, "defaultProps", {
|
|
98
99
|
tag: "a",
|
|
@@ -6,12 +6,12 @@ import it from "./it.json.mjs";
|
|
|
6
6
|
import ja from "./ja.json.mjs";
|
|
7
7
|
import ko from "./ko.json.mjs";
|
|
8
8
|
import nl from "./nl.json.mjs";
|
|
9
|
+
import pl from "./pl.json.mjs";
|
|
9
10
|
import pt from "./pt.json.mjs";
|
|
11
|
+
import sv from "./sv.json.mjs";
|
|
10
12
|
import tr from "./tr.json.mjs";
|
|
11
13
|
import vi from "./vi.json.mjs";
|
|
12
14
|
import zh from "./zh.json.mjs";
|
|
13
|
-
import pl from "./pl.json.mjs";
|
|
14
|
-
import sv from "./sv.json.mjs";
|
|
15
15
|
var localizedMessages = {
|
|
16
16
|
de,
|
|
17
17
|
en,
|
package/lib/types/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
|
|
2
|
-
import { BoxProps } from '@semcore/flex-box';
|
|
1
|
+
import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
|
|
2
|
+
import type { BoxProps } from '@semcore/flex-box';
|
|
3
3
|
|
|
4
4
|
/** @deprecated */
|
|
5
5
|
export interface IBreadcrumbsProps extends BreadcrumbsProps, UnknownProperties {}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/breadcrumbs",
|
|
3
3
|
"description": "Semrush Breadcrumbs Component",
|
|
4
|
-
"version": "16.2.
|
|
4
|
+
"version": "16.2.1-prerelease.1",
|
|
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.2.
|
|
18
|
-
"@semcore/flex-box": "16.0.
|
|
17
|
+
"@semcore/icon": "16.2.1-prerelease.1",
|
|
18
|
+
"@semcore/flex-box": "16.0.2-prerelease.1"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
|
-
"@semcore/base-components": "^16.0.
|
|
21
|
+
"@semcore/base-components": "^16.0.2-prerelease.1"
|
|
22
22
|
},
|
|
23
23
|
"repository": {
|
|
24
24
|
"type": "git",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"directory": "semcore/breadcrumbs"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
|
-
"@
|
|
29
|
+
"@semcore/core": "16.0.0",
|
|
30
30
|
"@semcore/testing-utils": "1.0.0"
|
|
31
31
|
},
|
|
32
32
|
"scripts": {
|