@caseparts-org/caseblocks 0.0.196 → 0.0.198
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/assets/MainNav.css +1 -1
- package/dist/assets/Markdown.css +1 -1
- package/dist/molecules/HamburgerMenu/HamburgerMenu.js +31 -33
- package/dist/molecules/Markdown/Markdown.js +1 -1
- package/dist/molecules/Markdown/remarkAdmonition.js +95 -84
- 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/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)}
|
|
@@ -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
|
};
|
|
@@ -1,120 +1,131 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
const y = /^[a-z][a-z0-9_-]*/, v = /^\s*(?:[a-z][a-z0-9_-]*="(?:[^"\\]|\\.)*"(?:[ \t]+[a-z][a-z0-9_-]*="(?:[^"\\]|\\.)*")*)?\s*$/, x = /([a-z][a-z0-9_-]*)="((?:[^"\\]|\\.)*)"/g, h = /^:::[ \t]*$/, A = /* @__PURE__ */ new Set(["note", "tip", "important", "caution", "warning"]), f = (t) => t.type === "text" && typeof t.value == "string" ? t.value : t.type === "break" ? `
|
|
2
|
+
` : (t.type === "inlineCode" || t.type === "html") && typeof t.value == "string" ? t.value : Array.isArray(t.children) && t.children.length > 0 ? t.children.map(f).join("") : "", p = (t) => {
|
|
3
|
+
if (t.type !== "paragraph" || !t.children || t.children.length === 0) return null;
|
|
4
|
+
const n = t.children.map(f).join("");
|
|
5
|
+
return n.length > 0 ? n : null;
|
|
6
|
+
}, T = (t) => {
|
|
7
|
+
if (t.type !== "paragraph" || !Array.isArray(t.children)) return [];
|
|
8
|
+
const n = [[]], r = () => {
|
|
9
|
+
n.push([]);
|
|
10
|
+
}, i = (e) => {
|
|
11
|
+
n[n.length - 1].push(e);
|
|
12
|
+
};
|
|
13
|
+
for (const e of t.children) {
|
|
14
|
+
if (e.type === "break") {
|
|
15
|
+
r();
|
|
7
16
|
continue;
|
|
8
17
|
}
|
|
9
|
-
if (e.type === "
|
|
10
|
-
|
|
11
|
-
|
|
18
|
+
if (e.type === "text" && typeof e.value == "string" && e.value.includes(`
|
|
19
|
+
`)) {
|
|
20
|
+
const s = e.value.split(/\r?\n/);
|
|
21
|
+
s.forEach((l, c) => {
|
|
22
|
+
l.length > 0 && i({ type: "text", value: l }), c < s.length - 1 && r();
|
|
23
|
+
});
|
|
12
24
|
continue;
|
|
13
25
|
}
|
|
14
|
-
|
|
26
|
+
i(e);
|
|
15
27
|
}
|
|
16
|
-
return
|
|
17
|
-
},
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
for (const e of n.matchAll(x)) {
|
|
24
|
-
const i = e[1], o = _(e[2]);
|
|
25
|
-
(i === "icon" || i === "title") && (t[i] = o);
|
|
28
|
+
return n;
|
|
29
|
+
}, b = (t) => t.replace(/\\(.)/g, "$1"), E = (t) => {
|
|
30
|
+
if (!v.test(t)) return null;
|
|
31
|
+
const n = {};
|
|
32
|
+
for (const r of t.matchAll(x)) {
|
|
33
|
+
const i = r[1], e = b(r[2]);
|
|
34
|
+
(i === "icon" || i === "title") && (n[i] = e);
|
|
26
35
|
}
|
|
27
|
-
return
|
|
28
|
-
},
|
|
29
|
-
let
|
|
30
|
-
for (let i = 1; i <
|
|
31
|
-
const
|
|
32
|
-
if (
|
|
33
|
-
|
|
36
|
+
return n;
|
|
37
|
+
}, I = (t) => {
|
|
38
|
+
let n = !1, r = !1;
|
|
39
|
+
for (let i = 1; i < t.length; i += 1) {
|
|
40
|
+
const e = t[i];
|
|
41
|
+
if (r) {
|
|
42
|
+
r = !1;
|
|
34
43
|
continue;
|
|
35
44
|
}
|
|
36
|
-
if (
|
|
37
|
-
|
|
45
|
+
if (e === "\\") {
|
|
46
|
+
r = !0;
|
|
38
47
|
continue;
|
|
39
48
|
}
|
|
40
|
-
if (
|
|
41
|
-
|
|
49
|
+
if (e === '"') {
|
|
50
|
+
n = !n;
|
|
42
51
|
continue;
|
|
43
52
|
}
|
|
44
|
-
if (
|
|
53
|
+
if (e === "}" && !n)
|
|
45
54
|
return i;
|
|
46
55
|
}
|
|
47
56
|
return -1;
|
|
48
|
-
},
|
|
49
|
-
if (!
|
|
50
|
-
let
|
|
51
|
-
const
|
|
52
|
-
if (!
|
|
53
|
-
const i =
|
|
54
|
-
|
|
55
|
-
let
|
|
56
|
-
if (
|
|
57
|
-
const
|
|
58
|
-
if (
|
|
59
|
-
|
|
57
|
+
}, N = (t) => {
|
|
58
|
+
if (!t.startsWith(":::")) return null;
|
|
59
|
+
let n = t.slice(3);
|
|
60
|
+
const r = n.match(y);
|
|
61
|
+
if (!r) return null;
|
|
62
|
+
const i = r[0];
|
|
63
|
+
n = n.slice(i.length);
|
|
64
|
+
let e;
|
|
65
|
+
if (n.startsWith("[")) {
|
|
66
|
+
const l = n.indexOf("]");
|
|
67
|
+
if (l < 0) return null;
|
|
68
|
+
e = n.slice(1, l), n = n.slice(l + 1);
|
|
60
69
|
}
|
|
61
|
-
let
|
|
62
|
-
if (
|
|
63
|
-
const
|
|
64
|
-
if (
|
|
65
|
-
const
|
|
66
|
-
if (!
|
|
67
|
-
|
|
70
|
+
let s = {};
|
|
71
|
+
if (n.startsWith("{")) {
|
|
72
|
+
const l = I(n);
|
|
73
|
+
if (l < 0) return null;
|
|
74
|
+
const c = E(n.slice(1, l));
|
|
75
|
+
if (!c) return null;
|
|
76
|
+
s = c, n = n.slice(l + 1);
|
|
68
77
|
}
|
|
69
|
-
return /^[ \t]*$/.test(
|
|
70
|
-
},
|
|
71
|
-
for (let
|
|
72
|
-
const i =
|
|
73
|
-
if (i &&
|
|
74
|
-
return
|
|
78
|
+
return /^[ \t]*$/.test(n) ? { name: i, title: e, attributes: s } : null;
|
|
79
|
+
}, _ = (t, n) => {
|
|
80
|
+
for (let r = n; r < t.length; r += 1) {
|
|
81
|
+
const i = p(t[r]);
|
|
82
|
+
if (i && h.test(i))
|
|
83
|
+
return r;
|
|
75
84
|
}
|
|
76
85
|
return -1;
|
|
77
|
-
},
|
|
78
|
-
const
|
|
79
|
-
|
|
80
|
-
|
|
86
|
+
}, z = (t, n) => {
|
|
87
|
+
const r = T(t);
|
|
88
|
+
return r.length ? r.slice(1, n).filter((i) => i.some((e) => f(e).trim().length > 0)).map((i) => ({
|
|
89
|
+
type: "paragraph",
|
|
90
|
+
children: i
|
|
91
|
+
})) : [];
|
|
81
92
|
};
|
|
82
|
-
function
|
|
83
|
-
return (
|
|
84
|
-
if (!(!
|
|
85
|
-
for (let
|
|
86
|
-
const
|
|
93
|
+
function R() {
|
|
94
|
+
return (t) => {
|
|
95
|
+
if (!(!t || t.type !== "root" || !Array.isArray(t.children)))
|
|
96
|
+
for (let n = 0; n < t.children.length; n += 1) {
|
|
97
|
+
const r = p(t.children[n]);
|
|
98
|
+
if (!r) continue;
|
|
99
|
+
const i = r.split(/\r?\n/), e = N(i[0] ?? "");
|
|
87
100
|
if (!e) continue;
|
|
88
|
-
|
|
89
|
-
if (!o) continue;
|
|
90
|
-
let c = [], r = 0;
|
|
101
|
+
let s = [], l = 0;
|
|
91
102
|
if (i.length > 1) {
|
|
92
|
-
const
|
|
93
|
-
if (
|
|
103
|
+
const o = i.findIndex((u, m) => m > 0 && h.test(u));
|
|
104
|
+
if (o < 0 || i.slice(o + 1).some((u) => u.trim().length > 0))
|
|
94
105
|
continue;
|
|
95
|
-
|
|
106
|
+
s = z(t.children[n], o), l = 1;
|
|
96
107
|
} else {
|
|
97
|
-
const
|
|
98
|
-
if (
|
|
99
|
-
|
|
108
|
+
const o = _(t.children, n + 1);
|
|
109
|
+
if (o < 0) continue;
|
|
110
|
+
s = t.children.slice(n + 1, o), l = o - n + 1;
|
|
100
111
|
}
|
|
101
|
-
const
|
|
102
|
-
"data-admonition":
|
|
103
|
-
"data-admonition-variant":
|
|
112
|
+
const c = e.title ?? e.attributes.title, d = A.has(e.name) ? e.name : "unknown", a = {
|
|
113
|
+
"data-admonition": e.name,
|
|
114
|
+
"data-admonition-variant": d
|
|
104
115
|
};
|
|
105
|
-
|
|
106
|
-
const
|
|
116
|
+
c !== void 0 && (a["data-admonition-title"] = c), e.attributes.icon !== void 0 && (a["data-admonition-icon"] = e.attributes.icon);
|
|
117
|
+
const g = {
|
|
107
118
|
type: "admonition",
|
|
108
119
|
data: {
|
|
109
120
|
hName: "aside",
|
|
110
|
-
hProperties:
|
|
121
|
+
hProperties: a
|
|
111
122
|
},
|
|
112
|
-
children:
|
|
123
|
+
children: s
|
|
113
124
|
};
|
|
114
|
-
|
|
125
|
+
t.children.splice(n, l, g);
|
|
115
126
|
}
|
|
116
127
|
};
|
|
117
128
|
}
|
|
118
129
|
export {
|
|
119
|
-
|
|
130
|
+
R as remarkAdmonition
|
|
120
131
|
};
|
|
@@ -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
|
};
|