@faststore/components 2.1.16 → 2.1.18
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/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/BannerContent.js +1 -1
- package/dist/organisms/Banner/BannerContent.js.map +1 -1
- 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/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/Banner/BannerContent.tsx +1 -1
- 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
|
@@ -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"}
|
|
@@ -3,7 +3,7 @@ import { LinkButton } from '../..';
|
|
|
3
3
|
import { useBanner } from './Banner';
|
|
4
4
|
const BannerContent = forwardRef(function BannerContent({ testId = 'fs-banner-content', title, caption, link, linkText, ...otherProps }, ref) {
|
|
5
5
|
const { variant, colorVariant } = useBanner();
|
|
6
|
-
return (React.createElement("header", { ref: ref, "data-fs-banner-content": true, "data-testid": testId, ...otherProps
|
|
6
|
+
return (React.createElement("header", { ref: ref, "data-fs-banner-content": true, "data-fs-content": "banner-text", "data-testid": testId, ...otherProps },
|
|
7
7
|
React.createElement("div", { "data-fs-banner-heading": true, "data-fs-banner-color-variant": colorVariant },
|
|
8
8
|
React.createElement("h2", null, title),
|
|
9
9
|
variant === 'secondary' && caption && React.createElement("p", null, caption)),
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,qDAEQ,aAAa,iBAChB,MAAM,KACf,UAAU;QAEd,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,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.18",
|
|
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": "378c0274278a2e2d3385ca37c9d70883b60654d4"
|
|
34
34
|
}
|
|
@@ -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
|
|
@@ -44,9 +44,9 @@ const BannerContent = forwardRef<HTMLDivElement, BannerContentProps>(
|
|
|
44
44
|
<header
|
|
45
45
|
ref={ref}
|
|
46
46
|
data-fs-banner-content
|
|
47
|
+
data-fs-content="banner-text"
|
|
47
48
|
data-testid={testId}
|
|
48
49
|
{...otherProps}
|
|
49
|
-
className="layout__content"
|
|
50
50
|
>
|
|
51
51
|
<div data-fs-banner-heading data-fs-banner-color-variant={colorVariant}>
|
|
52
52
|
<h2>{title}</h2>
|
|
@@ -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
|
)
|