@faststore/components 2.0.135-alpha.0 → 2.0.142-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/dist/organisms/Navbar/Navbar.js +1 -1
- package/dist/organisms/Navbar/Navbar.js.map +1 -1
- package/dist/organisms/SlideOver/SlideOverHeader.d.ts +1 -1
- package/dist/organisms/SlideOver/SlideOverHeader.js +2 -2
- package/dist/organisms/SlideOver/SlideOverHeader.js.map +1 -1
- package/package.json +2 -2
- package/src/molecules/Breadcrumb/BreadcrumbBase.tsx +2 -12
- package/src/organisms/Navbar/Navbar.tsx +2 -2
- package/src/organisms/SlideOver/SlideOverHeader.tsx +2 -1
- 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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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
const Navbar = forwardRef(function Navbar({ children, scrollDirection, testId = 'fs-navbar', ...otherProps }, ref) {
|
|
3
|
-
return (React.createElement("
|
|
3
|
+
return (React.createElement("header", { "data-fs-navbar": true, ref: ref, "data-testid": testId, "data-fs-navbar-scroll": scrollDirection, ...otherProps }, children));
|
|
4
4
|
});
|
|
5
5
|
export default Navbar;
|
|
6
6
|
//# sourceMappingURL=Navbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../../src/organisms/Navbar/Navbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAazC,MAAM,MAAM,GAAG,UAAU,CAA8B,SAAS,MAAM,CACpE,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,GAAG,WAAW,EAAE,GAAG,UAAU,EAAE,EAClE,GAAG;IAEH,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../../src/organisms/Navbar/Navbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAazC,MAAM,MAAM,GAAG,UAAU,CAA8B,SAAS,MAAM,CACpE,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,GAAG,WAAW,EAAE,GAAG,UAAU,EAAE,EAClE,GAAG;IAEH,OAAO,CACL,wDAEE,GAAG,EAAE,GAAG,iBACK,MAAM,2BACI,eAAe,KAClC,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}
|
|
@@ -15,5 +15,5 @@ export interface SlideOverHeaderProps extends Omit<HTMLAttributes<HTMLDivElement
|
|
|
15
15
|
*/
|
|
16
16
|
onClose: () => void;
|
|
17
17
|
}
|
|
18
|
-
declare const SlideOverHeader: ({ children, closeBtnProps, onClose, }: SlideOverHeaderProps) => JSX.Element;
|
|
18
|
+
declare const SlideOverHeader: ({ children, closeBtnProps, onClose, ...otherProps }: SlideOverHeaderProps) => JSX.Element;
|
|
19
19
|
export default SlideOverHeader;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Icon, IconButton } from '../../';
|
|
3
|
-
const SlideOverHeader = ({ children, closeBtnProps = {}, onClose, }) => {
|
|
4
|
-
return (React.createElement("header", { "data-fs-slide-over-header": true },
|
|
3
|
+
const SlideOverHeader = ({ children, closeBtnProps = {}, onClose, ...otherProps }) => {
|
|
4
|
+
return (React.createElement("header", { "data-fs-slide-over-header": true, ...otherProps },
|
|
5
5
|
children,
|
|
6
6
|
React.createElement(IconButton, { "data-fs-slide-over-header-icon": true, "aria-label": "Close", icon: React.createElement(Icon, { name: "X" }), onClick: onClose, ...closeBtnProps })));
|
|
7
7
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlideOverHeader.js","sourceRoot":"","sources":["../../../src/organisms/SlideOver/SlideOverHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAmB,MAAM,QAAQ,CAAA;AAkB1D,MAAM,eAAe,GAAG,CAAC,EACvB,QAAQ,EACR,aAAa,GAAG,EAAE,EAClB,OAAO,
|
|
1
|
+
{"version":3,"file":"SlideOverHeader.js","sourceRoot":"","sources":["../../../src/organisms/SlideOver/SlideOverHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAmB,MAAM,QAAQ,CAAA;AAkB1D,MAAM,eAAe,GAAG,CAAC,EACvB,QAAQ,EACR,aAAa,GAAG,EAAE,EAClB,OAAO,EACP,GAAG,UAAU,EACQ,EAAE,EAAE;IACzB,OAAO,CACL,sEAAsC,UAAU;QAC7C,QAAQ;QACT,oBAAC,UAAU,0DAEE,OAAO,EAClB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,EACvB,OAAO,EAAE,OAAO,KACZ,aAAa,GACjB,CACK,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@faststore/components",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.142-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": "d03c47af5c1e66cec599d8dec1fd211c5ec01afc"
|
|
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) => {
|
|
@@ -17,7 +17,7 @@ const Navbar = forwardRef<HTMLDivElement, NavbarProps>(function Navbar(
|
|
|
17
17
|
ref
|
|
18
18
|
) {
|
|
19
19
|
return (
|
|
20
|
-
<
|
|
20
|
+
<header
|
|
21
21
|
data-fs-navbar
|
|
22
22
|
ref={ref}
|
|
23
23
|
data-testid={testId}
|
|
@@ -25,7 +25,7 @@ const Navbar = forwardRef<HTMLDivElement, NavbarProps>(function Navbar(
|
|
|
25
25
|
{...otherProps}
|
|
26
26
|
>
|
|
27
27
|
{children}
|
|
28
|
-
</
|
|
28
|
+
</header>
|
|
29
29
|
)
|
|
30
30
|
})
|
|
31
31
|
|
|
@@ -22,9 +22,10 @@ const SlideOverHeader = ({
|
|
|
22
22
|
children,
|
|
23
23
|
closeBtnProps = {},
|
|
24
24
|
onClose,
|
|
25
|
+
...otherProps
|
|
25
26
|
}: SlideOverHeaderProps) => {
|
|
26
27
|
return (
|
|
27
|
-
<header data-fs-slide-over-header>
|
|
28
|
+
<header data-fs-slide-over-header {...otherProps}>
|
|
28
29
|
{children}
|
|
29
30
|
<IconButton
|
|
30
31
|
data-fs-slide-over-header-icon
|
|
@@ -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
|