@faststore/components 2.0.66-alpha.0 → 2.0.70-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 (76) hide show
  1. package/dist/assets/ArrowElbowDownRight.d.ts +3 -2
  2. package/dist/assets/ArrowElbowDownRight.js +3 -3
  3. package/dist/assets/ArrowElbowDownRight.js.map +1 -1
  4. package/dist/assets/DotsThree.d.ts +4 -0
  5. package/dist/assets/DotsThree.js +9 -0
  6. package/dist/assets/DotsThree.js.map +1 -0
  7. package/dist/assets/House.d.ts +3 -2
  8. package/dist/assets/House.js +1 -1
  9. package/dist/assets/House.js.map +1 -1
  10. package/dist/assets/IconProps.d.ts +3 -0
  11. package/dist/assets/IconProps.js +2 -0
  12. package/dist/assets/IconProps.js.map +1 -0
  13. package/dist/assets/index.d.ts +1 -0
  14. package/dist/assets/index.js +1 -0
  15. package/dist/assets/index.js.map +1 -1
  16. package/dist/atoms/Price/Price.d.ts +4 -0
  17. package/dist/atoms/Price/Price.js +5 -2
  18. package/dist/atoms/Price/Price.js.map +1 -1
  19. package/dist/index.d.ts +4 -0
  20. package/dist/index.js +2 -0
  21. package/dist/index.js.map +1 -1
  22. package/dist/molecules/Breadcrumb/Breadcrumb.d.ts +5 -0
  23. package/dist/molecules/Breadcrumb/Breadcrumb.js +7 -0
  24. package/dist/molecules/Breadcrumb/Breadcrumb.js.map +1 -0
  25. package/dist/molecules/Breadcrumb/BreadcrumbBase.d.ts +77 -0
  26. package/dist/molecules/Breadcrumb/BreadcrumbBase.js +51 -0
  27. package/dist/molecules/Breadcrumb/BreadcrumbBase.js.map +1 -0
  28. package/dist/molecules/Breadcrumb/BreadcrumbPure.d.ts +23 -0
  29. package/dist/molecules/Breadcrumb/BreadcrumbPure.js +12 -0
  30. package/dist/molecules/Breadcrumb/BreadcrumbPure.js.map +1 -0
  31. package/dist/molecules/Breadcrumb/Divider.d.ts +4 -0
  32. package/dist/molecules/Breadcrumb/Divider.js +14 -0
  33. package/dist/molecules/Breadcrumb/Divider.js.map +1 -0
  34. package/dist/molecules/Breadcrumb/HomeLink.d.ts +3 -0
  35. package/dist/molecules/Breadcrumb/HomeLink.js +6 -0
  36. package/dist/molecules/Breadcrumb/HomeLink.js.map +1 -0
  37. package/dist/molecules/Breadcrumb/ListItem.d.ts +10 -0
  38. package/dist/molecules/Breadcrumb/ListItem.js +20 -0
  39. package/dist/molecules/Breadcrumb/ListItem.js.map +1 -0
  40. package/dist/molecules/Breadcrumb/index.d.ts +4 -0
  41. package/dist/molecules/Breadcrumb/index.js +3 -0
  42. package/dist/molecules/Breadcrumb/index.js.map +1 -0
  43. package/dist/molecules/ProductCard/ProductCardContent.js +2 -2
  44. package/dist/molecules/ProductCard/ProductCardContent.js.map +1 -1
  45. package/dist/molecules/SearchProductCard/SearchProductCard.d.ts +20 -0
  46. package/dist/molecules/SearchProductCard/SearchProductCard.js +8 -0
  47. package/dist/molecules/SearchProductCard/SearchProductCard.js.map +1 -0
  48. package/dist/molecules/SearchProductCard/SearchProductCardContent.d.ts +20 -0
  49. package/dist/molecules/SearchProductCard/SearchProductCardContent.js +11 -0
  50. package/dist/molecules/SearchProductCard/SearchProductCardContent.js.map +1 -0
  51. package/dist/molecules/SearchProductCard/SearchProductCardImage.d.ts +10 -0
  52. package/dist/molecules/SearchProductCard/SearchProductCardImage.js +6 -0
  53. package/dist/molecules/SearchProductCard/SearchProductCardImage.js.map +1 -0
  54. package/dist/molecules/SearchProductCard/index.d.ts +6 -0
  55. package/dist/molecules/SearchProductCard/index.js +4 -0
  56. package/dist/molecules/SearchProductCard/index.js.map +1 -0
  57. package/package.json +2 -2
  58. package/src/assets/ArrowElbowDownRight.tsx +5 -11
  59. package/src/assets/DotsThree.tsx +21 -0
  60. package/src/assets/House.tsx +4 -4
  61. package/src/assets/IconProps.ts +3 -0
  62. package/src/assets/index.ts +1 -0
  63. package/src/atoms/Price/Price.tsx +8 -0
  64. package/src/index.ts +18 -0
  65. package/src/molecules/Breadcrumb/Breadcrumb.tsx +17 -0
  66. package/src/molecules/Breadcrumb/BreadcrumbBase.tsx +165 -0
  67. package/src/molecules/Breadcrumb/BreadcrumbPure.tsx +59 -0
  68. package/src/molecules/Breadcrumb/Divider.tsx +18 -0
  69. package/src/molecules/Breadcrumb/HomeLink.tsx +15 -0
  70. package/src/molecules/Breadcrumb/ListItem.tsx +38 -0
  71. package/src/molecules/Breadcrumb/index.ts +4 -0
  72. package/src/molecules/ProductCard/ProductCardContent.tsx +2 -0
  73. package/src/molecules/SearchProductCard/SearchProductCard.tsx +54 -0
  74. package/src/molecules/SearchProductCard/SearchProductCardContent.tsx +51 -0
  75. package/src/molecules/SearchProductCard/SearchProductCardImage.tsx +31 -0
  76. package/src/molecules/SearchProductCard/index.ts +8 -0
