@caseparts-org/caseblocks 0.0.197 → 0.0.199
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/Cart.module-Bkx4eSqm.js +25 -0
- package/dist/assets/Cart.css +1 -1
- package/dist/assets/MainNav.css +1 -1
- package/dist/assets/Markdown.css +1 -1
- package/dist/molecules/Cart/Cart.js +1 -1
- package/dist/molecules/Cart/CartPart.js +1 -1
- package/dist/molecules/Cart/CartSlideInPanel.js +1 -1
- package/dist/molecules/HamburgerMenu/HamburgerMenu.js +31 -33
- package/dist/molecules/Markdown/Markdown.js +1 -1
- package/dist/organisms/Footer/Footer.d.ts +1 -0
- package/dist/organisms/Footer/Footer.js +2 -0
- package/dist/organisms/Footer/Footer.stories.js +6 -6
- package/dist/organisms/MainNav/MainNav.js +101 -84
- package/package.json +1 -1
- package/dist/Cart.module-Jz43jenN.js +0 -25
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import './assets/Cart.css';const t = "_cartIconButton_pdd52_2", o = "_count_pdd52_9", e = "_cartContainer_pdd52_24", n = "_headerWrapper_pdd52_35", _ = "_header_pdd52_35", a = "_cartItems_pdd52_53", c = "_cartItem_pdd52_53", d = "_topRow_pdd52_79", r = "_itemInfo_pdd52_86", s = "_editUnit_pdd52_91", i = "_purchaseInformation_pdd52_107", p = "_availabilitySlot_pdd52_113", m = "_priceSlot_pdd52_116", I = "_itemManagement_pdd52_119", u = "_quantitySlot_pdd52_125", l = "_itemImage_pdd52_135", h = "_removeItem_pdd52_138", S = "_noItems_pdd52_148", y = "_subtotal_pdd52_155", b = "_checkoutButton_pdd52_162", f = {
|
|
2
|
+
cartIconButton: t,
|
|
3
|
+
count: o,
|
|
4
|
+
cartContainer: e,
|
|
5
|
+
headerWrapper: n,
|
|
6
|
+
header: _,
|
|
7
|
+
cartItems: a,
|
|
8
|
+
cartItem: c,
|
|
9
|
+
topRow: d,
|
|
10
|
+
itemInfo: r,
|
|
11
|
+
editUnit: s,
|
|
12
|
+
purchaseInformation: i,
|
|
13
|
+
availabilitySlot: p,
|
|
14
|
+
priceSlot: m,
|
|
15
|
+
itemManagement: I,
|
|
16
|
+
quantitySlot: u,
|
|
17
|
+
itemImage: l,
|
|
18
|
+
removeItem: h,
|
|
19
|
+
noItems: S,
|
|
20
|
+
subtotal: y,
|
|
21
|
+
checkoutButton: b
|
|
22
|
+
};
|
|
23
|
+
export {
|
|
24
|
+
f as s
|
|
25
|
+
};
|
package/dist/assets/Cart.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._cartIconButton_pdd52_2{position:relative;border:none;padding:0;margin:0;background-color:transparent}._count_pdd52_9{position:absolute;top:0;left:14px;border-radius:50%;width:18px;height:18px;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:var(--color-brand-primary-primary-tangerine);color:var(--color-neutrals-neutral-1);font-weight:var(--font-weight-semibold)}._cartContainer_pdd52_24{height:100vh;width:100%;min-width:320px;max-width:375px;box-sizing:border-box;display:grid;grid-template-rows:auto auto 1fr auto auto;gap:var(--spacing-1);padding:var(--spacing-1)}._headerWrapper_pdd52_35{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-spacing-2xs)}._headerWrapper_pdd52_35>button{padding:0;margin:0;background-color:transparent;border:none}._header_pdd52_35{display:flex;flex-direction:column;align-items:flex-start;width:100%}._cartItems_pdd52_53{height:100%;overflow-y:auto;overflow-x:hidden}._cartItems_pdd52_53 ul{margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-spacing-1xs)}._cartItem_pdd52_53{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--spacing-0-5);align-items:start;box-sizing:border-box;position:relative;list-style:none;margin:0;padding:var(--spacing-0-5);width:100%;border:1px solid var(--color-neutrals-neutral-2);border-radius:var(--border-radius-md)}._topRow_pdd52_79{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--spacing-spacing-4xs)}._itemInfo_pdd52_86{display:flex;flex-direction:column;align-items:flex-start}._editUnit_pdd52_91{display:flex;align-items:center;text-align:start;gap:var(--spacing-spacing-3xs);border:none;background-color:transparent;padding:0;margin:0;cursor:pointer;color:var(--text-text-links);word-wrap:break-word;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}._purchaseInformation_pdd52_107{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;width:100%}._availabilitySlot_pdd52_113{min-width:0}._priceSlot_pdd52_116{justify-self:end}._itemManagement_pdd52_119{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-spacing-3xs)}._quantitySlot_pdd52_125{align-self:flex-end}._cartItem_pdd52_53 p{margin:0;padding:0;word-wrap:break-word;white-space:normal;overflow-wrap:break-word}._itemImage_pdd52_135{object-fit:contain}._removeItem_pdd52_138{border:none;background-color:transparent;padding:0;margin:0;cursor:pointer;width:min-content;height:min-content}._noItems_pdd52_148{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%}._subtotal_pdd52_155{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--spacing-0-5)}._checkoutButton_pdd52_162{width:100%;height:fit-content}
|
package/dist/assets/MainNav.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._main_1e17g_1{box-shadow:#bbb3 0 8px 24px;padding:var(--spacing-0-5) 0;z-index:1;position:relative}._column_1e17g_8{box-sizing:border-box;padding:0 var(--spacing-1)}._topNav_1e17g_13{padding-bottom:var(--spacing-0-5);gap:var(--spacing-1-5)}@media (max-width: 1281px){._topNav_1e17g_13{gap:var(--spacing-1);padding-bottom:0}}._logo_1e17g_21{cursor:pointer}._operations_1e17g_24{gap:var(--spacing-1-5);width:100%}@media (max-width: 1281px){._operations_1e17g_24{gap:var(--spacing-1)}}._search_1e17g_31{flex:1}._siteLink_1e17g_34{color:var(--color-brand-primary-primary-black);cursor:default;border:none;background-color:transparent;padding:0;margin:0;font-family:var(--font-family-display);font-size:var(--font-size-md);cursor:pointer}._siteLink_1e17g_34:hover{text-decoration:underline;color:var(--text-text-links)}@media (max-width:1280px){._siteLink_1e17g_34{font-family:var(--font-family-body);font-size:var(--font-size-sm)}}._accountArea_1e17g_54{width:145px}@media (max-width: 1281px){._accountArea_1e17g_54{width:min-content}}._cart_1e17g_60{border:none;padding:0;margin:0;background-color:transparent}._category_1e17g_66{list-style:none;min-height:42px;display:flex;flex-direction:row;align-items:stretch;padding:0}._categoryLink_1e17g_74{color:var(--text-text-primary);text-decoration:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}._categoryLink_1e17g_74:hover{color:var(--color-brand-primary-primary-teal-blue);text-decoration:none}._categoryLink_1e17g_74 path{fill:var(--color-brand-primary-primary-teal-blue)}._menuList_1e17g_90{list-style:none;padding:0;margin:0;height:min-content;display:flex;flex-direction:column;gap:var(--spacing-spacing-3xs)}._menuList_1e17g_90>li{width:100%;min-height:42px;padding:var(--spacing-spacing-2xs);border:1px solid var(--border-border-primary, #dfdfdf);box-sizing:border-box;display:flex;flex-direction:row;align-items:center;border-radius:var(--border-radius-md);color:var(--text-text-links)}._menuItemAction_1e17g_113{width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-spacing-4xs);color:var(--color-brand-primary-primary-black)}._shortcutIcon_1e17g_122{color:var(--text-text-links)}
|
package/dist/assets/Markdown.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._markdown_1kgcy_1{color:var(--text-text-primary);font-size:var(--font-size-sm);line-height:1.3}._markdown_1kgcy_1 h1,._markdown_1kgcy_1 h2,._markdown_1kgcy_1 h3,._markdown_1kgcy_1 h4,._markdown_1kgcy_1 h5,._markdown_1kgcy_1 h6{font-weight:var(--font-weight-semibold);line-height:1.3;margin:var(--spacing-spacing-sm) 0 var(--spacing-spacing-1xs)}._markdown_1kgcy_1 h1{font-size:var(--font-size-2xl)}._markdown_1kgcy_1 h2{font-size:var(--font-size-xl)}._markdown_1kgcy_1 h3{font-size:var(--font-size-lg)}._markdown_1kgcy_1 h4{font-size:var(--font-size-md)}._markdown_1kgcy_1 h5{font-size:var(--font-size-sm)}._markdown_1kgcy_1 h6{font-size:var(--font-size-xs)}._markdown_1kgcy_1 p{margin:var(--spacing-spacing-3xs) 0}._markdown_1kgcy_1 ul,._markdown_1kgcy_1 ol{margin:var(--spacing-spacing-1xs) 0 var(--spacing-spacing-1xs) var(--spacing-spacing-sm);padding:0}._markdown_1kgcy_1 ul{list-style-type:disc;list-style-position:outside}._markdown_1kgcy_1 ol{list-style-type:decimal;list-style-position:outside}._markdown_1kgcy_1 ol li::marker{content:counter(list-item) ". "}._markdown_1kgcy_1 ul>li{list-style-type:disc;list-style-position:outside;display:list-item}._markdown_1kgcy_1 ol>li{list-style-type:decimal;list-style-position:outside;display:list-item}._markdown_1kgcy_1 li{margin:var(--spacing-spacing-3xs) 0}._markdown_1kgcy_1 a{color:var(--text-text-links);text-decoration:none}._markdown_1kgcy_1 a:hover,._markdown_1kgcy_1 a:focus{color:var(--text-text-links-hover-press)}._markdown_1kgcy_1 code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em;background:var(--surface-surface-search-bar);padding:var(--spacing-spacing-4xs) var(--spacing-spacing-3xs);border-radius:var(--radius-radius-btn)}._markdown_1kgcy_1 pre{background:var(--surface-surface-search-bar);border-radius:var(--radius-radius-md);padding:var(--spacing-spacing-1xs);overflow:auto}._markdown_1kgcy_1 pre code{background:transparent;padding:0}._markdown_1kgcy_1 blockquote{margin:var(--spacing-spacing-1xs) 0;padding-left:var(--spacing-spacing-default);border-left:.1875rem solid var(--border-border-primary);color:var(--text-text-primary)}._markdown_1kgcy_1 hr{border:none;border-top:1px solid var(--border-border-primary);margin:var(--spacing-spacing-default) 0}._markdown_1kgcy_1 table{width:100%;border-collapse:collapse;margin:var(--spacing-spacing-1xs) 0}._markdown_1kgcy_1 th,._markdown_1kgcy_1 td{border:1px solid var(--border-border-primary);padding:var(--spacing-spacing-2xs);text-align:left}._markdown_1kgcy_1 thead th{background:var(--surface-surface-search-bar)}
|
|
@@ -2,7 +2,7 @@ import { jsx as a, jsxs as d } from "react/jsx-runtime";
|
|
|
2
2
|
import l from "react";
|
|
3
3
|
import { Icon as g } from "../../atoms/Icon/Icon.js";
|
|
4
4
|
import { Text as p } from "../../atoms/Text/Text.js";
|
|
5
|
-
import { s as m } from "../../Cart.module-
|
|
5
|
+
import { s as m } from "../../Cart.module-Bkx4eSqm.js";
|
|
6
6
|
const S = l.forwardRef(function({
|
|
7
7
|
cart: i,
|
|
8
8
|
open: t = !1,
|
|
@@ -8,7 +8,7 @@ import { QuantityInput as D } from "../QuantityInput/QuantityInput.js";
|
|
|
8
8
|
import { Icon as c } from "../../atoms/Icon/Icon.js";
|
|
9
9
|
import { Tooltip as F } from "../../atoms/Tooltip/Tooltip.js";
|
|
10
10
|
import { c as _ } from "../../clsx-OuTLNxxd.js";
|
|
11
|
-
import { s as i } from "../../Cart.module-
|
|
11
|
+
import { s as i } from "../../Cart.module-Bkx4eSqm.js";
|
|
12
12
|
function $({
|
|
13
13
|
imageUrl: g,
|
|
14
14
|
imageAlt: I = "Product image",
|
|
@@ -4,7 +4,7 @@ import { Text as l } from "../../atoms/Text/Text.js";
|
|
|
4
4
|
import { Button as h } from "../../atoms/Button/Button.js";
|
|
5
5
|
import { Icon as u } from "../../atoms/Icon/Icon.js";
|
|
6
6
|
import { CartPart as C } from "./CartPart.js";
|
|
7
|
-
import { s as t } from "../../Cart.module-
|
|
7
|
+
import { s as t } from "../../Cart.module-Bkx4eSqm.js";
|
|
8
8
|
function w({
|
|
9
9
|
open: p,
|
|
10
10
|
onClose: s,
|
|
@@ -1,53 +1,51 @@
|
|
|
1
1
|
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { useState as u
|
|
3
|
-
import { getHideAtStyles as
|
|
4
|
-
import { Flex as
|
|
5
|
-
import { Icon as
|
|
6
|
-
import { SlideInPanel as
|
|
7
|
-
import { c as
|
|
8
|
-
import '../../assets/HamburgerMenu.css';const
|
|
9
|
-
hamburgerContainer:
|
|
10
|
-
menuIcon:
|
|
11
|
-
panel:
|
|
12
|
-
menuHeader:
|
|
2
|
+
import { useState as u } from "react";
|
|
3
|
+
import { getHideAtStyles as d } from "../../atoms/HideAt.js";
|
|
4
|
+
import { Flex as f } from "../../atoms/Flex/Flex.js";
|
|
5
|
+
import { Icon as l } from "../../atoms/Icon/Icon.js";
|
|
6
|
+
import { SlideInPanel as h } from "../../atoms/SlideInPanel/SlideInPanel.js";
|
|
7
|
+
import { c as p } from "../../clsx-OuTLNxxd.js";
|
|
8
|
+
import '../../assets/HamburgerMenu.css';const g = "_hamburgerContainer_x3qn2_1", C = "_menuIcon_x3qn2_4", x = "_panel_x3qn2_9", _ = "_menuHeader_x3qn2_22", r = {
|
|
9
|
+
hamburgerContainer: g,
|
|
10
|
+
menuIcon: C,
|
|
11
|
+
panel: x,
|
|
12
|
+
menuHeader: _
|
|
13
13
|
};
|
|
14
|
-
function
|
|
15
|
-
const [
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}, [n]), /* @__PURE__ */ i(
|
|
14
|
+
function O({ hideAt: s, children: c }) {
|
|
15
|
+
const [o, n] = u(!1);
|
|
16
|
+
function m(a) {
|
|
17
|
+
const t = a.target;
|
|
18
|
+
if (!t) return;
|
|
19
|
+
t.closest("a, [data-hamburger-close='true']") && n(!1);
|
|
20
|
+
}
|
|
21
|
+
return /* @__PURE__ */ i(
|
|
23
22
|
"div",
|
|
24
23
|
{
|
|
25
|
-
|
|
26
|
-
className: x(o.hamburgerContainer, h(s)),
|
|
24
|
+
className: p(r.hamburgerContainer, d(s)),
|
|
27
25
|
children: [
|
|
28
26
|
/* @__PURE__ */ e(
|
|
29
|
-
|
|
27
|
+
f,
|
|
30
28
|
{
|
|
31
29
|
flexDirection: "row",
|
|
32
|
-
className:
|
|
33
|
-
onClick: () =>
|
|
34
|
-
"aria-expanded":
|
|
30
|
+
className: r.menuIcon,
|
|
31
|
+
onClick: () => n((a) => !a),
|
|
32
|
+
"aria-expanded": o,
|
|
35
33
|
"aria-controls": "hamburger-menu-content",
|
|
36
34
|
role: "button",
|
|
37
|
-
children: /* @__PURE__ */ e(
|
|
35
|
+
children: /* @__PURE__ */ e(l, { iconKey: "fa-kit fa-bars", title: "Menu", size: "lg" })
|
|
38
36
|
}
|
|
39
37
|
),
|
|
40
38
|
/* @__PURE__ */ e(
|
|
41
|
-
|
|
39
|
+
h,
|
|
42
40
|
{
|
|
43
41
|
side: "right",
|
|
44
|
-
open:
|
|
45
|
-
onClose: () =>
|
|
42
|
+
open: o,
|
|
43
|
+
onClose: () => n(!1),
|
|
46
44
|
height: "100%",
|
|
47
45
|
ariaLabel: "main-menu",
|
|
48
46
|
closeOnOverlayClick: !0,
|
|
49
|
-
children: /* @__PURE__ */ i("div", { className:
|
|
50
|
-
/* @__PURE__ */ e("div", { className:
|
|
47
|
+
children: /* @__PURE__ */ i("div", { className: r.panel, onClickCapture: m, children: [
|
|
48
|
+
/* @__PURE__ */ e("div", { className: r.menuHeader, children: /* @__PURE__ */ e("button", { onClick: () => n(!1), children: /* @__PURE__ */ e(l, { iconKey: "fa-light fa-xmark", size: "md" }) }) }),
|
|
51
49
|
c
|
|
52
50
|
] })
|
|
53
51
|
}
|
|
@@ -57,5 +55,5 @@ function E({ hideAt: s, children: c }) {
|
|
|
57
55
|
);
|
|
58
56
|
}
|
|
59
57
|
export {
|
|
60
|
-
|
|
58
|
+
O as HamburgerMenu
|
|
61
59
|
};
|
|
@@ -23,6 +23,7 @@ export type FooterCustomerCareLinks = {
|
|
|
23
23
|
faq?: FooterCustomerCareLink;
|
|
24
24
|
returnsPolicy?: FooterCustomerCareLink;
|
|
25
25
|
salesTaxCertificates?: FooterCustomerCareLink;
|
|
26
|
+
salesTax?: FooterCustomerCareLink;
|
|
26
27
|
myAccount?: FooterCustomerCareLink;
|
|
27
28
|
};
|
|
28
29
|
export type FooterCustomPartsLinks = {
|
|
@@ -28,6 +28,7 @@ import '../../assets/Footer.css';const B = "_footer_1uyfm_2", I = "_grid_1uyfm_1
|
|
|
28
28
|
faq: { label: "FAQs", href: "/faq", unstyled: !0 },
|
|
29
29
|
returnsPolicy: { label: "Returns Policy", href: "#", unstyled: !0 },
|
|
30
30
|
salesTaxCertificates: { label: "Sales Tax Certificates", href: "#", unstyled: !0 },
|
|
31
|
+
salesTax: { label: "Sales Tax", href: "#", unstyled: !0 },
|
|
31
32
|
myAccount: { label: "My Account", href: "/account", unstyled: !0 }
|
|
32
33
|
}, J = {
|
|
33
34
|
title: { label: "Custom Parts", href: "/custom", unstyled: !0 },
|
|
@@ -105,6 +106,7 @@ function ie({
|
|
|
105
106
|
n.faq,
|
|
106
107
|
n.returnsPolicy,
|
|
107
108
|
n.salesTaxCertificates,
|
|
109
|
+
n.salesTax,
|
|
108
110
|
n.myAccount
|
|
109
111
|
].filter((t) => !!(t != null && t.href)), O = (t) => {
|
|
110
112
|
u || t.preventDefault(), d == null || d(t);
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { Footer as
|
|
1
|
+
import { Footer as r } from "./Footer.js";
|
|
2
2
|
const e = {
|
|
3
3
|
contact: { label: "Contact Us", href: "/contact", unstyled: !0 },
|
|
4
4
|
about: { label: "About Us", href: "/about", unstyled: !0 },
|
|
5
5
|
faq: { label: "FAQs", href: "/faq", unstyled: !0 },
|
|
6
6
|
returnsPolicy: { label: "Returns Policy", href: "/returns", unstyled: !0 },
|
|
7
|
-
|
|
7
|
+
salesTax: { label: "Sales Tax", href: "/sales-tax", unstyled: !0 },
|
|
8
8
|
myAccount: { label: "My Account", href: "/account", unstyled: !0 }
|
|
9
9
|
}, t = {
|
|
10
10
|
title: { label: "Custom Parts", href: "/custom", unstyled: !0 },
|
|
@@ -42,19 +42,19 @@ const e = {
|
|
|
42
42
|
addressLine2: "Kent, WA 98032",
|
|
43
43
|
mapUrl: "https://goo.gl/maps/BhvC7NY94vXQG8uW8"
|
|
44
44
|
}
|
|
45
|
-
],
|
|
45
|
+
], o = {
|
|
46
46
|
terms: { label: "Terms", href: "/terms", unstyled: !0 },
|
|
47
47
|
privacyPolicy: { label: "Privacy Policy", href: "/privacy", unstyled: !0 }
|
|
48
48
|
}, n = {
|
|
49
49
|
title: "Case Parts/Organisms/Footer",
|
|
50
|
-
component:
|
|
50
|
+
component: r,
|
|
51
51
|
args: {
|
|
52
52
|
homeRoute: "/",
|
|
53
53
|
isOnline: !0,
|
|
54
54
|
customerCareLinks: e,
|
|
55
55
|
customPartsLinks: t,
|
|
56
56
|
branches: s,
|
|
57
|
-
legalLinks:
|
|
57
|
+
legalLinks: o
|
|
58
58
|
},
|
|
59
59
|
argTypes: {
|
|
60
60
|
homeRoute: {
|
|
@@ -146,7 +146,7 @@ const e = {
|
|
|
146
146
|
onPartResearchClick: () => {
|
|
147
147
|
console.log("Part research clicked");
|
|
148
148
|
},
|
|
149
|
-
legalLinks:
|
|
149
|
+
legalLinks: o,
|
|
150
150
|
copyrightText: "Copyright 1972-2026 Case Parts Company | All Rights Reserved."
|
|
151
151
|
}
|
|
152
152
|
};
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as s, jsxs as n } from "react/jsx-runtime";
|
|
2
2
|
import S from "react";
|
|
3
|
-
import { Text as
|
|
3
|
+
import { Text as h } from "../../atoms/Text/Text.js";
|
|
4
4
|
import { Link as u } from "../../atoms/Link/Link.js";
|
|
5
|
-
import { Icon as
|
|
6
|
-
import { Flex as
|
|
5
|
+
import { Icon as t } from "../../atoms/Icon/Icon.js";
|
|
6
|
+
import { Flex as m } from "../../atoms/Flex/Flex.js";
|
|
7
7
|
import { Grid as U, Column as C } from "../../atoms/Grid/Grid.js";
|
|
8
8
|
import { Logo as F } from "../../molecules/Logo/Logo.js";
|
|
9
|
-
import { SearchBox as
|
|
9
|
+
import { SearchBox as g } from "../../molecules/SearchBox/SearchBox.js";
|
|
10
10
|
import { HamburgerMenu as H } from "../../molecules/HamburgerMenu/HamburgerMenu.js";
|
|
11
11
|
import { ShoppingCart as q } from "../../molecules/Cart/Cart.js";
|
|
12
12
|
import { Account as B } from "../../molecules/Account/Account.js";
|
|
13
13
|
import { CategoryNav as G } from "../../molecules/CategoryNav/CategoryNav.js";
|
|
14
|
-
import { getHideAtStyles as
|
|
15
|
-
import { c as
|
|
16
|
-
import '../../assets/MainNav.css';const P = "
|
|
14
|
+
import { getHideAtStyles as I } from "../../atoms/HideAt.js";
|
|
15
|
+
import { c as i } from "../../clsx-OuTLNxxd.js";
|
|
16
|
+
import '../../assets/MainNav.css';const P = "_main_1e17g_1", Q = "_column_1e17g_8", T = "_topNav_1e17g_13", W = "_logo_1e17g_21", E = "_operations_1e17g_24", J = "_search_1e17g_31", O = "_siteLink_1e17g_34", R = "_accountArea_1e17g_54", V = "_category_1e17g_66", X = "_categoryLink_1e17g_74", Y = "_menuList_1e17g_90", Z = "_menuItemAction_1e17g_113", $ = "_shortcutIcon_1e17g_122", e = {
|
|
17
17
|
main: P,
|
|
18
18
|
column: Q,
|
|
19
19
|
topNav: T,
|
|
@@ -23,110 +23,128 @@ import '../../assets/MainNav.css';const P = "_main_jwl39_1", Q = "_column_jwl39_
|
|
|
23
23
|
siteLink: O,
|
|
24
24
|
accountArea: R,
|
|
25
25
|
category: V,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
26
|
+
categoryLink: X,
|
|
27
|
+
menuList: Y,
|
|
28
|
+
menuItemAction: Z,
|
|
29
|
+
shortcutIcon: $
|
|
30
|
+
}, pe = S.forwardRef(function({
|
|
29
31
|
account: l,
|
|
30
|
-
categories:
|
|
31
|
-
homeRoute:
|
|
32
|
-
faqRoute:
|
|
33
|
-
customPartsRoute:
|
|
32
|
+
categories: o,
|
|
33
|
+
homeRoute: L,
|
|
34
|
+
faqRoute: A,
|
|
35
|
+
customPartsRoute: f,
|
|
34
36
|
aboutUsRoute: v,
|
|
35
|
-
contactRoute:
|
|
36
|
-
cart:
|
|
37
|
-
open:
|
|
37
|
+
contactRoute: p,
|
|
38
|
+
cart: k,
|
|
39
|
+
open: y,
|
|
38
40
|
// consume external panel control props from CartPropsBase
|
|
39
41
|
className: x,
|
|
40
42
|
onLoginClick: b,
|
|
41
|
-
onSearch:
|
|
43
|
+
onSearch: N,
|
|
42
44
|
onCategoryClick: r,
|
|
43
|
-
onClickModelSerial:
|
|
44
|
-
onCartClick:
|
|
45
|
+
onClickModelSerial: _,
|
|
46
|
+
onCartClick: w,
|
|
45
47
|
accountPopoverContent: z,
|
|
46
|
-
isAccountLoading:
|
|
47
|
-
isCategoriesLoading:
|
|
48
|
+
isAccountLoading: K,
|
|
49
|
+
isCategoriesLoading: j,
|
|
48
50
|
...D
|
|
49
51
|
}, M) {
|
|
50
|
-
return /* @__PURE__ */
|
|
51
|
-
/* @__PURE__ */
|
|
52
|
-
|
|
52
|
+
return /* @__PURE__ */ s(U, { ...D, gridWrapperClassName: i(e.main, x), children: /* @__PURE__ */ n(C, { span: 12, className: e.column, children: [
|
|
53
|
+
/* @__PURE__ */ n(
|
|
54
|
+
m,
|
|
53
55
|
{
|
|
54
56
|
flexDirection: "row",
|
|
55
57
|
alignItems: "center",
|
|
56
58
|
justifyContent: "space-between",
|
|
57
|
-
className:
|
|
59
|
+
className: e.topNav,
|
|
58
60
|
children: [
|
|
59
|
-
/* @__PURE__ */
|
|
60
|
-
/* @__PURE__ */
|
|
61
|
-
|
|
61
|
+
/* @__PURE__ */ s("div", { className: e.logo, children: /* @__PURE__ */ s(u, { href: L, children: /* @__PURE__ */ s(F, {}) }) }),
|
|
62
|
+
/* @__PURE__ */ n(
|
|
63
|
+
m,
|
|
62
64
|
{
|
|
63
65
|
flexDirection: "row",
|
|
64
66
|
alignItems: "center",
|
|
65
67
|
justifyContent: "flex-end",
|
|
66
|
-
className:
|
|
68
|
+
className: e.operations,
|
|
67
69
|
children: [
|
|
68
|
-
/* @__PURE__ */
|
|
69
|
-
/* @__PURE__ */
|
|
70
|
-
/* @__PURE__ */
|
|
71
|
-
/* @__PURE__ */
|
|
72
|
-
/* @__PURE__ */
|
|
70
|
+
/* @__PURE__ */ s(m, { flexDirection: "row", hideAt: ["sm"], className: e.search, children: /* @__PURE__ */ s(g, { onSearch: N, inputName: "cpc-search" }) }),
|
|
71
|
+
/* @__PURE__ */ s("button", { onClick: _, className: i(e.siteLink, I(["sm", "md"])), children: "Model/Serial" }),
|
|
72
|
+
/* @__PURE__ */ s(c, { href: f, hideAt: ["sm", "md"], children: "Custom Parts" }),
|
|
73
|
+
/* @__PURE__ */ s(c, { href: p, hideAt: ["sm", "md"], children: "Contact Us" }),
|
|
74
|
+
/* @__PURE__ */ s("div", { className: e.accountArea, children: /* @__PURE__ */ s(
|
|
73
75
|
B,
|
|
74
76
|
{
|
|
75
77
|
account: l,
|
|
76
78
|
onLoginClick: b,
|
|
77
|
-
className:
|
|
79
|
+
className: e.avatar,
|
|
78
80
|
popoverContent: z,
|
|
79
|
-
isAccountLoading:
|
|
81
|
+
isAccountLoading: K
|
|
80
82
|
}
|
|
81
83
|
) }),
|
|
82
|
-
/* @__PURE__ */
|
|
84
|
+
/* @__PURE__ */ s(
|
|
83
85
|
q,
|
|
84
86
|
{
|
|
85
87
|
ref: M,
|
|
86
|
-
cart:
|
|
87
|
-
open:
|
|
88
|
-
onCartClick:
|
|
88
|
+
cart: k,
|
|
89
|
+
open: y,
|
|
90
|
+
onCartClick: w
|
|
89
91
|
}
|
|
90
92
|
),
|
|
91
|
-
/* @__PURE__ */
|
|
92
|
-
/* @__PURE__ */
|
|
93
|
-
/* @__PURE__ */
|
|
94
|
-
/* @__PURE__ */
|
|
95
|
-
/* @__PURE__ */
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
93
|
+
/* @__PURE__ */ n(H, { hideAt: ["lg"], children: [
|
|
94
|
+
/* @__PURE__ */ n("section", { children: [
|
|
95
|
+
/* @__PURE__ */ s(h, { size: "md", weight: "semibold", children: "Useful shortcuts" }),
|
|
96
|
+
/* @__PURE__ */ n("ul", { className: e.menuList, children: [
|
|
97
|
+
/* @__PURE__ */ s("li", { className: e.menuItem, children: /* @__PURE__ */ n(
|
|
98
|
+
"button",
|
|
99
|
+
{
|
|
100
|
+
onClick: _,
|
|
101
|
+
"data-hamburger-close": "true",
|
|
102
|
+
className: i(e.siteLink, e.menuItemAction, I(["lg"])),
|
|
103
|
+
children: [
|
|
104
|
+
/* @__PURE__ */ s(t, { iconKey: "fa-regular fa-book", size: "sm", className: e.shortcutIcon }),
|
|
105
|
+
"Model/Serial"
|
|
106
|
+
]
|
|
107
|
+
}
|
|
108
|
+
) }),
|
|
109
|
+
/* @__PURE__ */ s("li", { className: e.menuItem, children: /* @__PURE__ */ n(c, { href: f, className: i(e.siteLink, e.menuItemAction), children: [
|
|
110
|
+
/* @__PURE__ */ s(t, { iconKey: "fa-regular fa-screwdriver-wrench", size: "sm", className: e.shortcutIcon }),
|
|
111
|
+
"Custom Parts"
|
|
102
112
|
] }) }),
|
|
103
|
-
/* @__PURE__ */
|
|
104
|
-
/* @__PURE__ */
|
|
105
|
-
|
|
113
|
+
/* @__PURE__ */ s("li", { className: e.menuItem, children: /* @__PURE__ */ n(c, { href: p, className: i(e.siteLink, e.menuItemAction), children: [
|
|
114
|
+
/* @__PURE__ */ s(t, { iconKey: "fa-regular fa-envelope", size: "sm", className: e.shortcutIcon }),
|
|
115
|
+
"Contact Us"
|
|
106
116
|
] }) }),
|
|
107
|
-
/* @__PURE__ */
|
|
108
|
-
/* @__PURE__ */
|
|
109
|
-
|
|
117
|
+
/* @__PURE__ */ s("li", { className: e.menuItem, children: /* @__PURE__ */ n(c, { href: A, className: i(e.siteLink, e.menuItemAction), children: [
|
|
118
|
+
/* @__PURE__ */ s(t, { iconKey: "fa-solid fa-question", size: "sm", className: e.shortcutIcon }),
|
|
119
|
+
"FAQ"
|
|
110
120
|
] }) }),
|
|
111
|
-
/* @__PURE__ */
|
|
112
|
-
/* @__PURE__ */
|
|
113
|
-
|
|
121
|
+
/* @__PURE__ */ s("li", { className: e.menuItem, children: /* @__PURE__ */ n(c, { href: v, className: i(e.siteLink, e.menuItemAction), children: [
|
|
122
|
+
/* @__PURE__ */ s(t, { iconKey: "fa-regular fa-people-group", size: "sm", className: e.shortcutIcon }),
|
|
123
|
+
"About Us"
|
|
114
124
|
] }) })
|
|
115
125
|
] })
|
|
116
126
|
] }),
|
|
117
|
-
/* @__PURE__ */
|
|
118
|
-
/* @__PURE__ */
|
|
119
|
-
/* @__PURE__ */
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
size: "sm"
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
127
|
+
/* @__PURE__ */ n("section", { children: [
|
|
128
|
+
/* @__PURE__ */ s(h, { size: "md", weight: "semibold", children: "Shop by category" }),
|
|
129
|
+
/* @__PURE__ */ s("ul", { className: e.menuList, children: o && o.map((a) => /* @__PURE__ */ s("li", { className: e.category, children: /* @__PURE__ */ n(
|
|
130
|
+
u,
|
|
131
|
+
{
|
|
132
|
+
href: a.route,
|
|
133
|
+
className: e.categoryLink,
|
|
134
|
+
onClick: () => r == null ? void 0 : r(a),
|
|
135
|
+
children: [
|
|
136
|
+
/* @__PURE__ */ s(h, { size: "sm", children: a.label }),
|
|
137
|
+
/* @__PURE__ */ s(
|
|
138
|
+
t,
|
|
139
|
+
{
|
|
140
|
+
iconKey: "fa-solid fa-chevron-right",
|
|
141
|
+
title: "Navigate",
|
|
142
|
+
size: "sm"
|
|
143
|
+
}
|
|
144
|
+
)
|
|
145
|
+
]
|
|
146
|
+
}
|
|
147
|
+
) }, a.id)) })
|
|
130
148
|
] })
|
|
131
149
|
] })
|
|
132
150
|
]
|
|
@@ -135,25 +153,24 @@ import '../../assets/MainNav.css';const P = "_main_jwl39_1", Q = "_column_jwl39_
|
|
|
135
153
|
]
|
|
136
154
|
}
|
|
137
155
|
),
|
|
138
|
-
/* @__PURE__ */
|
|
139
|
-
/* @__PURE__ */
|
|
156
|
+
/* @__PURE__ */ s(m, { flexDirection: "row", hideAt: ["md", "lg"], children: /* @__PURE__ */ s(g, { onSearch: N, inputName: "cpc-search", className: e.search }) }),
|
|
157
|
+
/* @__PURE__ */ s(
|
|
140
158
|
G,
|
|
141
159
|
{
|
|
142
|
-
categories:
|
|
143
|
-
isCategoriesLoading:
|
|
160
|
+
categories: o,
|
|
161
|
+
isCategoriesLoading: j,
|
|
144
162
|
onCategoryClick: r
|
|
145
163
|
}
|
|
146
164
|
)
|
|
147
165
|
] }) });
|
|
148
166
|
});
|
|
149
167
|
function c({
|
|
150
|
-
href:
|
|
168
|
+
href: d,
|
|
151
169
|
children: l,
|
|
152
|
-
|
|
153
|
-
...h
|
|
170
|
+
...o
|
|
154
171
|
}) {
|
|
155
|
-
return /* @__PURE__ */
|
|
172
|
+
return /* @__PURE__ */ s(u, { href: d, className: e.siteLink, ...o, children: l });
|
|
156
173
|
}
|
|
157
174
|
export {
|
|
158
|
-
|
|
175
|
+
pe as MainNav
|
|
159
176
|
};
|
package/package.json
CHANGED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import './assets/Cart.css';const t = "_cartIconButton_pzhyb_2", o = "_count_pzhyb_9", e = "_cartContainer_pzhyb_24", n = "_headerWrapper_pzhyb_35", _ = "_header_pzhyb_35", a = "_cartItems_pzhyb_53", c = "_cartItem_pzhyb_53", r = "_topRow_pzhyb_79", s = "_itemInfo_pzhyb_85", i = "_editUnit_pzhyb_90", p = "_purchaseInformation_pzhyb_106", m = "_availabilitySlot_pzhyb_112", h = "_priceSlot_pzhyb_115", y = "_itemManagement_pzhyb_118", b = "_quantitySlot_pzhyb_124", I = "_itemImage_pzhyb_134", u = "_removeItem_pzhyb_137", z = "_noItems_pzhyb_147", l = "_subtotal_pzhyb_154", d = "_checkoutButton_pzhyb_161", S = {
|
|
2
|
-
cartIconButton: t,
|
|
3
|
-
count: o,
|
|
4
|
-
cartContainer: e,
|
|
5
|
-
headerWrapper: n,
|
|
6
|
-
header: _,
|
|
7
|
-
cartItems: a,
|
|
8
|
-
cartItem: c,
|
|
9
|
-
topRow: r,
|
|
10
|
-
itemInfo: s,
|
|
11
|
-
editUnit: i,
|
|
12
|
-
purchaseInformation: p,
|
|
13
|
-
availabilitySlot: m,
|
|
14
|
-
priceSlot: h,
|
|
15
|
-
itemManagement: y,
|
|
16
|
-
quantitySlot: b,
|
|
17
|
-
itemImage: I,
|
|
18
|
-
removeItem: u,
|
|
19
|
-
noItems: z,
|
|
20
|
-
subtotal: l,
|
|
21
|
-
checkoutButton: d
|
|
22
|
-
};
|
|
23
|
-
export {
|
|
24
|
-
S as s
|
|
25
|
-
};
|