@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.
- package/dist/assets/ArrowElbowDownRight.d.ts +3 -2
- package/dist/assets/ArrowElbowDownRight.js +3 -3
- package/dist/assets/ArrowElbowDownRight.js.map +1 -1
- package/dist/assets/DotsThree.d.ts +4 -0
- package/dist/assets/DotsThree.js +9 -0
- package/dist/assets/DotsThree.js.map +1 -0
- package/dist/assets/House.d.ts +3 -2
- package/dist/assets/House.js +1 -1
- package/dist/assets/House.js.map +1 -1
- package/dist/assets/IconProps.d.ts +3 -0
- package/dist/assets/IconProps.js +2 -0
- package/dist/assets/IconProps.js.map +1 -0
- package/dist/assets/index.d.ts +1 -0
- package/dist/assets/index.js +1 -0
- package/dist/assets/index.js.map +1 -1
- package/dist/atoms/Price/Price.d.ts +4 -0
- package/dist/atoms/Price/Price.js +5 -2
- package/dist/atoms/Price/Price.js.map +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/molecules/Breadcrumb/Breadcrumb.d.ts +5 -0
- package/dist/molecules/Breadcrumb/Breadcrumb.js +7 -0
- package/dist/molecules/Breadcrumb/Breadcrumb.js.map +1 -0
- package/dist/molecules/Breadcrumb/BreadcrumbBase.d.ts +77 -0
- package/dist/molecules/Breadcrumb/BreadcrumbBase.js +51 -0
- package/dist/molecules/Breadcrumb/BreadcrumbBase.js.map +1 -0
- package/dist/molecules/Breadcrumb/BreadcrumbPure.d.ts +23 -0
- package/dist/molecules/Breadcrumb/BreadcrumbPure.js +12 -0
- package/dist/molecules/Breadcrumb/BreadcrumbPure.js.map +1 -0
- package/dist/molecules/Breadcrumb/Divider.d.ts +4 -0
- package/dist/molecules/Breadcrumb/Divider.js +14 -0
- package/dist/molecules/Breadcrumb/Divider.js.map +1 -0
- package/dist/molecules/Breadcrumb/HomeLink.d.ts +3 -0
- package/dist/molecules/Breadcrumb/HomeLink.js +6 -0
- package/dist/molecules/Breadcrumb/HomeLink.js.map +1 -0
- package/dist/molecules/Breadcrumb/ListItem.d.ts +10 -0
- package/dist/molecules/Breadcrumb/ListItem.js +20 -0
- package/dist/molecules/Breadcrumb/ListItem.js.map +1 -0
- package/dist/molecules/Breadcrumb/index.d.ts +4 -0
- package/dist/molecules/Breadcrumb/index.js +3 -0
- package/dist/molecules/Breadcrumb/index.js.map +1 -0
- package/dist/molecules/ProductCard/ProductCardContent.js +2 -2
- package/dist/molecules/ProductCard/ProductCardContent.js.map +1 -1
- package/dist/molecules/SearchProductCard/SearchProductCard.d.ts +20 -0
- package/dist/molecules/SearchProductCard/SearchProductCard.js +8 -0
- package/dist/molecules/SearchProductCard/SearchProductCard.js.map +1 -0
- package/dist/molecules/SearchProductCard/SearchProductCardContent.d.ts +20 -0
- package/dist/molecules/SearchProductCard/SearchProductCardContent.js +11 -0
- package/dist/molecules/SearchProductCard/SearchProductCardContent.js.map +1 -0
- package/dist/molecules/SearchProductCard/SearchProductCardImage.d.ts +10 -0
- package/dist/molecules/SearchProductCard/SearchProductCardImage.js +6 -0
- package/dist/molecules/SearchProductCard/SearchProductCardImage.js.map +1 -0
- package/dist/molecules/SearchProductCard/index.d.ts +6 -0
- package/dist/molecules/SearchProductCard/index.js +4 -0
- package/dist/molecules/SearchProductCard/index.js.map +1 -0
- package/package.json +2 -2
- package/src/assets/ArrowElbowDownRight.tsx +5 -11
- package/src/assets/DotsThree.tsx +21 -0
- package/src/assets/House.tsx +4 -4
- package/src/assets/IconProps.ts +3 -0
- package/src/assets/index.ts +1 -0
- package/src/atoms/Price/Price.tsx +8 -0
- package/src/index.ts +18 -0
- package/src/molecules/Breadcrumb/Breadcrumb.tsx +17 -0
- package/src/molecules/Breadcrumb/BreadcrumbBase.tsx +165 -0
- package/src/molecules/Breadcrumb/BreadcrumbPure.tsx +59 -0
- package/src/molecules/Breadcrumb/Divider.tsx +18 -0
- package/src/molecules/Breadcrumb/HomeLink.tsx +15 -0
- package/src/molecules/Breadcrumb/ListItem.tsx +38 -0
- package/src/molecules/Breadcrumb/index.ts +4 -0
- package/src/molecules/ProductCard/ProductCardContent.tsx +2 -0
- package/src/molecules/SearchProductCard/SearchProductCard.tsx +54 -0
- package/src/molecules/SearchProductCard/SearchProductCardContent.tsx +51 -0
- package/src/molecules/SearchProductCard/SearchProductCardImage.tsx +31 -0
- package/src/molecules/SearchProductCard/index.ts +8 -0
|
@@ -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:
|
|
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"
|
|
6
|
-
React.createElement("polyline", { points: "64 32 64 176 208 176", fill: "none", stroke: "currentColor"
|
|
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,
|
|
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,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"}
|
package/dist/assets/House.d.ts
CHANGED
package/dist/assets/House.js
CHANGED
|
@@ -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:
|
|
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;
|
package/dist/assets/House.js.map
CHANGED
|
@@ -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,
|
|
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 @@
|
|
|
1
|
+
{"version":3,"file":"IconProps.js","sourceRoot":"","sources":["../../src/assets/IconProps.ts"],"names":[],"mappings":""}
|
package/dist/assets/index.d.ts
CHANGED
|
@@ -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';
|
package/dist/assets/index.js
CHANGED
|
@@ -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';
|
package/dist/assets/index.js.map
CHANGED
|
@@ -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
|
-
|
|
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 },
|
|
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;
|
|
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,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,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 @@
|
|
|
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,
|
|
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"}
|