@semcore/breadcrumbs 4.6.1 → 4.6.2
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
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
|
+
## [4.6.2] - 2023-06-27
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [3.53.4 ~> 3.54.0]).
|
|
10
|
+
|
|
5
11
|
## [4.6.1] - 2023-06-14
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/lib/cjs/Breadcrumbs.js
CHANGED
|
@@ -20,12 +20,12 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/e
|
|
|
20
20
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
21
21
|
var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
|
|
22
22
|
/*__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SBreadcrumbs": "
|
|
25
|
-
"__SSeparator": "
|
|
26
|
-
"__SBreadcrumbsItem": "
|
|
27
|
-
"_keyboardFocused": "
|
|
28
|
-
"_active": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_y0vea_gg_{display:flex;align-items:center;padding:0;margin:0;list-style:none}.___SSeparator_y0vea_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SSeparator_y0vea_gg_:last-child{display:none}.___SBreadcrumbsItem_y0vea_gg_{position:relative;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79);text-decoration:none;box-sizing:border-box;outline:0;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbsItem_y0vea_gg_:hover{text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbsItem_y0vea_gg_.__keyboardFocused_y0vea_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbsItem_y0vea_gg_.__active_y0vea_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbsItem_y0vea_gg_.__active_y0vea_gg_:hover{text-decoration:none}}" /*__inner_css_end__*/, "y0vea_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SBreadcrumbs": "___SBreadcrumbs_y0vea_gg_",
|
|
25
|
+
"__SSeparator": "___SSeparator_y0vea_gg_",
|
|
26
|
+
"__SBreadcrumbsItem": "___SBreadcrumbsItem_y0vea_gg_",
|
|
27
|
+
"_keyboardFocused": "__keyboardFocused_y0vea_gg_",
|
|
28
|
+
"_active": "__active_y0vea_gg_"
|
|
29
29
|
});
|
|
30
30
|
var Breadcrumbs = /*#__PURE__*/function (_Component) {
|
|
31
31
|
(0, _inherits2["default"])(Breadcrumbs, _Component);
|
|
@@ -56,7 +56,7 @@ var Breadcrumbs = /*#__PURE__*/function (_Component) {
|
|
|
56
56
|
getI18nText = _this$asProps2.getI18nText;
|
|
57
57
|
return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBreadcrumbs, _ref3.cn("SBreadcrumbs", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
58
58
|
"aria-label": getI18nText('breadcrumbs'),
|
|
59
|
-
"role":
|
|
59
|
+
"role": 'group'
|
|
60
60
|
}, _ref))));
|
|
61
61
|
}
|
|
62
62
|
}]);
|
|
@@ -93,7 +93,7 @@ var Item = /*#__PURE__*/function (_Component2) {
|
|
|
93
93
|
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SBreadcrumbsItem, _ref4.cn("SBreadcrumbsItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
94
94
|
"aria-current": active ? getI18nText('page') : undefined
|
|
95
95
|
}, _ref2)))), /*#__PURE__*/_react["default"].createElement(SSeparator, _ref4.cn("SSeparator", {
|
|
96
|
-
"aria-hidden":
|
|
96
|
+
"aria-hidden": 'true'
|
|
97
97
|
}), separator));
|
|
98
98
|
}
|
|
99
99
|
}], [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_m","_keyboardFocusEnhance","_intergalacticDynamicLocales","_i18nEnhance","style","sstyled","insert","Breadcrumbs","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getItemProps","_this$asProps","asProps","separator","locale","render","_ref","_ref3","SBreadcrumbs","Box","_this$asProps2","styles","getI18nText","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","i18nEnhance","localizedMessages","tag","i18n","Item","_Component2","_super2","_ref2","_ref4","SBreadcrumbsItem","_this$asProps3","active","SSeparator","Fragment","undefined","defaultProps","_ref5","disabled","keyboardFocusEnhance","_default","createComponent","exports"],"sources":["../../src/Breadcrumbs.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport SSeparator from '@semcore/icon/ChevronRight/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/breadcrumbs.shadow.css';\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: 'div',\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 { styles, getI18nText } = this.asProps;\n return sstyled(styles)(\n <SBreadcrumbs render={Box} aria-label={getI18nText('breadcrumbs')} role
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_m","_keyboardFocusEnhance","_intergalacticDynamicLocales","_i18nEnhance","style","sstyled","insert","Breadcrumbs","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getItemProps","_this$asProps","asProps","separator","locale","render","_ref","_ref3","SBreadcrumbs","Box","_this$asProps2","styles","getI18nText","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","i18nEnhance","localizedMessages","tag","i18n","Item","_Component2","_super2","_ref2","_ref4","SBreadcrumbsItem","_this$asProps3","active","SSeparator","Fragment","undefined","defaultProps","_ref5","disabled","keyboardFocusEnhance","_default","createComponent","exports"],"sources":["../../src/Breadcrumbs.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport SSeparator from '@semcore/icon/ChevronRight/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/breadcrumbs.shadow.css';\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: 'div',\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 { styles, getI18nText } = this.asProps;\n return sstyled(styles)(\n <SBreadcrumbs render={Box} aria-label={getI18nText('breadcrumbs')} role='group' />,\n );\n }\n}\n\nclass Item extends Component {\n static defaultProps({ active }) {\n return {\n disabled: active,\n tag: 'a',\n i18n: localizedMessages,\n locale: 'en',\n };\n }\n\n static enhance = [keyboardFocusEnhance(), i18nEnhance(localizedMessages)];\n\n render() {\n const SBreadcrumbsItem = Root;\n const { styles, separator, active, getI18nText } = this.asProps;\n const SSeparator = 'div';\n\n return sstyled(styles)(\n <>\n <SBreadcrumbsItem render={Box} aria-current={active ? getI18nText('page') : undefined} />\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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"}
|
package/lib/es6/Breadcrumbs.js
CHANGED
|
@@ -15,12 +15,12 @@ import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhan
|
|
|
15
15
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
16
16
|
import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
|
|
17
17
|
/*__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
|
|
18
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
19
|
-
"__SBreadcrumbs": "
|
|
20
|
-
"__SSeparator": "
|
|
21
|
-
"__SBreadcrumbsItem": "
|
|
22
|
-
"_keyboardFocused": "
|
|
23
|
-
"_active": "
|
|
18
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_y0vea_gg_{display:flex;align-items:center;padding:0;margin:0;list-style:none}.___SSeparator_y0vea_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SSeparator_y0vea_gg_:last-child{display:none}.___SBreadcrumbsItem_y0vea_gg_{position:relative;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79);text-decoration:none;box-sizing:border-box;outline:0;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbsItem_y0vea_gg_:hover{text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbsItem_y0vea_gg_.__keyboardFocused_y0vea_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbsItem_y0vea_gg_.__active_y0vea_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbsItem_y0vea_gg_.__active_y0vea_gg_:hover{text-decoration:none}}" /*__inner_css_end__*/, "y0vea_gg_") /*__reshadow_css_end__*/, {
|
|
19
|
+
"__SBreadcrumbs": "___SBreadcrumbs_y0vea_gg_",
|
|
20
|
+
"__SSeparator": "___SSeparator_y0vea_gg_",
|
|
21
|
+
"__SBreadcrumbsItem": "___SBreadcrumbsItem_y0vea_gg_",
|
|
22
|
+
"_keyboardFocused": "__keyboardFocused_y0vea_gg_",
|
|
23
|
+
"_active": "__active_y0vea_gg_"
|
|
24
24
|
});
|
|
25
25
|
var Breadcrumbs = /*#__PURE__*/function (_Component) {
|
|
26
26
|
_inherits(Breadcrumbs, _Component);
|
|
@@ -51,7 +51,7 @@ var Breadcrumbs = /*#__PURE__*/function (_Component) {
|
|
|
51
51
|
getI18nText = _this$asProps2.getI18nText;
|
|
52
52
|
return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SBreadcrumbs, _ref3.cn("SBreadcrumbs", _objectSpread({}, _assignProps({
|
|
53
53
|
"aria-label": getI18nText('breadcrumbs'),
|
|
54
|
-
"role":
|
|
54
|
+
"role": 'group'
|
|
55
55
|
}, _ref))));
|
|
56
56
|
}
|
|
57
57
|
}]);
|
|
@@ -88,7 +88,7 @@ var Item = /*#__PURE__*/function (_Component2) {
|
|
|
88
88
|
return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SBreadcrumbsItem, _ref4.cn("SBreadcrumbsItem", _objectSpread({}, _assignProps2({
|
|
89
89
|
"aria-current": active ? getI18nText('page') : undefined
|
|
90
90
|
}, _ref2)))), /*#__PURE__*/React.createElement(SSeparator, _ref4.cn("SSeparator", {
|
|
91
|
-
"aria-hidden":
|
|
91
|
+
"aria-hidden": 'true'
|
|
92
92
|
}), separator));
|
|
93
93
|
}
|
|
94
94
|
}], [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","names":["React","createComponent","Component","sstyled","Root","Box","SSeparator","keyboardFocusEnhance","localizedMessages","i18nEnhance","style","_sstyled","insert","Breadcrumbs","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getItemProps","_this$asProps","asProps","separator","locale","render","_ref","_ref3","SBreadcrumbs","_this$asProps2","styles","getI18nText","createElement","cn","_objectSpread","_assignProps","_defineProperty","tag","i18n","Item","_Component2","_super2","_ref2","_ref4","SBreadcrumbsItem","_this$asProps3","active","Fragment","_assignProps2","undefined","defaultProps","_ref5","disabled"],"sources":["../../src/Breadcrumbs.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport SSeparator from '@semcore/icon/ChevronRight/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/breadcrumbs.shadow.css';\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: 'div',\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 { styles, getI18nText } = this.asProps;\n return sstyled(styles)(\n <SBreadcrumbs render={Box} aria-label={getI18nText('breadcrumbs')} role
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","names":["React","createComponent","Component","sstyled","Root","Box","SSeparator","keyboardFocusEnhance","localizedMessages","i18nEnhance","style","_sstyled","insert","Breadcrumbs","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getItemProps","_this$asProps","asProps","separator","locale","render","_ref","_ref3","SBreadcrumbs","_this$asProps2","styles","getI18nText","createElement","cn","_objectSpread","_assignProps","_defineProperty","tag","i18n","Item","_Component2","_super2","_ref2","_ref4","SBreadcrumbsItem","_this$asProps3","active","Fragment","_assignProps2","undefined","defaultProps","_ref5","disabled"],"sources":["../../src/Breadcrumbs.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport SSeparator from '@semcore/icon/ChevronRight/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/breadcrumbs.shadow.css';\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: 'div',\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 { styles, getI18nText } = this.asProps;\n return sstyled(styles)(\n <SBreadcrumbs render={Box} aria-label={getI18nText('breadcrumbs')} role='group' />,\n );\n }\n}\n\nclass Item extends Component {\n static defaultProps({ active }) {\n return {\n disabled: active,\n tag: 'a',\n i18n: localizedMessages,\n locale: 'en',\n };\n }\n\n static enhance = [keyboardFocusEnhance(), i18nEnhance(localizedMessages)];\n\n render() {\n const SBreadcrumbsItem = Root;\n const { styles, separator, active, getI18nText } = this.asProps;\n const SSeparator = 'div';\n\n return sstyled(styles)(\n <>\n <SBreadcrumbsItem render={Box} aria-current={active ? getI18nText('page') : undefined} />\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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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/breadcrumbs",
|
|
3
3
|
"description": "Semrush Breadcrumbs Component",
|
|
4
|
-
"version": "4.6.
|
|
4
|
+
"version": "4.6.2",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -18,9 +18,6 @@
|
|
|
18
18
|
"react": "16.8 - 18",
|
|
19
19
|
"react-dom": "16.8 - 18"
|
|
20
20
|
},
|
|
21
|
-
"jest": {
|
|
22
|
-
"preset": "@semcore/jest-preset-ui"
|
|
23
|
-
},
|
|
24
21
|
"repository": {
|
|
25
22
|
"type": "git",
|
|
26
23
|
"url": "https://github.com/semrush/intergalactic.git",
|
|
@@ -28,10 +25,9 @@
|
|
|
28
25
|
},
|
|
29
26
|
"devDependencies": {
|
|
30
27
|
"@types/react": "18.0.21",
|
|
31
|
-
"@semcore/
|
|
28
|
+
"@semcore/testing-utils": "1.0.0"
|
|
32
29
|
},
|
|
33
30
|
"scripts": {
|
|
34
|
-
"build": "pnpm semcore-builder --source=js"
|
|
35
|
-
"test": "jest"
|
|
31
|
+
"build": "pnpm semcore-builder --source=js"
|
|
36
32
|
}
|
|
37
33
|
}
|