@semcore/breadcrumbs 17.2.1 → 17.2.2-prerelease.0
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 +7 -0
- package/lib/cjs/Breadcrumbs.js +11 -8
- package/lib/cjs/Breadcrumbs.js.map +1 -1
- package/lib/cjs/Breadcrumbs.type.js +2 -0
- package/lib/cjs/Breadcrumbs.type.js.map +1 -0
- package/lib/cjs/index.js +13 -0
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/Breadcrumbs.js +11 -8
- package/lib/es6/Breadcrumbs.js.map +1 -1
- package/lib/es6/Breadcrumbs.type.js +2 -0
- package/lib/es6/Breadcrumbs.type.js.map +1 -0
- package/lib/es6/index.js +1 -0
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/esm/Breadcrumbs.mjs +9 -9
- package/lib/esm/Breadcrumbs.type.mjs +1 -0
- package/lib/esm/index.mjs +1 -0
- package/lib/types/Breadcrumbs.d.ts +8 -0
- package/lib/types/Breadcrumbs.type.d.ts +41 -0
- package/lib/types/index.d.ts +2 -34
- package/lib/types/translations/__intergalactic-dynamic-locales.d.ts +45 -0
- package/package.json +2 -2
- package/vite.config.ts +1 -1
- package/lib/cjs/index.d.js +0 -2
- package/lib/cjs/index.d.js.map +0 -1
- package/lib/es6/index.d.js +0 -2
- package/lib/es6/index.d.js.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [17.2.2] - 2026-07-09
|
|
6
|
+
|
|
7
|
+
### Fixed
|
|
8
|
+
|
|
9
|
+
- Rewrite component to TS. Deprecate atomic types. Atomic types are part
|
|
10
|
+
of `NSBreadcrumbs` namespace.
|
|
11
|
+
|
|
5
12
|
## [17.2.1] - 2026-06-26
|
|
6
13
|
|
|
7
14
|
### Fixed
|
package/lib/cjs/Breadcrumbs.js
CHANGED
|
@@ -14,15 +14,15 @@ var _typography = require("@semcore/typography");
|
|
|
14
14
|
var _react = _interopRequireDefault(require("react"));
|
|
15
15
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
16
16
|
/*!__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
|
|
17
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
17
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBreadcrumbs_1xto8_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_{display:contents;list-style:none}.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SSeparator_1xto8_gg_{margin:0 var(--intergalactic-spacing-2x,8px);color:var(--intergalactic-icon-secondary-neutral,rgba(0,5,2,.385));display:flex}@media (color-gamut:p3){.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SSeparator_1xto8_gg_{color:var(--intergalactic-icon-secondary-neutral,oklch(.104 .023 162.3/.385))}}.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SSeparator_1xto8_gg_:last-child{display:none}.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SListItem_1xto8_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SListItem_1xto8_gg_ .___SBreadcrumbsItem_1xto8_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,#00030095);-webkit-text-decoration:none;text-decoration:none;cursor:pointer}@media (color-gamut:p3){.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SListItem_1xto8_gg_ .___SBreadcrumbsItem_1xto8_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}@media (hover:hover){.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SListItem_1xto8_gg_ .___SBreadcrumbsItem_1xto8_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SListItem_1xto8_gg_ .___SBreadcrumbsItem_1xto8_gg_.__active_1xto8_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));cursor:default}@media (hover:hover){.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SListItem_1xto8_gg_ .___SBreadcrumbsItem_1xto8_gg_.__active_1xto8_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}", /*__inner_css_end__*/"1xto8_gg_"),
|
|
18
18
|
/*__reshadow_css_end__*/
|
|
19
19
|
{
|
|
20
|
-
"__SBreadcrumbs": "
|
|
21
|
-
"__SListContainer": "
|
|
22
|
-
"__SSeparator": "
|
|
23
|
-
"__SListItem": "
|
|
24
|
-
"__SBreadcrumbsItem": "
|
|
25
|
-
"_active": "
|
|
20
|
+
"__SBreadcrumbs": "___SBreadcrumbs_1xto8_gg_",
|
|
21
|
+
"__SListContainer": "___SListContainer_1xto8_gg_",
|
|
22
|
+
"__SSeparator": "___SSeparator_1xto8_gg_",
|
|
23
|
+
"__SListItem": "___SListItem_1xto8_gg_",
|
|
24
|
+
"__SBreadcrumbsItem": "___SBreadcrumbsItem_1xto8_gg_",
|
|
25
|
+
"_active": "__active_1xto8_gg_"
|
|
26
26
|
});
|
|
27
27
|
class Breadcrumbs extends _core.Component {
|
|
28
28
|
getItemProps() {
|
|
@@ -47,6 +47,7 @@ class Breadcrumbs extends _core.Component {
|
|
|
47
47
|
} = this.asProps;
|
|
48
48
|
return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SBreadcrumbs, _ref3.cn("SBreadcrumbs", {
|
|
49
49
|
...(0, _core.assignProps)({
|
|
50
|
+
"tag": 'nav',
|
|
50
51
|
"aria-label": getI18nText('breadcrumbs')
|
|
51
52
|
}, _ref)
|
|
52
53
|
}), /*#__PURE__*/_react.default.createElement(SListContainer, _ref3.cn("SListContainer", {}), /*#__PURE__*/_react.default.createElement(Children, _ref3.cn("Children", {}))));
|
|
@@ -57,7 +58,6 @@ class Breadcrumbs extends _core.Component {
|
|
|
57
58
|
(0, _defineProperty2.default)(Breadcrumbs, "enhance", [(0, _i18nEnhance.default)(_intergalacticDynamicLocales.localizedMessages)]);
|
|
58
59
|
(0, _defineProperty2.default)(Breadcrumbs, "defaultProps", {
|
|
59
60
|
separator: /*#__PURE__*/_react.default.createElement(_m.default, null),
|
|
60
|
-
tag: 'nav',
|
|
61
61
|
i18n: _intergalacticDynamicLocales.localizedMessages,
|
|
62
62
|
locale: 'en'
|
|
63
63
|
});
|
|
@@ -65,6 +65,9 @@ function Item(props) {
|
|
|
65
65
|
var _ref2 = arguments[0],
|
|
66
66
|
_ref4;
|
|
67
67
|
const SBreadcrumbsItem = _typography.Text;
|
|
68
|
+
// Used to tweak the root element when `disabled` is passed to the tag.
|
|
69
|
+
// The default tag is `a`, so `@ts-expect-error` is intentional.
|
|
70
|
+
// @ts-expect-error
|
|
68
71
|
const {
|
|
69
72
|
styles,
|
|
70
73
|
separator,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","names":["_core","require","_baseComponents","_i18nEnhance","_interopRequireDefault","_m","_typography","_react","_intergalacticDynamicLocales","style","sstyled","insert","Breadcrumbs","Component","getItemProps","separator","locale","asProps","render","_ref","_ref3","SBreadcrumbs","Box","SListContainer","styles","getI18nText","Children","default","createElement","cn","assignProps","_defineProperty2","i18nEnhance","localizedMessages","
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","names":["_core","require","_baseComponents","_i18nEnhance","_interopRequireDefault","_m","_typography","_react","_intergalacticDynamicLocales","style","sstyled","insert","Breadcrumbs","Component","getItemProps","separator","locale","asProps","render","_ref","_ref3","SBreadcrumbs","Box","SListContainer","styles","getI18nText","Children","default","createElement","cn","assignProps","_defineProperty2","i18nEnhance","localizedMessages","i18n","Item","props","_ref2","arguments[0]","_ref4","SBreadcrumbsItem","Text","active","disabled","href","tabIndex","tag","ellipsis","SSeparator","SListItem","Fragment","undefined","defaultProps","_default","exports","createComponent"],"sources":["../../src/Breadcrumbs.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport SSeparator from '@semcore/icon/ChevronRight/m';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport type { NSBreadcrumbs } from './Breadcrumbs.type';\nimport style from './style/breadcrumbs.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass Breadcrumbs extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSBreadcrumbs.Component>,\n typeof Breadcrumbs.enhance,\n {},\n WithI18nEnhanceProps,\n {},\n NSBreadcrumbs.DefaultProps\n> {\n static displayName = 'Breadcrumbs';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)] as const;\n static defaultProps = {\n separator: <SSeparator />,\n i18n: localizedMessages,\n locale: 'en',\n } as const;\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 tag='nav' render={Box} aria-label={getI18nText('breadcrumbs')}>\n <SListContainer>\n <Children />\n </SListContainer>\n </SBreadcrumbs>,\n );\n }\n}\n\nfunction Item(\n props: Intergalactic.InternalTypings.InferChildComponentProps<NSBreadcrumbs.Item.Component, typeof Breadcrumbs, 'Item'> & { tag?: Intergalactic.Tag },\n) {\n const SBreadcrumbsItem = Root;\n // Used to tweak the root element when `disabled` is passed to the tag.\n // The default tag is `a`, so `@ts-expect-error` is intentional.\n // @ts-expect-error\n const { styles, separator, active, disabled, href, tabIndex, tag, ellipsis = true } = props;\n const SSeparator = 'div';\n const SListItem = 'li';\n\n return sstyled(styles)(\n <>\n <SListItem>\n <SBreadcrumbsItem\n render={Text}\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 ellipsis={ellipsis}\n />\n </SListItem>\n <SSeparator aria-hidden='true'>{separator}</SSeparator>\n </>,\n );\n}\nItem.defaultProps = {\n tag: 'a',\n locale: 'en',\n tabIndex: 0,\n};\n\n/**\n * Breadcrumbs\n *\n * {@link https://developer.semrush.com/intergalactic/components/breadcrumbs/breadcrumbs-api/|API} | {@link https://developer.semrush.com/intergalactic/components/breadcrumbs/breadcrumbs-code/|Examples}\n */\nexport default createComponent<\n NSBreadcrumbs.Component,\n typeof Breadcrumbs\n>(Breadcrumbs, {\n Item,\n});\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.type.js","names":[],"sources":["../../src/Breadcrumbs.type.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { NSText } from '@semcore/typography';\n\nimport type { LocalizedMessages } from './translations/__intergalactic-dynamic-locales';\n\ndeclare namespace NSBreadcrumbs {\n type Props = BoxProps & {\n /**\n * Links divider\n * */\n separator?: React.ReactNode;\n /** Specifies the locale for i18n support */\n locale?: string;\n };\n type DefaultProps = {\n separator: React.JSX.Element;\n i18n: LocalizedMessages;\n locale: 'en';\n };\n type Ctx = {\n getItemProps: PropGetterFn;\n };\n\n namespace Item {\n type Props = BoxProps & {\n /** The property is responsible for the activity of the element */\n active?: boolean;\n /** Specifies the locale for i18n support */\n locale?: string;\n /**\n * Ellipsis settings. You shouldn't use `cropPosition: middle` for breadcrumbs.\n * If you're sure you need `cropPosition: middle`, set `w` to Breadcrumbs.Item manually, for correct Ellipsis calculations.\n * @default false\n */\n } & NSText.HintProps & NSText.EllipsisProps;\n\n type Component = Intergalactic.Component<'a', Props>;\n }\n\n type Component = Intergalactic.Component<'div', Props, Ctx> & {\n Item: Item.Component;\n };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type BreadcrumbsProps = NSBreadcrumbs.Props;\n/** @deprecated It will be removed in v18. */\nexport type BreadcrumbsItemProps = NSBreadcrumbs.Item.Props;\n/** @deprecated It will be removed in v18. */\nexport type BreadcrumbsContext = NSBreadcrumbs.Ctx;\n\nexport type { NSBreadcrumbs };\n"],"mappings":"","ignoreList":[]}
|
package/lib/cjs/index.js
CHANGED
|
@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
+
var _exportNames = {};
|
|
7
8
|
Object.defineProperty(exports, "default", {
|
|
8
9
|
enumerable: true,
|
|
9
10
|
get: function () {
|
|
@@ -11,4 +12,16 @@ Object.defineProperty(exports, "default", {
|
|
|
11
12
|
}
|
|
12
13
|
});
|
|
13
14
|
var _Breadcrumbs = _interopRequireDefault(require("./Breadcrumbs"));
|
|
15
|
+
var _Breadcrumbs2 = require("./Breadcrumbs.type");
|
|
16
|
+
Object.keys(_Breadcrumbs2).forEach(function (key) {
|
|
17
|
+
if (key === "default" || key === "__esModule") return;
|
|
18
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
19
|
+
if (key in exports && exports[key] === _Breadcrumbs2[key]) return;
|
|
20
|
+
Object.defineProperty(exports, key, {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: function () {
|
|
23
|
+
return _Breadcrumbs2[key];
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
});
|
|
14
27
|
//# sourceMappingURL=index.js.map
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_Breadcrumbs","_interopRequireDefault","require"],"sources":["../../src/index.
|
|
1
|
+
{"version":3,"file":"index.js","names":["_Breadcrumbs","_interopRequireDefault","require","_Breadcrumbs2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './Breadcrumbs';\nexport * from './Breadcrumbs.type';\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,aAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,aAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,aAAA,CAAAI,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
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,MAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
|
|
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\nexport type LocalizedMessages = typeof localizedMessages;\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,MAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
|
package/lib/es6/Breadcrumbs.js
CHANGED
|
@@ -9,15 +9,15 @@ import SSeparator from '@semcore/icon/ChevronRight/m';
|
|
|
9
9
|
import { Text } from '@semcore/typography';
|
|
10
10
|
import React from 'react';
|
|
11
11
|
/*!__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
|
|
12
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
12
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBreadcrumbs_1xto8_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_{display:contents;list-style:none}.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SSeparator_1xto8_gg_{margin:0 var(--intergalactic-spacing-2x,8px);color:var(--intergalactic-icon-secondary-neutral,rgba(0,5,2,.385));display:flex}@media (color-gamut:p3){.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SSeparator_1xto8_gg_{color:var(--intergalactic-icon-secondary-neutral,oklch(.104 .023 162.3/.385))}}.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SSeparator_1xto8_gg_:last-child{display:none}.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SListItem_1xto8_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SListItem_1xto8_gg_ .___SBreadcrumbsItem_1xto8_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,#00030095);-webkit-text-decoration:none;text-decoration:none;cursor:pointer}@media (color-gamut:p3){.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SListItem_1xto8_gg_ .___SBreadcrumbsItem_1xto8_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}@media (hover:hover){.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SListItem_1xto8_gg_ .___SBreadcrumbsItem_1xto8_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SListItem_1xto8_gg_ .___SBreadcrumbsItem_1xto8_gg_.__active_1xto8_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));cursor:default}@media (hover:hover){.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SListItem_1xto8_gg_ .___SBreadcrumbsItem_1xto8_gg_.__active_1xto8_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}", /*__inner_css_end__*/"1xto8_gg_"),
|
|
13
13
|
/*__reshadow_css_end__*/
|
|
14
14
|
{
|
|
15
|
-
"__SBreadcrumbs": "
|
|
16
|
-
"__SListContainer": "
|
|
17
|
-
"__SSeparator": "
|
|
18
|
-
"__SListItem": "
|
|
19
|
-
"__SBreadcrumbsItem": "
|
|
20
|
-
"_active": "
|
|
15
|
+
"__SBreadcrumbs": "___SBreadcrumbs_1xto8_gg_",
|
|
16
|
+
"__SListContainer": "___SListContainer_1xto8_gg_",
|
|
17
|
+
"__SSeparator": "___SSeparator_1xto8_gg_",
|
|
18
|
+
"__SListItem": "___SListItem_1xto8_gg_",
|
|
19
|
+
"__SBreadcrumbsItem": "___SBreadcrumbsItem_1xto8_gg_",
|
|
20
|
+
"_active": "__active_1xto8_gg_"
|
|
21
21
|
});
|
|
22
22
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
23
23
|
class Breadcrumbs extends Component {
|
|
@@ -43,6 +43,7 @@ class Breadcrumbs extends Component {
|
|
|
43
43
|
} = this.asProps;
|
|
44
44
|
return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SBreadcrumbs, _ref3.cn("SBreadcrumbs", {
|
|
45
45
|
..._assignProps({
|
|
46
|
+
"tag": 'nav',
|
|
46
47
|
"aria-label": getI18nText('breadcrumbs')
|
|
47
48
|
}, _ref)
|
|
48
49
|
}), /*#__PURE__*/React.createElement(SListContainer, _ref3.cn("SListContainer", {}), /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {}))));
|
|
@@ -53,7 +54,6 @@ _defineProperty(Breadcrumbs, "style", style);
|
|
|
53
54
|
_defineProperty(Breadcrumbs, "enhance", [i18nEnhance(localizedMessages)]);
|
|
54
55
|
_defineProperty(Breadcrumbs, "defaultProps", {
|
|
55
56
|
separator: /*#__PURE__*/React.createElement(SSeparator, null),
|
|
56
|
-
tag: 'nav',
|
|
57
57
|
i18n: localizedMessages,
|
|
58
58
|
locale: 'en'
|
|
59
59
|
});
|
|
@@ -61,6 +61,9 @@ function Item(props) {
|
|
|
61
61
|
var _ref2 = arguments[0],
|
|
62
62
|
_ref4;
|
|
63
63
|
const SBreadcrumbsItem = Text;
|
|
64
|
+
// Used to tweak the root element when `disabled` is passed to the tag.
|
|
65
|
+
// The default tag is `a`, so `@ts-expect-error` is intentional.
|
|
66
|
+
// @ts-expect-error
|
|
64
67
|
const {
|
|
65
68
|
styles,
|
|
66
69
|
separator,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","names":["Box","createComponent","Component","sstyled","Root","i18nEnhance","SSeparator","Text","React","style","_sstyled","insert","localizedMessages","Breadcrumbs","getItemProps","separator","locale","asProps","render","_ref","_ref3","SBreadcrumbs","SListContainer","styles","getI18nText","Children","createElement","cn","_assignProps","_defineProperty","
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","names":["Box","createComponent","Component","sstyled","Root","i18nEnhance","SSeparator","Text","React","style","_sstyled","insert","localizedMessages","Breadcrumbs","getItemProps","separator","locale","asProps","render","_ref","_ref3","SBreadcrumbs","SListContainer","styles","getI18nText","Children","createElement","cn","_assignProps","_defineProperty","i18n","Item","props","_ref2","arguments[0]","_ref4","SBreadcrumbsItem","active","disabled","href","tabIndex","tag","ellipsis","SListItem","Fragment","_assignProps2","undefined","defaultProps"],"sources":["../../src/Breadcrumbs.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport SSeparator from '@semcore/icon/ChevronRight/m';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport type { NSBreadcrumbs } from './Breadcrumbs.type';\nimport style from './style/breadcrumbs.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass Breadcrumbs extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSBreadcrumbs.Component>,\n typeof Breadcrumbs.enhance,\n {},\n WithI18nEnhanceProps,\n {},\n NSBreadcrumbs.DefaultProps\n> {\n static displayName = 'Breadcrumbs';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)] as const;\n static defaultProps = {\n separator: <SSeparator />,\n i18n: localizedMessages,\n locale: 'en',\n } as const;\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 tag='nav' render={Box} aria-label={getI18nText('breadcrumbs')}>\n <SListContainer>\n <Children />\n </SListContainer>\n </SBreadcrumbs>,\n );\n }\n}\n\nfunction Item(\n props: Intergalactic.InternalTypings.InferChildComponentProps<NSBreadcrumbs.Item.Component, typeof Breadcrumbs, 'Item'> & { tag?: Intergalactic.Tag },\n) {\n const SBreadcrumbsItem = Root;\n // Used to tweak the root element when `disabled` is passed to the tag.\n // The default tag is `a`, so `@ts-expect-error` is intentional.\n // @ts-expect-error\n const { styles, separator, active, disabled, href, tabIndex, tag, ellipsis = true } = props;\n const SSeparator = 'div';\n const SListItem = 'li';\n\n return sstyled(styles)(\n <>\n <SListItem>\n <SBreadcrumbsItem\n render={Text}\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 ellipsis={ellipsis}\n />\n </SListItem>\n <SSeparator aria-hidden='true'>{separator}</SSeparator>\n </>,\n );\n}\nItem.defaultProps = {\n tag: 'a',\n locale: 'en',\n tabIndex: 0,\n};\n\n/**\n * Breadcrumbs\n *\n * {@link https://developer.semrush.com/intergalactic/components/breadcrumbs/breadcrumbs-api/|API} | {@link https://developer.semrush.com/intergalactic/components/breadcrumbs/breadcrumbs-code/|Examples}\n */\nexport default createComponent<\n NSBreadcrumbs.Component,\n typeof Breadcrumbs\n>(Breadcrumbs, {\n Item,\n});\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.type.js","names":[],"sources":["../../src/Breadcrumbs.type.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { NSText } from '@semcore/typography';\n\nimport type { LocalizedMessages } from './translations/__intergalactic-dynamic-locales';\n\ndeclare namespace NSBreadcrumbs {\n type Props = BoxProps & {\n /**\n * Links divider\n * */\n separator?: React.ReactNode;\n /** Specifies the locale for i18n support */\n locale?: string;\n };\n type DefaultProps = {\n separator: React.JSX.Element;\n i18n: LocalizedMessages;\n locale: 'en';\n };\n type Ctx = {\n getItemProps: PropGetterFn;\n };\n\n namespace Item {\n type Props = BoxProps & {\n /** The property is responsible for the activity of the element */\n active?: boolean;\n /** Specifies the locale for i18n support */\n locale?: string;\n /**\n * Ellipsis settings. You shouldn't use `cropPosition: middle` for breadcrumbs.\n * If you're sure you need `cropPosition: middle`, set `w` to Breadcrumbs.Item manually, for correct Ellipsis calculations.\n * @default false\n */\n } & NSText.HintProps & NSText.EllipsisProps;\n\n type Component = Intergalactic.Component<'a', Props>;\n }\n\n type Component = Intergalactic.Component<'div', Props, Ctx> & {\n Item: Item.Component;\n };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type BreadcrumbsProps = NSBreadcrumbs.Props;\n/** @deprecated It will be removed in v18. */\nexport type BreadcrumbsItemProps = NSBreadcrumbs.Item.Props;\n/** @deprecated It will be removed in v18. */\nexport type BreadcrumbsContext = NSBreadcrumbs.Ctx;\n\nexport type { NSBreadcrumbs };\n"],"mappings":"","ignoreList":[]}
|
package/lib/es6/index.js
CHANGED
package/lib/es6/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './Breadcrumbs';\nexport * from './Breadcrumbs.type';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,eAAe;AACvC,cAAc,oBAAoB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
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,MAAMC,iBAAiB,GAAG;EAC/Bd,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFE,EAAE;EACFE,EAAE;EACFC,EAAE;EACFC,EAAE;EACFL,EAAE;EACFE;AACF,CAAC","ignoreList":[]}
|
|
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\nexport type LocalizedMessages = typeof localizedMessages;\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,MAAMC,iBAAiB,GAAG;EAC/Bd,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFE,EAAE;EACFE,EAAE;EACFC,EAAE;EACFC,EAAE;EACFL,EAAE;EACFE;AACF,CAAC","ignoreList":[]}
|
package/lib/esm/Breadcrumbs.mjs
CHANGED
|
@@ -11,17 +11,17 @@ const style = (
|
|
|
11
11
|
/*__reshadow_css_start__*/
|
|
12
12
|
(sstyled.insert(
|
|
13
13
|
/*__inner_css_start__*/
|
|
14
|
-
".
|
|
14
|
+
".___SBreadcrumbs_1xto8_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_{display:contents;list-style:none}.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SSeparator_1xto8_gg_{margin:0 var(--intergalactic-spacing-2x,8px);color:var(--intergalactic-icon-secondary-neutral,rgba(0,5,2,.385));display:flex}@media (color-gamut:p3){.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SSeparator_1xto8_gg_{color:var(--intergalactic-icon-secondary-neutral,oklch(.104 .023 162.3/.385))}}.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SSeparator_1xto8_gg_:last-child{display:none}.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SListItem_1xto8_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SListItem_1xto8_gg_ .___SBreadcrumbsItem_1xto8_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,#00030095);-webkit-text-decoration:none;text-decoration:none;cursor:pointer}@media (color-gamut:p3){.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SListItem_1xto8_gg_ .___SBreadcrumbsItem_1xto8_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}@media (hover:hover){.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SListItem_1xto8_gg_ .___SBreadcrumbsItem_1xto8_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SListItem_1xto8_gg_ .___SBreadcrumbsItem_1xto8_gg_.__active_1xto8_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));cursor:default}@media (hover:hover){.___SBreadcrumbs_1xto8_gg_ .___SListContainer_1xto8_gg_ .___SListItem_1xto8_gg_ .___SBreadcrumbsItem_1xto8_gg_.__active_1xto8_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}",
|
|
15
15
|
/*__inner_css_end__*/
|
|
16
|
-
"
|
|
16
|
+
"1xto8_gg_"
|
|
17
17
|
), /*__reshadow_css_end__*/
|
|
18
18
|
{
|
|
19
|
-
"__SBreadcrumbs": "
|
|
20
|
-
"__SListContainer": "
|
|
21
|
-
"__SSeparator": "
|
|
22
|
-
"__SListItem": "
|
|
23
|
-
"__SBreadcrumbsItem": "
|
|
24
|
-
"_active": "
|
|
19
|
+
"__SBreadcrumbs": "___SBreadcrumbs_1xto8_gg_",
|
|
20
|
+
"__SListContainer": "___SListContainer_1xto8_gg_",
|
|
21
|
+
"__SSeparator": "___SSeparator_1xto8_gg_",
|
|
22
|
+
"__SListItem": "___SListItem_1xto8_gg_",
|
|
23
|
+
"__SBreadcrumbsItem": "___SBreadcrumbsItem_1xto8_gg_",
|
|
24
|
+
"_active": "__active_1xto8_gg_"
|
|
25
25
|
})
|
|
26
26
|
);
|
|
27
27
|
class Breadcrumbs extends Component {
|
|
@@ -46,6 +46,7 @@ class Breadcrumbs extends Component {
|
|
|
46
46
|
} = this.asProps;
|
|
47
47
|
return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SBreadcrumbs, _ref3.cn("SBreadcrumbs", {
|
|
48
48
|
...assignProps({
|
|
49
|
+
"tag": "nav",
|
|
49
50
|
"aria-label": getI18nText("breadcrumbs")
|
|
50
51
|
}, _ref)
|
|
51
52
|
}), /* @__PURE__ */ React.createElement(SListContainer, _ref3.cn("SListContainer", {}), /* @__PURE__ */ React.createElement(Children, _ref3.cn("Children", {}))));
|
|
@@ -56,7 +57,6 @@ _defineProperty(Breadcrumbs, "style", style);
|
|
|
56
57
|
_defineProperty(Breadcrumbs, "enhance", [i18nEnhance(localizedMessages)]);
|
|
57
58
|
_defineProperty(Breadcrumbs, "defaultProps", {
|
|
58
59
|
separator: /* @__PURE__ */ React.createElement(SSeparator, null),
|
|
59
|
-
tag: "nav",
|
|
60
60
|
i18n: localizedMessages,
|
|
61
61
|
locale: "en"
|
|
62
62
|
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
package/lib/esm/index.mjs
CHANGED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { NSBreadcrumbs } from './Breadcrumbs.type';
|
|
2
|
+
/**
|
|
3
|
+
* Breadcrumbs
|
|
4
|
+
*
|
|
5
|
+
* {@link https://developer.semrush.com/intergalactic/components/breadcrumbs/breadcrumbs-api/|API} | {@link https://developer.semrush.com/intergalactic/components/breadcrumbs/breadcrumbs-code/|Examples}
|
|
6
|
+
*/
|
|
7
|
+
declare const _default: NSBreadcrumbs.Component;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import type { BoxProps } from '@semcore/base-components';
|
|
2
|
+
import type { PropGetterFn, Intergalactic } from '@semcore/core';
|
|
3
|
+
import type { NSText } from '@semcore/typography';
|
|
4
|
+
import type { LocalizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
5
|
+
declare namespace NSBreadcrumbs {
|
|
6
|
+
type Props = BoxProps & {
|
|
7
|
+
/**
|
|
8
|
+
* Links divider
|
|
9
|
+
* */
|
|
10
|
+
separator?: React.ReactNode;
|
|
11
|
+
/** Specifies the locale for i18n support */
|
|
12
|
+
locale?: string;
|
|
13
|
+
};
|
|
14
|
+
type DefaultProps = {
|
|
15
|
+
separator: React.JSX.Element;
|
|
16
|
+
i18n: LocalizedMessages;
|
|
17
|
+
locale: 'en';
|
|
18
|
+
};
|
|
19
|
+
type Ctx = {
|
|
20
|
+
getItemProps: PropGetterFn;
|
|
21
|
+
};
|
|
22
|
+
namespace Item {
|
|
23
|
+
type Props = BoxProps & {
|
|
24
|
+
/** The property is responsible for the activity of the element */
|
|
25
|
+
active?: boolean;
|
|
26
|
+
/** Specifies the locale for i18n support */
|
|
27
|
+
locale?: string;
|
|
28
|
+
} & NSText.HintProps & NSText.EllipsisProps;
|
|
29
|
+
type Component = Intergalactic.Component<'a', Props>;
|
|
30
|
+
}
|
|
31
|
+
type Component = Intergalactic.Component<'div', Props, Ctx> & {
|
|
32
|
+
Item: Item.Component;
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
/** @deprecated It will be removed in v18. */
|
|
36
|
+
export type BreadcrumbsProps = NSBreadcrumbs.Props;
|
|
37
|
+
/** @deprecated It will be removed in v18. */
|
|
38
|
+
export type BreadcrumbsItemProps = NSBreadcrumbs.Item.Props;
|
|
39
|
+
/** @deprecated It will be removed in v18. */
|
|
40
|
+
export type BreadcrumbsContext = NSBreadcrumbs.Ctx;
|
|
41
|
+
export type { NSBreadcrumbs };
|
package/lib/types/index.d.ts
CHANGED
|
@@ -1,34 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import type { NSText } from '@semcore/typography';
|
|
4
|
-
|
|
5
|
-
export type BreadcrumbsProps = BoxProps & {
|
|
6
|
-
/**
|
|
7
|
-
* Links divider
|
|
8
|
-
* */
|
|
9
|
-
separator?: React.ReactNode;
|
|
10
|
-
/** Specifies the locale for i18n support */
|
|
11
|
-
locale?: string;
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export type BreadcrumbsItemProps = BoxProps & {
|
|
15
|
-
/** The property is responsible for the activity of the element */
|
|
16
|
-
active?: boolean;
|
|
17
|
-
/** Specifies the locale for i18n support */
|
|
18
|
-
locale?: string;
|
|
19
|
-
/**
|
|
20
|
-
* Ellipsis settings. You shouldn't use `cropPosition: middle` for breadcrumbs.
|
|
21
|
-
* If you're sure you need `cropPosition: middle`, set `w` to Breadcrumbs.Item manually, for correct Ellipsis calculations.
|
|
22
|
-
* @default false
|
|
23
|
-
*/
|
|
24
|
-
} & NSText.HintProps & NSText.EllipsisProps;
|
|
25
|
-
|
|
26
|
-
export type BreadcrumbsContext = BreadcrumbsProps & {
|
|
27
|
-
getItemProps: PropGetterFn;
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
declare const Breadcrumbs: Intergalactic.Component<'div', BreadcrumbsProps, BreadcrumbsContext> & {
|
|
31
|
-
Item: Intergalactic.Component<'a', BreadcrumbsItemProps>;
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
export default Breadcrumbs;
|
|
1
|
+
export { default } from './Breadcrumbs';
|
|
2
|
+
export * from './Breadcrumbs.type';
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
export declare const localizedMessages: {
|
|
2
|
+
de: {
|
|
3
|
+
breadcrumbs: string;
|
|
4
|
+
};
|
|
5
|
+
en: {
|
|
6
|
+
breadcrumbs: string;
|
|
7
|
+
};
|
|
8
|
+
es: {
|
|
9
|
+
breadcrumbs: string;
|
|
10
|
+
};
|
|
11
|
+
fr: {
|
|
12
|
+
breadcrumbs: string;
|
|
13
|
+
};
|
|
14
|
+
it: {
|
|
15
|
+
breadcrumbs: string;
|
|
16
|
+
};
|
|
17
|
+
ja: {
|
|
18
|
+
breadcrumbs: string;
|
|
19
|
+
};
|
|
20
|
+
ko: {
|
|
21
|
+
breadcrumbs: string;
|
|
22
|
+
};
|
|
23
|
+
nl: {
|
|
24
|
+
breadcrumbs: string;
|
|
25
|
+
};
|
|
26
|
+
pt: {
|
|
27
|
+
breadcrumbs: string;
|
|
28
|
+
};
|
|
29
|
+
tr: {
|
|
30
|
+
breadcrumbs: string;
|
|
31
|
+
};
|
|
32
|
+
vi: {
|
|
33
|
+
breadcrumbs: string;
|
|
34
|
+
};
|
|
35
|
+
zh: {
|
|
36
|
+
breadcrumbs: string;
|
|
37
|
+
};
|
|
38
|
+
pl: {
|
|
39
|
+
breadcrumbs: string;
|
|
40
|
+
};
|
|
41
|
+
sv: {
|
|
42
|
+
breadcrumbs: string;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
export type LocalizedMessages = typeof localizedMessages;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/breadcrumbs",
|
|
3
3
|
"description": "Semrush Breadcrumbs Component",
|
|
4
|
-
"version": "17.2.
|
|
4
|
+
"version": "17.2.2-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -33,6 +33,6 @@
|
|
|
33
33
|
"@semcore/icon": "17.2.0"
|
|
34
34
|
},
|
|
35
35
|
"scripts": {
|
|
36
|
-
"build": "pnpm semcore-builder
|
|
36
|
+
"build": "pnpm semcore-builder && pnpm vite build"
|
|
37
37
|
}
|
|
38
38
|
}
|
package/vite.config.ts
CHANGED
package/lib/cjs/index.d.js
DELETED
package/lib/cjs/index.d.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { EllipsisSettings, SimpleHintPopperProps, BoxProps } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { NSText } from '@semcore/typography';\n\nexport type BreadcrumbsProps = BoxProps & {\n /**\n * Links divider\n * */\n separator?: React.ReactNode;\n /** Specifies the locale for i18n support */\n locale?: string;\n};\n\nexport type BreadcrumbsItemProps = BoxProps & {\n /** The property is responsible for the activity of the element */\n active?: boolean;\n /** Specifies the locale for i18n support */\n locale?: string;\n /**\n * Ellipsis settings. You shouldn't use `cropPosition: middle` for breadcrumbs.\n * If you're sure you need `cropPosition: middle`, set `w` to Breadcrumbs.Item manually, for correct Ellipsis calculations.\n * @default false\n */\n} & NSText.HintProps & NSText.EllipsisProps;\n\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.d.js
DELETED
package/lib/es6/index.d.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { EllipsisSettings, SimpleHintPopperProps, BoxProps } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { NSText } from '@semcore/typography';\n\nexport type BreadcrumbsProps = BoxProps & {\n /**\n * Links divider\n * */\n separator?: React.ReactNode;\n /** Specifies the locale for i18n support */\n locale?: string;\n};\n\nexport type BreadcrumbsItemProps = BoxProps & {\n /** The property is responsible for the activity of the element */\n active?: boolean;\n /** Specifies the locale for i18n support */\n locale?: string;\n /**\n * Ellipsis settings. You shouldn't use `cropPosition: middle` for breadcrumbs.\n * If you're sure you need `cropPosition: middle`, set `w` to Breadcrumbs.Item manually, for correct Ellipsis calculations.\n * @default false\n */\n} & NSText.HintProps & NSText.EllipsisProps;\n\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":[]}
|