@caseparts-org/caseblocks 0.0.78 → 0.0.80
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 +57 -39
- 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
|
+
alt: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
} & Record<string, any>>;
|
|
10
|
+
export interface UsesImageImplementation {
|
|
11
|
+
imageImplementation?: ImageImplementation;
|
|
12
|
+
imageImplementationProps?: Record<string, any>;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Base + hybrid props.
|
|
16
|
+
* src is required here to satisfy external implementations.
|
|
17
|
+
*/
|
|
18
|
+
export interface ImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src'> {
|
|
19
|
+
src: string;
|
|
7
20
|
alt?: string;
|
|
21
|
+
implementation?: ImageImplementation;
|
|
22
|
+
implementationProps?: Record<string, any>;
|
|
8
23
|
}
|
|
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
24
|
/**
|
|
16
|
-
*
|
|
17
|
-
* By default renders a plain <img>. A host app can inject (e.g.) next/image
|
|
18
|
-
* via <ImageProvider component={...}> so all internal usages gain optimization
|
|
19
|
-
* without changing design system code.
|
|
25
|
+
* Hybrid Image: explicit implementation prop wins; fallback <img>.
|
|
20
26
|
*/
|
|
21
|
-
export declare
|
|
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 m } from "react/jsx-runtime";
|
|
2
|
+
function s({
|
|
3
|
+
implementation: t,
|
|
4
|
+
implementationProps: n,
|
|
5
|
+
src: f,
|
|
6
|
+
alt: o,
|
|
7
|
+
...r
|
|
7
8
|
}) {
|
|
8
|
-
return /* @__PURE__ */ r(
|
|
9
|
+
return t ? /* @__PURE__ */ m(t, { src: f, alt: o ?? "", ...r, ...n }) : /* @__PURE__ */ m("img", { src: f, alt: o, ...r });
|
|
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
|
+
s 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,iVBORw0KGgoAAAANSUhEUgAAAVAAAAGICAYAAAAXhbibAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABQCSURBVHgB7d1fjFzXXQfwc+/MbrJOG2/tRI2BVJs8UIRa1QEkEEiw4QVRRGyDhAoS4DxAX6hIH6gEQewuokLkAZI3zAvOUwwCHId/RYC6QQRaBKqjpBKpRLKOIXbbrLvrtLazM3MP98zu2GPXu7bv7mb+3M9HiufOzN3N+vrud37nzz03BAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGC0ZYGxMj13cjYAlUyEsPL1hSOnb3f/ZmCsNLL88wGopAhxsXx49Hb3zwMAlQhQgIoEKEBF+kDH2Ecf2Bs+8sF7w3vl7147F1avtEMMYal8ejwwhrKZLMSjN7669+6J7vn24N6pMGp6520VAnSM/eSHHwifmf1weC+8tPR2eO7ls93tIs8Pr/zOT78cGEvTcyc/3QjhcMyyX89CdjC9tnqlFf61PAc+8bEHw88f/FD4kZn9YVS8efxSeOnMcqhCgLIjfu3Ul7qPMcTjwnO8rSwcWQnrLYzjZZjO5FljrvyXn81CmDlRfoim/x6cngqf+bEPl0F6X/jQ9J4wrgQo2/bc6TfD2ZXL3e0ixoVAbZRhulQ+PJ6298+dPBqy7JfLZv5sOh8+dWp9OuXHy5bQJ8qq9OPf80AYNwaR2LanXnyt+9itPtd/oaih5YUjx5fnDz/aicVD5bnw9EZfeNnHeD780p/9R3jkmX8Mv/b8l8KbK5fu5NuGV8+vhmElQNkW1Sc3Sh+iF+YPf/rC/KGHOlnZVxqy4+n1dJ6k5v33PfNP4dCz/3Zb3yuF7WPPvtTtYx1GApSuVBn0Ksk7ofpkKytzh05dmH/s8VSVhlg83qtKu4OO5YfvrXyqPC8vliPkx774ehhGApTup/xLZ94OTy2+Fp783Ku3/XWqT25X+nBNTfxUlfYq0lt9YB/7wv9cHR0/9oXXh7IKFaCEE31BmD7pZ4+9eFv9VKpPqihip/thm865zarQdP79wbWAXUnhOYxVqADl6vzNsL6QQrfT/lDZ77RViKo+qSp92N6qCu013VOTP2ZhPr02jFWoAK25/iDsxPh42U91pNxcSa+lEN1sBFT1yXZsVKErN6tC+5vuRZYdLYri2TCkVagArbkbg7Dsp3q+7PB/JH3yp5M7NefTCd1P9cl2pXMtC+HptN1fhfY33dNUqJW5x15ME/d7+w5bFSpAa2yzIEwndxGLR3sjpk/+w5evO8lVn+yEdiyeCRtVaO9Dur/p3n9O9vYdtipUgNbYVkG4EaKPhJA93923HKH/1KkvhT8uT3TVJzuhv7J86sWvlOfYf1/XdN+4ZPTb9h2mKlSA1tTtNMPTSbs8/9iR8sSdX/+as+G3y2o0UX2yE/oryxSiSa/pvtW+w1KFuha+pk6cPnt1u5Hlb+yfP7XpvvEmr2UhO1p+zdEAO6w8t54oz60nttonVaGf/MGHu8voDZIKtIbSVSBVl++CYTAsVagAraHn+qpPGFW36gtNhcJu95UK0JpJ00ROvCxAGX1bVaFPfu6V7oIlJ3a5WNAHWjNpND2p0W03DpeDYAd7T+p+u5Gyf3E2LX7c/1rcGCQcJesr4cfDN/aFpgIhTYXqdVGlpfQ++UMPh90iQGukv/rMsjC/PHfo2TDm9s8/PxM2bjuRZCEuLc8fru30q33lYGH5gTLb/9qF+UMjdzym505Ol4Ofs2UVOp2q0LT6fWqy/+Kf/Ud3HmlPt79/aXnXbjGiCV8j/dVnHcKT8XXjvNBek703Cb+TpUo7W0zvp5vG7RYBWhM3Vp8BRtz180Lf2Hg1Lqar6NI80pjF7kUgqR90twaTBGhNnNhYsEH1ybjor0KT1JebbinSu8CjfxGS1JTfDQK0Jq4uWZddO+Fg1KUqtAzO06nJfmNfbgrYYqMZf61C3VkGkWqgd9lmd4GGojgVYExsXC//yGbvN2LnmZjlh3tzQnf6yiUVaA1cW0kpLrp+nTp5e+HIYvnQXZRkN65cEqBjztqd1F3/aP1OE6Bjztqd1N3GaH1YH0za2TUgBOgYe+5l1Ses95OuDyaduI1bKd8JATrGeuGp+qT2sthtxqdLO3dyTqgArQHVJ3XXKYq0QHN3TuhOLjAiQMeekXdIzfjUEkvbqQrdKQIUqIU8xu4c6N4CIzvyPQNADazPCd3ZBUYEKFAbO73AiAAFaqN/gZFXz18M2yVAgdroX2Dk2iXO1QlQoFbSAiPpcSduOidAgVrZyQVGBChQOzu1wIgABWqnf4GRV766GqoSoEDt9C8w0n8XzzslQIF6ip1t3xtMgAK11AlhMWyTAAWoSIACVCRAASoSoAAVCVCAigQoQEUCFKAiAQpQUTPACNk/d/JwyBq/HEKxMhHjwvma3zDv/rmTB4usMVduTk/EzuN1Px775l54IsvCoSwUp9+eP/zpsMtUoIyMB+ZOzoQsPxlCPBxCdrSVNf401Nj03Mnp4urxiLOtLP9Sei3UVPnhejTL4h+lYxFD9sS++VNzYZcJUEZGK4TZ61+Js6HGyubjwfJhpu+l6ZA3PhbqKst+7Lqn78H5IUABKhKgABUJUICKBChARQIUoCIBClCRAAWoSIACVCRAASoSoAAVCVCAigQoQEUCFKAiAQpQkQAFqEiAAlQkQAEqEqAworIQVgIDJUAZGZ0Qno8hLPWel9vzoca+vnDkdBmji73n5fE4vTL32IuhpvIYnwn9Hyrrz3f3/xlgRKwsHFm5MH/ooU4WDneybLbcXgg1tzz/2KN9x+ORUGPpA6UTi0e6xyMWH1heOPJ82GVua8zIWZk7dCpwleNxzcr6bZ2XwntEBQpQkQAFqEiAAlQkQAEqEqAAFQlQgIoEKEBFAhSgIgEKUJEABahIgAJUJEABKhKgABUJUICKBChARQIUoCIBClCRAAWoSIACVCRAASoSoAAVCVCAigQoQEUCFKAiAQpQkQAFqEiAAlQkQAEqEqAAFQlQgIoEKEBFAhSgIgEKUJEABahIgAJUJEABKhKgABUJUICKBChARQIUoCIBClCRAAWoSIACVCRAASoSoAAVCVCAigQoQEUCFKAiAQpQkQAFqEiAAlQkQAEqagbGWgxhenru5GyoqSzkMzEdhQ2OR5xJf/ar6/FohDATtkmAjrksZAcbWfb5UFP94ZnU/XjcTCPLHY+KNOEBKhKgABUJUICK9IGOvbjYaU4cDUOo0WkfLLson0/bH/+eB8JHPrg37KSXzrwdXlpaDsN8DBicZqczE2NcDNsgQGtg5bd/6kwYTmf2z7+wWAbc7OqVdvjM7IfDTnpqMWwE6FAfAwZkeu5kVg6ghe3QhGegsthZSI8vLb19NexgVAhQBurthSOLZYwupu2nXnwtwCgRoAycKpRRJUAZOFUoo0qAMhTupAp9c+WSSpWhIEAZCqkKjSE7nrZvVYUeeval8NzpNwMMmgBlaBR9VehmAfnk514JZ1cuh79/7XxYvdIKMEgClKGxsnBkaasqNIXqsS++0d1O4Xnsi68HGCQBylDpVaGpyuyvQlO/Z1+orqQ/jn3hdVUoAyVAGSqbVaFPLb7WDdUYwlIei0fTrik8T5w+G2BQBChD58Yq9NgX/ieceHk9KLMszH994cjpGOLx9Py5lw0mMTgClKGzXoXGp9N2qkKf/Icvd19Pry3PHXo2bRcxPpMeXz1/0ZQmBsZiImOubA7P7J87eTSMmBjzMyGL3Sr0qixbuuHvslT+N5NC9tTMD2/+vcJoHgN2VwyN6XDDHQvulAAdc1m670uW/2kYMdlNTuwyT58ON1k9pzf5/kdm9m/yvUbzGLC7sm2GZ6IJz1gwsZ5BEKCMBRPrGQQBylgwsZ5B0Ac6brJw9HZ2izEezEL2xC32WiwHbo6HIRdjNlv2Zx1NE+s/+YMPh713T1z/foinsyx7OrzHYsins1g8vfU+g/nZxkrqGw9hest9bvP3otxxJdyBLFBL982dnI23uB94mmt5Yf7w42HITc+dnG5kebrGc/qzP/GR8Mkferj7epp8vz4ZPy4uzx9+NLzHyp9rZuPn2sJgfrZxsn/+VDrGM1vtszx/aFeyThOekbeycGTFxHoGQYAyFkysZxAEKGMhXb1kVXveawaR2FSWhYkDcy/sSdvfvKs91Xt9Kjaa7Wb7upGa/FK2Z9PvEzZ/73aUzfNLm71X7Ln2XnYpHotZmL1xVftyMKeZ/h7nFh7b9PtAFQJ0TH3/r/7nxFsH3pp4NzSbzcnWVAq8zqU4OVGGSbNoTqzF7KEsK7b8HjE2PtgK8cfT9l3vXjtV0lflaxPhdm3/eo/N5ddH4jdDFl8p/4cfTRPrPzS9kdsx7m2F7Mfvm3vh2s/UDJfW32p3rxXNO3mrHMlvN4pGq523W61QtBt7srVWJ+u+/753m5e/49x3tP7rT37AZFOuEqAjJlVSvVB8d611TwrEVOHFkDWzRnOqyIqJrB32nAlvdffPQzsUa1k38Hr9Ne08VZfFA2EMZUX855hlH00T6z9x8MHN9yuPUfcxNK9Wxyno292D1Azdj4cyYu/aeC+l5pkDb4UUwil885i3OmGt3SgDNlXIKXDvmpz41uWs005hq9qtBwE6ZFLl+MaBr02FPZfvTc3iXjjGZn5v+qVPv8i9UJwIk92v6VV4sVOYlxbyfy4PyK+sXmnds1trhaZ/h1jW4Xn569M79ilwi7UUuM1u2Har3Ty8P8bdrL8ZNAE6QPvm/u7eFJST35zY286LqRSSZ9pv7ekWQZfWm8i9X7/yl5bbVPaDnio/SH5h0Jd2ZkU2FbNbBGjMpvbO/cXDxV356ju/9TOmD4wYAXobev2Jabt/MGWiEae2+rpe/1n//iksOxP5vk6nc09ZSTZTUK43G3MhuUPyLHshFuFQ2R96TxhyZbzuKVsS3xveLavXsmrNGvlquNJ6J7snP9c4k71z7k90BQyzWgdof3M5DbBMFZNTnbwz0SmDLsuaU7EdJ8tYa/b6E5P+wZRbuesmr3XDspOafxrbu6aI3yoP8D+V6XQojJiyG2Zv+Um7N66F7yoOhHD/7/7NaqNVXFjLm2cvLHz8YmCo1CpAU5O5Ey7dNxka9xbNxr7+5nJ6XK8EG+WI7Pr+mZAbWXmn89dFno9cgN4oBWp5Xu4tWysP7f+dv74cO52vXPjsYTeCGhJjH6Cpyjxz4KsPFaH9cGoy5+XAS+qV0lwebzFrfLU3pSmMiSwrW0bN/GNlkH735Pn475r3gzf2Abr0wLkfzUKc0mS+XoxZ2cwtA2YrRfHGSK83E8Nz5Z8DDdByQGvLY1yOMd3xGnwpSFsHiu8tN/8zkP6dXy4P5FIYgLEP0DwrWjFkU4HrlL0Vr4ci+60wxrKYvRLzbhU6EDHEr+W7dIzbRcOE/g3LC4cOhwEZ+2vhv75w6F+K0DpdnsimiNRQmlgfxkxRtJdX8vd9OTBw9WrX/uGfT92/GvZ2wvv2NYvO3nazc29e5Ld/TSIjqQjxybIL57NhxKXgbLXDV975ffNFh4WOwbnPN79z7Rt71ybbE2vNMNVov28qKy7f0wiTzZgXE0W6RDKEbS2GwWCVLfiPlP+Gr4YRU+RFq2yrX+xMts+vtu8/GxYeNfQ5ZLYVoJvNo0yXHhaN4tsqu3TdcG+xhnyysZquG/7upQ9dHJkFGsqwPXDune71k1c+cGViT97csg/5UtFu3/2Nu6/+3fL97alv7mnf21xr3BfyifcLZvqlwMzanQvtyc7bxaXmxXcmP7AqNIfbHQdob1pQ3ij2F524P+yAdPVFmiycfTW8UaupGRvVby9UU9WrW2H8paBsFNnl0Courk21Vifb4XLz3N0XTUsaPXcUoPf/xt8+0NnTPpiuzgm7pNUJX179vcfeCHXW160QQ/PerJXtSSstdfI4pWodDWW3waU8xHYKyTgRL5X9sJfilc47qUUiKMfHHQVhfldnKu5ieCaNTnPHpxz1Lwp8s8WA+5VvtlLXQtoe2BqQZbPt/0LoDRScv/HtA7/6wp7UHdDrt51oNydSyKZuk1TFpqBN/bcq2Z3VbWIXeSsFYzmgczmtIZrCsdVstxrtRktA1s8dN+H3zf3ldzWLyQeLfGea7z1phDHk8eyFhZ/931DRzVY36q37uK2fLS2022h8K3bS4rvFxdR/OyoLPaSw7fXXpsDthEaz0+xMpNAtwt3NRuvdyV7wpv1T+KbHcQzgXgCm7RSCaTut6ZmCML3WH4bp+dRadrnXjy0UuZltDSJ952/+1f7Uf5dGrtO0oPTaZtVPDOsrgPd/eqf+n+12lqfqMhbhobU8PpjvcnV8o9R323m3vTT21yb3DZ4lqfrtf7sXzDf70nybt/PoKba4rUcKuuv2XW5efX7uwPvXDMSwW0Z6GtP66uzxR9/r4LxRjNnl5d/96bGbsA1sbaSvRDq390rMQrYWBizGluYd1NDoT6T/wz+f2rfa2L8b/bJb6U1ydmUI1Nd4XYnUN69y8vLE3p2Y+nN14KFovRPzqW+FcPliGm39xh/83GoAaq0+l3JuDITc6gqi/quHjLwCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwDj7fzBtEJR2mj07AAAAAElFTkSuQmCC", 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,28 +1,28 @@
|
|
|
1
1
|
import { jsxs as a, jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { Image as
|
|
3
|
-
import { Link as
|
|
2
|
+
import { Image as v } from "../../atoms/Image/Image.js";
|
|
3
|
+
import { Link as x } from "../../atoms/Link/Link.js";
|
|
4
4
|
import { Text as o } from "../../atoms/Text/Text.js";
|
|
5
|
-
import { Availability as
|
|
6
|
-
import { Pricing as
|
|
5
|
+
import { Availability as w } from "../../molecules/Availability/Availability.js";
|
|
6
|
+
import { Pricing as z } from "../../molecules/Pricing/Pricing.js";
|
|
7
7
|
import { AddToCart as I } from "../../molecules/AddToCart/AddToCart.js";
|
|
8
|
-
import { Icon as
|
|
9
|
-
import { c as
|
|
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:
|
|
8
|
+
import { Icon as R } from "../../atoms/Icon/Icon.js";
|
|
9
|
+
import { c as B } from "../../clsx-OuTLNxxd.js";
|
|
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
|
|
25
|
-
productView:
|
|
24
|
+
function S({
|
|
25
|
+
productView: L,
|
|
26
26
|
itemKey: s,
|
|
27
27
|
partNumber: e,
|
|
28
28
|
productDescription: l,
|
|
@@ -34,16 +34,26 @@ function Z({
|
|
|
34
34
|
priceLabel: _,
|
|
35
35
|
price: n,
|
|
36
36
|
imgSrc: N,
|
|
37
|
+
imageImplementation: b,
|
|
38
|
+
imageImplementationProps: f,
|
|
37
39
|
attributes: c,
|
|
38
|
-
className:
|
|
39
|
-
onAddToCart:
|
|
40
|
-
onClose:
|
|
41
|
-
...
|
|
40
|
+
className: C,
|
|
41
|
+
onAddToCart: T,
|
|
42
|
+
onClose: g,
|
|
43
|
+
...P
|
|
42
44
|
}) {
|
|
43
|
-
return
|
|
44
|
-
/* @__PURE__ */ r(
|
|
45
|
+
return L === "Card" ? /* @__PURE__ */ a("div", { className: B(t.productCard, C), children: [
|
|
46
|
+
/* @__PURE__ */ r(
|
|
47
|
+
v,
|
|
48
|
+
{
|
|
49
|
+
src: N,
|
|
50
|
+
alt: `${e} product image`,
|
|
51
|
+
implementation: b,
|
|
52
|
+
implementationProps: f
|
|
53
|
+
}
|
|
54
|
+
),
|
|
45
55
|
/* @__PURE__ */ a("div", { className: t.productInformation, children: [
|
|
46
|
-
/* @__PURE__ */ r(
|
|
56
|
+
/* @__PURE__ */ r(x, { href: h, children: l }),
|
|
47
57
|
/* @__PURE__ */ a("div", { className: t.partNumber, children: [
|
|
48
58
|
/* @__PURE__ */ r(o, { size: "sm", className: t.partNumberLabel, children: "Part #" }),
|
|
49
59
|
/* @__PURE__ */ r(o, { size: "sm", weight: "semibold", children: e })
|
|
@@ -51,7 +61,7 @@ function Z({
|
|
|
51
61
|
] }),
|
|
52
62
|
/* @__PURE__ */ a("div", { className: t.purchaseInformation, children: [
|
|
53
63
|
d && /* @__PURE__ */ r(
|
|
54
|
-
|
|
64
|
+
w,
|
|
55
65
|
{
|
|
56
66
|
availId: d,
|
|
57
67
|
availDescription: m,
|
|
@@ -59,36 +69,44 @@ function Z({
|
|
|
59
69
|
contactLinkBehavior: p
|
|
60
70
|
}
|
|
61
71
|
),
|
|
62
|
-
n && /* @__PURE__ */ r(
|
|
72
|
+
n && /* @__PURE__ */ r(z, { pricingLabel: _, price: n })
|
|
63
73
|
] }),
|
|
64
74
|
/* @__PURE__ */ r(
|
|
65
75
|
I,
|
|
66
76
|
{
|
|
67
77
|
itemKey: s,
|
|
68
|
-
onAdd:
|
|
78
|
+
onAdd: T,
|
|
69
79
|
className: t.addToCart,
|
|
70
80
|
addButtonClassName: t.addToCartButton,
|
|
71
81
|
size: "md",
|
|
72
82
|
buttonDoneText: ""
|
|
73
83
|
}
|
|
74
84
|
)
|
|
75
|
-
] }) : /* @__PURE__ */ a("div", { className:
|
|
76
|
-
/* @__PURE__ */ r(
|
|
85
|
+
] }) : /* @__PURE__ */ a("div", { className: B(t.productTile, C), ...P, children: [
|
|
86
|
+
/* @__PURE__ */ r(
|
|
87
|
+
v,
|
|
88
|
+
{
|
|
89
|
+
src: N,
|
|
90
|
+
alt: `${e} product image`,
|
|
91
|
+
implementation: b,
|
|
92
|
+
implementationProps: f
|
|
93
|
+
}
|
|
94
|
+
),
|
|
77
95
|
/* @__PURE__ */ a("div", { className: t.productData, children: [
|
|
78
96
|
/* @__PURE__ */ a("div", { className: t.topRow, children: [
|
|
79
97
|
/* @__PURE__ */ a("div", { className: t.productInformation, children: [
|
|
80
|
-
/* @__PURE__ */ r(
|
|
98
|
+
/* @__PURE__ */ r(x, { href: h, children: l }),
|
|
81
99
|
/* @__PURE__ */ a("div", { className: t.partNumber, children: [
|
|
82
100
|
/* @__PURE__ */ r(o, { size: "sm", className: t.partNumberLabel, children: "Part #" }),
|
|
83
101
|
/* @__PURE__ */ r(o, { size: "sm", weight: "semibold", children: e })
|
|
84
102
|
] })
|
|
85
103
|
] }),
|
|
86
|
-
|
|
104
|
+
g && /* @__PURE__ */ r("button", { onClick: () => g(s), children: /* @__PURE__ */ r(R, { size: "sm", iconKey: "fa-light fa-xmark" }) })
|
|
87
105
|
] }),
|
|
88
106
|
/* @__PURE__ */ a("div", { className: t.purchase, children: [
|
|
89
107
|
/* @__PURE__ */ a("div", { className: t.purchaseInformation, children: [
|
|
90
108
|
d && /* @__PURE__ */ r(
|
|
91
|
-
|
|
109
|
+
w,
|
|
92
110
|
{
|
|
93
111
|
availId: d,
|
|
94
112
|
availDescription: m,
|
|
@@ -96,9 +114,9 @@ function Z({
|
|
|
96
114
|
contactLinkBehavior: p
|
|
97
115
|
}
|
|
98
116
|
),
|
|
99
|
-
n && /* @__PURE__ */ r(
|
|
117
|
+
n && /* @__PURE__ */ r(z, { pricingLabel: _, price: n })
|
|
100
118
|
] }),
|
|
101
|
-
/* @__PURE__ */ r(I, { itemKey: s, onAdd:
|
|
119
|
+
/* @__PURE__ */ r(I, { itemKey: s, onAdd: T, className: t.addToCart, addButtonClassName: t.addToCartButton })
|
|
102
120
|
] }),
|
|
103
121
|
c && c.length > 0 && /* @__PURE__ */ r("ul", { className: t.attributeContainer, children: c.map((i) => /* @__PURE__ */ a("li", { children: [
|
|
104
122
|
/* @__PURE__ */ a(o, { size: "xs", weight: "light", children: [
|
|
@@ -111,5 +129,5 @@ function Z({
|
|
|
111
129
|
] });
|
|
112
130
|
}
|
|
113
131
|
export {
|
|
114
|
-
|
|
132
|
+
S as Product
|
|
115
133
|
};
|