@caseparts-org/caseblocks 0.0.36 → 0.0.38
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/Grid.css +1 -1
- package/dist/assets/MainNav.css +1 -1
- package/dist/assets/Tooltip.css +1 -1
- package/dist/atoms/Grid/Grid.d.ts +2 -1
- package/dist/atoms/Grid/Grid.js +23 -22
- package/dist/molecules/Tooltip/Tooltip.js +30 -30
- package/dist/organisms/MainNav/MainNav.d.ts +1 -1
- package/dist/organisms/MainNav/MainNav.js +62 -59
- package/package.json +1 -1
package/dist/assets/Grid.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._gridWrapper_y41ud_2{width:100%}._grid_y41ud_2{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--spacing-2);width:100%;max-width:1440px;margin:0 auto}._column_y41ud_15{min-width:0;width:100%;grid-column:var(--start-large, 1) / span var(--span-large)}@media (max-width: 1280px){._grid_y41ud_2{max-width:100%}._column_y41ud_15{grid-column:var(--start-medium, 1) / span var(--span-medium)}}@media (max-width: 767px){._grid_y41ud_2{grid-template-columns:repeat(4,1fr)}._column_y41ud_15{grid-column:var(--start-small, 1) / span var(--span-small)}}
|
package/dist/assets/MainNav.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._main_1199t_1{box-shadow:#bbb3 0 8px 24px;padding:var(--spacing-0-5) 0}._topNav_1199t_6{padding-bottom:var(--spacing-0-5);gap:var(--spacing-1-5)}@media (max-width: 1281px){._topNav_1199t_6{gap:var(--spacing-1)}}._operations_1199t_13{gap:var(--spacing-1-5);width:100%}@media (max-width: 1281px){._operations_1199t_13{gap:var(--spacing-1)}}._search_1199t_20{flex:1}._siteLink_1199t_23{color:var(--color-brand-primary-primary-black);cursor:default}._accountArea_1199t_27{width:145px}@media (max-width: 1281px){._accountArea_1199t_27{width:min-content}}._cart_1199t_33{border:none;padding:0;margin:0;background-color:transparent}._category_1199t_39{list-style:none}._category_1199t_39 a{color:var(--text-text-primary);font-weight:var(--font-weight-semibold);text-decoration:none;display:flex;flex-direction:row;align-items:center}@media (max-width: 1281px){._category_1199t_39 a{justify-content:space-between;width:100%}}._category_1199t_39 a:hover{color:var(--color-brand-primary-primary-teal-blue);text-decoration:none}._category_1199t_39 a path{fill:var(--color-brand-primary-primary-teal-blue)}._menuList_1199t_61{list-style:none;padding:0;margin:0;height:min-content;border:1px solid var(--border-border-secondary-btn, #dfdfdf)}._menuList_1199t_61>li{width:100%;padding:var(--spacing-0-5) var(--spacing-1);border-bottom:1px solid var(--border-border-secondary-btn, #dfdfdf);box-sizing:border-box}._menuList_1199t_61>li:last-of-type{border-bottom:none}
|
package/dist/assets/Tooltip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._wrapper_1n7bd_1{position:relative;display:inline-block}._tooltip_1n7bd_6{position:absolute;z-index:1000;padding:var(--spacing-0-5);background:var(--color-neutrals-neutral-1);border-radius:4px;box-shadow:0 4px 12px #0000002e;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease;width:max-content}._open_1n7bd_19{opacity:1;visibility:visible;transform:translateY(0)}._tooltip_1n7bd_6[data-position=top]{bottom:100%;left:50%;transform:translate(-50%,-4px)}._open_1n7bd_19._tooltip_1n7bd_6[data-position=top]{transform:translate(-50%)}._tooltip_1n7bd_6[data-position=bottom]{top:100%;left:50%;transform:translate(-50%,4px)}._open_1n7bd_19._tooltip_1n7bd_6[data-position=bottom]{transform:translate(-50%)}._tooltip_1n7bd_6[data-position=left]{right:100%;top:50%;transform:translate(-4px,-50%)}._open_1n7bd_19._tooltip_1n7bd_6[data-position=left]{transform:translateY(-50%)}._tooltip_1n7bd_6[data-position=right]{left:100%;top:50%;transform:translate(4px,-50%)}._open_1n7bd_19._tooltip_1n7bd_6[data-position=right]{transform:translateY(-50%)}._tooltip_1n7bd_6[data-position=top]{bottom:100%;left:50%;transform:translate(calc(-50% + var(--tooltip-shift-x, 0px)),-4px)}._open_1n7bd_19._tooltip_1n7bd_6[data-position=top]{transform:translate(calc(-50% + var(--tooltip-shift-x, 0px)))}._tooltip_1n7bd_6[data-position=bottom]{top:100%;left:50%;transform:translate(calc(-50% + var(--tooltip-shift-x, 0px)),4px)}._open_1n7bd_19._tooltip_1n7bd_6[data-position=bottom]{transform:translate(calc(-50% + var(--tooltip-shift-x, 0px)))}._tooltip_1n7bd_6[data-position=left]{right:100%;top:50%;transform:translate(-4px,calc(-50% + var(--tooltip-shift-y, 0px)))}._open_1n7bd_19._tooltip_1n7bd_6[data-position=left]{transform:translateY(calc(-50% + var(--tooltip-shift-y, 0px)))}._tooltip_1n7bd_6[data-position=right]{left:100%;top:50%;transform:translate(4px,calc(-50% + var(--tooltip-shift-y, 0px)))}._open_1n7bd_19._tooltip_1n7bd_6[data-position=right]{transform:translateY(calc(-50% + var(--tooltip-shift-y, 0px)))}
|
|
@@ -2,9 +2,10 @@ import { HideAtProps } from '../HideAt';
|
|
|
2
2
|
import { ResponsiveProp } from '../ResponsiveProp';
|
|
3
3
|
export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
4
|
children: React.ReactNode;
|
|
5
|
+
gridWrapperClassName?: string;
|
|
5
6
|
}
|
|
6
7
|
/** A Grid component for layout of elements. Use the Column component to define children. */
|
|
7
|
-
export declare function Grid({ children, ...otherProps }: GridProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare function Grid({ children, gridWrapperClassName, className, ...otherProps }: GridProps): import("react/jsx-runtime").JSX.Element;
|
|
8
9
|
export interface ColumnProps extends React.HTMLAttributes<HTMLDivElement>, HideAtProps {
|
|
9
10
|
/** The number of grid columns to span.
|
|
10
11
|
* If provided a number, it applies to all screen sizes.
|
package/dist/atoms/Grid/Grid.js
CHANGED
|
@@ -1,40 +1,41 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import { c as
|
|
3
|
-
import { getHideAtStyles as
|
|
4
|
-
import { responsivePropToCSSVariables as
|
|
5
|
-
import '../../assets/Grid.css';const
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
import { c as e } from "../../clsx-OuTLNxxd.js";
|
|
3
|
+
import { getHideAtStyles as p } from "../HideAt.js";
|
|
4
|
+
import { responsivePropToCSSVariables as n } from "../ResponsiveProp.js";
|
|
5
|
+
import '../../assets/Grid.css';const u = "_gridWrapper_y41ud_2", l = "_grid_y41ud_2", g = "_column_y41ud_15", a = {
|
|
6
|
+
gridWrapper: u,
|
|
7
|
+
grid: l,
|
|
8
|
+
column: g
|
|
8
9
|
};
|
|
9
|
-
function
|
|
10
|
-
return /* @__PURE__ */ s("div", { className:
|
|
10
|
+
function W({ children: r, gridWrapperClassName: o, className: t, ...i }) {
|
|
11
|
+
return /* @__PURE__ */ s("div", { className: e(a.gridWrapper, o), children: /* @__PURE__ */ s("div", { className: e(a.grid, t), ...i, children: r }) });
|
|
11
12
|
}
|
|
12
13
|
function x({
|
|
13
|
-
span:
|
|
14
|
+
span: r = [4, 12, 12],
|
|
14
15
|
// default to full-width.
|
|
15
|
-
start:
|
|
16
|
+
start: o = ["auto", "auto", "auto"],
|
|
16
17
|
// default to "auto".
|
|
17
|
-
hideAt:
|
|
18
|
-
className:
|
|
19
|
-
children:
|
|
20
|
-
style:
|
|
21
|
-
...
|
|
18
|
+
hideAt: t,
|
|
19
|
+
className: i,
|
|
20
|
+
children: d,
|
|
21
|
+
style: c = {},
|
|
22
|
+
...m
|
|
22
23
|
}) {
|
|
23
24
|
return /* @__PURE__ */ s(
|
|
24
25
|
"div",
|
|
25
26
|
{
|
|
26
|
-
className:
|
|
27
|
+
className: e(a.column, p(t), i),
|
|
27
28
|
style: {
|
|
28
|
-
...
|
|
29
|
-
...
|
|
30
|
-
...
|
|
29
|
+
...c,
|
|
30
|
+
...n("span", r),
|
|
31
|
+
...n("start", o)
|
|
31
32
|
},
|
|
32
|
-
...
|
|
33
|
-
children:
|
|
33
|
+
...m,
|
|
34
|
+
children: d
|
|
34
35
|
}
|
|
35
36
|
);
|
|
36
37
|
}
|
|
37
38
|
export {
|
|
38
39
|
x as Column,
|
|
39
|
-
|
|
40
|
+
W as Grid
|
|
40
41
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as ae, jsx as ce } from "react/jsx-runtime";
|
|
2
2
|
import m, { useEffect as V, useState as se } from "react";
|
|
3
3
|
import { c as q } from "../../clsx-OuTLNxxd.js";
|
|
4
|
-
import '../../assets/Tooltip.css';var B = { exports: {} },
|
|
4
|
+
import '../../assets/Tooltip.css';var B = { exports: {} }, f = {};
|
|
5
5
|
/**
|
|
6
6
|
* @license React
|
|
7
7
|
* react-dom.production.js
|
|
@@ -13,7 +13,7 @@ import '../../assets/Tooltip.css';var B = { exports: {} }, d = {};
|
|
|
13
13
|
*/
|
|
14
14
|
var W;
|
|
15
15
|
function ue() {
|
|
16
|
-
if (W) return
|
|
16
|
+
if (W) return f;
|
|
17
17
|
W = 1;
|
|
18
18
|
var u = m;
|
|
19
19
|
function T(n) {
|
|
@@ -43,11 +43,11 @@ function ue() {
|
|
|
43
43
|
},
|
|
44
44
|
p: 0,
|
|
45
45
|
findDOMNode: null
|
|
46
|
-
},
|
|
46
|
+
}, d = Symbol.for("react.portal");
|
|
47
47
|
function v(n, t, o) {
|
|
48
48
|
var r = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : null;
|
|
49
49
|
return {
|
|
50
|
-
$$typeof:
|
|
50
|
+
$$typeof: d,
|
|
51
51
|
key: r == null ? null : "" + r,
|
|
52
52
|
children: n,
|
|
53
53
|
containerInfo: t,
|
|
@@ -60,23 +60,23 @@ function ue() {
|
|
|
60
60
|
if (typeof t == "string")
|
|
61
61
|
return t === "use-credentials" ? t : "";
|
|
62
62
|
}
|
|
63
|
-
return
|
|
63
|
+
return f.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = c, f.createPortal = function(n, t) {
|
|
64
64
|
var o = 2 < arguments.length && arguments[2] !== void 0 ? arguments[2] : null;
|
|
65
65
|
if (!t || t.nodeType !== 1 && t.nodeType !== 9 && t.nodeType !== 11)
|
|
66
66
|
throw Error(T(299));
|
|
67
67
|
return v(n, t, null, o);
|
|
68
|
-
},
|
|
68
|
+
}, f.flushSync = function(n) {
|
|
69
69
|
var t = _.T, o = c.p;
|
|
70
70
|
try {
|
|
71
71
|
if (_.T = null, c.p = 2, n) return n();
|
|
72
72
|
} finally {
|
|
73
73
|
_.T = t, c.p = o, c.d.f();
|
|
74
74
|
}
|
|
75
|
-
},
|
|
75
|
+
}, f.preconnect = function(n, t) {
|
|
76
76
|
typeof n == "string" && (t ? (t = t.crossOrigin, t = typeof t == "string" ? t === "use-credentials" ? t : "" : void 0) : t = null, c.d.C(n, t));
|
|
77
|
-
},
|
|
77
|
+
}, f.prefetchDNS = function(n) {
|
|
78
78
|
typeof n == "string" && c.d.D(n);
|
|
79
|
-
},
|
|
79
|
+
}, f.preinit = function(n, t) {
|
|
80
80
|
if (typeof n == "string" && t && typeof t.as == "string") {
|
|
81
81
|
var o = t.as, r = R(o, t.crossOrigin), e = typeof t.integrity == "string" ? t.integrity : void 0, i = typeof t.fetchPriority == "string" ? t.fetchPriority : void 0;
|
|
82
82
|
o === "style" ? c.d.S(
|
|
@@ -94,7 +94,7 @@ function ue() {
|
|
|
94
94
|
nonce: typeof t.nonce == "string" ? t.nonce : void 0
|
|
95
95
|
});
|
|
96
96
|
}
|
|
97
|
-
},
|
|
97
|
+
}, f.preinitModule = function(n, t) {
|
|
98
98
|
if (typeof n == "string")
|
|
99
99
|
if (typeof t == "object" && t !== null) {
|
|
100
100
|
if (t.as == null || t.as === "script") {
|
|
@@ -109,7 +109,7 @@ function ue() {
|
|
|
109
109
|
});
|
|
110
110
|
}
|
|
111
111
|
} else t == null && c.d.M(n);
|
|
112
|
-
},
|
|
112
|
+
}, f.preload = function(n, t) {
|
|
113
113
|
if (typeof n == "string" && typeof t == "object" && t !== null && typeof t.as == "string") {
|
|
114
114
|
var o = t.as, r = R(o, t.crossOrigin);
|
|
115
115
|
c.d.L(n, o, {
|
|
@@ -124,7 +124,7 @@ function ue() {
|
|
|
124
124
|
media: typeof t.media == "string" ? t.media : void 0
|
|
125
125
|
});
|
|
126
126
|
}
|
|
127
|
-
},
|
|
127
|
+
}, f.preloadModule = function(n, t) {
|
|
128
128
|
if (typeof n == "string")
|
|
129
129
|
if (t) {
|
|
130
130
|
var o = R(t.as, t.crossOrigin);
|
|
@@ -134,15 +134,15 @@ function ue() {
|
|
|
134
134
|
integrity: typeof t.integrity == "string" ? t.integrity : void 0
|
|
135
135
|
});
|
|
136
136
|
} else c.d.m(n);
|
|
137
|
-
},
|
|
137
|
+
}, f.requestFormReset = function(n) {
|
|
138
138
|
c.d.r(n);
|
|
139
|
-
},
|
|
139
|
+
}, f.unstable_batchedUpdates = function(n, t) {
|
|
140
140
|
return n(t);
|
|
141
|
-
},
|
|
141
|
+
}, f.useFormState = function(n, t, o) {
|
|
142
142
|
return _.H.useFormState(n, t, o);
|
|
143
|
-
},
|
|
143
|
+
}, f.useFormStatus = function() {
|
|
144
144
|
return _.H.useHostTransitionStatus();
|
|
145
|
-
},
|
|
145
|
+
}, f.version = "19.1.1", f;
|
|
146
146
|
}
|
|
147
147
|
var g = {};
|
|
148
148
|
/**
|
|
@@ -186,7 +186,7 @@ function le() {
|
|
|
186
186
|
if (typeof e == "string")
|
|
187
187
|
return e === "use-credentials" ? e : "";
|
|
188
188
|
}
|
|
189
|
-
function
|
|
189
|
+
function d(r) {
|
|
190
190
|
return r === null ? "`null`" : r === void 0 ? "`undefined`" : r === "" ? "an empty string" : 'something with type "' + typeof r + '"';
|
|
191
191
|
}
|
|
192
192
|
function v(r) {
|
|
@@ -245,16 +245,16 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
245
245
|
v(e)
|
|
246
246
|
) : e != null && typeof e.crossOrigin != "string" && console.error(
|
|
247
247
|
"ReactDOM.preconnect(): Expected the `crossOrigin` option (second argument) to be a string but encountered %s instead. Try removing this option or passing a string value instead.",
|
|
248
|
-
|
|
248
|
+
d(e.crossOrigin)
|
|
249
249
|
) : console.error(
|
|
250
250
|
"ReactDOM.preconnect(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
|
|
251
|
-
|
|
251
|
+
d(r)
|
|
252
252
|
), typeof r == "string" && (e ? (e = e.crossOrigin, e = typeof e == "string" ? e === "use-credentials" ? e : "" : void 0) : e = null, n.d.C(r, e));
|
|
253
253
|
}, g.prefetchDNS = function(r) {
|
|
254
254
|
if (typeof r != "string" || !r)
|
|
255
255
|
console.error(
|
|
256
256
|
"ReactDOM.prefetchDNS(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
|
|
257
|
-
|
|
257
|
+
d(r)
|
|
258
258
|
);
|
|
259
259
|
else if (1 < arguments.length) {
|
|
260
260
|
var e = arguments[1];
|
|
@@ -276,7 +276,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
276
276
|
v(e.as)
|
|
277
277
|
) : console.error(
|
|
278
278
|
"ReactDOM.preinit(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
|
|
279
|
-
|
|
279
|
+
d(r)
|
|
280
280
|
), typeof r == "string" && e && typeof e.as == "string") {
|
|
281
281
|
var i = e.as, y = c(i, e.crossOrigin), O = typeof e.integrity == "string" ? e.integrity : void 0, b = typeof e.fetchPriority == "string" ? e.fetchPriority : void 0;
|
|
282
282
|
i === "style" ? n.d.S(
|
|
@@ -296,7 +296,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
296
296
|
}
|
|
297
297
|
}, g.preinitModule = function(r, e) {
|
|
298
298
|
var i = "";
|
|
299
|
-
if (typeof r == "string" && r || (i += " The `href` argument encountered was " +
|
|
299
|
+
if (typeof r == "string" && r || (i += " The `href` argument encountered was " + d(r) + "."), e !== void 0 && typeof e != "object" ? i += " The `options` argument encountered was " + d(e) + "." : e && "as" in e && e.as !== "script" && (i += " The `as` option encountered was " + v(e.as) + "."), i)
|
|
300
300
|
console.error(
|
|
301
301
|
"ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property.%s",
|
|
302
302
|
i
|
|
@@ -322,7 +322,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
322
322
|
})) : e == null && n.d.M(r));
|
|
323
323
|
}, g.preload = function(r, e) {
|
|
324
324
|
var i = "";
|
|
325
|
-
if (typeof r == "string" && r || (i += " The `href` argument encountered was " +
|
|
325
|
+
if (typeof r == "string" && r || (i += " The `href` argument encountered was " + d(r) + "."), e == null || typeof e != "object" ? i += " The `options` argument encountered was " + d(e) + "." : typeof e.as == "string" && e.as || (i += " The `as` option encountered was " + d(e.as) + "."), i && console.error(
|
|
326
326
|
'ReactDOM.preload(): Expected two arguments, a non-empty `href` string and an `options` object with an `as` property valid for a `<link rel="preload" as="..." />` tag.%s',
|
|
327
327
|
i
|
|
328
328
|
), typeof r == "string" && typeof e == "object" && e !== null && typeof e.as == "string") {
|
|
@@ -345,7 +345,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
345
345
|
}
|
|
346
346
|
}, g.preloadModule = function(r, e) {
|
|
347
347
|
var i = "";
|
|
348
|
-
typeof r == "string" && r || (i += " The `href` argument encountered was " +
|
|
348
|
+
typeof r == "string" && r || (i += " The `href` argument encountered was " + d(r) + "."), e !== void 0 && typeof e != "object" ? i += " The `options` argument encountered was " + d(e) + "." : e && "as" in e && typeof e.as != "string" && (i += " The `as` option encountered was " + d(e.as) + "."), i && console.error(
|
|
349
349
|
'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag.%s',
|
|
350
350
|
i
|
|
351
351
|
), typeof r == "string" && (e ? (i = c(
|
|
@@ -380,16 +380,16 @@ function J() {
|
|
|
380
380
|
}
|
|
381
381
|
process.env.NODE_ENV === "production" ? (J(), B.exports = ue()) : B.exports = le();
|
|
382
382
|
var H = B.exports;
|
|
383
|
-
const
|
|
384
|
-
wrapper:
|
|
385
|
-
tooltip:
|
|
383
|
+
const de = "_wrapper_1n7bd_1", fe = "_tooltip_1n7bd_6", ge = "_open_1n7bd_19", U = {
|
|
384
|
+
wrapper: de,
|
|
385
|
+
tooltip: fe,
|
|
386
386
|
open: ge
|
|
387
387
|
}, ve = ({
|
|
388
388
|
trigger: u,
|
|
389
389
|
children: T,
|
|
390
390
|
position: a = "top",
|
|
391
391
|
delay: c = 0,
|
|
392
|
-
tooltipClassName:
|
|
392
|
+
tooltipClassName: d,
|
|
393
393
|
wrapperClassName: v,
|
|
394
394
|
on: _ = "auto",
|
|
395
395
|
autoAdjust: R = !0,
|
|
@@ -534,7 +534,7 @@ const fe = "_wrapper_1f22n_12", de = "_tooltip_1f22n_17", ge = "_open_1f22n_30",
|
|
|
534
534
|
id: y,
|
|
535
535
|
role: "tooltip",
|
|
536
536
|
"data-position": Z,
|
|
537
|
-
className: q(U.tooltip, U.open,
|
|
537
|
+
className: q(U.tooltip, U.open, d),
|
|
538
538
|
style: {
|
|
539
539
|
"--tooltip-shift-x": `${ee}px`,
|
|
540
540
|
"--tooltip-shift-y": `${te}px`
|
|
@@ -21,4 +21,4 @@ export interface MainCategory extends Category {
|
|
|
21
21
|
children: Category[];
|
|
22
22
|
showChevron?: boolean;
|
|
23
23
|
}
|
|
24
|
-
export declare function MainNav({ account, categories, faqRoute, customPartsRoute, aboutUsRoute, accountRoute, contactRoute, cart, cartSubtotal, onLoginClick, onSearch, onItemQtyChange, onItemDelete, onItemEdit, onCheckout, ...otherProps }: MainNavProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export declare function MainNav({ account, categories, faqRoute, customPartsRoute, aboutUsRoute, accountRoute, contactRoute, cart, cartSubtotal, onLoginClick, onSearch, onItemQtyChange, onItemDelete, onItemEdit, onCheckout, className, ...otherProps }: MainNavProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,100 +1,103 @@
|
|
|
1
1
|
import { jsx as e, jsxs as n } from "react/jsx-runtime";
|
|
2
|
-
import { Text as
|
|
3
|
-
import { Link as
|
|
4
|
-
import { Icon as
|
|
5
|
-
import { Flex as
|
|
6
|
-
import { Grid as
|
|
7
|
-
import { Logo as
|
|
2
|
+
import { Text as p } from "../../atoms/Text/Text.js";
|
|
3
|
+
import { Link as f } from "../../atoms/Link/Link.js";
|
|
4
|
+
import { Icon as k } from "../../atoms/Icon/Icon.js";
|
|
5
|
+
import { Flex as s } from "../../atoms/Flex/Flex.js";
|
|
6
|
+
import { Grid as w, Column as j } from "../../atoms/Grid/Grid.js";
|
|
7
|
+
import { Logo as D } from "../../molecules/Logo/Logo.js";
|
|
8
8
|
import { SearchBox as d } from "../../molecules/SearchBox/SearchBox.js";
|
|
9
|
-
import { HamburgerMenu as
|
|
10
|
-
import { ShoppingCart as
|
|
11
|
-
import { Account as
|
|
12
|
-
import { CategoryNav as
|
|
13
|
-
import
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
9
|
+
import { HamburgerMenu as z } from "../../molecules/HamburgerMenu/HamburgerMenu.js";
|
|
10
|
+
import { ShoppingCart as F } from "../../molecules/Cart/Cart.js";
|
|
11
|
+
import { Account as I } from "../../molecules/Account/Account.js";
|
|
12
|
+
import { CategoryNav as U } from "../../molecules/CategoryNav/CategoryNav.js";
|
|
13
|
+
import { c as M } from "../../clsx-OuTLNxxd.js";
|
|
14
|
+
import '../../assets/MainNav.css';const Q = "_main_1199t_1", B = "_topNav_1199t_6", G = "_operations_1199t_13", H = "_search_1199t_20", K = "_siteLink_1199t_23", P = "_accountArea_1199t_27", S = "_category_1199t_39", T = "_menuList_1199t_61", i = {
|
|
15
|
+
main: Q,
|
|
16
|
+
topNav: B,
|
|
17
|
+
operations: G,
|
|
18
|
+
search: H,
|
|
19
|
+
siteLink: K,
|
|
20
|
+
accountArea: P,
|
|
21
|
+
category: S,
|
|
22
|
+
menuList: T
|
|
21
23
|
};
|
|
22
|
-
function
|
|
23
|
-
account:
|
|
24
|
+
function re({
|
|
25
|
+
account: a,
|
|
24
26
|
categories: t,
|
|
25
27
|
faqRoute: o,
|
|
26
|
-
customPartsRoute:
|
|
27
|
-
aboutUsRoute:
|
|
28
|
-
accountRoute:
|
|
29
|
-
contactRoute:
|
|
28
|
+
customPartsRoute: m,
|
|
29
|
+
aboutUsRoute: _,
|
|
30
|
+
accountRoute: u,
|
|
31
|
+
contactRoute: l,
|
|
30
32
|
cart: N,
|
|
31
33
|
cartSubtotal: A,
|
|
32
|
-
onLoginClick:
|
|
34
|
+
onLoginClick: g,
|
|
33
35
|
onSearch: h,
|
|
34
|
-
onItemQtyChange:
|
|
35
|
-
onItemDelete:
|
|
36
|
-
onItemEdit:
|
|
37
|
-
onCheckout:
|
|
38
|
-
|
|
36
|
+
onItemQtyChange: v,
|
|
37
|
+
onItemDelete: x,
|
|
38
|
+
onItemEdit: L,
|
|
39
|
+
onCheckout: C,
|
|
40
|
+
className: y,
|
|
41
|
+
...b
|
|
39
42
|
}) {
|
|
40
|
-
return /* @__PURE__ */ e(
|
|
43
|
+
return /* @__PURE__ */ e(w, { ...b, gridWrapperClassName: M(i.main, y), children: /* @__PURE__ */ n(j, { span: 12, children: [
|
|
41
44
|
/* @__PURE__ */ n(
|
|
42
|
-
|
|
45
|
+
s,
|
|
43
46
|
{
|
|
44
47
|
flexDirection: "row",
|
|
45
48
|
alignItems: "center",
|
|
46
49
|
justifyContent: "space-between",
|
|
47
50
|
className: i.topNav,
|
|
48
51
|
children: [
|
|
49
|
-
/* @__PURE__ */ e("div", { className: i.logo, children: /* @__PURE__ */ e(
|
|
52
|
+
/* @__PURE__ */ e("div", { className: i.logo, children: /* @__PURE__ */ e(D, {}) }),
|
|
50
53
|
/* @__PURE__ */ n(
|
|
51
|
-
|
|
54
|
+
s,
|
|
52
55
|
{
|
|
53
56
|
flexDirection: "row",
|
|
54
57
|
alignItems: "center",
|
|
55
58
|
justifyContent: "flex-end",
|
|
56
59
|
className: i.operations,
|
|
57
60
|
children: [
|
|
58
|
-
/* @__PURE__ */ e(
|
|
59
|
-
/* @__PURE__ */ e(r, { href:
|
|
61
|
+
/* @__PURE__ */ e(s, { flexDirection: "row", hideAt: ["sm"], className: i.search, children: /* @__PURE__ */ e(d, { onSearch: h, inputName: "cpc-search" }) }),
|
|
62
|
+
/* @__PURE__ */ e(r, { href: m, hideAt: ["sm", "md"], children: "Custom Parts" }),
|
|
60
63
|
/* @__PURE__ */ e(r, { href: o, hideAt: ["sm", "md"], children: "FAQ" }),
|
|
61
|
-
/* @__PURE__ */ e(r, { href:
|
|
64
|
+
/* @__PURE__ */ e(r, { href: l, hideAt: ["sm", "md"], children: "Contact Us" }),
|
|
62
65
|
/* @__PURE__ */ e("div", { className: i.accountArea, children: /* @__PURE__ */ e(
|
|
63
|
-
|
|
66
|
+
I,
|
|
64
67
|
{
|
|
65
|
-
account:
|
|
66
|
-
accountRoute:
|
|
67
|
-
onLoginClick:
|
|
68
|
+
account: a,
|
|
69
|
+
accountRoute: u,
|
|
70
|
+
onLoginClick: g,
|
|
68
71
|
className: i.avatar
|
|
69
72
|
}
|
|
70
73
|
) }),
|
|
71
74
|
/* @__PURE__ */ e(
|
|
72
|
-
|
|
75
|
+
F,
|
|
73
76
|
{
|
|
74
77
|
cart: N,
|
|
75
|
-
onItemDelete:
|
|
76
|
-
onItemEdit:
|
|
77
|
-
onItemQtyChange:
|
|
78
|
-
onCheckout:
|
|
78
|
+
onItemDelete: x,
|
|
79
|
+
onItemEdit: L,
|
|
80
|
+
onItemQtyChange: v,
|
|
81
|
+
onCheckout: C,
|
|
79
82
|
subtotal: A
|
|
80
83
|
}
|
|
81
84
|
),
|
|
82
|
-
/* @__PURE__ */ e(
|
|
83
|
-
/* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href:
|
|
85
|
+
/* @__PURE__ */ e(z, { hideAt: ["lg"], children: /* @__PURE__ */ n("ul", { className: i.menuList, children: [
|
|
86
|
+
/* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: m, children: "Custom Parts" }) }),
|
|
84
87
|
/* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: o, children: "FAQ" }) }),
|
|
85
|
-
/* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href:
|
|
86
|
-
/* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href:
|
|
87
|
-
t && t.map((
|
|
88
|
-
/* @__PURE__ */ e(
|
|
88
|
+
/* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: l, children: "Contact Us" }) }),
|
|
89
|
+
/* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: _, children: "About Us" }) }),
|
|
90
|
+
t && t.map((c) => /* @__PURE__ */ e("li", { className: i.category, children: /* @__PURE__ */ n(f, { href: c.route, children: [
|
|
91
|
+
/* @__PURE__ */ e(p, { size: "sm", weight: "semibold", children: c.label }),
|
|
89
92
|
/* @__PURE__ */ e(
|
|
90
|
-
|
|
93
|
+
k,
|
|
91
94
|
{
|
|
92
95
|
iconKey: "fa-solid fa-chevron-right",
|
|
93
96
|
title: "Navigate",
|
|
94
97
|
size: "sm"
|
|
95
98
|
}
|
|
96
99
|
)
|
|
97
|
-
] }) },
|
|
100
|
+
] }) }, c.id))
|
|
98
101
|
] }) })
|
|
99
102
|
]
|
|
100
103
|
}
|
|
@@ -102,17 +105,17 @@ function q({
|
|
|
102
105
|
]
|
|
103
106
|
}
|
|
104
107
|
),
|
|
105
|
-
/* @__PURE__ */ e(
|
|
106
|
-
/* @__PURE__ */ e(
|
|
108
|
+
/* @__PURE__ */ e(s, { flexDirection: "row", hideAt: ["md", "lg"], children: /* @__PURE__ */ e(d, { onSearch: h, inputName: "cpc-search", className: i.search }) }),
|
|
109
|
+
/* @__PURE__ */ e(U, { categories: t })
|
|
107
110
|
] }) });
|
|
108
111
|
}
|
|
109
112
|
function r({
|
|
110
|
-
href:
|
|
113
|
+
href: a,
|
|
111
114
|
children: t,
|
|
112
115
|
...o
|
|
113
116
|
}) {
|
|
114
|
-
return /* @__PURE__ */ e(
|
|
117
|
+
return /* @__PURE__ */ e(f, { href: a, className: i.siteLink, ...o, children: /* @__PURE__ */ e(p, { size: "md", variant: "display", children: t }) });
|
|
115
118
|
}
|
|
116
119
|
export {
|
|
117
|
-
|
|
120
|
+
re as MainNav
|
|
118
121
|
};
|