@@ -1,3 +1,4 @@
1
- import type { FC } from 'react';
2
- declare const ArrowElbowDownRight: FC;
1
+ /// <reference types="react" />
2
+ import { IconProps } from './IconProps';
3
+ declare const ArrowElbowDownRight: ({ size }: IconProps) => JSX.Element;
3
4
  export default ArrowElbowDownRight;
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  // Icon from Phosphor Icons
3
- const ArrowElbowDownRight = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", strokeWidth: "16", width: 24, height: 24 },
3
+ const ArrowElbowDownRight = ({ size = 24 }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", strokeWidth: "16", width: size, height: size },
4
4
  React.createElement("rect", { width: "256", height: "256", fill: "none" }),
5
- React.createElement("polyline", { points: "160 128 208 176 160 224", fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "16" }),
6
- React.createElement("polyline", { points: "64 32 64 176 208 176", fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "16" })));
5
+ React.createElement("polyline", { points: "160 128 208 176 160 224", fill: "none", stroke: "currentColor" }),
6
+ React.createElement("polyline", { points: "64 32 64 176 208 176", fill: "none", stroke: "currentColor" })));
7
7
  export default ArrowElbowDownRight;
8
8
  //# sourceMappingURL=ArrowElbowDownRight.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ArrowElbowDownRight.js","sourceRoot":"","sources":["../../src/assets/ArrowElbowDownRight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,2BAA2B;AAC3B,MAAM,mBAAmB,GAAO,GAAG,EAAE,CAAC,CACpC,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,IAAI,EAChB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE;IAEV,8BAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,GAAQ;IAClD,kCACE,MAAM,EAAC,yBAAyB,EAChC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,oBACN,OAAO,qBACN,OAAO,kBACV,IAAI,GACP;IACZ,kCACE,MAAM,EAAC,sBAAsB,EAC7B,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,oBACN,OAAO,qBACN,OAAO,kBACV,IAAI,GACP,CACR,CACP,CAAA;AAED,eAAe,mBAAmB,CAAA"}
1
+ {"version":3,"file":"ArrowElbowDownRight.js","sourceRoot":"","sources":["../../src/assets/ArrowElbowDownRight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,2BAA2B;AAC3B,MAAM,mBAAmB,GAAG,CAAC,EAAE,IAAI,GAAI,EAAE,EAAa,EAAE,EAAE,CAAC,CACzD,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,IAAI,EAChB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI;IAEZ,8BAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,GAAQ;IAClD,kCACE,MAAM,EAAC,yBAAyB,EAChC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,GACX;IACZ,kCACE,MAAM,EAAC,sBAAsB,EAC7B,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,GACX,CACR,CACP,CAAA;AAED,eAAe,mBAAmB,CAAA"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { IconProps } from './IconProps';
3
+ declare const DotsThree: ({ size }: IconProps) => JSX.Element;
4
+ export default DotsThree;
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ // Icon from Phosphor Icons
3
+ const DotsThree = ({ size = 24 }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 256", strokeWidth: "16", width: size, height: size },
4
+ React.createElement("rect", { width: "256", height: "256", fill: "none" }),
5
+ React.createElement("circle", { cx: "128", cy: "128", r: "12" }),
6
+ React.createElement("circle", { cx: "192", cy: "128", r: "12" }),
7
+ React.createElement("circle", { cx: "64", cy: "128", r: "12" })));
8
+ export default DotsThree;
9
+ //# sourceMappingURL=DotsThree.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DotsThree.js","sourceRoot":"","sources":["../../src/assets/DotsThree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,2BAA2B;AAC3B,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAa,EAAE,EAAE,CAAC,CAC9C,6BACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,aAAa,EACrB,WAAW,EAAC,IAAI,EAChB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI;IAEZ,8BAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,GAAQ;IAClD,gCAAQ,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,IAAI,GAAU;IAC1C,gCAAQ,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,IAAI,GAAU;IAC1C,gCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,IAAI,GAAU,CACrC,CACP,CAAA;AAED,eAAe,SAAS,CAAA"}
@@ -1,3 +1,4 @@
1
- import type { FC } from 'react';
2
- declare const House: FC;
1
+ /// <reference types="react" />
2
+ import { IconProps } from './IconProps';
3
+ declare const House: ({ size }: IconProps) => JSX.Element;
3
4
  export default House;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  // Icon from Phosphor Icons
3
- const House = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 256", strokeWidth: "16", width: 24, height: 24 },
3
+ const House = ({ size = 24 }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 256", strokeWidth: "16", width: size, height: size },
4
4
  React.createElement("rect", { width: "256", height: "256", fill: "none" }),
5
5
  React.createElement("path", { d: "M152,208V160a8,8,0,0,0-8-8H112a8,8,0,0,0-8,8v48a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V115.5a8.3,8.3,0,0,1,2.6-5.9l80-72.7a8,8,0,0,1,10.8,0l80,72.7a8.3,8.3,0,0,1,2.6,5.9V208a8,8,0,0,1-8,8H160A8,8,0,0,1,152,208Z", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "24" })));
6
6
  export default House;
