@faststore/components 2.0.133-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/atoms/Button/Button.js +2 -2
- package/dist/atoms/Button/Button.js.map +1 -1
- package/dist/molecules/Alert/Alert.js +2 -2
- package/dist/molecules/Alert/Alert.js.map +1 -1
- package/dist/molecules/Breadcrumb/BreadcrumbBase.js +2 -10
- package/dist/molecules/Breadcrumb/BreadcrumbBase.js.map +1 -1
- package/dist/molecules/Dropdown/DropdownItem.js +1 -1
- package/dist/molecules/Dropdown/DropdownItem.js.map +1 -1
- package/dist/molecules/Gift/Gift.js +1 -3
- package/dist/molecules/Gift/Gift.js.map +1 -1
- package/dist/molecules/LinkButton/LinkButton.js +2 -2
- package/dist/molecules/LinkButton/LinkButton.js.map +1 -1
- package/dist/molecules/SearchAutoComplete/SearchAutoCompleteTerm.js +2 -4
- package/dist/molecules/SearchAutoComplete/SearchAutoCompleteTerm.js.map +1 -1
- package/dist/molecules/SearchHistory/SearchHistoryTerm.js +2 -4
- package/dist/molecules/SearchHistory/SearchHistoryTerm.js.map +1 -1
- package/dist/molecules/Tag/Tag.js +1 -1
- package/dist/molecules/Tag/Tag.js.map +1 -1
- package/dist/molecules/Toast/Toast.js +1 -1
- package/dist/molecules/Toast/Toast.js.map +1 -1
- package/dist/organisms/Hero/HeroHeader.js +1 -3
- package/dist/organisms/Hero/HeroHeader.js.map +1 -1
- package/package.json +2 -2
- package/src/atoms/Button/Button.tsx +6 -2
- package/src/molecules/Alert/Alert.tsx +9 -3
- package/src/molecules/Breadcrumb/BreadcrumbBase.tsx +2 -12
- package/src/molecules/Dropdown/DropdownItem.tsx +1 -1
- package/src/molecules/Gift/Gift.tsx +1 -4
- package/src/molecules/LinkButton/LinkButton.tsx +6 -2
- package/src/molecules/SearchAutoComplete/SearchAutoCompleteTerm.tsx +2 -10
- package/src/molecules/SearchHistory/SearchHistoryTerm.tsx +2 -9
- package/src/molecules/Tag/Tag.tsx +1 -1
- package/src/molecules/Toast/Toast.tsx +1 -3
- package/src/organisms/Hero/HeroHeader.tsx +2 -10
- 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
|
@@ -6,9 +6,9 @@ const Button = forwardRef(function Button({ children, variant, inverse, size = '
|
|
|
6
6
|
loading && (React.createElement("p", { "data-fs-button-loading-label": true },
|
|
7
7
|
loadingLabel,
|
|
8
8
|
React.createElement(Loader, { variant: variant === 'primary' && !inverse ? 'light' : 'dark' }))),
|
|
9
|
-
|
|
9
|
+
!!icon && iconPosition === 'left' && (React.createElement("span", { "data-fs-button-icon": true }, icon)),
|
|
10
10
|
children && React.createElement("span", null, children),
|
|
11
|
-
|
|
11
|
+
!!icon && iconPosition === 'right' && (React.createElement("span", { "data-fs-button-icon": true }, icon)))));
|
|
12
12
|
});
|
|
13
13
|
export default Button;
|
|
14
14
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/atoms/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AA6C/B,MAAM,MAAM,GAAG,UAAU,CAAiC,SAAS,MAAM,CACvE,EACE,QAAQ,EACR,OAAO,EACP,OAAO,EACP,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,WAAW,EACpB,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,YAAY,GAAG,MAAM,EACrB,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,oDAEgB,OAAO,yBACV,IAAI,4BACD,OAAO,4BACP,OAAO,EAC/B,QAAQ,EAAE,QAAQ,iBACL,MAAM,KACf,UAAU;QAEd;YACG,OAAO,IAAI,CACV;gBACG,YAAY;gBACb,oBAAC,MAAM,IACL,OAAO,EAAE,OAAO,KAAK,SAAS,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GAC7D,CACA,CACL;YACA,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/atoms/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AA6C/B,MAAM,MAAM,GAAG,UAAU,CAAiC,SAAS,MAAM,CACvE,EACE,QAAQ,EACR,OAAO,EACP,OAAO,EACP,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,WAAW,EACpB,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,YAAY,GAAG,MAAM,EACrB,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,oDAEgB,OAAO,yBACV,IAAI,4BACD,OAAO,4BACP,OAAO,EAC/B,QAAQ,EAAE,QAAQ,iBACL,MAAM,KACf,UAAU;QAEd;YACG,OAAO,IAAI,CACV;gBACG,YAAY;gBACb,oBAAC,MAAM,IACL,OAAO,EAAE,OAAO,KAAK,SAAS,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GAC7D,CACA,CACL;YACA,CAAC,CAAC,IAAI,IAAI,YAAY,KAAK,MAAM,IAAI,CACpC,6DAA2B,IAAI,CAAQ,CACxC;YACA,QAAQ,IAAI,kCAAO,QAAQ,CAAQ;YACnC,CAAC,CAAC,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,CACrC,6DAA2B,IAAI,CAAQ,CACxC,CACG,CACC,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { forwardRef, useCallback } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { Icon, IconButton, Link } from '../../';
|
|
3
3
|
const Alert = forwardRef(function Alert({ testId = 'fs-alert', children, icon, dismissible, link, onClose, ...otherProps }, ref) {
|
|
4
4
|
const handleClose = useCallback((event) => {
|
|
5
5
|
if (event.defaultPrevented) {
|
|
@@ -8,7 +8,7 @@ const Alert = forwardRef(function Alert({ testId = 'fs-alert', children, icon, d
|
|
|
8
8
|
onClose?.(event);
|
|
9
9
|
}, [onClose]);
|
|
10
10
|
return (React.createElement("div", { ref: ref, role: "alert", "data-fs-alert": true, "data-testid": testId, "data-fs-alert-dismissible": dismissible, ...otherProps },
|
|
11
|
-
|
|
11
|
+
!!icon && icon,
|
|
12
12
|
React.createElement("p", { "data-fs-alert-content": true }, children),
|
|
13
13
|
link && React.createElement(Link, { "data-fs-alert-link": true, variant: "inline", ...link }),
|
|
14
14
|
dismissible && (React.createElement(IconButton, { "data-fs-alert-button": true, size: "small", "aria-label": "Close", icon: React.createElement(Icon, { name: "X" }), onClick: handleClose }))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/molecules/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/molecules/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAA;AA6B1D,MAAM,KAAK,GAAG,UAAU,CAA6B,SAAS,KAAK,CACjE,EACE,MAAM,GAAG,UAAU,EACnB,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,OAAO,EACP,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAA8B,EAAE,EAAE;QACjC,IAAI,KAAK,CAAC,gBAAgB,EAAE;YAC1B,OAAM;SACP;QAED,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IACD,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,wCAEC,MAAM,+BACQ,WAAW,KAClC,UAAU;QAEb,CAAC,CAAC,IAAI,IAAI,IAAI;QAEf,4DAA0B,QAAQ,CAAK;QAEtC,IAAI,IAAI,oBAAC,IAAI,gCAAoB,OAAO,EAAC,QAAQ,KAAK,IAAI,GAAI;QAE9D,WAAW,IAAI,CACd,oBAAC,UAAU,kCAET,IAAI,EAAC,OAAO,gBACD,OAAO,EAClB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,EACvB,OAAO,EAAE,WAAW,GACpB,CACH,CACG,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,KAAK,CAAA"}
|
|
@@ -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":"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;AAgDtE,MAAM,cAAc,GAAG,UAAU,CAC/B,SAAS,cAAc,CACrB,EACE,QAAQ,EACR,OAAO,EAAE,UAAU,GAAG,EAAE,EACxB,MAAM,GAAG,eAAe,EACxB,cAAc,EACd,SAAS,GAAG,KAAK,EACjB,UAAU,EACV,QAAQ,EACR,kBAAkB,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,WAAW,GAAG,EAC9C,kBAAkB,GAAG,CACnB,oBAAC,IAAI,wCAA4B,IAAI,EAAC,qBAAqB,GAAG,CAC/D,EACD,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IACtD,MAAM,WAAW,GAAG,SAAS;QAC3B,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC7B,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;IAE/B,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAE1C,MAAM,kBAAkB,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,CAAA;IAEpD,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,eAAgC,EAAE,EAAE;QACnC,MAAM,cAAc,GAAG,UAAU,EAAE,CAAC,eAAe,CAAC,CAAA;QACpD,MAAM,SAAS,GAAG,eAAe,CAAC,SAAS;YACzC,CAAC,CAAC;gBACE,kCAAkC,EAAE,IAAI;aACzC;YACH,CAAC,CAAC;gBACE,yBAAyB,EAAE,IAAI;aAChC,CAAA;QACL,OAAO,cAAc,CAAC,CAAC,CAAC,CACtB,YAAY,CAAC,cAAc,EAAE;YAC3B,GAAG,SAAS;YACZ,GAAG,EAAE,eAAe,CAAC,SAAS,CAAC,QAAQ;SACxC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,OACC,SAAS,EACb,IAAI,EAAE,eAAe,CAAC,SAAS,CAAC,IAAI,EACpC,GAAG,EAAE,eAAe,CAAC,SAAS,CAAC,QAAQ,IAEtC,eAAe,CAAC,SAAS,CAAC,IAAI,CAC1B,CACR,CAAA;IACH,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IAED,OAAO,CACL,oBAAC,cAAc,IACb,GAAG,EAAE,GAAG,mCACuB,SAAS,KACpC,UAAU;QAEb,QAAQ;QAER,CAAC,kBAAkB;YAClB,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACjC,OAAO,cAAc,CAAC,MAAM,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAC3C,8BAAM,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAG,IAAI,CAAC,IAAI,CAAQ,CACrD,CAAC,CAAC,CAAC,CACF,cAAc,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CACtD,CAAA;YACH,CAAC,CAAC;QAEH,kBAAkB;YACjB,SAAS;YACT,cAAc,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;QAE3D,kBAAkB,IAAI,CACrB,oBAAC,QAAQ;YACP,oBAAC,cAAc,gDAAoC,IAAI,EAAC,OAAO,IAC5D,kBAAkB,CACJ;YACjB,oBAAC,YAAY,gDACV,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACzB,oBAAC,YAAY,8CAEX,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,EAC1B,IAAI,EAAE,kBAAkB,IAEvB,cAAc,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CACxC,CAChB,CAAC,CACW,CACN,CACZ;QAEA,kBAAkB;YACjB,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBAC5B,OAAO,SAAS,CAAC,MAAM,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CACtC,8BAAM,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAG,IAAI,CAAC,IAAI,CAAQ,CACrD,CAAC,CAAC,CAAC,CACF,cAAc,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CACtD,CAAA;YACH,CAAC,CAAC,CACW,CAClB,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -21,7 +21,7 @@ const DropdownItem = forwardRef(function Button({ children, icon, onClick, testI
|
|
|
21
21
|
};
|
|
22
22
|
useImperativeHandle(ref, () => dropdownItemRef.current, []);
|
|
23
23
|
return (React.createElement("button", { "data-fs-dropdown-item": true, "data-testid": testId, ref: addToRefs, onFocus: onFocusItem, onMouseEnter: onFocusItem, onClick: handleOnClickItem, role: "menuitem", tabIndex: -1, "data-index": dropdownItemIndex, ...otherProps },
|
|
24
|
-
|
|
24
|
+
!!icon && icon,
|
|
25
25
|
children));
|
|
26
26
|
});
|
|
27
27
|
export default DropdownItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownItem.js","sourceRoot":"","sources":["../../../src/molecules/Dropdown/DropdownItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAcjD,MAAM,YAAY,GAAG,UAAU,CAC7B,SAAS,MAAM,CACb,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,kBAAkB,EAAE,GAAG,UAAU,EAAE,EACvE,GAAG;IAEH,MAAM,EAAE,gBAAgB,EAAE,4BAA4B,EAAE,KAAK,EAAE,GAC7D,WAAW,EAAE,CAAA;IAEf,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,eAAe,GAAG,MAAM,EAAqB,CAAA;IAEnD,MAAM,SAAS,GAAG,CAAC,EAAqB,EAAE,EAAE;QAC1C,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE;YACjD,gBAAgB,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;YAClC,oBAAoB,CAClB,gBAAgB,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,KAAK,EAAE,CAAC,IAAI,CAAC,CACtE,CAAA;SACF;QAED,eAAe,CAAC,OAAO,GAAG,EAAE,CAAA;IAC9B,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,4BAA6B,CAAC,OAAO,GAAG,iBAAiB,CAAA;QACzD,gBAAgB,EAAE,OAAO,CAAC,4BAA6B,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAA;IAC3E,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,CACxB,KAAsD,EACtD,EAAE;QACF,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;QAChB,KAAK,EAAE,EAAE,CAAA;IACX,CAAC,CAAA;IAED,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,OAAQ,EAAE,EAAE,CAAC,CAAA;IAE5D,OAAO,CACL,8EAEe,MAAM,EACnB,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,WAAW,EACzB,OAAO,EAAE,iBAAiB,EAC1B,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,gBACA,iBAAiB,KACzB,UAAU;QAEb,
|
|
1
|
+
{"version":3,"file":"DropdownItem.js","sourceRoot":"","sources":["../../../src/molecules/Dropdown/DropdownItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAcjD,MAAM,YAAY,GAAG,UAAU,CAC7B,SAAS,MAAM,CACb,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,kBAAkB,EAAE,GAAG,UAAU,EAAE,EACvE,GAAG;IAEH,MAAM,EAAE,gBAAgB,EAAE,4BAA4B,EAAE,KAAK,EAAE,GAC7D,WAAW,EAAE,CAAA;IAEf,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,eAAe,GAAG,MAAM,EAAqB,CAAA;IAEnD,MAAM,SAAS,GAAG,CAAC,EAAqB,EAAE,EAAE;QAC1C,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE;YACjD,gBAAgB,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;YAClC,oBAAoB,CAClB,gBAAgB,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,KAAK,EAAE,CAAC,IAAI,CAAC,CACtE,CAAA;SACF;QAED,eAAe,CAAC,OAAO,GAAG,EAAE,CAAA;IAC9B,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,4BAA6B,CAAC,OAAO,GAAG,iBAAiB,CAAA;QACzD,gBAAgB,EAAE,OAAO,CAAC,4BAA6B,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAA;IAC3E,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,CACxB,KAAsD,EACtD,EAAE;QACF,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;QAChB,KAAK,EAAE,EAAE,CAAA;IACX,CAAC,CAAA;IAED,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,OAAQ,EAAE,EAAE,CAAC,CAAA;IAE5D,OAAO,CACL,8EAEe,MAAM,EACnB,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,WAAW,EACzB,OAAO,EAAE,iBAAiB,EAC1B,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,gBACA,iBAAiB,KACzB,UAAU;QAEb,CAAC,CAAC,IAAI,IAAI,IAAI;QACd,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
const Gift = forwardRef(function Gift({ icon, testId = 'fs-gift', children, ...otherProps }, ref) {
|
|
3
|
-
const iconProps = { "data-fs-gift-icon": true };
|
|
4
|
-
const giftIcon = React.isValidElement(icon) ? React.cloneElement(icon, iconProps) : icon;
|
|
5
3
|
return (React.createElement("div", { ref: ref, "data-fs-gift": true, "data-testid": testId, ...otherProps },
|
|
6
|
-
React.
|
|
4
|
+
!!icon && React.createElement("span", { "data-fs-gift-icon": true }, icon),
|
|
7
5
|
React.createElement("div", { "data-fs-gift-wrapper": true }, children)));
|
|
8
6
|
});
|
|
9
7
|
export default Gift;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Gift.js","sourceRoot":"","sources":["../../../src/molecules/Gift/Gift.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Gift.js","sourceRoot":"","sources":["../../../src/molecules/Gift/Gift.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAczC,MAAM,IAAI,GAAG,UAAU,CAA4B,SAAS,IAAI,CAC9D,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACrD,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,uCAA4B,MAAM,KAAM,UAAU;QAC5D,CAAC,CAAC,IAAI,IAAI,2DAAyB,IAAI,CAAQ;QAChD,6DAA2B,QAAQ,CAAO,CACtC,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,IAAI,CAAA"}
|
|
@@ -9,9 +9,9 @@ function LinkButton({ icon, inverse, children, disabled, iconPosition, size = 'r
|
|
|
9
9
|
}
|
|
10
10
|
return (React.createElement("a", { ref: linkRef, "data-fs-button": true, "data-fs-link-button": true, "data-fs-button-size": size, "data-fs-button-variant": variant, "data-fs-button-inverse": inverse, "data-fs-button-disabled": disabled, onFocus: onFocus, "data-testid": testId, ...otherProps },
|
|
11
11
|
React.createElement("div", { "data-fs-button-wrapper": true },
|
|
12
|
-
|
|
12
|
+
!!icon && iconPosition === 'left' && (React.createElement("span", { "data-fs-button-icon": true }, icon)),
|
|
13
13
|
children && React.createElement("span", null, children),
|
|
14
|
-
|
|
14
|
+
!!icon && iconPosition === 'right' && (React.createElement("span", { "data-fs-button-icon": true }, icon)))));
|
|
15
15
|
}
|
|
16
16
|
export default LinkButton;
|
|
17
17
|
//# sourceMappingURL=LinkButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.js","sourceRoot":"","sources":["../../../src/molecules/LinkButton/LinkButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAOrC,SAAS,UAAU,CAAC,EAClB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,SAAS,EACnB,MAAM,GAAG,gBAAgB,EACzB,GAAG,UAAU,EACG;IAChB,MAAM,OAAO,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAA;IAEtD,SAAS,OAAO,CAAC,CAAa;QAC5B,CAAC,CAAC,cAAc,EAAE,CAAA;QAElB,IAAI,QAAQ,EAAE;YACZ,OAAO,CAAC,OAAO,EAAE,IAAI,EAAE,CAAA;SACxB;IACH,CAAC;IAED,OAAO,CACL,2BACE,GAAG,EAAE,OAAO,8EAGS,IAAI,4BACD,OAAO,4BACP,OAAO,6BACN,QAAQ,EACjC,OAAO,EAAE,OAAO,iBACH,MAAM,KACf,UAAU;QAEd;YACG,
|
|
1
|
+
{"version":3,"file":"LinkButton.js","sourceRoot":"","sources":["../../../src/molecules/LinkButton/LinkButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAOrC,SAAS,UAAU,CAAC,EAClB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,SAAS,EACnB,MAAM,GAAG,gBAAgB,EACzB,GAAG,UAAU,EACG;IAChB,MAAM,OAAO,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAA;IAEtD,SAAS,OAAO,CAAC,CAAa;QAC5B,CAAC,CAAC,cAAc,EAAE,CAAA;QAElB,IAAI,QAAQ,EAAE;YACZ,OAAO,CAAC,OAAO,EAAE,IAAI,EAAE,CAAA;SACxB;IACH,CAAC;IAED,OAAO,CACL,2BACE,GAAG,EAAE,OAAO,8EAGS,IAAI,4BACD,OAAO,4BACP,OAAO,6BACN,QAAQ,EACjC,OAAO,EAAE,OAAO,iBACH,MAAM,KACf,UAAU;QAEd;YACG,CAAC,CAAC,IAAI,IAAI,YAAY,KAAK,MAAM,IAAI,CACpC,6DAA2B,IAAI,CAAQ,CACxC;YACA,QAAQ,IAAI,kCAAO,QAAQ,CAAQ;YACnC,CAAC,CAAC,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,CACrC,6DAA2B,IAAI,CAAQ,CACxC,CACG,CACJ,CACL,CAAA;AACH,CAAC;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -11,13 +11,11 @@ function formatSearchTerm(indexSubstring, searchTerm, suggestion) {
|
|
|
11
11
|
}
|
|
12
12
|
return searchTerm.toLowerCase();
|
|
13
13
|
}
|
|
14
|
-
const SearchAutoCompleteTerm = ({ testId = 'fs-search-auto-complete-term', suggestion, term, linkProps, icon, }) => {
|
|
15
|
-
const iconProps = { "data-fs-search-auto-complete-item-icon": true };
|
|
16
|
-
const autoCompleteIcon = React.isValidElement(icon) ? (React.cloneElement(icon, iconProps)) : (React.createElement(Icon, { name: "MagnifyingGlass", "data-fs-search-auto-complete-item-icon": true }));
|
|
14
|
+
const SearchAutoCompleteTerm = ({ testId = 'fs-search-auto-complete-term', suggestion, term, linkProps, icon = React.createElement(Icon, { name: "MagnifyingGlass", width: 18, height: 18 }), }) => {
|
|
17
15
|
const suggestionSubstring = suggestion.toLowerCase().split(term.toLowerCase());
|
|
18
16
|
return (React.createElement("li", { "data-fs-search-auto-complete-item": true, "data-testid": testId },
|
|
19
17
|
React.createElement(Link, { ...linkProps, "data-fs-search-auto-complete-item-link": true, variant: "display" },
|
|
20
|
-
|
|
18
|
+
React.createElement("span", { "data-fs-search-auto-complete-item-icon": true }, icon),
|
|
21
19
|
React.createElement("p", null, suggestionSubstring.map((substring, indexSubstring) => (React.createElement(Fragment, { key: [substring, indexSubstring].join() },
|
|
22
20
|
substring.length > 0 && (React.createElement("strong", { "data-fs-search-auto-complete-item-suggestion": true }, indexSubstring === 0
|
|
23
21
|
? substring.charAt(0).toUpperCase() + substring.slice(1)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchAutoCompleteTerm.js","sourceRoot":"","sources":["../../../src/molecules/SearchAutoComplete/SearchAutoCompleteTerm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,IAAI,EAA8B,MAAM,OAAO,CAAA;AAE9D,SAAS,gBAAgB,CACvB,cAAsB,EACtB,UAAkB,EAClB,UAAkB;IAElB,IAAI,cAAc,KAAK,CAAC,EAAE;QACxB,OAAO,UAAU;aACd,KAAK,CAAC,EAAE,CAAC;aACT,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CACjB,GAAG,KAAK,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC;YACvD,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE;YACpB,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CACvB;aACA,IAAI,CAAC,EAAE,CAAC,CAAA;KACZ;IAED,OAAO,UAAU,CAAC,WAAW,EAAE,CAAA;AACjC,CAAC;AA0BD,MAAM,sBAAsB,GAAG,CAAC,EAC9B,MAAM,GAAG,8BAA8B,EACvC,UAAU,EACV,IAAI,EACJ,SAAS,EACT,IAAI,
|
|
1
|
+
{"version":3,"file":"SearchAutoCompleteTerm.js","sourceRoot":"","sources":["../../../src/molecules/SearchAutoComplete/SearchAutoCompleteTerm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,IAAI,EAA8B,MAAM,OAAO,CAAA;AAE9D,SAAS,gBAAgB,CACvB,cAAsB,EACtB,UAAkB,EAClB,UAAkB;IAElB,IAAI,cAAc,KAAK,CAAC,EAAE;QACxB,OAAO,UAAU;aACd,KAAK,CAAC,EAAE,CAAC;aACT,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CACjB,GAAG,KAAK,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC;YACvD,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE;YACpB,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CACvB;aACA,IAAI,CAAC,EAAE,CAAC,CAAA;KACZ;IAED,OAAO,UAAU,CAAC,WAAW,EAAE,CAAA;AACjC,CAAC;AA0BD,MAAM,sBAAsB,GAAG,CAAC,EAC9B,MAAM,GAAG,8BAA8B,EACvC,UAAU,EACV,IAAI,EACJ,SAAS,EACT,IAAI,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACjC,EAAE,EAAE;IAChC,MAAM,mBAAmB,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAA;IAE9E,OAAO,CACL,sFAAmD,MAAM;QACvD,oBAAC,IAAI,OACC,SAAS,kDAEb,OAAO,EAAC,SAAS;YAEjB,gFAA8C,IAAI,CAAQ;YAC1D,+BACG,mBAAmB,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,cAAc,EAAE,EAAE,CAAC,CACtD,oBAAC,QAAQ,IAAC,GAAG,EAAE,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,IAAI,EAAE;gBAC9C,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,CACvB,wFACG,cAAc,KAAK,CAAC;oBACnB,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;oBACxD,CAAC,CAAC,SAAS,CACN,CACV;gBACA,cAAc,KAAK,mBAAmB,CAAC,MAAM,GAAG,CAAC;oBAChD,gBAAgB,CAAC,cAAc,EAAE,IAAI,EAAE,UAAU,CAAC,CAC3C,CACZ,CAAC,CACA,CACC,CACJ,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Icon, Link } from '../..';
|
|
3
|
-
const SearchHistoryTerm = ({ testId = 'fs-search-history-term', value, linkProps, icon, }) => {
|
|
4
|
-
const iconProps = { "data-fs-search-history-item-icon": true };
|
|
5
|
-
const historyIcon = React.isValidElement(icon) ? (React.cloneElement(icon, iconProps)) : (React.createElement(Icon, { name: "ClockClockwise", "data-fs-search-history-item-icon": true }));
|
|
3
|
+
const SearchHistoryTerm = ({ testId = 'fs-search-history-term', value, linkProps, icon = React.createElement(Icon, { name: "ClockClockwise", width: 18, height: 18 }), }) => {
|
|
6
4
|
return (React.createElement("li", { "data-fs-search-history-item": true, "data-testid": testId },
|
|
7
5
|
React.createElement(Link, { ...linkProps, "data-fs-search-history-item-link": true, variant: "display" },
|
|
8
|
-
|
|
6
|
+
React.createElement("span", { "data-fs-search-history-item-icon": true }, icon),
|
|
9
7
|
React.createElement("span", null, value))));
|
|
10
8
|
};
|
|
11
9
|
export default SearchHistoryTerm;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchHistoryTerm.js","sourceRoot":"","sources":["../../../src/molecules/SearchHistory/SearchHistoryTerm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,IAAI,EAA8B,MAAM,OAAO,CAAA;AAqB9D,MAAM,iBAAiB,GAAG,CAAC,EACzB,MAAM,GAAG,wBAAwB,EACjC,KAAK,EACL,SAAS,EACT,IAAI,
|
|
1
|
+
{"version":3,"file":"SearchHistoryTerm.js","sourceRoot":"","sources":["../../../src/molecules/SearchHistory/SearchHistoryTerm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,IAAI,EAA8B,MAAM,OAAO,CAAA;AAqB9D,MAAM,iBAAiB,GAAG,CAAC,EACzB,MAAM,GAAG,wBAAwB,EACjC,KAAK,EACL,SAAS,EACT,IAAI,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACrC,EAAE,EAAE;IAC3B,OAAO,CACL,gFAA6C,MAAM;QACjD,oBAAC,IAAI,OAAK,SAAS,4CAAmC,OAAO,EAAC,SAAS;YACrE,0EAAwC,IAAI,CAAQ;YACpD,kCAAO,KAAK,CAAQ,CACf,CACJ,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,iBAAiB,CAAA"}
|
|
@@ -3,7 +3,7 @@ import { Badge, Icon } from '../..';
|
|
|
3
3
|
const Tag = forwardRef(function Tag({ testId = 'fs-tag', label, icon, iconButtonLabel, onClose, ...otherProps }, ref) {
|
|
4
4
|
return (React.createElement(Badge, { ref: ref, "data-fs-tag": true, size: "big", "data-testid": testId, ...otherProps },
|
|
5
5
|
React.createElement("span", { "data-fs-tag-label": true }, label),
|
|
6
|
-
React.createElement("button", { "data-fs-tag-icon-button": true, "aria-label": iconButtonLabel ? iconButtonLabel : 'remove', onClick: onClose },
|
|
6
|
+
React.createElement("button", { "data-fs-tag-icon-button": true, "aria-label": iconButtonLabel ? iconButtonLabel : 'remove', onClick: onClose }, !!icon ? icon : React.createElement(Icon, { name: "X" }))));
|
|
7
7
|
});
|
|
8
8
|
export default Tag;
|
|
9
9
|
//# sourceMappingURL=Tag.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/molecules/Tag/Tag.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,KAAK,EAAc,IAAI,EAAE,MAAM,OAAO,CAAA;AAyB/C,MAAM,GAAG,GAAG,UAAU,CAA2B,SAAS,GAAG,CAC3D,EAAE,MAAM,GAAG,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,EAC3E,GAAG;IAEH,OAAO,CACL,oBAAC,KAAK,IACJ,GAAG,EAAE,GAAG,uBAER,IAAI,EAAC,KAAK,iBACG,MAAM,KACf,UAAU;QAEd,2DAAyB,KAAK,CAAQ;QACtC,+EAEc,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,EACxD,OAAO,EAAE,OAAO,IAEf,
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/molecules/Tag/Tag.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,KAAK,EAAc,IAAI,EAAE,MAAM,OAAO,CAAA;AAyB/C,MAAM,GAAG,GAAG,UAAU,CAA2B,SAAS,GAAG,CAC3D,EAAE,MAAM,GAAG,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,EAC3E,GAAG;IAEH,OAAO,CACL,oBAAC,KAAK,IACJ,GAAG,EAAE,GAAG,uBAER,IAAI,EAAC,KAAK,iBACG,MAAM,KACf,UAAU;QAEd,2DAAyB,KAAK,CAAQ;QACtC,+EAEc,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,EACxD,OAAO,EAAE,OAAO,IAEf,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,CAC3B,CACH,CACT,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,GAAG,CAAA"}
|
|
@@ -20,7 +20,7 @@ function Toast() {
|
|
|
20
20
|
return null;
|
|
21
21
|
}
|
|
22
22
|
return (React.createElement("div", { role: "status", "data-fs-toast": true, "data-fs-toast-visible": visible, onTransitionEnd: () => !visible && popToast() },
|
|
23
|
-
toast.icon && (React.createElement("div", { "data-fs-toast-icon-container": true },
|
|
23
|
+
toast.icon && (React.createElement("div", { "data-fs-toast-icon-container": true }, !!toast.icon && toast.icon)),
|
|
24
24
|
React.createElement("div", { "data-fs-toast-content": true },
|
|
25
25
|
toast.title && React.createElement("p", { "data-fs-toast-title": true }, toast.title),
|
|
26
26
|
React.createElement("p", { "data-fs-toast-message": true }, toast.message))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/molecules/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEnC,SAAS,KAAK;IACZ,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,CAAA;IACpC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IACvC,MAAM,UAAU,GAAG,MAAM,EAAkB,CAAA;IAE3C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,EAAE;YACV,OAAO,SAAS,CAAA;SACjB;QAED,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;QAEtD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;IACpC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAA;QAE7D,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,IAAI,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IACrE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,IAAI,KAAK,KAAK,SAAS,EAAE;QACvB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,6BACE,IAAI,EAAC,QAAQ,kDAEU,OAAO,EAC9B,eAAe,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,IAAI,QAAQ,EAAE;QAE5C,KAAK,CAAC,IAAI,IAAI,CACb,
|
|
1
|
+
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/molecules/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEnC,SAAS,KAAK;IACZ,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,CAAA;IACpC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IACvC,MAAM,UAAU,GAAG,MAAM,EAAkB,CAAA;IAE3C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,EAAE;YACV,OAAO,SAAS,CAAA;SACjB;QAED,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;QAEtD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;IACpC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAA;QAE7D,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,IAAI,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IACrE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,IAAI,KAAK,KAAK,SAAS,EAAE;QACvB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,6BACE,IAAI,EAAC,QAAQ,kDAEU,OAAO,EAC9B,eAAe,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,IAAI,QAAQ,EAAE;QAE5C,KAAK,CAAC,IAAI,IAAI,CACb,qEAAmC,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAO,CACrE;QACD;YACG,KAAK,CAAC,KAAK,IAAI,0DAAwB,KAAK,CAAC,KAAK,CAAK;YACxD,4DAA0B,KAAK,CAAC,OAAO,CAAK,CACxC,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -3,15 +3,13 @@ import { Icon, LinkButton } from '../..';
|
|
|
3
3
|
import { useHero } from './Hero';
|
|
4
4
|
const HeroHeader = forwardRef(function HeroHeader({ icon, link, title, linkText, subtitle, children, testId = 'fs-hero-heading', ...otherProps }, ref) {
|
|
5
5
|
const { variant, colorVariant } = useHero();
|
|
6
|
-
const iconProps = { "data-fs-hero-icon": true };
|
|
7
|
-
const heroIcon = React.isValidElement(icon) ? (React.cloneElement(icon, iconProps)) : (icon);
|
|
8
6
|
return (React.createElement("header", { ref: ref, "data-fs-hero-heading": true, "data-testid": testId, ...otherProps },
|
|
9
7
|
React.createElement("div", { "data-fs-hero-wrapper": true, className: "layout__content" },
|
|
10
8
|
React.createElement("div", { "data-fs-hero-info": true },
|
|
11
9
|
React.createElement("h1", { "data-fs-hero-title": true }, title),
|
|
12
10
|
React.createElement("p", { "data-fs-hero-subtitle": true }, subtitle),
|
|
13
11
|
!!link && (React.createElement(LinkButton, { href: link, inverse: colorVariant === 'main', icon: React.createElement(Icon, { name: "ArrowRight" }), iconPosition: "right" }, linkText))),
|
|
14
|
-
|
|
12
|
+
!!icon && variant === 'secondary' && (React.createElement("span", { "data-fs-hero-icon": true }, icon)))));
|
|
15
13
|
});
|
|
16
14
|
export default HeroHeader;
|
|
17
15
|
//# sourceMappingURL=HeroHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeroHeader.js","sourceRoot":"","sources":["../../../src/organisms/Hero/HeroHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AA6BhC,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EACE,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,GAAG,iBAAiB,EAC1B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,OAAO,EAAE,CAAA;IAC3C,
|
|
1
|
+
{"version":3,"file":"HeroHeader.js","sourceRoot":"","sources":["../../../src/organisms/Hero/HeroHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AA6BhC,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EACE,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,GAAG,iBAAiB,EAC1B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,OAAO,EAAE,CAAA;IAC3C,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,+CAEK,MAAM,KACf,UAAU;QAEd,2DAA0B,SAAS,EAAC,iBAAiB;YACnD;gBACE,0DAAwB,KAAK,CAAM;gBACnC,4DAA0B,QAAQ,CAAK;gBACtC,CAAC,CAAC,IAAI,IAAI,CACT,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,YAAY,KAAK,MAAM,EAChC,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,EAChC,YAAY,EAAC,OAAO,IAEnB,QAAQ,CACE,CACd,CACG;YACL,CAAC,CAAC,IAAI,IAAI,OAAO,KAAK,WAAW,IAAI,CACpC,2DAAyB,IAAI,CAAQ,CACtC,CACG,CACC,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,UAAU,CAAA"}
|
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
|
}
|
|
@@ -82,9 +82,13 @@ const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(
|
|
|
82
82
|
/>
|
|
83
83
|
</p>
|
|
84
84
|
)}
|
|
85
|
-
{
|
|
85
|
+
{!!icon && iconPosition === 'left' && (
|
|
86
|
+
<span data-fs-button-icon>{icon}</span>
|
|
87
|
+
)}
|
|
86
88
|
{children && <span>{children}</span>}
|
|
87
|
-
{
|
|
89
|
+
{!!icon && iconPosition === 'right' && (
|
|
90
|
+
<span data-fs-button-icon>{icon}</span>
|
|
91
|
+
)}
|
|
88
92
|
</div>
|
|
89
93
|
</button>
|
|
90
94
|
)
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { HTMLAttributes } from 'react'
|
|
2
2
|
import React, { forwardRef, useCallback } from 'react'
|
|
3
3
|
|
|
4
|
-
import {
|
|
4
|
+
import { Icon, IconButton, Link, LinkProps } from '../../'
|
|
5
5
|
|
|
6
6
|
import type { MouseEvent, ReactNode } from 'react'
|
|
7
7
|
|
|
@@ -61,14 +61,20 @@ const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(
|
|
|
61
61
|
data-fs-alert-dismissible={dismissible}
|
|
62
62
|
{...otherProps}
|
|
63
63
|
>
|
|
64
|
-
{
|
|
64
|
+
{!!icon && icon}
|
|
65
65
|
|
|
66
66
|
<p data-fs-alert-content>{children}</p>
|
|
67
67
|
|
|
68
68
|
{link && <Link data-fs-alert-link variant="inline" {...link} />}
|
|
69
69
|
|
|
70
70
|
{dismissible && (
|
|
71
|
-
<IconButton
|
|
71
|
+
<IconButton
|
|
72
|
+
data-fs-alert-button
|
|
73
|
+
size="small"
|
|
74
|
+
aria-label="Close"
|
|
75
|
+
icon={<Icon name="X" />}
|
|
76
|
+
onClick={handleClose}
|
|
77
|
+
/>
|
|
72
78
|
)}
|
|
73
79
|
</div>
|
|
74
80
|
)
|
|
@@ -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,7 +1,6 @@
|
|
|
1
1
|
import type { HTMLAttributes, ReactNode } from 'react'
|
|
2
2
|
import React, { forwardRef } from 'react'
|
|
3
3
|
|
|
4
|
-
|
|
5
4
|
export interface GiftProps extends HTMLAttributes<HTMLDivElement> {
|
|
6
5
|
/**
|
|
7
6
|
* ID to find this component in testing tools (e.g.: cypress,
|
|
@@ -18,11 +17,9 @@ const Gift = forwardRef<HTMLDivElement, GiftProps>(function Gift(
|
|
|
18
17
|
{ icon, testId = 'fs-gift', children, ...otherProps },
|
|
19
18
|
ref
|
|
20
19
|
) {
|
|
21
|
-
const iconProps = { "data-fs-gift-icon": true }
|
|
22
|
-
const giftIcon = React.isValidElement(icon) ? React.cloneElement(icon, iconProps) : icon
|
|
23
20
|
return (
|
|
24
21
|
<div ref={ref} data-fs-gift data-testid={testId} {...otherProps}>
|
|
25
|
-
{
|
|
22
|
+
{!!icon && <span data-fs-gift-icon>{icon}</span>}
|
|
26
23
|
<div data-fs-gift-wrapper>{children}</div>
|
|
27
24
|
</div>
|
|
28
25
|
)
|
|
@@ -41,9 +41,13 @@ function LinkButton({
|
|
|
41
41
|
{...otherProps}
|
|
42
42
|
>
|
|
43
43
|
<div data-fs-button-wrapper>
|
|
44
|
-
{
|
|
44
|
+
{!!icon && iconPosition === 'left' && (
|
|
45
|
+
<span data-fs-button-icon>{icon}</span>
|
|
46
|
+
)}
|
|
45
47
|
{children && <span>{children}</span>}
|
|
46
|
-
{
|
|
48
|
+
{!!icon && iconPosition === 'right' && (
|
|
49
|
+
<span data-fs-button-icon>{icon}</span>
|
|
50
|
+
)}
|
|
47
51
|
</div>
|
|
48
52
|
</a>
|
|
49
53
|
)
|
|
@@ -50,16 +50,8 @@ const SearchAutoCompleteTerm = ({
|
|
|
50
50
|
suggestion,
|
|
51
51
|
term,
|
|
52
52
|
linkProps,
|
|
53
|
-
icon
|
|
53
|
+
icon = <Icon name="MagnifyingGlass" width={18} height={18} />,
|
|
54
54
|
}: SearchAutoCompleteTermProps) => {
|
|
55
|
-
|
|
56
|
-
const iconProps = {"data-fs-search-auto-complete-item-icon":true}
|
|
57
|
-
const autoCompleteIcon = React.isValidElement(icon) ? (
|
|
58
|
-
React.cloneElement(icon, iconProps)
|
|
59
|
-
) : (
|
|
60
|
-
<Icon name="MagnifyingGlass" data-fs-search-auto-complete-item-icon />
|
|
61
|
-
)
|
|
62
|
-
|
|
63
55
|
const suggestionSubstring = suggestion.toLowerCase().split(term.toLowerCase())
|
|
64
56
|
|
|
65
57
|
return (
|
|
@@ -69,7 +61,7 @@ const SearchAutoCompleteTerm = ({
|
|
|
69
61
|
data-fs-search-auto-complete-item-link
|
|
70
62
|
variant="display"
|
|
71
63
|
>
|
|
72
|
-
{
|
|
64
|
+
<span data-fs-search-auto-complete-item-icon>{icon}</span>
|
|
73
65
|
<p>
|
|
74
66
|
{suggestionSubstring.map((substring, indexSubstring) => (
|
|
75
67
|
<Fragment key={[substring, indexSubstring].join()}>
|
|
@@ -25,19 +25,12 @@ const SearchHistoryTerm = ({
|
|
|
25
25
|
testId = 'fs-search-history-term',
|
|
26
26
|
value,
|
|
27
27
|
linkProps,
|
|
28
|
-
icon
|
|
28
|
+
icon = <Icon name="ClockClockwise" width={18} height={18} />,
|
|
29
29
|
}: SearchHistoryTermProps) => {
|
|
30
|
-
const iconProps = {"data-fs-search-history-item-icon": true}
|
|
31
|
-
|
|
32
|
-
const historyIcon = React.isValidElement(icon) ? (
|
|
33
|
-
React.cloneElement(icon, iconProps)
|
|
34
|
-
) : (
|
|
35
|
-
<Icon name="ClockClockwise" data-fs-search-history-item-icon />
|
|
36
|
-
)
|
|
37
30
|
return (
|
|
38
31
|
<li data-fs-search-history-item data-testid={testId}>
|
|
39
32
|
<Link {...linkProps} data-fs-search-history-item-link variant="display">
|
|
40
|
-
{
|
|
33
|
+
<span data-fs-search-history-item-icon>{icon}</span>
|
|
41
34
|
<span>{value}</span>
|
|
42
35
|
</Link>
|
|
43
36
|
</li>
|
|
@@ -43,7 +43,7 @@ const Tag = forwardRef<HTMLDivElement, TagProps>(function Tag(
|
|
|
43
43
|
aria-label={iconButtonLabel ? iconButtonLabel : 'remove'}
|
|
44
44
|
onClick={onClose}
|
|
45
45
|
>
|
|
46
|
-
{
|
|
46
|
+
{!!icon ? icon : <Icon name="X" />}
|
|
47
47
|
</button>
|
|
48
48
|
</Badge>
|
|
49
49
|
)
|
|
@@ -37,9 +37,7 @@ function Toast() {
|
|
|
37
37
|
onTransitionEnd={() => !visible && popToast()}
|
|
38
38
|
>
|
|
39
39
|
{toast.icon && (
|
|
40
|
-
<div data-fs-toast-icon-container>
|
|
41
|
-
{React.isValidElement(toast.icon) && toast.icon}
|
|
42
|
-
</div>
|
|
40
|
+
<div data-fs-toast-icon-container>{!!toast.icon && toast.icon}</div>
|
|
43
41
|
)}
|
|
44
42
|
<div data-fs-toast-content>
|
|
45
43
|
{toast.title && <p data-fs-toast-title>{toast.title}</p>}
|
|
@@ -46,14 +46,6 @@ const HeroHeader = forwardRef<HTMLDivElement, HeroHeaderProps>(
|
|
|
46
46
|
ref
|
|
47
47
|
) {
|
|
48
48
|
const { variant, colorVariant } = useHero()
|
|
49
|
-
const iconProps = {"data-fs-hero-icon": true}
|
|
50
|
-
|
|
51
|
-
const heroIcon = React.isValidElement(icon) ? (
|
|
52
|
-
React.cloneElement(icon, iconProps)
|
|
53
|
-
) : (
|
|
54
|
-
icon
|
|
55
|
-
)
|
|
56
|
-
|
|
57
49
|
return (
|
|
58
50
|
<header
|
|
59
51
|
ref={ref}
|
|
@@ -76,8 +68,8 @@ const HeroHeader = forwardRef<HTMLDivElement, HeroHeaderProps>(
|
|
|
76
68
|
</LinkButton>
|
|
77
69
|
)}
|
|
78
70
|
</div>
|
|
79
|
-
{
|
|
80
|
-
|
|
71
|
+
{!!icon && variant === 'secondary' && (
|
|
72
|
+
<span data-fs-hero-icon>{icon}</span>
|
|
81
73
|
)}
|
|
82
74
|
</div>
|
|
83
75
|
</header>
|
|
@@ -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
|