@caseparts-org/caseblocks 0.0.78 → 0.0.79
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/atoms/Image/Image.d.ts +21 -15
- package/dist/atoms/Image/Image.js +9 -19
- package/dist/atoms/Link/Link.d.ts +2 -2
- package/dist/atoms/Link/configureLink.d.ts +3 -3
- package/dist/atoms/LinkButton/LinkButton.d.ts +2 -2
- package/dist/main-client.d.ts +0 -2
- package/dist/main-client.js +49 -52
- package/dist/main-server.d.ts +1 -1
- package/dist/organisms/NotFound/NotFound.d.ts +3 -2
- package/dist/organisms/NotFound/NotFound.js +28 -23
- package/dist/organisms/Product/Product.d.ts +3 -2
- package/dist/organisms/Product/Product.js +39 -29
- package/package.json +1 -1
|
@@ -1,21 +1,27 @@
|
|
|
1
|
-
import { default as React
|
|
1
|
+
import { default as React } from 'react';
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
4
|
-
* alt kept optional to mirror the platform, but recommended.
|
|
3
|
+
* External image component contract (e.g. next/image).
|
|
5
4
|
*/
|
|
6
|
-
export
|
|
5
|
+
export type ImageImplementation = React.ComponentType<{
|
|
6
|
+
src: string;
|
|
7
7
|
alt?: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
} & Record<string, any>>;
|
|
10
|
+
export interface UsesImageImplementation {
|
|
11
|
+
imageImplementation?: ImageImplementation;
|
|
12
|
+
imageImplementationProps?: Record<string, any>;
|
|
8
13
|
}
|
|
9
|
-
/** Signature an external image component (e.g. next/image) must satisfy */
|
|
10
|
-
export type ImageComponent = (_props: ImageProps) => JSX.Element;
|
|
11
|
-
export declare function ImageProvider({ component, children, }: {
|
|
12
|
-
component: ImageComponent;
|
|
13
|
-
children: React.ReactNode;
|
|
14
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
15
14
|
/**
|
|
16
|
-
*
|
|
17
|
-
*
|
|
18
|
-
* via <ImageProvider component={...}> so all internal usages gain optimization
|
|
19
|
-
* without changing design system code.
|
|
15
|
+
* Base + hybrid props.
|
|
16
|
+
* src is required here to satisfy external implementations.
|
|
20
17
|
*/
|
|
21
|
-
export
|
|
18
|
+
export interface ImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src'> {
|
|
19
|
+
src: string;
|
|
20
|
+
alt?: string;
|
|
21
|
+
implementation?: ImageImplementation;
|
|
22
|
+
implementationProps?: Record<string, any>;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* Hybrid Image: explicit implementation prop wins; fallback <img>.
|
|
26
|
+
*/
|
|
27
|
+
export declare function Image({ implementation, implementationProps, src, alt, ...rest }: ImageProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,23 +1,13 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
+
function g({
|
|
3
|
+
implementation: r,
|
|
4
|
+
implementationProps: p,
|
|
5
|
+
src: m,
|
|
6
|
+
alt: o,
|
|
7
|
+
...f
|
|
7
8
|
}) {
|
|
8
|
-
return /* @__PURE__ */ r(
|
|
9
|
+
return r ? /* @__PURE__ */ n(r, { src: m, alt: o, ...f, ...p }) : /* @__PURE__ */ n("img", { src: m, alt: o, ...f });
|
|
9
10
|
}
|
|
10
|
-
const f = c(function({ alt: e, ...m }, i) {
|
|
11
|
-
const o = u(a), n = {
|
|
12
|
-
alt: e,
|
|
13
|
-
...m,
|
|
14
|
-
ref: i
|
|
15
|
-
// Consumers of injected Impl can optionally forward ref
|
|
16
|
-
};
|
|
17
|
-
return o ? /* @__PURE__ */ r(o, { ...n }) : /* @__PURE__ */ r("img", { ...n });
|
|
18
|
-
});
|
|
19
|
-
f.displayName = "Image";
|
|
20
11
|
export {
|
|
21
|
-
|
|
22
|
-
I as ImageProvider
|
|
12
|
+
g as Image
|
|
23
13
|
};
|
|
@@ -5,10 +5,10 @@ export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>
|
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
unstyled?: boolean;
|
|
7
7
|
children: React.ReactNode;
|
|
8
|
-
implementation?:
|
|
8
|
+
implementation?: LinkImplementation;
|
|
9
9
|
}
|
|
10
10
|
/** Router component contract (e.g. next/link or react-router Link) */
|
|
11
|
-
export type
|
|
11
|
+
export type LinkImplementation = React.ComponentType<{
|
|
12
12
|
href: string;
|
|
13
13
|
className?: string;
|
|
14
14
|
children: React.ReactNode;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare let routerOverride:
|
|
3
|
-
export declare function configureLink(router:
|
|
1
|
+
import { LinkImplementation } from './Link';
|
|
2
|
+
export declare let routerOverride: LinkImplementation | null;
|
|
3
|
+
export declare function configureLink(router: LinkImplementation): void;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { HideAtProps } from '../HideAt';
|
|
2
|
-
import { LinkProps,
|
|
2
|
+
import { LinkProps, LinkImplementation } from '../Link/Link';
|
|
3
3
|
import { ButtonStyleProps } from '../Button/buttonClassName';
|
|
4
4
|
export interface LinkButtonProps extends LinkProps, HideAtProps, ButtonStyleProps {
|
|
5
|
-
implementation?:
|
|
5
|
+
implementation?: LinkImplementation;
|
|
6
6
|
}
|
|
7
7
|
export declare function LinkButton({ href, children, size, variant, hideAt, className, disabled, implementation, ...otherProps }: LinkButtonProps): import("react/jsx-runtime").JSX.Element;
|
package/dist/main-client.d.ts
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
export * from './main-server';
|
|
2
|
-
export { Image, ImageProvider } from './atoms/Image/Image';
|
|
3
|
-
export type { ImageProps } from './atoms/Image/Image';
|
|
4
2
|
export { Tooltip } from './molecules/Tooltip/Tooltip';
|
|
5
3
|
export { Account } from './molecules/Account/Account';
|
|
6
4
|
export type { AccountProps } from './molecules/Account/Account';
|
package/dist/main-client.js
CHANGED
|
@@ -1,73 +1,70 @@
|
|
|
1
1
|
import { Button as t } from "./atoms/Button/Button.js";
|
|
2
2
|
import { Flex as p } from "./atoms/Flex/Flex.js";
|
|
3
3
|
import { Column as x, Grid as f } from "./atoms/Grid/Grid.js";
|
|
4
|
-
import { Head as
|
|
4
|
+
import { Head as n } from "./atoms/Root/Head.js";
|
|
5
5
|
import { Icon as u } from "./atoms/Icon/Icon.js";
|
|
6
|
-
import { Root as
|
|
6
|
+
import { Root as c } from "./atoms/Root/Root.js";
|
|
7
7
|
import { Separator as C } from "./atoms/Separator/Separator.js";
|
|
8
|
-
import { Text as
|
|
9
|
-
import { Input as
|
|
10
|
-
import { Link as
|
|
11
|
-
import { linkClassName as
|
|
12
|
-
import { configureLink as
|
|
8
|
+
import { Text as g } from "./atoms/Text/Text.js";
|
|
9
|
+
import { Input as B } from "./atoms/Input/Input.js";
|
|
10
|
+
import { Link as v } from "./atoms/Link/Link.js";
|
|
11
|
+
import { linkClassName as S } from "./atoms/Link/linkClassName.js";
|
|
12
|
+
import { configureLink as s, routerOverride as F } from "./atoms/Link/configureLink.js";
|
|
13
13
|
import { LinkButton as N } from "./atoms/LinkButton/LinkButton.js";
|
|
14
|
-
import { Logo as
|
|
14
|
+
import { Logo as M } from "./molecules/Logo/Logo.js";
|
|
15
15
|
import { SearchBox as b } from "./molecules/SearchBox/SearchBox.js";
|
|
16
16
|
import { QuantityInput as G } from "./molecules/QuantityInput/QuantityInput.js";
|
|
17
17
|
import { Pricing as O } from "./molecules/Pricing/Pricing.js";
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import { Footer as vo } from "./organisms/Footer/Footer.js";
|
|
18
|
+
import { Tooltip as R } from "./molecules/Tooltip/Tooltip.js";
|
|
19
|
+
import { Account as j } from "./molecules/Account/Account.js";
|
|
20
|
+
import { Avatar as z } from "./molecules/Avatar/Avatar.js";
|
|
21
|
+
import { Chip as E } from "./molecules/Chip/Chip.js";
|
|
22
|
+
import { ToggleView as K } from "./molecules/ToggleView/ToggleView.js";
|
|
23
|
+
import { StatefulButton as W } from "./molecules/StatefulButton/StatefulButton.js";
|
|
24
|
+
import { AnimatedCheckMark as Y } from "./molecules/StatefulButton/AnimatedCheckmark.js";
|
|
25
|
+
import { AddToCart as _ } from "./molecules/AddToCart/AddToCart.js";
|
|
26
|
+
import { Availability as oo } from "./molecules/Availability/Availability.js";
|
|
27
|
+
import { BannerCard as to } from "./molecules/BannerCard/BannerCard.js";
|
|
28
|
+
import { MainNav as po } from "./organisms/MainNav/MainNav.js";
|
|
29
|
+
import { ChipSelector as xo } from "./organisms/ChipSelector/ChipSelector.js";
|
|
30
|
+
import { Product as ao } from "./organisms/Product/Product.js";
|
|
31
|
+
import { NotFound as io } from "./organisms/NotFound/NotFound.js";
|
|
32
|
+
import { Carousel as lo } from "./organisms/Carousel/Carousel.js";
|
|
33
|
+
import { Footer as Co } from "./organisms/Footer/Footer.js";
|
|
35
34
|
export {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
35
|
+
j as Account,
|
|
36
|
+
_ as AddToCart,
|
|
37
|
+
Y as AnimatedCheckMark,
|
|
38
|
+
oo as Availability,
|
|
39
|
+
z as Avatar,
|
|
40
|
+
to as BannerCard,
|
|
42
41
|
t as Button,
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
42
|
+
lo as Carousel,
|
|
43
|
+
E as Chip,
|
|
44
|
+
xo as ChipSelector,
|
|
46
45
|
x as Column,
|
|
47
46
|
p as Flex,
|
|
48
|
-
|
|
47
|
+
Co as Footer,
|
|
49
48
|
f as Grid,
|
|
50
|
-
|
|
49
|
+
n as Head,
|
|
51
50
|
u as Icon,
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
A as Input,
|
|
55
|
-
I as Link,
|
|
51
|
+
B as Input,
|
|
52
|
+
v as Link,
|
|
56
53
|
N as LinkButton,
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
54
|
+
M as Logo,
|
|
55
|
+
po as MainNav,
|
|
56
|
+
io as NotFound,
|
|
60
57
|
O as Pricing,
|
|
61
|
-
|
|
58
|
+
ao as Product,
|
|
62
59
|
G as QuantityInput,
|
|
63
|
-
|
|
60
|
+
c as Root,
|
|
64
61
|
b as SearchBox,
|
|
65
62
|
C as Separator,
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
63
|
+
W as StatefulButton,
|
|
64
|
+
g as Text,
|
|
65
|
+
K as ToggleView,
|
|
66
|
+
R as Tooltip,
|
|
67
|
+
s as configureLink,
|
|
68
|
+
S as linkClassName,
|
|
69
|
+
F as routerOverride
|
|
73
70
|
};
|
package/dist/main-server.d.ts
CHANGED
|
@@ -14,7 +14,7 @@ export type { TextProps } from './atoms/Text/Text';
|
|
|
14
14
|
export { Input } from './atoms/Input/Input';
|
|
15
15
|
export type { InputProps } from './atoms/Input/Input';
|
|
16
16
|
export { Link } from './atoms/Link/Link';
|
|
17
|
-
export type { LinkProps, RouterLike } from './atoms/Link/Link';
|
|
17
|
+
export type { LinkProps, LinkImplementation as RouterLike } from './atoms/Link/Link';
|
|
18
18
|
export { linkClassName } from './atoms/Link/linkClassName';
|
|
19
19
|
export { configureLink, routerOverride } from './atoms/Link/configureLink';
|
|
20
20
|
export { LinkButton } from './atoms/LinkButton/LinkButton';
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
import { UsesImageImplementation } from '../../atoms/Image/Image';
|
|
2
|
+
export interface NotFoundProps extends UsesImageImplementation {
|
|
2
3
|
primaryLinkButtonProps: {
|
|
3
4
|
label: string;
|
|
4
5
|
href: string;
|
|
@@ -8,4 +9,4 @@ export interface NotFoundProps {
|
|
|
8
9
|
href: string;
|
|
9
10
|
};
|
|
10
11
|
}
|
|
11
|
-
export declare function NotFound({ primaryLinkButtonProps, secondaryLinkButtonProps }: NotFoundProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare function NotFound({ primaryLinkButtonProps, secondaryLinkButtonProps, imageImplementation, imageImplementationProps, }: NotFoundProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,34 +1,39 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { Image as
|
|
3
|
-
import { Text as
|
|
4
|
-
import { LinkButton as
|
|
5
|
-
import { Flex as
|
|
6
|
-
import { c as
|
|
7
|
-
import '../../assets/NotFound.css';const
|
|
8
|
-
main:
|
|
9
|
-
column:
|
|
10
|
-
description:
|
|
11
|
-
header:
|
|
12
|
-
links:
|
|
1
|
+
import { jsxs as r, jsx as A } from "react/jsx-runtime";
|
|
2
|
+
import { Image as e } from "../../atoms/Image/Image.js";
|
|
3
|
+
import { Text as s } from "../../atoms/Text/Text.js";
|
|
4
|
+
import { LinkButton as t } from "../../atoms/LinkButton/LinkButton.js";
|
|
5
|
+
import { Flex as d } from "../../atoms/Flex/Flex.js";
|
|
6
|
+
import { c as a } from "../../clsx-OuTLNxxd.js";
|
|
7
|
+
import '../../assets/NotFound.css';const h = "data:image/png;base64,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", c = "_main_1dfh4_1", p = "_column_1dfh4_10", b = "_description_1dfh4_14", v = "_header_1dfh4_19", N = "_links_1dfh4_24", n = {
|
|
8
|
+
main: c,
|
|
9
|
+
column: p,
|
|
10
|
+
description: b,
|
|
11
|
+
header: v,
|
|
12
|
+
links: N
|
|
13
13
|
};
|
|
14
|
-
function
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
14
|
+
function X({
|
|
15
|
+
primaryLinkButtonProps: o,
|
|
16
|
+
secondaryLinkButtonProps: i,
|
|
17
|
+
imageImplementation: f,
|
|
18
|
+
imageImplementationProps: l
|
|
19
|
+
}) {
|
|
20
|
+
return /* @__PURE__ */ r(d, { flexDirection: "row", alignItems: "center", justifyContent: "center", className: n.main, children: [
|
|
21
|
+
/* @__PURE__ */ A("div", { className: n.column, children: /* @__PURE__ */ A(e, { src: h, alt: "Not found image", implementation: f, implementationProps: l }) }),
|
|
22
|
+
/* @__PURE__ */ r("div", { className: a(n.description, n.column), children: [
|
|
23
|
+
/* @__PURE__ */ A(s, { size: "6xl", variant: "display", as: "h1", className: n.header, children: "404" }),
|
|
24
|
+
/* @__PURE__ */ r(s, { size: "xl", children: [
|
|
20
25
|
"Oops! Well this is embarrassing...",
|
|
21
26
|
/* @__PURE__ */ A("br", {}),
|
|
22
27
|
"what you're looking for is missing or something is on the fritz."
|
|
23
28
|
] }),
|
|
24
|
-
/* @__PURE__ */ A(
|
|
25
|
-
/* @__PURE__ */
|
|
26
|
-
/* @__PURE__ */ A(
|
|
27
|
-
/* @__PURE__ */ A(
|
|
29
|
+
/* @__PURE__ */ A(s, { size: "xl", children: "Don't worry—for assistance call us at 1-800-421-0271" }),
|
|
30
|
+
/* @__PURE__ */ r("div", { className: n.links, children: [
|
|
31
|
+
/* @__PURE__ */ A(t, { variant: "primary", size: "md", href: o.href, children: o.label }),
|
|
32
|
+
/* @__PURE__ */ A(t, { variant: "secondary", size: "md", href: i.href, children: i.label })
|
|
28
33
|
] })
|
|
29
34
|
] })
|
|
30
35
|
] });
|
|
31
36
|
}
|
|
32
37
|
export {
|
|
33
|
-
|
|
38
|
+
X as NotFound
|
|
34
39
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import { UsesImageImplementation } from '../../atoms/Image/Image';
|
|
1
2
|
import { AvailabilityProps } from '../../molecules/Availability/Availability';
|
|
2
3
|
export type ProductView = "Card" | "Tile";
|
|
3
|
-
export interface ProductProps extends AvailabilityProps {
|
|
4
|
+
export interface ProductProps extends AvailabilityProps, UsesImageImplementation {
|
|
4
5
|
productView: ProductView;
|
|
5
6
|
productDescription: string;
|
|
6
7
|
availDescription: string;
|
|
@@ -18,4 +19,4 @@ export interface ProductProps extends AvailabilityProps {
|
|
|
18
19
|
onAddToCart: (_itemKey: number, _quantity: number) => void;
|
|
19
20
|
onClose?: (_itemKey: number) => void;
|
|
20
21
|
}
|
|
21
|
-
export declare function Product({ productView, itemKey, partNumber, productDescription, availDescription, availId, contactHref, contactLinkBehavior, productHref, priceLabel, price, imgSrc, attributes, className, onAddToCart, onClose, ...otherProps }: ProductProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export declare function Product({ productView, itemKey, partNumber, productDescription, availDescription, availId, contactHref, contactLinkBehavior, productHref, priceLabel, price, imgSrc, imageImplementation, imageImplementationProps, attributes, className, onAddToCart, onClose, ...otherProps }: ProductProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
import { jsxs as a, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { Image as T } from "../../atoms/Image/Image.js";
|
|
3
3
|
import { Link as g } from "../../atoms/Link/Link.js";
|
|
4
|
-
import { Text as
|
|
4
|
+
import { Text as e } from "../../atoms/Text/Text.js";
|
|
5
5
|
import { Availability as v } from "../../molecules/Availability/Availability.js";
|
|
6
6
|
import { Pricing as x } from "../../molecules/Pricing/Pricing.js";
|
|
7
7
|
import { AddToCart as I } from "../../molecules/AddToCart/AddToCart.js";
|
|
8
|
-
import { Icon as
|
|
8
|
+
import { Icon as R } from "../../atoms/Icon/Icon.js";
|
|
9
9
|
import { c as w } from "../../clsx-OuTLNxxd.js";
|
|
10
|
-
import '../../assets/Product.css';const
|
|
11
|
-
productCard:
|
|
12
|
-
productInformation:
|
|
13
|
-
purchaseInformation:
|
|
14
|
-
addToCart:
|
|
15
|
-
addToCartButton:
|
|
16
|
-
partNumber:
|
|
17
|
-
partNumberLabel:
|
|
18
|
-
productTile:
|
|
19
|
-
topRow:
|
|
20
|
-
productData:
|
|
21
|
-
purchase:
|
|
22
|
-
attributeContainer:
|
|
10
|
+
import '../../assets/Product.css';const $ = "_productCard_10edn_1", A = "_productInformation_10edn_22", D = "_purchaseInformation_10edn_29", j = "_addToCart_10edn_37", k = "_addToCartButton_10edn_40", y = "_partNumber_10edn_48", q = "_partNumberLabel_10edn_55", E = "_productTile_10edn_59", F = "_topRow_10edn_80", G = "_productData_10edn_111", J = "_purchase_10edn_29", M = "_attributeContainer_10edn_148", t = {
|
|
11
|
+
productCard: $,
|
|
12
|
+
productInformation: A,
|
|
13
|
+
purchaseInformation: D,
|
|
14
|
+
addToCart: j,
|
|
15
|
+
addToCartButton: k,
|
|
16
|
+
partNumber: y,
|
|
17
|
+
partNumberLabel: q,
|
|
18
|
+
productTile: E,
|
|
19
|
+
topRow: F,
|
|
20
|
+
productData: G,
|
|
21
|
+
purchase: J,
|
|
22
|
+
attributeContainer: M
|
|
23
23
|
};
|
|
24
|
-
function
|
|
24
|
+
function S({
|
|
25
25
|
productView: z,
|
|
26
26
|
itemKey: s,
|
|
27
|
-
partNumber:
|
|
27
|
+
partNumber: o,
|
|
28
28
|
productDescription: l,
|
|
29
29
|
availDescription: m,
|
|
30
30
|
availId: d,
|
|
@@ -34,19 +34,29 @@ function Z({
|
|
|
34
34
|
priceLabel: _,
|
|
35
35
|
price: n,
|
|
36
36
|
imgSrc: N,
|
|
37
|
+
imageImplementation: B,
|
|
38
|
+
imageImplementationProps: L,
|
|
37
39
|
attributes: c,
|
|
38
40
|
className: b,
|
|
39
41
|
onAddToCart: f,
|
|
40
42
|
onClose: C,
|
|
41
|
-
...
|
|
43
|
+
...P
|
|
42
44
|
}) {
|
|
43
45
|
return z === "Card" ? /* @__PURE__ */ a("div", { className: w(t.productCard, b), children: [
|
|
44
|
-
/* @__PURE__ */ r(
|
|
46
|
+
/* @__PURE__ */ r(
|
|
47
|
+
T,
|
|
48
|
+
{
|
|
49
|
+
src: N,
|
|
50
|
+
alt: `${o} product image`,
|
|
51
|
+
implementation: B,
|
|
52
|
+
implementationProps: L
|
|
53
|
+
}
|
|
54
|
+
),
|
|
45
55
|
/* @__PURE__ */ a("div", { className: t.productInformation, children: [
|
|
46
56
|
/* @__PURE__ */ r(g, { href: h, children: l }),
|
|
47
57
|
/* @__PURE__ */ a("div", { className: t.partNumber, children: [
|
|
48
|
-
/* @__PURE__ */ r(
|
|
49
|
-
/* @__PURE__ */ r(
|
|
58
|
+
/* @__PURE__ */ r(e, { size: "sm", className: t.partNumberLabel, children: "Part #" }),
|
|
59
|
+
/* @__PURE__ */ r(e, { size: "sm", weight: "semibold", children: o })
|
|
50
60
|
] })
|
|
51
61
|
] }),
|
|
52
62
|
/* @__PURE__ */ a("div", { className: t.purchaseInformation, children: [
|
|
@@ -72,18 +82,18 @@ function Z({
|
|
|
72
82
|
buttonDoneText: ""
|
|
73
83
|
}
|
|
74
84
|
)
|
|
75
|
-
] }) : /* @__PURE__ */ a("div", { className: w(t.productTile, b), ...
|
|
76
|
-
/* @__PURE__ */ r(T, { src: N, alt: `${
|
|
85
|
+
] }) : /* @__PURE__ */ a("div", { className: w(t.productTile, b), ...P, children: [
|
|
86
|
+
/* @__PURE__ */ r(T, { src: N, alt: `${o} product image` }),
|
|
77
87
|
/* @__PURE__ */ a("div", { className: t.productData, children: [
|
|
78
88
|
/* @__PURE__ */ a("div", { className: t.topRow, children: [
|
|
79
89
|
/* @__PURE__ */ a("div", { className: t.productInformation, children: [
|
|
80
90
|
/* @__PURE__ */ r(g, { href: h, children: l }),
|
|
81
91
|
/* @__PURE__ */ a("div", { className: t.partNumber, children: [
|
|
82
|
-
/* @__PURE__ */ r(
|
|
83
|
-
/* @__PURE__ */ r(
|
|
92
|
+
/* @__PURE__ */ r(e, { size: "sm", className: t.partNumberLabel, children: "Part #" }),
|
|
93
|
+
/* @__PURE__ */ r(e, { size: "sm", weight: "semibold", children: o })
|
|
84
94
|
] })
|
|
85
95
|
] }),
|
|
86
|
-
C && /* @__PURE__ */ r("button", { onClick: () => C(s), children: /* @__PURE__ */ r(
|
|
96
|
+
C && /* @__PURE__ */ r("button", { onClick: () => C(s), children: /* @__PURE__ */ r(R, { size: "sm", iconKey: "fa-light fa-xmark" }) })
|
|
87
97
|
] }),
|
|
88
98
|
/* @__PURE__ */ a("div", { className: t.purchase, children: [
|
|
89
99
|
/* @__PURE__ */ a("div", { className: t.purchaseInformation, children: [
|
|
@@ -101,15 +111,15 @@ function Z({
|
|
|
101
111
|
/* @__PURE__ */ r(I, { itemKey: s, onAdd: f, className: t.addToCart, addButtonClassName: t.addToCartButton })
|
|
102
112
|
] }),
|
|
103
113
|
c && c.length > 0 && /* @__PURE__ */ r("ul", { className: t.attributeContainer, children: c.map((i) => /* @__PURE__ */ a("li", { children: [
|
|
104
|
-
/* @__PURE__ */ a(
|
|
114
|
+
/* @__PURE__ */ a(e, { size: "xs", weight: "light", children: [
|
|
105
115
|
i.label,
|
|
106
116
|
":"
|
|
107
117
|
] }),
|
|
108
|
-
/* @__PURE__ */ r(
|
|
118
|
+
/* @__PURE__ */ r(e, { size: "xs", weight: "semibold", children: i.value })
|
|
109
119
|
] }, `${i.label}.${i.value}`)) })
|
|
110
120
|
] })
|
|
111
121
|
] });
|
|
112
122
|
}
|
|
113
123
|
export {
|
|
114
|
-
|
|
124
|
+
S as Product
|
|
115
125
|
};
|