@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.
Files changed (38) hide show
  1. package/dist/atoms/Button/Button.js +2 -2
  2. package/dist/atoms/Button/Button.js.map +1 -1
  3. package/dist/molecules/Alert/Alert.js +2 -2
  4. package/dist/molecules/Alert/Alert.js.map +1 -1
  5. package/dist/molecules/Breadcrumb/BreadcrumbBase.js +2 -10
  6. package/dist/molecules/Breadcrumb/BreadcrumbBase.js.map +1 -1
  7. package/dist/molecules/Dropdown/DropdownItem.js +1 -1
  8. package/dist/molecules/Dropdown/DropdownItem.js.map +1 -1
  9. package/dist/molecules/Gift/Gift.js +1 -3
  10. package/dist/molecules/Gift/Gift.js.map +1 -1
  11. package/dist/molecules/LinkButton/LinkButton.js +2 -2
  12. package/dist/molecules/LinkButton/LinkButton.js.map +1 -1
  13. package/dist/molecules/SearchAutoComplete/SearchAutoCompleteTerm.js +2 -4
  14. package/dist/molecules/SearchAutoComplete/SearchAutoCompleteTerm.js.map +1 -1
  15. package/dist/molecules/SearchHistory/SearchHistoryTerm.js +2 -4
  16. package/dist/molecules/SearchHistory/SearchHistoryTerm.js.map +1 -1
  17. package/dist/molecules/Tag/Tag.js +1 -1
  18. package/dist/molecules/Tag/Tag.js.map +1 -1
  19. package/dist/molecules/Toast/Toast.js +1 -1
  20. package/dist/molecules/Toast/Toast.js.map +1 -1
  21. package/dist/organisms/Hero/HeroHeader.js +1 -3
  22. package/dist/organisms/Hero/HeroHeader.js.map +1 -1
  23. package/package.json +2 -2
  24. package/src/atoms/Button/Button.tsx +6 -2
  25. package/src/molecules/Alert/Alert.tsx +9 -3
  26. package/src/molecules/Breadcrumb/BreadcrumbBase.tsx +2 -12
  27. package/src/molecules/Dropdown/DropdownItem.tsx +1 -1
  28. package/src/molecules/Gift/Gift.tsx +1 -4
  29. package/src/molecules/LinkButton/LinkButton.tsx +6 -2
  30. package/src/molecules/SearchAutoComplete/SearchAutoCompleteTerm.tsx +2 -10
  31. package/src/molecules/SearchHistory/SearchHistoryTerm.tsx +2 -9
  32. package/src/molecules/Tag/Tag.tsx +1 -1
  33. package/src/molecules/Toast/Toast.tsx +1 -3
  34. package/src/organisms/Hero/HeroHeader.tsx +2 -10
  35. package/dist/molecules/Breadcrumb/HomeLink.d.ts +0 -3
  36. package/dist/molecules/Breadcrumb/HomeLink.js +0 -6
  37. package/dist/molecules/Breadcrumb/HomeLink.js.map +0 -1
  38. 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
- React.isValidElement(icon) && iconPosition === 'left' && React.createElement("span", { "data-fs-button-icon": true }, icon),
9
+ !!icon && iconPosition === 'left' && (React.createElement("span", { "data-fs-button-icon": true }, icon)),
10
10
  children && React.createElement("span", null, children),
11
- React.isValidElement(icon) && iconPosition === 'right' && React.createElement("span", { "data-fs-button-icon": true }, icon))));
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,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,YAAY,KAAK,MAAM,IAAI,6DAA2B,IAAI,CAAQ;YAChG,QAAQ,IAAI,kCAAO,QAAQ,CAAQ;YACnC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,YAAY,KAAK,OAAO,IAAI,6DAA2B,IAAI,CAAQ,CAC9F,CACC,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}
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 { IconButton, Icon, Link } from '../../';
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
- React.isValidElement(icon) && icon,
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,UAAU,EAAE,IAAI,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,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,IAAI;QAEnC,4DAA0B,QAAQ,CAAK;QAEtC,IAAI,IAAI,oBAAC,IAAI,gCAAoB,OAAO,EAAC,QAAQ,KAAK,IAAI,GAAI;QAE9D,WAAW,IAAI,CACd,oBAAC,UAAU,kCAAsB,IAAI,EAAC,OAAO,gBAAY,OAAO,EAAC,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,EAAE,OAAO,EAAE,WAAW,GAAI,CACnH,CACG,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,KAAK,CAAA"}
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
- import HomeLink from './HomeLink';
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
- homeLinkWithProps,
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":"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"}
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
- React.isValidElement(icon) && icon,
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,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,IAAI;QAClC,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,YAAY,CAAA"}
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.isValidElement(giftIcon) && giftIcon,
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;AAezC,MAAM,IAAI,GAAG,UAAU,CAA4B,SAAS,IAAI,CAC9D,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACrD,GAAG;IAEH,MAAM,SAAS,GAAG,EAAE,mBAAmB,EAAE,IAAI,EAAE,CAAA;IAC/C,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IACxF,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,uCAA4B,MAAM,KAAM,UAAU;QAC5D,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,QAAQ;QAC3C,6DAA2B,QAAQ,CAAO,CACtC,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,IAAI,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
- React.isValidElement(icon) && iconPosition === 'left' && React.createElement("span", { "data-fs-button-icon": true }, icon),
12
+ !!icon && iconPosition === 'left' && (React.createElement("span", { "data-fs-button-icon": true }, icon)),
13
13
  children && React.createElement("span", null, children),