@@ -1 +1 @@
1
- {"version":3,"file":"House.js","sourceRoot":"","sources":["../../src/assets/House.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,2BAA2B;AAC3B,MAAM,KAAK,GAAO,GAAG,EAAE,CAAC,CACtB,6BACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,aAAa,EACrB,WAAW,EAAC,IAAI,EAChB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE;IAEV,8BAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,GAAQ;IAClD,8BACE,CAAC,EAAC,4MAA4M,EAC9M,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,IAAI,GACV,CACJ,CACP,CAAA;AAED,eAAe,KAAK,CAAA"}
1
+ {"version":3,"file":"House.js","sourceRoot":"","sources":["../../src/assets/House.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,2BAA2B;AAC3B,MAAM,KAAK,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAa,EAAE,EAAE,CAAC,CAC1C,6BACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,aAAa,EACrB,WAAW,EAAC,IAAI,EAChB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI;IAEZ,8BAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,GAAQ;IAClD,8BACE,CAAC,EAAC,4MAA4M,EAC9M,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,IAAI,GACV,CACJ,CACP,CAAA;AAED,eAAe,KAAK,CAAA"}
@@ -0,0 +1,3 @@
1
+ export type IconProps = {
2
+ size?: number;
3
+ };
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=IconProps.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IconProps.js","sourceRoot":"","sources":["../../src/assets/IconProps.ts"],"names":[],"mappings":""}
@@ -3,6 +3,7 @@ export { default as ArrowElbowDownRight } from './ArrowElbowDownRight';
3
3
  export { default as ArrowRight } from './ArrowRight';
4
4
  export { default as CaretDown } from './CaretDown';
5
5
  export { default as Checked } from './Checked';
6
+ export { default as DotsThree } from './DotsThree';
6
7
  export { default as Heart } from './Heart';
7
8
  export { default as House } from './House';
8
9
  export { default as Minus } from './Minus';
@@ -4,6 +4,7 @@ export { default as ArrowElbowDownRight } from './ArrowElbowDownRight';
4
4
  export { default as ArrowRight } from './ArrowRight';
5
5
  export { default as CaretDown } from './CaretDown';
6
6
  export { default as Checked } from './Checked';
7
+ export { default as DotsThree } from './DotsThree';
7
8
  export { default as Heart } from './Heart';
8
9
  export { default as House } from './House';
9
10
  export { default as Minus } from './Minus';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/assets/index.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,cAAc,gBAAgB,CAAA;AAE9B,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,KAAK,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/assets/index.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,cAAc,gBAAgB,CAAA;AAE9B,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,KAAK,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA"}
@@ -23,6 +23,10 @@ export interface PriceProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'child
23
23
  * The current use case variant for prices.
24
24
  */
25
25
  variant?: PriceVariant;
26
+ /**
27
+ * Text for the screen readers only
28
+ */
29
+ SRText?: string;
26
30
  }
27
31
  declare const Price: React.ForwardRefExoticComponent<PriceProps & React.RefAttributes<Omit<HTMLSpanElement, "children">>>;
28
32
  export default Price;
@@ -1,7 +1,10 @@
1
1
  import React, { forwardRef } from 'react';
2
- const Price = forwardRef(function Price({ value, as: Component = 'span', variant = 'selling', testId = 'fs-price', formatter = (price) => price, ...otherProps }, ref) {
2
+ import { SROnly } from '../../';
3
+ const Price = forwardRef(function Price({ value, as: Component = 'span', variant = 'selling', testId = 'fs-price', formatter = (price) => price, SRText, ...otherProps }, ref) {
3
4
  const formattedPrice = formatter(value, variant);
4
- return (React.createElement(Component, { ref: ref, "data-fs-price": true, "data-fs-price-variant": variant, "data-testid": testId, ...otherProps }, formattedPrice));
5
+ return (React.createElement(Component, { ref: ref, "data-fs-price": true, "data-fs-price-variant": variant, "data-testid": testId, ...otherProps },
6
+ SRText && React.createElement(SROnly, { text: SRText }),
7
+ formattedPrice));
5
8
  });
6
9
  export default Price;
7
10
  //# sourceMappingURL=Price.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Price.js","sourceRoot":"","sources":["../../../src/atoms/Price/Price.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAmCzC,MAAM,KAAK,GAAG,UAAU,CACtB,SAAS,KAAK,CACZ,EACE,KAAK,EACL,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,OAAO,GAAG,SAAS,EACnB,MAAM,GAAG,UAAU,EACnB,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAC5B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,cAAc,GAAG,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;IAEhD,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,kDAEe,OAAO,iBACjB,MAAM,KACf,UAAU,IAEb,cAAc,CACL,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,KAAK,CAAA"}
1
+ {"version":3,"file":"Price.js","sourceRoot":"","sources":["../../../src/atoms/Price/Price.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAuC/B,MAAM,KAAK,GAAG,UAAU,CACtB,SAAS,KAAK,CACZ,EACE,KAAK,EACL,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,OAAO,GAAG,SAAS,EACnB,MAAM,GAAG,UAAU,EACnB,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAC5B,MAAM,EACN,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,cAAc,GAAG,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;IAEhD,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,kDAEe,OAAO,iBACjB,MAAM,KACf,UAAU;QAEb,MAAM,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI;QAClC,cAAc,CACL,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,KAAK,CAAA"}
package/dist/index.d.ts CHANGED
@@ -35,6 +35,8 @@ export { default as Accordion, AccordionItem, AccordionButton, AccordionPanel, }
35
35
  export type { AccordionProps, AccordionItemProps, AccordionButtonProps, AccordionPanelProps, } from './molecules/Accordion';
36
36
  export { default as Alert } from './molecules/Alert';
37
37
  export type { AlertProps } from './molecules/Alert';
38
+ export { BreadcrumbPure, Breadcrumb, } from './molecules/Breadcrumb';
39
+ export type { BreadcrumbPureProps, BreadcrumbProps, } from './molecules/Breadcrumb';
38
40
  export { default as BuyButton } from './molecules/BuyButton';
39
41
  export { default as CartItem, CartItemImage, CartItemSummary, } from './molecules/CartItem';
40
42
  export type { CartItemProps, CartItemImageProps, CartItemSummaryProps, } from './molecules/CartItem';
@@ -64,6 +66,8 @@ export { default as RadioGroup, RadioOption } from './molecules/RadioGroup';
64
66
  export type { RadioGroupProps, RadioOptionProps } from './molecules/RadioGroup';
65
67
  export { default as Rating } from './molecules/Rating';
66
68
  export type { RatingProps } from './molecules/Rating';
69
+ export { default as SearchProductCard, SearchProductCardImage, SearchProductCardContent, } from './molecules/SearchProductCard';
70
+ export type { SearchProductCardProps, SearchProductCardImageProps, SearchProductCardContentProps, } from './molecules/SearchProductCard';
67
71
  export { default as SelectField } from './molecules/SelectField';
68
72
  export type { SelectFieldProps } from './molecules/SelectField';
69
73
  export { Table, TableBody, TableCell, TableFooter, TableHead, TableRow, } from './molecules/Table';
package/dist/index.js CHANGED
@@ -22,6 +22,7 @@ export { default as SROnly } from './atoms/SROnly';
22
22
  // Molecules
23
23
  export { default as Accordion, AccordionItem, AccordionButton, AccordionPanel, } from './molecules/Accordion';
24
24
  export { default as Alert } from './molecules/Alert';
25
+ export { BreadcrumbPure, Breadcrumb, } from './molecules/Breadcrumb';
25
26
  export { default as BuyButton } from './molecules/BuyButton';
26
27
  export { default as CartItem, CartItemImage, CartItemSummary, } from './molecules/CartItem';
27
28
  export { default as CheckboxField } from './molecules/CheckboxField';
@@ -37,6 +38,7 @@ export { default as ProductTitle } from './molecules/ProductTitle';
37
38
  export { default as RadioField } from './molecules/RadioField';
38
39
  export { default as RadioGroup, RadioOption } from './molecules/RadioGroup';
39
40
  export { default as Rating } from './molecules/Rating';
41
+ export { default as SearchProductCard, SearchProductCardImage, SearchProductCardContent, } from './molecules/SearchProductCard';
40
42
  export { default as SelectField } from './molecules/SelectField';
41
43
  export { Table, TableBody, TableCell, TableFooter, TableHead, TableRow, } from './molecules/Table';
42
44
  export { default as Tag } from './molecules/Tag';
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import { BreadcrumbBaseProps } from './BreadcrumbBase';
3
+ export type BreadcrumbProps = Omit<BreadcrumbBaseProps, "isDesktop">;
4
+ declare const Breadcrumb: ({ breadcrumbList, ...otherProps }: BreadcrumbProps) => JSX.Element;
5
+ export default Breadcrumb;
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import BreadcrumbBase from './BreadcrumbBase';
3
+ const Breadcrumb = ({ breadcrumbList, ...otherProps }) => (React.createElement(React.Fragment, null,
4
+ React.createElement(BreadcrumbBase, { breadcrumbList: breadcrumbList, ...otherProps }),
5
+ React.createElement(BreadcrumbBase, { breadcrumbList: breadcrumbList, isDesktop: true, ...otherProps })));
6
+ export default Breadcrumb;
7
+ //# sourceMappingURL=Breadcrumb.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,cAAuC,MAAM,kBAAkB,CAAA;AAKtE,MAAM,UAAU,GAAG,CAAC,EAClB,cAAc,EACd,GAAG,UAAU,EACG,EAAE,EAAE,CAAC,CACrB;IACE,oBAAC,cAAc,IAAC,cAAc,EAAE,cAAc,KAAM,UAAU,GAAI;IAClE,oBAAC,cAAc,IAAC,cAAc,EAAE,cAAc,EAAE,SAAS,WAAK,UAAU,GAAI,CAC3E,CACJ,CAAA;AAED,eAAe,UAAU,CAAA"}
@@ -0,0 +1,77 @@
1
+ import React, { ReactElement, ReactNode } from 'react';
2
+ import { BreadcrumbPureProps } from './BreadcrumbPure';
3
+ type ItemElement = {
4
+ item: string;
5
+ name: string;
6
+ position: number;
7
+ };
8
+ type RenderLinkProps = {
9
+ /**
10
+ * Item prop for specific item.
11
+ */
12
+ itemProps: ItemElement;
13
+ /**
14
+ * Represents if the item is collapsed or not.
15
+ */
16
+ collapsed: boolean;
17
+ };
18
+ export type BreadcrumbBaseProps = {
19
+ /**
20
+ * Array of ItemElement that represents each breadcrumb item.
21
+ */
22
+ breadcrumbList: ItemElement[];
23
+ /**
24
+ * Represents if is Desktop os mobile.
25
+ */
26
+ isDesktop?: boolean;
27
+ /**
28
+ * Link go to home.
29
+ */
30
+ homeLink?: ReactElement;
31
+ /**
32
+ * Icon for dropdown button.
33
+ */
34
+ dropdownButtonIcon?: ReactNode;
35
+ /**
36
+ * Icon for collapsed items.
37
+ */
38
+ collapsedItemsIcon?: ReactNode;
39
+ /**
40
+ * Function to render a item as breadcrumb link.
41
+ * @param renderLinkProps Properties for each item to be rendered.
42
+ * @returns Link to be rendered.
43
+ */
44
+ renderLink?: (renderLinkProps: RenderLinkProps) => ReactElement;
45
+ } & BreadcrumbPureProps;
46
+ declare const BreadcrumbBase: React.ForwardRefExoticComponent<{
47
+ /**
48
+ * Array of ItemElement that represents each breadcrumb item.
49
+ */
50
+ breadcrumbList: ItemElement[];
51
+ /**
52
+ * Represents if is Desktop os mobile.
53
+ */
54
+ isDesktop?: boolean | undefined;
55
+ /**
56
+ * Link go to home.
57
+ */
58
+ homeLink?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
59
+ /**
60
+ * Icon for dropdown button.
61
+ */
62
+ dropdownButtonIcon?: ReactNode;
63
+ /**
64
+ * Icon for collapsed items.
65
+ */
66
+ collapsedItemsIcon?: ReactNode;
67
+ /**
68
+ * Function to render a item as breadcrumb link.
69
+ * @param renderLinkProps Properties for each item to be rendered.
70
+ * @returns Link to be rendered.
71
+ */
72
+ renderLink?: ((renderLinkProps: RenderLinkProps) => ReactElement) | undefined;
73
+ } & {
74
+ divider?: React.ReactNode;
75
+ testId?: string | undefined;
76
+ } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
77
+ export default BreadcrumbBase;
@@ -0,0 +1,51 @@
1
+ import React, { cloneElement, forwardRef, useCallback } from 'react';
2
+ import { ArrowElbowDownRight, DotsThree } from '../../assets';
3
+ import Icon from '../../atoms/Icon';
4
+ import Link from '../../atoms/Link';
5
+ import Dropdown, { DropdownButton, DropdownMenu, DropdownItem, } from '../Dropdown';
6
+ import BreadcrumbPure from './BreadcrumbPure';
7
+ import HomeLink from './HomeLink';
8
+ const BreadcrumbBase = forwardRef(function BreadcrumbBase({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', breadcrumbList, isDesktop = false, renderLink, homeLink = React.createElement(HomeLink, null), dropdownButtonIcon = React.createElement(Icon, { component: React.createElement(DotsThree, null) }), collapsedItemsIcon = React.createElement(Icon, { component: React.createElement(ArrowElbowDownRight, null) }), ...otherProps }, ref) {
9
+ const homeLinkProps = {
10
+ 'data-fs-breadcrumb-link': true,
11
+ 'data-fs-breadcrumb-link-home': true,
12
+ 'aria-label': 'Go to homepage',
13
+ href: '/',
14
+ };
15
+ const homeLinkWithProps = cloneElement(homeLink, homeLinkProps);
16
+ const firstItem = isDesktop ? breadcrumbList[0] : null;
17
+ const mediumItems = isDesktop
18
+ ? breadcrumbList.slice(1, -2)
19
+ : breadcrumbList.slice(0, -2);
20
+ const lastItems = breadcrumbList.slice(-2);
21
+ const collapseBreadcrumb = breadcrumbList.length > 4;
22
+ const breadcrumbLink = useCallback((renderLinkProps) => {
23
+ const breadcrumbItem = renderLink?.(renderLinkProps);
24
+ const itemProps = renderLinkProps.collapsed
25
+ ? {
26
+ 'data-fs-breadcrumb-dropdown-link': true,
27
+ }
28
+ : {
29
+ 'data-fs-breadcrumb-link': true,
30
+ };
31
+ return breadcrumbItem ? (cloneElement(breadcrumbItem, { ...itemProps, key: renderLinkProps.itemProps.position })) : (React.createElement(Link, { ...itemProps, href: renderLinkProps.itemProps.item, key: renderLinkProps.itemProps.position }, renderLinkProps.itemProps.name));
32
+ }, [renderLink]);
33
+ return (React.createElement(BreadcrumbPure, { ref: ref, "data-fs-breadcrumb-is-desktop": isDesktop, ...otherProps },
34
+ homeLinkWithProps,
35
+ !collapseBreadcrumb &&
36
+ breadcrumbList.map((item, index) => {
37
+ return breadcrumbList.length === index + 1 ? (React.createElement("span", { key: String(item.position) }, item.name)) : (breadcrumbLink({ itemProps: item, collapsed: false }));
38
+ }),
39
+ collapseBreadcrumb &&
40
+ firstItem &&
41
+ breadcrumbLink({ itemProps: firstItem, collapsed: false }),
42
+ collapseBreadcrumb && (React.createElement(Dropdown, null,
43
+ React.createElement(DropdownButton, { "data-fs-breadcrumb-dropdown-button": true, size: "small" }, dropdownButtonIcon),
44
+ React.createElement(DropdownMenu, { "data-fs-breadcrumb-dropdown-menu": true }, mediumItems.map((item) => (React.createElement(DropdownItem, { "data-fs-breadcrumb-dropdown-item": true, key: String(item.position), icon: collapsedItemsIcon }, breadcrumbLink({ itemProps: item, collapsed: true }))))))),
45
+ collapseBreadcrumb &&
46
+ lastItems.map((item, index) => {
47
+ return lastItems.length === index + 1 ? (React.createElement("span", { key: String(item.position) }, item.name)) : (breadcrumbLink({ itemProps: item, collapsed: false }));
48
+ })));
49
+ });
50
+ export default BreadcrumbBase;
51
+ //# sourceMappingURL=BreadcrumbBase.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BreadcrumbBase.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/BreadcrumbBase.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,23 @@
1
+ import React from "react";
2
+ import type { HTMLAttributes, ReactNode } from 'react';
3
+ export type BreadcrumbPureProps = {
4
+ /**
5
+ * A ReactNode that will be rendered as the Divider icon.
6
+ */
7
+ divider?: ReactNode;
8
+ /**
9
+ * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
10
+ */
11
+ testId?: string;
12
+ } & HTMLAttributes<HTMLDivElement>;
13
+ declare const BreadcrumbPure: React.ForwardRefExoticComponent<{
14
+ /**
15
+ * A ReactNode that will be rendered as the Divider icon.
16
+ */
17
+ divider?: ReactNode;
18
+ /**
19
+ * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
20
+ */
21
+ testId?: string | undefined;
22
+ } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
23
+ export default BreadcrumbPure;
@@ -0,0 +1,12 @@
1
+ import React, { forwardRef } from "react";
2
+ import List from "../../atoms/List";
3
+ import ListItem from "./ListItem";
4
+ const BreadcrumbPure = forwardRef(function BreadcrumbPure({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', ...otherProps }, ref) {
5
+ return (React.createElement("nav", { "aria-label": "Breadcrumb", role: "navigation", ref: ref, "data-fs-breadcrumb": true, "data-testid": testId, ...otherProps },
6
+ React.createElement(List, { as: "ol", "data-fs-breadcrumb-list": true }, React.Children.toArray(children).map((child, index, childrenArray) => {
7
+ const isLastItem = index === childrenArray.length - 1;
8
+ return (React.createElement(ListItem, { isLastItem: isLastItem, divider: rawDivider, key: `breadcrumb-${index}`, testId: testId }, child));
9
+ }))));
10
+ });
11
+ export default BreadcrumbPure;
12
+ //# sourceMappingURL=BreadcrumbPure.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BreadcrumbPure.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/BreadcrumbPure.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,IAAI,MAAM,kBAAkB,CAAA;AAEnC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAajC,MAAM,cAAc,GAAG,UAAU,CAC7B,SAAS,cAAc,CACrB,EACE,QAAQ,EACR,OAAO,EAAE,UAAU,GAAG,EAAE,EACxB,MAAM,GAAG,eAAe,EACxB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,2CACa,YAAY,EACvB,IAAI,EAAC,YAAY,EACjB,GAAG,EAAE,GAAG,6CAEK,MAAM,KACf,UAAU;QAEd,oBAAC,IAAI,IAAC,EAAE,EAAC,IAAI,qCACV,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CACnC,CAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE;YAC9B,MAAM,UAAU,GAAG,KAAK,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,CAAA;YAErD,OAAO,CACL,oBAAC,QAAQ,IACP,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,UAAU,EACnB,GAAG,EAAE,cAAc,KAAK,EAAE,EAC1B,MAAM,EAAE,MAAM,IAEb,KAAK,CACG,CACZ,CAAA;QACH,CAAC,CACF,CACI,CACH,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAEH,eAAe,cAAc,CAAA"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { BreadcrumbBaseProps } from "./BreadcrumbBase";
3
+ declare const Divider: ({ divider, testId }: Omit<BreadcrumbBaseProps, "breadcrumbList">) => JSX.Element;
4
+ export default Divider;
@@ -0,0 +1,14 @@
1
+ import React from "react";
2
+ const Divider = ({ divider, testId }) => {
3
+ const props = {
4
+ 'data-fs-breadcrumb-divider': true,
5
+ 'aria-hidden': true,
6
+ 'data-testid': `${testId}-divider`,
7
+ };
8
+ if (React.isValidElement(divider)) {
9
+ return React.cloneElement(divider, props);
10
+ }
11
+ return React.createElement("span", { ...props }, divider ?? '/');
12
+ };
13
+ export default Divider;
14
+ //# sourceMappingURL=Divider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,OAAO,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAA+C,EAAE,EAAE;IACjF,MAAM,KAAK,GAAG;QACZ,4BAA4B,EAAE,IAAI;QAClC,aAAa,EAAE,IAAI;QACnB,aAAa,EAAE,GAAG,MAAM,UAAU;KACnC,CAAA;IAED,IAAI,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;QACjC,OAAO,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;KAC1C;IAED,OAAO,iCAAU,KAAK,IAAG,OAAO,IAAI,GAAG,CAAQ,CAAA;AACnD,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ declare const HomeLink: () => JSX.Element;
3
+ export default HomeLink;
@@ -0,0 +1,6 @@
1
+ import { House, Icon, Link } from "../..";
2
+ import React from "react";
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, { component: React.createElement(House, { size: 18 }) })));
5
+ export default HomeLink;
6
+ //# sourceMappingURL=HomeLink.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HomeLink.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/HomeLink.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CACrB,oBAAC,IAAI,yFAGQ,gBAAgB,EAC3B,IAAI,EAAC,GAAG;IAER,oBAAC,IAAI,IAAC,SAAS,EAAE,oBAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,GAAI,CACnC,CACR,CAAA;AAED,eAAe,QAAQ,CAAA"}
@@ -0,0 +1,10 @@
1
+ import { ReactNode } from 'react';
2
+ import { BreadcrumbBaseProps } from './BreadcrumbBase';
3
+ type ListItemProps = {
4
+ children: ReactNode;
5
+ isLastItem: boolean;
6
+ divider: BreadcrumbBaseProps['divider'];
7
+ testId: string;
8
+ };
9
+ declare const ListItem: ({ children, isLastItem, divider, testId }: ListItemProps) => JSX.Element;
10
+ export default ListItem;
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ import Divider from './Divider';
3
+ const ListItem = ({ children, isLastItem, divider, testId }) => {
4
+ const props = {
5
+ 'data-testid': `${testId}-item`,
6
+ 'data-fs-breadcrumb-item': isLastItem ? 'current' : true,
7
+ 'aria-current': isLastItem ? 'page' : undefined,
8
+ };
9
+ if (!React.isValidElement(children)) {
10
+ return (React.createElement("li", { "data-fs-breadcrumb-list-item": true },
11
+ React.createElement("span", { ...props },
12
+ children,
13
+ isLastItem ? null : React.createElement(Divider, { divider: divider, testId: testId }))));
14
+ }
15
+ return (React.createElement("li", { "data-fs-breadcrumb-list-item": true },
16
+ React.cloneElement(children, props),
17
+ isLastItem ? null : React.createElement(Divider, { divider: divider, testId: testId })));
18
+ };
19
+ export default ListItem;
20
+ //# sourceMappingURL=ListItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,OAAO,MAAM,WAAW,CAAA;AAS/B,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAiB,EAAE,EAAE;IAC5E,MAAM,KAAK,GAAG;QACZ,aAAa,EAAE,GAAG,MAAM,OAAO;QAC/B,yBAAyB,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;QACxD,cAAc,EAAE,UAAU,CAAC,CAAC,CAAE,MAAgB,CAAC,CAAC,CAAC,SAAS;KAC3D,CAAA;IAED,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;QACnC,OAAO,CACL;YACE,iCAAU,KAAK;gBACZ,QAAQ;gBACR,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,GAAI,CAC7D,CACJ,CACN,CAAA;KACF;IAED,OAAO,CACL;QACG,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC;QACnC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,GAAI,CAC/D,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
@@ -0,0 +1,4 @@
1
+ export { default as BreadcrumbPure } from './BreadcrumbPure';
2
+ export type { BreadcrumbPureProps } from './BreadcrumbPure';
3
+ export { default as Breadcrumb } from './Breadcrumb';
4
+ export type { BreadcrumbProps } from './Breadcrumb';
@@ -0,0 +1,3 @@
1
+ export { default as BreadcrumbPure } from './BreadcrumbPure';
2
+ export { default as Breadcrumb } from './Breadcrumb';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAE5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}
@@ -7,8 +7,8 @@ const ProductCardContent = forwardRef(function CardContent({ testId = 'fs-produc
7
7
  React.createElement("h3", { "data-fs-product-card-title": true },
8
8
  React.createElement(Link, { ...linkProps, title: title }, title)),
9
9
  React.createElement("div", { "data-fs-product-card-prices": true },
10
- React.createElement(Price, { value: price?.listPrice ? price.listPrice : 0, formatter: price?.formatter, testId: "list-price", "data-value": price?.listPrice, variant: "listing" }),
11
- React.createElement(Price, { value: price?.value ? price.value : 0, formatter: price?.formatter, testId: "price", "data-value": price?.value, variant: "spot" })),
10
+ React.createElement(Price, { value: price?.listPrice ? price.listPrice : 0, formatter: price?.formatter, testId: "list-price", "data-value": price?.listPrice, variant: "listing", SRText: "Original price:" }),
11
+ React.createElement(Price, { value: price?.value ? price.value : 0, formatter: price?.formatter, testId: "price", "data-value": price?.value, variant: "spot", SRText: "Sale Price:" })),
12
12
  ratingValue && React.createElement(Rating, { value: ratingValue, icon: React.createElement(Star, null) })),
13
13
  showDiscountBadge && !outOfStock && (React.createElement(DiscountBadge, { listPrice: price?.listPrice ? price.listPrice : 0, spotPrice: price?.value ? price.value : 0 })),
14
14
  outOfStock && React.createElement(Badge, null, outOfStockLabel),
@@ -1 +1 @@
1
- {"version":3,"file":"ProductCardContent.js","sourceRoot":"","sources":["../../../src/molecules/ProductCard/ProductCardContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAIzC,OAAO,EACL,IAAI,EACJ,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,aAAa,GAGd,MAAM,QAAQ,CAAA;AACf,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAmDjD,MAAM,kBAAkB,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EACE,MAAM,GAAG,yBAAyB,EAClC,KAAK,EACL,SAAS,EACT,KAAK,EACL,UAAU,EACV,eAAe,GAAG,cAAc,EAChC,WAAW,EACX,iBAAiB,EACjB,WAAW,GAAG,KAAK,EACnB,aAAa,EACb,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,sEAEoB,iBAAiB,iBAChC,MAAM,KACf,UAAU;QAEd;YACE;gBACE,oBAAC,IAAI,OAAK,SAAS,EAAE,KAAK,EAAE,KAAK,IAC9B,KAAK,CACD,CACJ;YACL;gBACE,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAC7C,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,YAAY,gBACP,KAAK,EAAE,SAAS,EAC5B,OAAO,EAAC,SAAS,GACjB;gBACF,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EACrC,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,OAAO,gBACF,KAAK,EAAE,KAAK,EACxB,OAAO,EAAC,MAAM,GACd,CACE;YACL,WAAW,IAAI,oBAAC,MAAM,IAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,oBAAC,IAAI,OAAG,GAAI,CAC1D;QACL,iBAAiB,IAAI,CAAC,UAAU,IAAI,CACnC,oBAAC,aAAa,IACZ,SAAS,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EACjD,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GACzC,CACH;QACA,UAAU,IAAI,oBAAC,KAAK,QAAE,eAAe,CAAS;QAC9C,aAAa,IAAI,CAAC,UAAU,IAAI,CAC/B;YACE,oBAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,oBAAC,YAAY,OAAG,EACtB,YAAY,EAAC,MAAM,EACnB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,aAAa,IAErB,WAAW,CACL,CACL,CACP,CACO,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}
1
+ {"version":3,"file":"ProductCardContent.js","sourceRoot":"","sources":["../../../src/molecules/ProductCard/ProductCardContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAIzC,OAAO,EACL,IAAI,EACJ,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,aAAa,GAGd,MAAM,QAAQ,CAAA;AACf,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAmDjD,MAAM,kBAAkB,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EACE,MAAM,GAAG,yBAAyB,EAClC,KAAK,EACL,SAAS,EACT,KAAK,EACL,UAAU,EACV,eAAe,GAAG,cAAc,EAChC,WAAW,EACX,iBAAiB,EACjB,WAAW,GAAG,KAAK,EACnB,aAAa,EACb,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,sEAEoB,iBAAiB,iBAChC,MAAM,KACf,UAAU;QAEd;YACE;gBACE,oBAAC,IAAI,OAAK,SAAS,EAAE,KAAK,EAAE,KAAK,IAC9B,KAAK,CACD,CACJ;YACL;gBACE,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAC7C,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,YAAY,gBACP,KAAK,EAAE,SAAS,EAC5B,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,iBAAiB,GACxB;gBACF,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EACrC,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,OAAO,gBACF,KAAK,EAAE,KAAK,EACxB,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,aAAa,GACpB,CACE;YACL,WAAW,IAAI,oBAAC,MAAM,IAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,oBAAC,IAAI,OAAG,GAAI,CAC1D;QACL,iBAAiB,IAAI,CAAC,UAAU,IAAI,CACnC,oBAAC,aAAa,IACZ,SAAS,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EACjD,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GACzC,CACH;QACA,UAAU,IAAI,oBAAC,KAAK,QAAE,eAAe,CAAS;QAC9C,aAAa,IAAI,CAAC,UAAU,IAAI,CAC/B;YACE,oBAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,oBAAC,YAAY,OAAG,EACtB,YAAY,EAAC,MAAM,EACnB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,aAAa,IAErB,WAAW,CACL,CACL,CACP,CACO,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ import type { HTMLAttributes } from 'react';
3
+ import { LinkProps, LinkElementType } from '../../';
4
+ export interface SearchProductCardProps extends HTMLAttributes<HTMLDivElement> {
5
+ /**
6
+ * ID to find this component in testing tools (e.g.: cypress,
7
+ * testing-library, and jest).
8
+ */
9
+ testId?: string;
10
+ /**
11
+ * Props for the link from SearchProduct component.
12
+ */
13
+ linkProps?: Partial<LinkProps<LinkElementType>>;
14
+ /**
15
+ * Callback function when SearchProduct link is clicked.
16
+ */
17
+ onLinkClick?: () => void;
18
+ }
19
+ declare const SearchProductCard: React.ForwardRefExoticComponent<SearchProductCardProps & React.RefAttributes<HTMLDivElement>>;
20
+ export default SearchProductCard;
@@ -0,0 +1,8 @@
1
+ import React, { forwardRef } from 'react';
2
+ import { Link } from '../../';
3
+ const SearchProductCard = forwardRef(function ProductCard({ testId = 'fs-search-product-card', linkProps, onLinkClick, children, ...otherProps }, ref) {
4
+ return (React.createElement("article", { ref: ref, "data-fs-search-product-card": true, "data-testid": testId, ...otherProps },
5
+ React.createElement(Link, { ...linkProps, "data-fs-search-product-card-link": true, title: name, variant: "display", onClick: onLinkClick }, children)));
6
+ });
7
+ export default SearchProductCard;
8
+ //# sourceMappingURL=SearchProductCard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SearchProductCard.js","sourceRoot":"","sources":["../../../src/molecules/SearchProductCard/SearchProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,IAAI,EAA8B,MAAM,QAAQ,CAAA;AAkBzD,MAAM,iBAAiB,GAAG,UAAU,CAClC,SAAS,WAAW,CAClB,EACE,MAAM,GAAG,wBAAwB,EACjC,SAAS,EACT,WAAW,EACX,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,sDAEK,MAAM,KACf,UAAU;QAEd,oBAAC,IAAI,OACC,SAAS,4CAEb,KAAK,EAAE,IAAI,EACX,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,WAAW,IAEnB,QAAQ,CACJ,CACC,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,iBAAiB,CAAA"}
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ import { Price } from '../../';
3
+ import type { PriceFormatter } from '../../atoms/Price/Price';
4
+ interface Price {
5
+ value: number;
6
+ listPrice: number;
7
+ formatter: PriceFormatter;
8
+ }
9
+ export type SearchProductCardContentProps = {
10
+ /**
11
+ * Specifies the product's title.
12
+ */
13
+ title: string;
14
+ /**
15
+ * Specifies product's prices.
16
+ */
17
+ price: Price;
18
+ };
19
+ declare const SearchProductCardContent: React.ForwardRefExoticComponent<SearchProductCardContentProps & React.RefAttributes<HTMLElement>>;
20
+ export default SearchProductCardContent;
@@ -0,0 +1,11 @@
1
+ import React, { forwardRef } from 'react';
2
+ import { Price } from '../../';
3
+ const SearchProductCardContent = forwardRef(function SearchProductCardContent({ price, title, ...otherProps }, ref) {
4
+ return (React.createElement("section", { ref: ref, "data-fs-search-product-card-content": true, ...otherProps },
5
+ React.createElement("p", { "data-fs-search-product-card-title": true }, title),
6
+ React.createElement("span", { "data-fs-search-product-card-prices": true },
7
+ React.createElement(Price, { value: price?.listPrice ? price.listPrice : 0, formatter: price?.formatter, testId: "list-price", "data-value": price?.listPrice, variant: "listing", SRText: "Original price:" }),
8
+ React.createElement(Price, { value: price?.value ? price.value : 0, formatter: price?.formatter, testId: "price", "data-value": price?.value, variant: "spot", SRText: "Price:" }))));
9
+ });
10
+ export default SearchProductCardContent;
11
+ //# sourceMappingURL=SearchProductCardContent.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SearchProductCardContent.js","sourceRoot":"","sources":["../../../src/molecules/SearchProductCard/SearchProductCardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAoB9B,MAAM,wBAAwB,GAAG,UAAU,CAGzC,SAAS,wBAAwB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG;IACtE,OAAO,CACL,iCAAS,GAAG,EAAE,GAAG,kDAA0C,UAAU;QACnE,wEAAsC,KAAK,CAAK;QAChD;YACE,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAC7C,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,YAAY,gBACP,KAAK,EAAE,SAAS,EAC5B,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,iBAAiB,GACxB;YACF,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EACrC,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,OAAO,gBACF,KAAK,EAAE,KAAK,EACxB,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,QAAQ,GACf,CACG,CACC,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,wBAAwB,CAAA"}