@faststore/components 2.1.16 → 2.1.26
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/index.d.ts +2 -2
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/molecules/Alert/Alert.js +1 -1
- package/dist/molecules/Alert/Alert.js.map +1 -1
- package/dist/molecules/Breadcrumb/BreadcrumbPure.js +1 -1
- package/dist/molecules/Breadcrumb/BreadcrumbPure.js.map +1 -1
- package/dist/molecules/ProductCard/ProductCardContent.js +4 -3
- package/dist/molecules/ProductCard/ProductCardContent.js.map +1 -1
- package/dist/organisms/{Banner/Banner.d.ts → BannerText/BannerText.d.ts} +6 -6
- package/dist/organisms/BannerText/BannerText.js +16 -0
- package/dist/organisms/BannerText/BannerText.js.map +1 -0
- package/dist/organisms/{Banner/BannerContent.d.ts → BannerText/BannerTextContent.d.ts} +5 -5
- package/dist/organisms/BannerText/BannerTextContent.js +13 -0
- package/dist/organisms/BannerText/BannerTextContent.js.map +1 -0
- package/dist/organisms/BannerText/index.d.ts +4 -0
- package/dist/organisms/BannerText/index.js +3 -0
- package/dist/organisms/BannerText/index.js.map +1 -0
- package/dist/organisms/EmptyState/EmptyState.js +1 -1
- package/dist/organisms/EmptyState/EmptyState.js.map +1 -1
- package/dist/organisms/Hero/HeroHeader.js +1 -1
- package/dist/organisms/Hero/HeroHeader.js.map +1 -1
- package/dist/organisms/Navbar/Navbar.js +1 -1
- package/dist/organisms/Navbar/Navbar.js.map +1 -1
- package/dist/organisms/Navbar/NavbarRow.js +1 -1
- package/dist/organisms/Navbar/NavbarRow.js.map +1 -1
- package/dist/organisms/ProductShelf/ProductShelf.js +1 -1
- package/dist/organisms/ProductShelf/ProductShelf.js.map +1 -1
- package/dist/organisms/ProductShelf/ProductShelfItems.js +1 -1
- package/dist/organisms/ProductShelf/ProductShelfItems.js.map +1 -1
- package/package.json +2 -2
- package/src/index.ts +8 -2
- package/src/molecules/Alert/Alert.tsx +2 -1
- package/src/molecules/Breadcrumb/BreadcrumbPure.tsx +1 -1
- package/src/molecules/ProductCard/ProductCardContent.tsx +12 -3
- package/src/organisms/BannerText/BannerText.tsx +74 -0
- package/src/organisms/{Banner/BannerContent.tsx → BannerText/BannerTextContent.tsx} +16 -13
- package/src/organisms/BannerText/index.ts +5 -0
- package/src/organisms/EmptyState/EmptyState.tsx +1 -0
- package/src/organisms/Hero/HeroHeader.tsx +1 -1
- package/src/organisms/Navbar/Navbar.tsx +1 -1
- package/src/organisms/Navbar/NavbarRow.tsx +7 -1
- package/src/organisms/ProductShelf/ProductShelf.tsx +7 -1
- package/src/organisms/ProductShelf/ProductShelfItems.tsx +1 -0
- package/dist/organisms/Banner/Banner.js +0 -16
- package/dist/organisms/Banner/Banner.js.map +0 -1
- package/dist/organisms/Banner/BannerContent.js +0 -13
- package/dist/organisms/Banner/BannerContent.js.map +0 -1
- package/dist/organisms/Banner/index.d.ts +0 -4
- package/dist/organisms/Banner/index.js +0 -3
- package/dist/organisms/Banner/index.js.map +0 -1
- package/src/organisms/Banner/Banner.tsx +0 -68
- package/src/organisms/Banner/index.ts +0 -5
package/dist/index.d.ts
CHANGED
|
@@ -101,8 +101,8 @@ export { default as ToggleField } from './molecules/ToggleField';
|
|
|
101
101
|
export type { ToggleFieldProps } from './molecules/ToggleField';
|
|
102
102
|
export { default as QuantitySelector } from './molecules/QuantitySelector';
|
|
103
103
|
export type { QuantitySelectorProps } from './molecules/QuantitySelector';
|
|
104
|
-
export { default as
|
|
105
|
-
export type {
|
|
104
|
+
export { default as BannerText, BannerTextContent, } from './organisms/BannerText';
|
|
105
|
+
export type { BannerTextProps, BannerTextContentProps, } from './organisms/BannerText';
|
|
106
106
|
export { default as CartSidebar, CartSidebarList, CartSidebarFooter, } from './organisms/CartSidebar';
|
|
107
107
|
export type { CartSidebarProps } from './organisms/CartSidebar';
|
|
108
108
|
export { default as EmptyState } from './organisms/EmptyState';
|
package/dist/index.js
CHANGED
|
@@ -56,7 +56,7 @@ export { default as Toggle } from './molecules/Toggle';
|
|
|
56
56
|
export { default as ToggleField } from './molecules/ToggleField';
|
|
57
57
|
export { default as QuantitySelector } from './molecules/QuantitySelector';
|
|
58
58
|
// Organisms
|
|
59
|
-
export { default as
|
|
59
|
+
export { default as BannerText, BannerTextContent, } from './organisms/BannerText';
|
|
60
60
|
export { default as CartSidebar, CartSidebarList, CartSidebarFooter, } from './organisms/CartSidebar';
|
|
61
61
|
export { default as EmptyState } from './organisms/EmptyState';
|
|
62
62
|
export { default as Filter, FilterFacetBoolean, FilterFacetBooleanItem, FilterFacetRange, FilterFacets, FilterSlider, } from './organisms/Filter';
|
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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"}
|
|
@@ -7,7 +7,7 @@ const Alert = forwardRef(function Alert({ testId = 'fs-alert', children, icon, d
|
|
|
7
7
|
}
|
|
8
8
|
onClose?.(event);
|
|
9
9
|
}, [onClose]);
|
|
10
|
-
return (React.createElement("div", { ref: ref, role: "alert", "data-fs-alert": true, "data-
|
|
10
|
+
return (React.createElement("div", { ref: ref, role: "alert", "data-fs-alert": true, "data-fs-alert-dismissible": dismissible, "data-fs-content": "alert", "data-testid": testId, ...otherProps },
|
|
11
11
|
!!icon && icon,
|
|
12
12
|
React.createElement("p", { "data-fs-alert-content": true }, children),
|
|
13
13
|
link && React.createElement(Link, { "data-fs-alert-link": true, variant: "inline", ...link }),
|
|
@@ -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,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,
|
|
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,sDAEe,WAAW,qBACtB,OAAO,iBACV,MAAM,KACf,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,7 +3,7 @@ import List from '../../atoms/List';
|
|
|
3
3
|
import ListItem from './ListItem';
|
|
4
4
|
const BreadcrumbPure = forwardRef(function BreadcrumbPure({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', ...otherProps }, ref) {
|
|
5
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) => {
|
|
6
|
+
React.createElement(List, { as: "ol", "data-fs-breadcrumb-list": true, "data-fs-content": "breadcrumb" }, React.Children.toArray(children).map((child, index, childrenArray) => {
|
|
7
7
|
const isLastItem = index === childrenArray.length - 1;
|
|
8
8
|
return (React.createElement(ListItem, { isLastItem: isLastItem, divider: rawDivider, key: `breadcrumb-${index}`, testId: testId }, child));
|
|
9
9
|
}))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BreadcrumbPure.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/BreadcrumbPure.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAajC,MAAM,cAAc,GAAG,UAAU,CAC/B,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,
|
|
1
|
+
{"version":3,"file":"BreadcrumbPure.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/BreadcrumbPure.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAajC,MAAM,cAAc,GAAG,UAAU,CAC/B,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,sDAAyC,YAAY,IAC/D,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;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
|
-
import { Badge, Button, DiscountBadge, Icon, Link, Price, Rating } from '../../';
|
|
2
|
+
import { Badge, Button, DiscountBadge, Icon, Link, Price, Rating, } from '../../';
|
|
3
3
|
const ProductCardContent = forwardRef(function CardContent({ testId = 'fs-product-card-content', title, linkProps, price, outOfStock, outOfStockLabel = 'Out of stock', ratingValue, showDiscountBadge, buttonLabel = 'Add', onButtonClick, children, ...otherProps }, ref) {
|
|
4
4
|
return (React.createElement("section", { ref: ref, "data-fs-product-card-content": true, "data-fs-product-card-badge": showDiscountBadge, "data-testid": testId, ...otherProps },
|
|
5
5
|
React.createElement("div", { "data-fs-product-card-heading": true },
|
|
6
6
|
React.createElement("h3", { "data-fs-product-card-title": true },
|
|
7
|
-
React.createElement(Link, { ...linkProps, title: title },
|
|
7
|
+
React.createElement(Link, { ...linkProps, title: title },
|
|
8
|
+
React.createElement("span", null, title))),
|
|
8
9
|
React.createElement("div", { "data-fs-product-card-prices": true },
|
|
9
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:" }),
|
|
10
11
|
React.createElement(Price, { value: price?.value ? price.value : 0, formatter: price?.formatter, testId: "price", "data-value": price?.value, variant: "spot", SRText: "Sale Price:" })),
|
|
11
|
-
ratingValue && React.createElement(Rating, { value: ratingValue, icon: React.createElement(Icon, { name: "Star" }) })),
|
|
12
|
+
ratingValue && (React.createElement(Rating, { value: ratingValue, icon: React.createElement(Icon, { name: "Star" }) }))),
|
|
12
13
|
showDiscountBadge && !outOfStock && (React.createElement(DiscountBadge, { listPrice: price?.listPrice ? price.listPrice : 0, spotPrice: price?.value ? price.value : 0 })),
|
|
13
14
|
outOfStock && React.createElement(Badge, null, outOfStockLabel),
|
|
14
15
|
onButtonClick && !outOfStock && (React.createElement("div", { "data-fs-product-card-actions": true },
|
|
@@ -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,KAAK,EACL,MAAM,
|
|
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,KAAK,EACL,MAAM,EACN,aAAa,EACb,IAAI,EACJ,IAAI,EAGJ,KAAK,EACL,MAAM,GACP,MAAM,QAAQ,CAAA;AA6Cf,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;oBAC/B,kCAAO,KAAK,CAAQ,CACf,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,CACd,oBAAC,MAAM,IAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GAAI,CAC3D,CACG;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,IAAI,IAAC,IAAI,EAAC,cAAc,GAAG,EAClC,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"}
|
|
@@ -2,12 +2,12 @@ import React from 'react';
|
|
|
2
2
|
import type { HTMLAttributes } from 'react';
|
|
3
3
|
type Variant = 'primary' | 'secondary';
|
|
4
4
|
type ColorVariant = 'main' | 'light' | 'accent';
|
|
5
|
-
interface
|
|
5
|
+
interface BannerTextContext {
|
|
6
6
|
variant: Variant;
|
|
7
7
|
colorVariant: ColorVariant;
|
|
8
8
|
}
|
|
9
|
-
declare const
|
|
10
|
-
export interface
|
|
9
|
+
declare const BannerTextContext: React.Context<BannerTextContext | undefined>;
|
|
10
|
+
export interface BannerTextProps extends HTMLAttributes<HTMLDivElement> {
|
|
11
11
|
/**
|
|
12
12
|
* Specifies the component direction variant.
|
|
13
13
|
*/
|
|
@@ -22,6 +22,6 @@ export interface BannerProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
22
22
|
*/
|
|
23
23
|
testId?: string;
|
|
24
24
|
}
|
|
25
|
-
declare const
|
|
26
|
-
export declare function
|
|
27
|
-
export default
|
|
25
|
+
declare const BannerText: React.ForwardRefExoticComponent<BannerTextProps & React.RefAttributes<HTMLDivElement>>;
|
|
26
|
+
export declare function useBannerText(): BannerTextContext;
|
|
27
|
+
export default BannerText;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React, { forwardRef, useContext, createContext } from 'react';
|
|
2
|
+
const BannerTextContext = createContext(undefined);
|
|
3
|
+
const BannerText = forwardRef(function BannerText({ children, testId = 'fs-banner-text', variant = 'primary', colorVariant = 'main', ...otherProps }, ref) {
|
|
4
|
+
const context = { variant, colorVariant };
|
|
5
|
+
return (React.createElement(BannerTextContext.Provider, { value: context },
|
|
6
|
+
React.createElement("article", { ref: ref, "data-fs-banner-text": true, "data-fs-banner-text-variant": variant, "data-fs-banner-text-color-variant": colorVariant, "data-testid": testId, ...otherProps }, children)));
|
|
7
|
+
});
|
|
8
|
+
export function useBannerText() {
|
|
9
|
+
const context = useContext(BannerTextContext);
|
|
10
|
+
if (context === undefined) {
|
|
11
|
+
throw new Error('Do not use BannerText components outside the BannerText context.');
|
|
12
|
+
}
|
|
13
|
+
return context;
|
|
14
|
+
}
|
|
15
|
+
export default BannerText;
|
|
16
|
+
//# sourceMappingURL=BannerText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BannerText.js","sourceRoot":"","sources":["../../../src/organisms/BannerText/BannerText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAWpE,MAAM,iBAAiB,GAAG,aAAa,CACrC,SAAS,CACV,CAAA;AAkBD,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EACE,QAAQ,EACR,MAAM,GAAG,gBAAgB,EACzB,OAAO,GAAG,SAAS,EACnB,YAAY,GAAG,MAAM,EACrB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,CAAA;IAEzC,OAAO,CACL,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QACxC,iCACE,GAAG,EAAE,GAAG,8DAEqB,OAAO,uCACD,YAAY,iBAClC,MAAM,KACf,UAAU,IAEb,QAAQ,CACD,CACiB,CAC9B,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,UAAU,aAAa;IAC3B,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAE7C,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CACb,kEAAkE,CACnE,CAAA;KACF;IAED,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { HTMLAttributes } from 'react';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
export interface
|
|
3
|
+
export interface BannerTextContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
4
|
/**
|
|
5
5
|
* The content for the h2 tag.
|
|
6
6
|
*/
|
|
@@ -10,11 +10,11 @@ export interface BannerContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
10
10
|
*/
|
|
11
11
|
caption: string;
|
|
12
12
|
/**
|
|
13
|
-
* The href used at the link
|
|
13
|
+
* The href used at the link.
|
|
14
14
|
*/
|
|
15
15
|
link: string;
|
|
16
16
|
/**
|
|
17
|
-
* The label used at the link
|
|
17
|
+
* The label used at the link.
|
|
18
18
|
*/
|
|
19
19
|
linkText: string;
|
|
20
20
|
/**
|
|
@@ -22,5 +22,5 @@ export interface BannerContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
22
22
|
*/
|
|
23
23
|
testId?: string;
|
|
24
24
|
}
|
|
25
|
-
declare const
|
|
26
|
-
export default
|
|
25
|
+
declare const BannerTextContent: React.ForwardRefExoticComponent<BannerTextContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
26
|
+
export default BannerTextContent;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import { LinkButton } from '../..';
|
|
3
|
+
import { useBannerText } from './BannerText';
|
|
4
|
+
const BannerTextContent = forwardRef(function BannerTextContent({ testId = 'fs-banner-text-content', title, caption, link, linkText, ...otherProps }, ref) {
|
|
5
|
+
const { variant, colorVariant } = useBannerText();
|
|
6
|
+
return (React.createElement("header", { ref: ref, "data-fs-banner-text-content": true, "data-fs-content": "banner-text", "data-testid": testId, ...otherProps },
|
|
7
|
+
React.createElement("div", { "data-fs-banner-text-heading": true, "data-fs-banner-text-color-variant": colorVariant },
|
|
8
|
+
React.createElement("h2", null, title),
|
|
9
|
+
variant === 'secondary' && caption && React.createElement("p", null, caption)),
|
|
10
|
+
React.createElement(LinkButton, { "data-fs-banner-text-link": true, href: link, variant: variant, inverse: colorVariant === 'main', "aria-label": linkText }, linkText)));
|
|
11
|
+
});
|
|
12
|
+
export default BannerTextContent;
|
|
13
|
+
//# sourceMappingURL=BannerTextContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BannerTextContent.js","sourceRoot":"","sources":["../../../src/organisms/BannerText/BannerTextContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAyB5C,MAAM,iBAAiB,GAAG,UAAU,CAClC,SAAS,iBAAiB,CACxB,EACE,MAAM,GAAG,wBAAwB,EACjC,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,CAAA;IACjD,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,0DAEQ,aAAa,iBAChB,MAAM,KACf,UAAU;QAEd,uGAEqC,YAAY;YAE/C,gCAAK,KAAK,CAAM;YACf,OAAO,KAAK,WAAW,IAAI,OAAO,IAAI,+BAAI,OAAO,CAAK,CACnD;QACN,oBAAC,UAAU,sCAET,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,YAAY,KAAK,MAAM,gBACpB,QAAQ,IAEnB,QAAQ,CACE,CACN,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,iBAAiB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/organisms/BannerText/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAGtC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
function EmptyState({ testId = 'fs-empty-state', title, titleIcon, variant = 'default', bkgColor = 'default', children, ...otherProps }) {
|
|
3
|
-
return (React.createElement("section", { "data-fs-empty-state": true, "data-fs-empty-state-variant": variant, "data-fs-empty-state-bkg-color": bkgColor, "data-testid": testId, ...otherProps },
|
|
3
|
+
return (React.createElement("section", { "data-fs-empty-state": true, "data-fs-empty-state-variant": variant, "data-fs-empty-state-bkg-color": bkgColor, "data-fs-content": "empty-state", "data-testid": testId, ...otherProps },
|
|
4
4
|
title && (React.createElement("header", { "data-fs-empty-state-title": true },
|
|
5
5
|
titleIcon && React.createElement(React.Fragment, null, titleIcon),
|
|
6
6
|
React.createElement("p", null, title))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/organisms/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AA6BzB,SAAS,UAAU,CAAC,EAClB,MAAM,GAAG,gBAAgB,EACzB,KAAK,EACL,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,SAAS,EACpB,QAAQ,EACR,GAAG,UAAU,EACsB;IACnC,OAAO,CACL,6FAE+B,OAAO,mCACL,QAAQ,
|
|
1
|
+
{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/organisms/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AA6BzB,SAAS,UAAU,CAAC,EAClB,MAAM,GAAG,gBAAgB,EACzB,KAAK,EACL,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,SAAS,EACpB,QAAQ,EACR,GAAG,UAAU,EACsB;IACnC,OAAO,CACL,6FAE+B,OAAO,mCACL,QAAQ,qBACvB,aAAa,iBAChB,MAAM,KACf,UAAU;QAEb,KAAK,IAAI,CACR;YACG,SAAS,IAAI,0CAAG,SAAS,CAAI;YAC9B,+BAAI,KAAK,CAAK,CACP,CACV;QACA,QAAQ,CACD,CACX,CAAA;AACH,CAAC;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -4,7 +4,7 @@ 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
6
|
return (React.createElement("header", { ref: ref, "data-fs-hero-heading": true, "data-testid": testId, ...otherProps },
|
|
7
|
-
React.createElement("div", { "data-fs-hero-wrapper": true,
|
|
7
|
+
React.createElement("div", { "data-fs-hero-wrapper": true, "data-fs-content": "hero" },
|
|
8
8
|
React.createElement("div", { "data-fs-hero-info": true },
|
|
9
9
|
React.createElement("h1", { "data-fs-hero-title": true }, title),
|
|
10
10
|
React.createElement("p", { "data-fs-hero-subtitle": true }, subtitle),
|
|
@@ -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,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,+CAEK,MAAM,KACf,UAAU;QAEd,
|
|
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,8EAA0C,MAAM;YAC9C;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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
const Navbar = forwardRef(function Navbar({ children, scrollDirection, testId = 'fs-navbar', ...otherProps }, ref) {
|
|
3
|
-
return (React.createElement("header", { "data-fs-navbar": true, role: "banner", ref: ref, "data-testid": testId,
|
|
3
|
+
return (React.createElement("header", { "data-fs-navbar": true, role: "banner", "data-fs-navbar-scroll": scrollDirection, ref: ref, "data-testid": testId, ...otherProps }, children));
|
|
4
4
|
});
|
|
5
5
|
export default Navbar;
|
|
6
6
|
//# sourceMappingURL=Navbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../../src/organisms/Navbar/Navbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAazC,MAAM,MAAM,GAAG,UAAU,CAA8B,SAAS,MAAM,CACpE,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,GAAG,WAAW,EAAE,GAAG,UAAU,EAAE,EAClE,GAAG;IAEH,OAAO,CACL,wDAEE,IAAI,EAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../../src/organisms/Navbar/Navbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAazC,MAAM,MAAM,GAAG,UAAU,CAA8B,SAAS,MAAM,CACpE,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,GAAG,WAAW,EAAE,GAAG,UAAU,EAAE,EAClE,GAAG;IAEH,OAAO,CACL,wDAEE,IAAI,EAAC,QAAQ,2BACU,eAAe,EACtC,GAAG,EAAE,GAAG,iBACK,MAAM,KACf,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
const NavbarRow = forwardRef(function NavbarRow({ children, testId = 'fs-navbar-row', ...otherProps }, ref) {
|
|
3
|
-
return (React.createElement("div", { "data-fs-navbar-row": true, ref: ref, "data-testid": testId, ...otherProps }, children));
|
|
3
|
+
return (React.createElement("div", { "data-fs-navbar-row": true, "data-fs-content": "navbar", ref: ref, "data-testid": testId, ...otherProps }, children));
|
|
4
4
|
});
|
|
5
5
|
export default NavbarRow;
|
|
6
6
|
//# sourceMappingURL=NavbarRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavbarRow.js","sourceRoot":"","sources":["../../../src/organisms/Navbar/NavbarRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CAC7E,EAAE,QAAQ,EAAE,MAAM,GAAG,eAAe,EAAE,GAAG,UAAU,EAAE,EACrD,GAAG;IAEH,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"NavbarRow.js","sourceRoot":"","sources":["../../../src/organisms/Navbar/NavbarRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CAC7E,EAAE,QAAQ,EAAE,MAAM,GAAG,eAAe,EAAE,GAAG,UAAU,EAAE,EACrD,GAAG;IAEH,OAAO,CACL,4EAEkB,QAAQ,EACxB,GAAG,EAAE,GAAG,iBACK,MAAM,KACf,UAAU,IAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
const ProductShelf = forwardRef(function ProductShelf({ testId = 'fs-product-shelf', children, ...otherProps }, ref) {
|
|
3
|
-
return (React.createElement("div", { ref: ref, "data-fs-product-shelf": true, "data-testid": testId, ...otherProps }, children));
|
|
3
|
+
return (React.createElement("div", { ref: ref, "data-fs-product-shelf": true, "data-fs-content": "product-shelf", "data-testid": testId, ...otherProps }, children));
|
|
4
4
|
});
|
|
5
5
|
export default ProductShelf;
|
|
6
6
|
//# sourceMappingURL=ProductShelf.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductShelf.js","sourceRoot":"","sources":["../../../src/organisms/ProductShelf/ProductShelf.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,YAAY,GAAG,UAAU,CAC7B,SAAS,YAAY,CACnB,EAAE,MAAM,GAAG,kBAAkB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACxD,GAAG;IAEH,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"ProductShelf.js","sourceRoot":"","sources":["../../../src/organisms/ProductShelf/ProductShelf.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,YAAY,GAAG,UAAU,CAC7B,SAAS,YAAY,CACnB,EAAE,MAAM,GAAG,kBAAkB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACxD,GAAG;IAEH,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,oDAEQ,eAAe,iBAClB,MAAM,KACf,UAAU,IAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
const ProductShelfItems = forwardRef(function ProductShelfItems({ testId = 'fs-product-shelf-items', children, ...otherProps }, ref) {
|
|
3
|
-
return (React.createElement("ul", { role: "list", ref: ref, "data-fs-product-shelf-items": true, "data-testid": testId, ...otherProps }, children));
|
|
3
|
+
return (React.createElement("ul", { role: "list", ref: ref, "data-fs-product-shelf-items": true, "data-fs-content": "product-shelf", "data-testid": testId, ...otherProps }, children));
|
|
4
4
|
});
|
|
5
5
|
export default ProductShelfItems;
|
|
6
6
|
//# sourceMappingURL=ProductShelfItems.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductShelfItems.js","sourceRoot":"","sources":["../../../src/organisms/ProductShelf/ProductShelfItems.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,iBAAiB,GAAG,UAAU,CAClC,SAAS,iBAAiB,CACxB,EAAE,MAAM,GAAG,wBAAwB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC9D,GAAG;IAEH,OAAO,CACL,4BACE,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"ProductShelfItems.js","sourceRoot":"","sources":["../../../src/organisms/ProductShelf/ProductShelfItems.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,iBAAiB,GAAG,UAAU,CAClC,SAAS,iBAAiB,CACxB,EAAE,MAAM,GAAG,wBAAwB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC9D,GAAG;IAEH,OAAO,CACL,4BACE,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,GAAG,0DAEQ,eAAe,iBAClB,MAAM,KACf,UAAU,IAEb,QAAQ,CACN,CACN,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,iBAAiB,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@faststore/components",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.26",
|
|
4
4
|
"module": "dist/index.js",
|
|
5
5
|
"typings": "dist/index.d.ts",
|
|
6
6
|
"author": "Emerson Laurentino @emersonlaurentino",
|
|
@@ -30,5 +30,5 @@
|
|
|
30
30
|
"node": "16.18.0",
|
|
31
31
|
"yarn": "1.19.1"
|
|
32
32
|
},
|
|
33
|
-
"gitHead": "
|
|
33
|
+
"gitHead": "3e712f1eca85b36a75a37e15f4e2ea24d8f85d3b"
|
|
34
34
|
}
|
package/src/index.ts
CHANGED
|
@@ -213,8 +213,14 @@ export { default as QuantitySelector } from './molecules/QuantitySelector'
|
|
|
213
213
|
export type { QuantitySelectorProps } from './molecules/QuantitySelector'
|
|
214
214
|
|
|
215
215
|
// Organisms
|
|
216
|
-
export {
|
|
217
|
-
|
|
216
|
+
export {
|
|
217
|
+
default as BannerText,
|
|
218
|
+
BannerTextContent,
|
|
219
|
+
} from './organisms/BannerText'
|
|
220
|
+
export type {
|
|
221
|
+
BannerTextProps,
|
|
222
|
+
BannerTextContentProps,
|
|
223
|
+
} from './organisms/BannerText'
|
|
218
224
|
|
|
219
225
|
export {
|
|
220
226
|
default as CartSidebar,
|
|
@@ -57,8 +57,9 @@ const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(
|
|
|
57
57
|
ref={ref}
|
|
58
58
|
role="alert"
|
|
59
59
|
data-fs-alert
|
|
60
|
-
data-testid={testId}
|
|
61
60
|
data-fs-alert-dismissible={dismissible}
|
|
61
|
+
data-fs-content="alert"
|
|
62
|
+
data-testid={testId}
|
|
62
63
|
{...otherProps}
|
|
63
64
|
>
|
|
64
65
|
{!!icon && icon}
|
|
@@ -33,7 +33,7 @@ const BreadcrumbPure = forwardRef<HTMLDivElement, BreadcrumbPureProps>(
|
|
|
33
33
|
data-testid={testId}
|
|
34
34
|
{...otherProps}
|
|
35
35
|
>
|
|
36
|
-
<List as="ol" data-fs-breadcrumb-list>
|
|
36
|
+
<List as="ol" data-fs-breadcrumb-list data-fs-content="breadcrumb">
|
|
37
37
|
{React.Children.toArray(children).map(
|
|
38
38
|
(child, index, childrenArray) => {
|
|
39
39
|
const isLastItem = index === childrenArray.length - 1
|
|
@@ -5,7 +5,14 @@ import type { PriceDefinition } from '../../typings/PriceDefinition'
|
|
|
5
5
|
|
|
6
6
|
import {
|
|
7
7
|
Badge,
|
|
8
|
-
Button,
|
|
8
|
+
Button,
|
|
9
|
+
DiscountBadge,
|
|
10
|
+
Icon,
|
|
11
|
+
Link,
|
|
12
|
+
LinkElementType,
|
|
13
|
+
LinkProps,
|
|
14
|
+
Price,
|
|
15
|
+
Rating,
|
|
9
16
|
} from '../../'
|
|
10
17
|
|
|
11
18
|
export interface ProductCardContentProps extends HTMLAttributes<HTMLElement> {
|
|
@@ -80,7 +87,7 @@ const ProductCardContent = forwardRef<HTMLElement, ProductCardContentProps>(
|
|
|
80
87
|
<div data-fs-product-card-heading>
|
|
81
88
|
<h3 data-fs-product-card-title>
|
|
82
89
|
<Link {...linkProps} title={title}>
|
|
83
|
-
{title}
|
|
90
|
+
<span>{title}</span>
|
|
84
91
|
</Link>
|
|
85
92
|
</h3>
|
|
86
93
|
<div data-fs-product-card-prices>
|
|
@@ -101,7 +108,9 @@ const ProductCardContent = forwardRef<HTMLElement, ProductCardContentProps>(
|
|
|
101
108
|
SRText="Sale Price:"
|
|
102
109
|
/>
|
|
103
110
|
</div>
|
|
104
|
-
{ratingValue &&
|
|
111
|
+
{ratingValue && (
|
|
112
|
+
<Rating value={ratingValue} icon={<Icon name="Star" />} />
|
|
113
|
+
)}
|
|
105
114
|
</div>
|
|
106
115
|
{showDiscountBadge && !outOfStock && (
|
|
107
116
|
<DiscountBadge
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import React, { forwardRef, useContext, createContext } from 'react'
|
|
2
|
+
import type { HTMLAttributes } from 'react'
|
|
3
|
+
|
|
4
|
+
type Variant = 'primary' | 'secondary'
|
|
5
|
+
type ColorVariant = 'main' | 'light' | 'accent'
|
|
6
|
+
|
|
7
|
+
interface BannerTextContext {
|
|
8
|
+
variant: Variant
|
|
9
|
+
colorVariant: ColorVariant
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
const BannerTextContext = createContext<BannerTextContext | undefined>(
|
|
13
|
+
undefined
|
|
14
|
+
)
|
|
15
|
+
|
|
16
|
+
export interface BannerTextProps extends HTMLAttributes<HTMLDivElement> {
|
|
17
|
+
/**
|
|
18
|
+
* Specifies the component direction variant.
|
|
19
|
+
*/
|
|
20
|
+
variant?: Variant
|
|
21
|
+
/**
|
|
22
|
+
* Specifies the component's color variant combination.
|
|
23
|
+
*/
|
|
24
|
+
colorVariant?: ColorVariant
|
|
25
|
+
/**
|
|
26
|
+
* ID to find this component in testing tools (e.g.: cypress,
|
|
27
|
+
* testing-library, and jest).
|
|
28
|
+
*/
|
|
29
|
+
testId?: string
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
const BannerText = forwardRef<HTMLDivElement, BannerTextProps>(
|
|
33
|
+
function BannerText(
|
|
34
|
+
{
|
|
35
|
+
children,
|
|
36
|
+
testId = 'fs-banner-text',
|
|
37
|
+
variant = 'primary',
|
|
38
|
+
colorVariant = 'main',
|
|
39
|
+
...otherProps
|
|
40
|
+
},
|
|
41
|
+
ref
|
|
42
|
+
) {
|
|
43
|
+
const context = { variant, colorVariant }
|
|
44
|
+
|
|
45
|
+
return (
|
|
46
|
+
<BannerTextContext.Provider value={context}>
|
|
47
|
+
<article
|
|
48
|
+
ref={ref}
|
|
49
|
+
data-fs-banner-text
|
|
50
|
+
data-fs-banner-text-variant={variant}
|
|
51
|
+
data-fs-banner-text-color-variant={colorVariant}
|
|
52
|
+
data-testid={testId}
|
|
53
|
+
{...otherProps}
|
|
54
|
+
>
|
|
55
|
+
{children}
|
|
56
|
+
</article>
|
|
57
|
+
</BannerTextContext.Provider>
|
|
58
|
+
)
|
|
59
|
+
}
|
|
60
|
+
)
|
|
61
|
+
|
|
62
|
+
export function useBannerText() {
|
|
63
|
+
const context = useContext(BannerTextContext)
|
|
64
|
+
|
|
65
|
+
if (context === undefined) {
|
|
66
|
+
throw new Error(
|
|
67
|
+
'Do not use BannerText components outside the BannerText context.'
|
|
68
|
+
)
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
return context
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
export default BannerText
|
|
@@ -2,9 +2,9 @@ import type { HTMLAttributes } from 'react'
|
|
|
2
2
|
import React, { forwardRef } from 'react'
|
|
3
3
|
import { LinkButton } from '../..'
|
|
4
4
|
|
|
5
|
-
import {
|
|
5
|
+
import { useBannerText } from './BannerText'
|
|
6
6
|
|
|
7
|
-
export interface
|
|
7
|
+
export interface BannerTextContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
8
8
|
/**
|
|
9
9
|
* The content for the h2 tag.
|
|
10
10
|
*/
|
|
@@ -14,11 +14,11 @@ export interface BannerContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
14
14
|
*/
|
|
15
15
|
caption: string
|
|
16
16
|
/**
|
|
17
|
-
* The href used at the link
|
|
17
|
+
* The href used at the link.
|
|
18
18
|
*/
|
|
19
19
|
link: string
|
|
20
20
|
/**
|
|
21
|
-
* The label used at the link
|
|
21
|
+
* The label used at the link.
|
|
22
22
|
*/
|
|
23
23
|
linkText: string
|
|
24
24
|
/**
|
|
@@ -27,10 +27,10 @@ export interface BannerContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
27
27
|
testId?: string
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
const
|
|
31
|
-
function
|
|
30
|
+
const BannerTextContent = forwardRef<HTMLDivElement, BannerTextContentProps>(
|
|
31
|
+
function BannerTextContent(
|
|
32
32
|
{
|
|
33
|
-
testId = 'fs-banner-content',
|
|
33
|
+
testId = 'fs-banner-text-content',
|
|
34
34
|
title,
|
|
35
35
|
caption,
|
|
36
36
|
link,
|
|
@@ -39,21 +39,24 @@ const BannerContent = forwardRef<HTMLDivElement, BannerContentProps>(
|
|
|
39
39
|
},
|
|
40
40
|
ref
|
|
41
41
|
) {
|
|
42
|
-
const { variant, colorVariant } =
|
|
42
|
+
const { variant, colorVariant } = useBannerText()
|
|
43
43
|
return (
|
|
44
44
|
<header
|
|
45
45
|
ref={ref}
|
|
46
|
-
data-fs-banner-content
|
|
46
|
+
data-fs-banner-text-content
|
|
47
|
+
data-fs-content="banner-text"
|
|
47
48
|
data-testid={testId}
|
|
48
49
|
{...otherProps}
|
|
49
|
-
className="layout__content"
|
|
50
50
|
>
|
|
51
|
-
<div
|
|
51
|
+
<div
|
|
52
|
+
data-fs-banner-text-heading
|
|
53
|
+
data-fs-banner-text-color-variant={colorVariant}
|
|
54
|
+
>
|
|
52
55
|
<h2>{title}</h2>
|
|
53
56
|
{variant === 'secondary' && caption && <p>{caption}</p>}
|
|
54
57
|
</div>
|
|
55
58
|
<LinkButton
|
|
56
|
-
data-fs-banner-link
|
|
59
|
+
data-fs-banner-text-link
|
|
57
60
|
href={link}
|
|
58
61
|
variant={variant}
|
|
59
62
|
inverse={colorVariant === 'main'}
|
|
@@ -66,4 +69,4 @@ const BannerContent = forwardRef<HTMLDivElement, BannerContentProps>(
|
|
|
66
69
|
}
|
|
67
70
|
)
|
|
68
71
|
|
|
69
|
-
export default
|
|
72
|
+
export default BannerTextContent
|
|
@@ -53,7 +53,7 @@ const HeroHeader = forwardRef<HTMLDivElement, HeroHeaderProps>(
|
|
|
53
53
|
data-testid={testId}
|
|
54
54
|
{...otherProps}
|
|
55
55
|
>
|
|
56
|
-
<div data-fs-hero-wrapper
|
|
56
|
+
<div data-fs-hero-wrapper data-fs-content="hero">
|
|
57
57
|
<div data-fs-hero-info>
|
|
58
58
|
<h1 data-fs-hero-title>{title}</h1>
|
|
59
59
|
<p data-fs-hero-subtitle>{subtitle}</p>
|
|
@@ -20,9 +20,9 @@ const Navbar = forwardRef<HTMLDivElement, NavbarProps>(function Navbar(
|
|
|
20
20
|
<header
|
|
21
21
|
data-fs-navbar
|
|
22
22
|
role="banner"
|
|
23
|
+
data-fs-navbar-scroll={scrollDirection}
|
|
23
24
|
ref={ref}
|
|
24
25
|
data-testid={testId}
|
|
25
|
-
data-fs-navbar-scroll={scrollDirection}
|
|
26
26
|
{...otherProps}
|
|
27
27
|
>
|
|
28
28
|
{children}
|
|
@@ -13,7 +13,13 @@ const NavbarRow = forwardRef<HTMLDivElement, NavbarRowProps>(function NavbarRow(
|
|
|
13
13
|
ref
|
|
14
14
|
) {
|
|
15
15
|
return (
|
|
16
|
-
<div
|
|
16
|
+
<div
|
|
17
|
+
data-fs-navbar-row
|
|
18
|
+
data-fs-content="navbar"
|
|
19
|
+
ref={ref}
|
|
20
|
+
data-testid={testId}
|
|
21
|
+
{...otherProps}
|
|
22
|
+
>
|
|
17
23
|
{children}
|
|
18
24
|
</div>
|
|
19
25
|
)
|
|
@@ -14,7 +14,13 @@ const ProductShelf = forwardRef<HTMLDivElement, ProductShelfProps>(
|
|
|
14
14
|
ref
|
|
15
15
|
) {
|
|
16
16
|
return (
|
|
17
|
-
<div
|
|
17
|
+
<div
|
|
18
|
+
ref={ref}
|
|
19
|
+
data-fs-product-shelf
|
|
20
|
+
data-fs-content="product-shelf"
|
|
21
|
+
data-testid={testId}
|
|
22
|
+
{...otherProps}
|
|
23
|
+
>
|
|
18
24
|
{children}
|
|
19
25
|
</div>
|
|
20
26
|
)
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React, { forwardRef, useContext, createContext } from 'react';
|
|
2
|
-
const BannerContext = createContext(undefined);
|
|
3
|
-
const Banner = forwardRef(function Banner({ children, testId = 'fs-banner', variant = 'primary', colorVariant = 'main', ...otherProps }, ref) {
|
|
4
|
-
const context = { variant, colorVariant };
|
|
5
|
-
return (React.createElement(BannerContext.Provider, { value: context },
|
|
6
|
-
React.createElement("article", { ref: ref, "data-fs-banner": true, "data-fs-banner-variant": variant, "data-fs-banner-color-variant": colorVariant, "data-testid": testId, ...otherProps }, children)));
|
|
7
|
-
});
|
|
8
|
-
export function useBanner() {
|
|
9
|
-
const context = useContext(BannerContext);
|
|
10
|
-
if (context === undefined) {
|
|
11
|
-
throw new Error('Do not use Banner components outside the Banner context.');
|
|
12
|
-
}
|
|
13
|
-
return context;
|
|
14
|
-
}
|
|
15
|
-
export default Banner;
|
|
16
|
-
//# sourceMappingURL=Banner.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/organisms/Banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAWpE,MAAM,aAAa,GAAG,aAAa,CAA4B,SAAS,CAAC,CAAA;AAkBzE,MAAM,MAAM,GAAG,UAAU,CAA8B,SAAS,MAAM,CACpE,EACE,QAAQ,EACR,MAAM,GAAG,WAAW,EACpB,OAAO,GAAG,SAAS,EACnB,YAAY,GAAG,MAAM,EACrB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,CAAA;IAEzC,OAAO,CACL,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QACpC,iCACE,GAAG,EAAE,GAAG,oDAEgB,OAAO,kCACD,YAAY,iBAC7B,MAAM,KACf,UAAU,IAEb,QAAQ,CACD,CACa,CAC1B,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,UAAU,SAAS;IACvB,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAEzC,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CAAC,0DAA0D,CAAC,CAAA;KAC5E;IAED,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React, { forwardRef } from 'react';
|
|
2
|
-
import { LinkButton } from '../..';
|
|
3
|
-
import { useBanner } from './Banner';
|
|
4
|
-
const BannerContent = forwardRef(function BannerContent({ testId = 'fs-banner-content', title, caption, link, linkText, ...otherProps }, ref) {
|
|
5
|
-
const { variant, colorVariant } = useBanner();
|
|
6
|
-
return (React.createElement("header", { ref: ref, "data-fs-banner-content": true, "data-testid": testId, ...otherProps, className: "layout__content" },
|
|
7
|
-
React.createElement("div", { "data-fs-banner-heading": true, "data-fs-banner-color-variant": colorVariant },
|
|
8
|
-
React.createElement("h2", null, title),
|
|
9
|
-
variant === 'secondary' && caption && React.createElement("p", null, caption)),
|
|
10
|
-
React.createElement(LinkButton, { "data-fs-banner-link": true, href: link, variant: variant, inverse: colorVariant === 'main', "aria-label": linkText }, linkText)));
|
|
11
|
-
});
|
|
12
|
-
export default BannerContent;
|
|
13
|
-
//# sourceMappingURL=BannerContent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BannerContent.js","sourceRoot":"","sources":["../../../src/organisms/Banner/BannerContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAyBpC,MAAM,aAAa,GAAG,UAAU,CAC9B,SAAS,aAAa,CACpB,EACE,MAAM,GAAG,mBAAmB,EAC5B,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,CAAA;IAC7C,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,iDAEK,MAAM,KACf,UAAU,EACd,SAAS,EAAC,iBAAiB;QAE3B,6FAA0D,YAAY;YACpE,gCAAK,KAAK,CAAM;YACf,OAAO,KAAK,WAAW,IAAI,OAAO,IAAI,+BAAI,OAAO,CAAK,CACnD;QACN,oBAAC,UAAU,iCAET,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,YAAY,KAAK,MAAM,gBACpB,QAAQ,IAEnB,QAAQ,CACE,CACN,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/organisms/Banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAGlC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA"}
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import React, { forwardRef, useContext, createContext } from 'react'
|
|
2
|
-
import type { HTMLAttributes } from 'react'
|
|
3
|
-
|
|
4
|
-
type Variant = 'primary' | 'secondary'
|
|
5
|
-
type ColorVariant = 'main' | 'light' | 'accent'
|
|
6
|
-
|
|
7
|
-
interface BannerContext {
|
|
8
|
-
variant: Variant
|
|
9
|
-
colorVariant: ColorVariant
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
const BannerContext = createContext<BannerContext | undefined>(undefined)
|
|
13
|
-
|
|
14
|
-
export interface BannerProps extends HTMLAttributes<HTMLDivElement> {
|
|
15
|
-
/**
|
|
16
|
-
* Specifies the component direction variant.
|
|
17
|
-
*/
|
|
18
|
-
variant?: Variant
|
|
19
|
-
/**
|
|
20
|
-
* Specifies the component's color variant combination.
|
|
21
|
-
*/
|
|
22
|
-
colorVariant?: ColorVariant
|
|
23
|
-
/**
|
|
24
|
-
* ID to find this component in testing tools (e.g.: cypress,
|
|
25
|
-
* testing-library, and jest).
|
|
26
|
-
*/
|
|
27
|
-
testId?: string
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
const Banner = forwardRef<HTMLDivElement, BannerProps>(function Banner(
|
|
31
|
-
{
|
|
32
|
-
children,
|
|
33
|
-
testId = 'fs-banner',
|
|
34
|
-
variant = 'primary',
|
|
35
|
-
colorVariant = 'main',
|
|
36
|
-
...otherProps
|
|
37
|
-
},
|
|
38
|
-
ref
|
|
39
|
-
) {
|
|
40
|
-
const context = { variant, colorVariant }
|
|
41
|
-
|
|
42
|
-
return (
|
|
43
|
-
<BannerContext.Provider value={context}>
|
|
44
|
-
<article
|
|
45
|
-
ref={ref}
|
|
46
|
-
data-fs-banner
|
|
47
|
-
data-fs-banner-variant={variant}
|
|
48
|
-
data-fs-banner-color-variant={colorVariant}
|
|
49
|
-
data-testid={testId}
|
|
50
|
-
{...otherProps}
|
|
51
|
-
>
|
|
52
|
-
{children}
|
|
53
|
-
</article>
|
|
54
|
-
</BannerContext.Provider>
|
|
55
|
-
)
|
|
56
|
-
})
|
|
57
|
-
|
|
58
|
-
export function useBanner() {
|
|
59
|
-
const context = useContext(BannerContext)
|
|
60
|
-
|
|
61
|
-
if (context === undefined) {
|
|
62
|
-
throw new Error('Do not use Banner components outside the Banner context.')
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
return context
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
export default Banner
|