14
- React.isValidElement(icon) && iconPosition === 'right' && React.createElement("span", { "data-fs-button-icon": true }, icon))));
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,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,YAAY,KAAK,MAAM,IAAI,6DAA2B,IAAI,CAAQ;YAChG,QAAQ,IAAI,kCAAO,QAAQ,CAAQ;YACnC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,YAAY,KAAK,OAAO,IAAI,6DAA2B,IAAI,CAAQ,CAC9F,CACJ,CACL,CAAA;AACH,CAAC;AAED,eAAe,UAAU,CAAA"}
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
- autoCompleteIcon,
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,GACwB,EAAE,EAAE;IAEhC,MAAM,SAAS,GAAG,EAAC,wCAAwC,EAAC,IAAI,EAAC,CAAA;IACjE,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACpD,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CACpC,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,IAAI,EAAC,iBAAiB,mDAA0C,CACvE,CAAA;IAED,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;YAEhB,gBAAgB;YACjB,+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
+ {"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
- historyIcon,
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,GACmB,EAAE,EAAE;IAC3B,MAAM,SAAS,GAAG,EAAC,kCAAkC,EAAE,IAAI,EAAC,CAAA;IAE5D,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAC/C,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CACpC,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,6CAAoC,CAChE,CAAA;IACD,OAAO,CACL,gFAA6C,MAAM;QACjD,oBAAC,IAAI,OAAK,SAAS,4CAAmC,OAAO,EAAC,SAAS;YACpE,WAAW;YACZ,kCAAO,KAAK,CAAQ,CACf,CACJ,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,iBAAiB,CAAA"}
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 }, React.isValidElement(icon) ? icon : React.createElement(Icon, { name: "X" }))));
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,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,CAC/C,CACH,CACT,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,GAAG,CAAA"}
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 }, React.isValidElement(toast.icon) && toast.icon)),
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,qEACG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,CAC3C,CACP;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"}
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
- heroIcon && variant === 'secondary' && (heroIcon))));
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,MAAM,SAAS,GAAG,EAAC,mBAAmB,EAAE,IAAI,EAAC,CAAA;IAE/C,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAC5C,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CACpC,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CAAA;IAEC,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,QAAQ,IAAI,OAAO,KAAK,WAAW,IAAI,CACtC,QAAQ,CACT,CACG,CACC,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,UAAU,CAAA"}
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.133-alpha.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": "d6ccdde94a4a7210b6e2ebf77a6caf358ecb07b2"
33
+ "gitHead": "5c57dd9fc1c129a9e59e273b3c5c7d9b19d2a4fb"
34
34
  }
@@ -82,9 +82,13 @@ const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(
82
82
  />
83
83
  </p>
84
84
  )}
85
- {React.isValidElement(icon) && iconPosition === 'left' && <span data-fs-button-icon>{icon}</span>}
85
+ {!!icon && iconPosition === 'left' && (
86
+ <span data-fs-button-icon>{icon}</span>
87
+ )}
86
88
  {children && <span>{children}</span>}
87
- {React.isValidElement(icon) && iconPosition === 'right' && <span data-fs-button-icon>{icon}</span>}
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 { IconButton, Icon, Link, LinkProps } from '../../'
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
- {React.isValidElement(icon) && icon}
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 data-fs-alert-button size="small" aria-label="Close" icon={<Icon name="X" />} onClick={handleClose} />
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 = <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
- {homeLinkWithProps}
124
+ {homeLink}
135
125
 
136
126
  {!collapseBreadcrumb &&
137
127
  breadcrumbList.map((item, index) => {
@@ -64,7 +64,7 @@ const DropdownItem = forwardRef<HTMLButtonElement, DropdownItemProps>(
64
64
  data-index={dropdownItemIndex}
65
65
  {...otherProps}
66
66
  >
67
- {React.isValidElement(icon) && icon}
67
+ {!!icon && icon}
68
68
  {children}
69
69
  </button>
70
70
  )
@@ -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
- {React.isValidElement(giftIcon) && giftIcon}
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
- {React.isValidElement(icon) && iconPosition === 'left' && <span data-fs-button-icon>{icon}</span>}
44
+ {!!icon && iconPosition === 'left' && (
45
+ <span data-fs-button-icon>{icon}</span>
46
+ )}
45
47
  {children && <span>{children}</span>}
46
- {React.isValidElement(icon) && iconPosition === 'right' && <span data-fs-button-icon>{icon}</span>}
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
- {autoCompleteIcon}
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
- {historyIcon}
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
- {React.isValidElement(icon) ? icon : <Icon name="X" />}
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
- {heroIcon && variant === 'secondary' && (
80
- heroIcon
71
+ {!!icon && variant === 'secondary' && (
72
+ <span data-fs-hero-icon>{icon}</span>
81
73
  )}
82
74
  </div>
83
75
  </header>
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const HomeLink: () => JSX.Element;
3
- export default HomeLink;
@@ -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