@faststore/components 2.0.135-alpha.0 → 2.0.141-alpha.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/dist/molecules/Breadcrumb/BreadcrumbBase.js +2 -10
- package/dist/molecules/Breadcrumb/BreadcrumbBase.js.map +1 -1
- package/package.json +2 -2
- package/src/molecules/Breadcrumb/BreadcrumbBase.tsx +2 -12
- package/dist/molecules/Breadcrumb/HomeLink.d.ts +0 -3
- package/dist/molecules/Breadcrumb/HomeLink.js +0 -6
- package/dist/molecules/Breadcrumb/HomeLink.js.map +0 -1
- package/src/molecules/Breadcrumb/HomeLink.tsx +0 -15
|
@@ -3,15 +3,7 @@ import Icon from '../../atoms/Icon';
|
|
|
3
3
|
import Link from '../../atoms/Link';
|
|
4
4
|
import Dropdown, { DropdownButton, DropdownItem, DropdownMenu, } from '../Dropdown';
|
|
5
5
|
import BreadcrumbPure from './BreadcrumbPure';
|
|
6
|
-
|
|
7
|
-
const BreadcrumbBase = forwardRef(function BreadcrumbBase({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', breadcrumbList, isDesktop = false, renderLink, homeLink = React.createElement(HomeLink, null), dropdownButtonIcon = React.createElement(Icon, { name: "DotsThree" }), collapsedItemsIcon = (React.createElement(Icon, { "data-fs-dropdown-item-icon": true, name: "ArrowElbowDownRight" })), ...otherProps }, ref) {
|
|
8
|
-
const homeLinkProps = {
|
|
9
|
-
'data-fs-breadcrumb-link': true,
|
|
10
|
-
'data-fs-breadcrumb-link-home': true,
|
|
11
|
-
'aria-label': 'Go to homepage',
|
|
12
|
-
href: '/',
|
|
13
|
-
};
|
|
14
|
-
const homeLinkWithProps = cloneElement(homeLink, homeLinkProps);
|
|
6
|
+
const BreadcrumbBase = forwardRef(function BreadcrumbBase({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', breadcrumbList, isDesktop = false, renderLink, homeLink, dropdownButtonIcon = React.createElement(Icon, { name: "DotsThree" }), collapsedItemsIcon = (React.createElement(Icon, { "data-fs-dropdown-item-icon": true, name: "ArrowElbowDownRight" })), ...otherProps }, ref) {
|
|
15
7
|
const firstItem = isDesktop ? breadcrumbList[0] : null;
|
|
16
8
|
const mediumItems = isDesktop
|
|
17
9
|
? breadcrumbList.slice(1, -2)
|
|
@@ -33,7 +25,7 @@ const BreadcrumbBase = forwardRef(function BreadcrumbBase({ children, divider: r
|
|
|
33
25
|
})) : (React.createElement(Link, { ...itemProps, href: renderLinkProps.itemProps.item, key: renderLinkProps.itemProps.position }, renderLinkProps.itemProps.name));
|
|
34
26
|
}, [renderLink]);
|
|
35
27
|
return (React.createElement(BreadcrumbPure, { ref: ref, "data-fs-breadcrumb-is-desktop": isDesktop, ...otherProps },
|
|
36
|
-
|
|
28
|
+
homeLink,
|
|
37
29
|
!collapseBreadcrumb &&
|
|
38
30
|
breadcrumbList.map((item, index) => {
|
|
39
31
|
return breadcrumbList.length === index + 1 ? (React.createElement("span", { key: String(item.position) }, item.name)) : (breadcrumbLink({ itemProps: item, collapsed: false }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BreadcrumbBase.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/BreadcrumbBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,YAAY,EACZ,UAAU,EAGV,WAAW,GACZ,MAAM,OAAO,CAAA;AACd,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,QAAQ,EAAE,EACf,cAAc,EACd,YAAY,EACZ,YAAY,GACb,MAAM,aAAa,CAAA;AACpB,OAAO,cAAuC,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"BreadcrumbBase.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/BreadcrumbBase.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@faststore/components",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.141-alpha.0",
|
|
4
4
|
"module": "dist/index.js",
|
|
5
5
|
"typings": "dist/index.d.ts",
|
|
6
6
|
"author": "Emerson Laurentino @emersonlaurentino",
|
|
@@ -30,5 +30,5 @@
|
|
|
30
30
|
"node": "16.18.0",
|
|
31
31
|
"yarn": "1.19.1"
|
|
32
32
|
},
|
|
33
|
-
"gitHead": "
|
|
33
|
+
"gitHead": "5c57dd9fc1c129a9e59e273b3c5c7d9b19d2a4fb"
|
|
34
34
|
}
|
|
@@ -13,7 +13,6 @@ import Dropdown, {
|
|
|
13
13
|
DropdownMenu,
|
|
14
14
|
} from '../Dropdown'
|
|
15
15
|
import BreadcrumbPure, { BreadcrumbPureProps } from './BreadcrumbPure'
|
|
16
|
-
import HomeLink from './HomeLink'
|
|
17
16
|
|
|
18
17
|
type ItemElement = {
|
|
19
18
|
item: string
|
|
@@ -70,7 +69,7 @@ const BreadcrumbBase = forwardRef<HTMLDivElement, BreadcrumbBaseProps>(
|
|
|
70
69
|
breadcrumbList,
|
|
71
70
|
isDesktop = false,
|
|
72
71
|
renderLink,
|
|
73
|
-
homeLink
|
|
72
|
+
homeLink,
|
|
74
73
|
dropdownButtonIcon = <Icon name="DotsThree" />,
|
|
75
74
|
collapsedItemsIcon = (
|
|
76
75
|
<Icon data-fs-dropdown-item-icon name="ArrowElbowDownRight" />
|
|
@@ -79,15 +78,6 @@ const BreadcrumbBase = forwardRef<HTMLDivElement, BreadcrumbBaseProps>(
|
|
|
79
78
|
},
|
|
80
79
|
ref
|
|
81
80
|
) {
|
|
82
|
-
const homeLinkProps = {
|
|
83
|
-
'data-fs-breadcrumb-link': true,
|
|
84
|
-
'data-fs-breadcrumb-link-home': true,
|
|
85
|
-
'aria-label': 'Go to homepage',
|
|
86
|
-
href: '/',
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
const homeLinkWithProps = cloneElement(homeLink, homeLinkProps)
|
|
90
|
-
|
|
91
81
|
const firstItem = isDesktop ? breadcrumbList[0] : null
|
|
92
82
|
const mediumItems = isDesktop
|
|
93
83
|
? breadcrumbList.slice(1, -2)
|
|
@@ -131,7 +121,7 @@ const BreadcrumbBase = forwardRef<HTMLDivElement, BreadcrumbBaseProps>(
|
|
|
131
121
|
data-fs-breadcrumb-is-desktop={isDesktop}
|
|
132
122
|
{...otherProps}
|
|
133
123
|
>
|
|
134
|
-
{
|
|
124
|
+
{homeLink}
|
|
135
125
|
|
|
136
126
|
{!collapseBreadcrumb &&
|
|
137
127
|
breadcrumbList.map((item, index) => {
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Icon, Link } from '../..';
|
|
3
|
-
const HomeLink = () => (React.createElement(Link, { "data-fs-breadcrumb-link": true, "data-fs-breadcrumb-link-home": true, "aria-label": "Go to homepage", href: "/" },
|
|
4
|
-
React.createElement(Icon, { name: "House", width: 18, height: 18 })));
|
|
5
|
-
export default HomeLink;
|
|
6
|
-
//# sourceMappingURL=HomeLink.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HomeLink.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/HomeLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAElC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CACrB,oBAAC,IAAI,yFAGQ,gBAAgB,EAC3B,IAAI,EAAC,GAAG;IAER,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACvC,CACR,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
import { Icon, Link } from '../..'
|
|
3
|
-
|
|
4
|
-
const HomeLink = () => (
|
|
5
|
-
<Link
|
|
6
|
-
data-fs-breadcrumb-link
|
|
7
|
-
data-fs-breadcrumb-link-home
|
|
8
|
-
aria-label="Go to homepage"
|
|
9
|
-
href="/"
|
|
10
|
-
>
|
|
11
|
-
<Icon name="House" width={18} height={18} />
|
|
12
|
-
</Link>
|
|
13
|
-
)
|
|
14
|
-
|
|
15
|
-
export default HomeLink
|