@caseparts-org/caseblocks 0.0.107 → 0.0.109
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/Account.css +1 -1
- package/dist/assets/Avatar.css +1 -1
- package/dist/assets/MainNav.css +1 -1
- package/dist/assets/buttonClassName.css +1 -1
- package/dist/atoms/Button/buttonClassName.js +29 -29
- package/dist/main-client.d.ts +2 -0
- package/dist/main-client.js +35 -33
- package/dist/molecules/Account/Account.js +23 -24
- package/dist/molecules/Avatar/Avatar.js +6 -6
- package/dist/organisms/MainNav/MainNav.d.ts +1 -1
- package/dist/organisms/MainNav/MainNav.js +64 -64
- package/dist/organisms/MainNav/MainNav.stories.js +13 -7
- package/package.json +1 -1
package/dist/assets/Account.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._loggedIn_1aoh3_1{flex-shrink:0;gap:var(--spacing-spacing-2xs);cursor:pointer;transition:all .3s linear;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:var(--spacing-spacing-3xs)}._customer_1aoh3_12>a,._customer_1aoh3_12>a:hover{text-decoration:none}._loggedIn_1aoh3_1:hover{background-color:#f3f3f3;border-radius:var(--border-radius-md)}
|
package/dist/assets/Avatar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._avatar_nvnsd_1{position:relative;background-color:var(--icons-icon-secondary);color:var(--text-text-invert);flex-shrink:0;border-radius:50%;width:28px;height:28px;text-align:center;text-transform:uppercase;cursor:pointer}
|
package/dist/assets/MainNav.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._main_19pdr_1{box-shadow:#bbb3 0 8px 24px;padding:var(--spacing-0-5) 0;z-index:1;position:relative}._column_19pdr_8{box-sizing:border-box;padding:0 var(--spacing-1)}._topNav_19pdr_13{padding-bottom:var(--spacing-0-5);gap:var(--spacing-1-5)}@media (max-width: 1281px){._topNav_19pdr_13{gap:var(--spacing-1);padding-bottom:0}}._logo_19pdr_21{cursor:pointer}._operations_19pdr_24{gap:var(--spacing-1-5);width:100%}@media (max-width: 1281px){._operations_19pdr_24{gap:var(--spacing-1)}}._search_19pdr_31{flex:1}._siteLink_19pdr_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)}._siteLink_19pdr_34:hover{text-decoration:underline}._accountArea_19pdr_48{width:145px}@media (max-width: 1281px){._accountArea_19pdr_48{width:min-content}}._cart_19pdr_54{border:none;padding:0;margin:0;background-color:transparent}._category_19pdr_60{list-style:none}._category_19pdr_60 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_19pdr_60 a{justify-content:space-between;width:100%}}._category_19pdr_60 a:hover{color:var(--color-brand-primary-primary-teal-blue);text-decoration:none}._category_19pdr_60 a path{fill:var(--color-brand-primary-primary-teal-blue)}._menuList_19pdr_82{list-style:none;padding:0;margin:0;height:min-content;border:1px solid var(--border-border-secondary-btn, #dfdfdf)}._menuList_19pdr_82>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_19pdr_82>li:last-of-type{border-bottom:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_15vt6_1{--inset-shadow-color: var(--surface-surface-primary-btn);--inset-shadow-style: 0 0 0, inset 0 0 0 var(--spacing-0-125) var(--inset-shadow-color);transition-property:background-color,border-width,box-shadow,color;transition-duration:.1s;transition-timing-function:ease-in;padding:var(--spacing-1);border:none;cursor:pointer;text-decoration:none;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-spacing-3xs)}._button_15vt6_1:hover{box-shadow:var(--color-neutrals-neutral-2) var(--spacing-0-125) var(--spacing-0-25) var(--spacing-0-5)}._button_15vt6_1:active{box-shadow:none}._button_15vt6_1:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert);transition:none;cursor:default}._button_15vt6_1:disabled:hover{box-shadow:none}._button-primary_15vt6_44{background-color:var(--surface-surface-primary-btn);color:var(--surface-surface-primary)}._button-primary_15vt6_44:active{background-color:var(--color-brand-secondary-dark-teal-blue)}._button-primary_15vt6_44:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-secondary_15vt6_58{background-color:var(--surface-surface-secondary-btn);border:1px solid var(--border-border-secondary-btn);color:var(--text-text-links)}._button-secondary_15vt6_58:active{--inset-shadow-color: var(--surface-surface-secondary);box-shadow:var(--inset-shadow-style)}._button-secondary_15vt6_58:disabled{background-color:var(--surface-surface-disabled-btn-focus);color:var(--surface-surface-disabled-btn);box-shadow:none}._button-secondary_15vt6_58:disabled:hover{box-shadow:var(--inset-shadow-style)}._button-secondary-transparent_15vt6_79{background-color:transparent;border:1px solid var(--color-neutrals-neutral-1);color:var(--color-neutrals-neutral-1)}._button-secondary-transparent_15vt6_79:disabled{background-color:var(--surface-surface-disabled-btn-focus);color:var(--surface-surface-disabled-btn);border:1px solid var(--border-border-primary)}._button-secondary-transparent_15vt6_79:disabled:hover{color:var(--surface-surface-disabled-btn);background-color:var(--surface-surface-disabled-btn-focus);box-shadow:none}._button-secondary-transparent_15vt6_79:hover{background-color:var(--color-neutrals-neutral-1);border:1px solid var(--border-border-primary);color:#000;box-shadow:none}._button-cta-primary_15vt6_104{background-color:var(--surface-surface-call-to-action-btn);color:var(--surface-surface-primary)}._button-cta-primary_15vt6_104:active{background-color:var(--surface-surface-call-to-action-btn-focus)}._button-cta-primary_15vt6_104:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-tertiary_15vt6_118{background-color:var(--surface-surface-tertiary-btn);color:var(--surface-surface-tertiary-btn-focus)}._button-tertiary_15vt6_118:active{color:var(--surface-surface-disabled-btn);background-color:var(--surface-surface-tertiary-btn-focus);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style)}._button-tertiary_15vt6_118:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-destructive_15vt6_136{background-color:var(--surface-surface-error-warning-btn);color:var(--surface-surface-primary)}._button-destructive_15vt6_136:active{color:var(--surface-surface-error-warning-btn);background-color:var(--surface-surface-tertiary-btn-focus);--inset-shadow-color: var(--border-border-error-warning);box-shadow:var(--inset-shadow-style)}._button-destructive_15vt6_136:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-size-xxs_15vt6_154{border-radius:var(--border-radius-xs);padding:var(--spacing-spacing-4xs) var(--spacing-spacing-4xs)}._button-size-xs_15vt6_158{border-radius:var(--border-radius-xs);padding:calc(var(--spacing-spacing-4xs) - 1px) var(--spacing-spacing-2xs)}._button-size-sm_15vt6_162{border-radius:var(--border-radius-sm);padding:calc(var(--spacing-spacing-3xs) - 1px) var(--spacing-0-75)}._button-size-md_15vt6_166,._button-size-lg_15vt6_170{border-radius:var(--border-radius-sm);padding:calc(var(--spacing-spacing-2xs) - 1px) var(--spacing-spacing-default)}._button-size-xl_15vt6_174{border-radius:var(--border-radius-sm);padding:var(--spacing-0-75) var(--spacing-spacing-default)}._button-primary_15vt6_44._button-disabled_15vt6_179{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-secondary_15vt6_58._button-disabled_15vt6_179{background-color:var(--surface-surface-disabled-btn-focus);color:var(--surface-surface-disabled-btn);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style)}._button-secondary_15vt6_58._button-disabled_15vt6_179:hover{box-shadow:var(--inset-shadow-style)}._button-secondary-transparent_15vt6_79._button-disabled_15vt6_179{background-color:var(--surface-surface-disabled-btn-focus);color:var(--surface-surface-disabled-btn);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style);border:1px solid var(--border-border-primary)}._button-secondary-transparent_15vt6_79._button-disabled_15vt6_179:hover{box-shadow:var(--inset-shadow-style);color:var(--surface-surface-disabled-btn);background-color:var(--surface-surface-disabled-btn-focus)}._button-cta-primary_15vt6_104._button-disabled_15vt6_179,._button-tertiary_15vt6_118._button-disabled_15vt6_179,._button-destructive_15vt6_136._button-disabled_15vt6_179{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}
|
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
import { t as
|
|
1
|
+
import { t as o } from "../../Text.module-Dzhzk2fH.js";
|
|
2
2
|
import { c as u } from "../../clsx-OuTLNxxd.js";
|
|
3
3
|
import { getHideAtStyles as r } from "../HideAt.js";
|
|
4
|
-
import '../../assets/buttonClassName.css';const
|
|
5
|
-
button:
|
|
6
|
-
"button-primary": "_button-
|
|
7
|
-
"button-secondary": "_button-
|
|
8
|
-
"button-secondary-transparent": "_button-secondary-
|
|
9
|
-
"button-cta-primary": "_button-cta-
|
|
10
|
-
"button-tertiary": "_button-
|
|
11
|
-
"button-destructive": "_button-
|
|
12
|
-
"button-size-xxs": "_button-size-
|
|
13
|
-
"button-size-xs": "_button-size-
|
|
14
|
-
"button-size-sm": "_button-size-
|
|
15
|
-
"button-size-md": "_button-size-
|
|
16
|
-
"button-size-lg": "_button-size-
|
|
17
|
-
"button-size-xl": "_button-size-
|
|
18
|
-
"button-disabled": "_button-
|
|
4
|
+
import '../../assets/buttonClassName.css';const i = "_button_15vt6_1", t = {
|
|
5
|
+
button: i,
|
|
6
|
+
"button-primary": "_button-primary_15vt6_44",
|
|
7
|
+
"button-secondary": "_button-secondary_15vt6_58",
|
|
8
|
+
"button-secondary-transparent": "_button-secondary-transparent_15vt6_79",
|
|
9
|
+
"button-cta-primary": "_button-cta-primary_15vt6_104",
|
|
10
|
+
"button-tertiary": "_button-tertiary_15vt6_118",
|
|
11
|
+
"button-destructive": "_button-destructive_15vt6_136",
|
|
12
|
+
"button-size-xxs": "_button-size-xxs_15vt6_154",
|
|
13
|
+
"button-size-xs": "_button-size-xs_15vt6_158",
|
|
14
|
+
"button-size-sm": "_button-size-sm_15vt6_162",
|
|
15
|
+
"button-size-md": "_button-size-md_15vt6_166",
|
|
16
|
+
"button-size-lg": "_button-size-lg_15vt6_170",
|
|
17
|
+
"button-size-xl": "_button-size-xl_15vt6_174",
|
|
18
|
+
"button-disabled": "_button-disabled_15vt6_179"
|
|
19
19
|
};
|
|
20
|
-
function
|
|
21
|
-
size:
|
|
22
|
-
variant:
|
|
23
|
-
hideAt:
|
|
24
|
-
className:
|
|
20
|
+
function v({
|
|
21
|
+
size: n,
|
|
22
|
+
variant: s,
|
|
23
|
+
hideAt: _,
|
|
24
|
+
className: e,
|
|
25
25
|
disabled: b
|
|
26
26
|
}) {
|
|
27
27
|
return u(
|
|
28
28
|
t.button,
|
|
29
|
-
t[`button-${
|
|
30
|
-
t[`button-size-${
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
r(
|
|
29
|
+
t[`button-${s}`],
|
|
30
|
+
t[`button-size-${n}`],
|
|
31
|
+
o.text,
|
|
32
|
+
o[`text-${n}`],
|
|
33
|
+
o["text-semibold"],
|
|
34
|
+
r(_),
|
|
35
35
|
b && t["button-disabled"],
|
|
36
|
-
|
|
36
|
+
e
|
|
37
37
|
);
|
|
38
38
|
}
|
|
39
39
|
export {
|
|
40
|
-
|
|
40
|
+
v as buttonClassNames
|
|
41
41
|
};
|
package/dist/main-client.d.ts
CHANGED
|
@@ -4,6 +4,8 @@ export type { HorizontalScrollProps } from './atoms/HorizontalScroll/HorizontalS
|
|
|
4
4
|
export { SlideInPanel } from './atoms/SlideInPanel/SlideInPanel';
|
|
5
5
|
export type { SlideInPanelProps } from './atoms/SlideInPanel/SlideInPanel';
|
|
6
6
|
export { Tooltip } from './atoms/Tooltip/Tooltip';
|
|
7
|
+
export { Popover } from './atoms/Popover/Popover';
|
|
8
|
+
export type { PopoverProps } from './atoms/Popover/Popover';
|
|
7
9
|
export { Account } from './molecules/Account/Account';
|
|
8
10
|
export type { AccountProps } from './molecules/Account/Account';
|
|
9
11
|
export { Chip } from './molecules/Chip/Chip';
|
package/dist/main-client.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Button as
|
|
1
|
+
import { Button as e } from "./atoms/Button/Button.js";
|
|
2
2
|
import { Flex as p } from "./atoms/Flex/Flex.js";
|
|
3
3
|
import { Column as f, Grid as x } from "./atoms/Grid/Grid.js";
|
|
4
4
|
import { Head as n } from "./atoms/Root/Head.js";
|
|
@@ -7,9 +7,9 @@ import { Root as d } from "./atoms/Root/Root.js";
|
|
|
7
7
|
import { Separator as C } from "./atoms/Separator/Separator.js";
|
|
8
8
|
import { Text as k } from "./atoms/Text/Text.js";
|
|
9
9
|
import { Input as B } from "./atoms/Input/Input.js";
|
|
10
|
-
import { Link as
|
|
11
|
-
import { linkClassName as
|
|
12
|
-
import { configureLink as
|
|
10
|
+
import { Link as v } from "./atoms/Link/Link.js";
|
|
11
|
+
import { linkClassName as L } from "./atoms/Link/linkClassName.js";
|
|
12
|
+
import { configureLink as h, routerOverride as s } from "./atoms/Link/configureLink.js";
|
|
13
13
|
import { LinkButton as F } from "./atoms/LinkButton/LinkButton.js";
|
|
14
14
|
import { configureImage as b } from "./atoms/Image/configureImage.js";
|
|
15
15
|
import { Logo as H } from "./molecules/Logo/Logo.js";
|
|
@@ -24,46 +24,48 @@ import { Breadcrumbs as W } from "./molecules/Breadcrumbs/Breadcrumbs.js";
|
|
|
24
24
|
import { NotFound as Y } from "./organisms/NotFound/NotFound.js";
|
|
25
25
|
import { HorizontalScroll as _ } from "./atoms/HorizontalScroll/HorizontalScroll.js";
|
|
26
26
|
import { SlideInPanel as oo } from "./atoms/SlideInPanel/SlideInPanel.js";
|
|
27
|
-
import { Tooltip as
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
27
|
+
import { Tooltip as eo } from "./atoms/Tooltip/Tooltip.js";
|
|
28
|
+
import { Popover as po } from "./atoms/Popover/Popover.js";
|
|
29
|
+
import { Account as fo } from "./molecules/Account/Account.js";
|
|
30
|
+
import { Chip as ao } from "./molecules/Chip/Chip.js";
|
|
31
|
+
import { ToggleView as io } from "./molecules/ToggleView/ToggleView.js";
|
|
32
|
+
import { CartSlideInPanel as uo } from "./molecules/Cart/CartSlideInPanel.js";
|
|
33
|
+
import { StatefulButton as Co } from "./molecules/StatefulButton/StatefulButton.js";
|
|
34
|
+
import { AnimatedCheckMark as ko } from "./molecules/StatefulButton/AnimatedCheckmark.js";
|
|
35
|
+
import { AddToCart as Bo } from "./molecules/AddToCart/AddToCart.js";
|
|
36
|
+
import { MainNav as vo } from "./organisms/MainNav/MainNav.js";
|
|
37
|
+
import { ChipSelector as Lo } from "./organisms/ChipSelector/ChipSelector.js";
|
|
37
38
|
import { Product as ho } from "./organisms/Product/Product.js";
|
|
38
|
-
import { Carousel as
|
|
39
|
-
import { Footer as
|
|
39
|
+
import { Carousel as To } from "./organisms/Carousel/Carousel.js";
|
|
40
|
+
import { Footer as No } from "./organisms/Footer/Footer.js";
|
|
40
41
|
export {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
42
|
+
fo as Account,
|
|
43
|
+
Bo as AddToCart,
|
|
44
|
+
ko as AnimatedCheckMark,
|
|
44
45
|
V as Availability,
|
|
45
46
|
q as Avatar,
|
|
46
47
|
E as BannerCard,
|
|
47
48
|
W as Breadcrumbs,
|
|
48
|
-
|
|
49
|
+
e as Button,
|
|
49
50
|
K as CardLink,
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
51
|
+
To as Carousel,
|
|
52
|
+
uo as CartSlideInPanel,
|
|
53
|
+
ao as Chip,
|
|
54
|
+
Lo as ChipSelector,
|
|
54
55
|
f as Column,
|
|
55
56
|
p as Flex,
|
|
56
|
-
|
|
57
|
+
No as Footer,
|
|
57
58
|
x as Grid,
|
|
58
59
|
n as Head,
|
|
59
60
|
_ as HorizontalScroll,
|
|
60
61
|
l as Icon,
|
|
61
62
|
B as Input,
|
|
62
|
-
|
|
63
|
+
v as Link,
|
|
63
64
|
F as LinkButton,
|
|
64
65
|
H as Logo,
|
|
65
|
-
|
|
66
|
+
vo as MainNav,
|
|
66
67
|
Y as NotFound,
|
|
68
|
+
po as Popover,
|
|
67
69
|
Q as Pricing,
|
|
68
70
|
ho as Product,
|
|
69
71
|
G as QuantityInput,
|
|
@@ -71,12 +73,12 @@ export {
|
|
|
71
73
|
w as SearchBox,
|
|
72
74
|
C as Separator,
|
|
73
75
|
oo as SlideInPanel,
|
|
74
|
-
|
|
76
|
+
Co as StatefulButton,
|
|
75
77
|
k as Text,
|
|
76
|
-
|
|
77
|
-
|
|
78
|
+
io as ToggleView,
|
|
79
|
+
eo as Tooltip,
|
|
78
80
|
b as configureImage,
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
81
|
+
h as configureLink,
|
|
82
|
+
L as linkClassName,
|
|
83
|
+
s as routerOverride
|
|
82
84
|
};
|
|
@@ -1,20 +1,21 @@
|
|
|
1
1
|
import { jsx as i, jsxs as n } from "react/jsx-runtime";
|
|
2
|
-
import { getHideAtStyles as
|
|
2
|
+
import { getHideAtStyles as a } from "../../atoms/HideAt.js";
|
|
3
3
|
import { Icon as f } from "../../atoms/Icon/Icon.js";
|
|
4
|
-
import { Text as
|
|
4
|
+
import { Text as l } from "../../atoms/Text/Text.js";
|
|
5
5
|
import { Avatar as h } from "../Avatar/Avatar.js";
|
|
6
|
-
import { Flex as
|
|
7
|
-
import { Button as
|
|
6
|
+
import { Flex as d } from "../../atoms/Flex/Flex.js";
|
|
7
|
+
import { Button as A } from "../../atoms/Button/Button.js";
|
|
8
8
|
import { c as u } from "../../clsx-OuTLNxxd.js";
|
|
9
|
-
import { Link as
|
|
10
|
-
import '../../assets/Account.css';const p = "
|
|
11
|
-
loggedIn: p
|
|
9
|
+
import { Link as x } from "../../atoms/Link/Link.js";
|
|
10
|
+
import '../../assets/Account.css';const p = "_loggedIn_1aoh3_1", I = "_customer_1aoh3_12", s = {
|
|
11
|
+
loggedIn: p,
|
|
12
|
+
customer: I
|
|
12
13
|
};
|
|
13
|
-
function
|
|
14
|
+
function _(e) {
|
|
14
15
|
return e.account !== void 0;
|
|
15
16
|
}
|
|
16
|
-
function
|
|
17
|
-
return
|
|
17
|
+
function P(e) {
|
|
18
|
+
return _(e) ? /* @__PURE__ */ i(k, { ...e }) : /* @__PURE__ */ i(v, { ...e });
|
|
18
19
|
}
|
|
19
20
|
function k(e) {
|
|
20
21
|
const {
|
|
@@ -26,26 +27,24 @@ function k(e) {
|
|
|
26
27
|
...g
|
|
27
28
|
} = e;
|
|
28
29
|
return /* @__PURE__ */ n(
|
|
29
|
-
|
|
30
|
+
"div",
|
|
30
31
|
{
|
|
31
|
-
|
|
32
|
-
alignItems: "center",
|
|
33
|
-
className: u(l.loggedIn, d(c), r),
|
|
32
|
+
className: u(s.loggedIn, a(c), r),
|
|
34
33
|
...g,
|
|
35
34
|
children: [
|
|
36
35
|
/* @__PURE__ */ n(
|
|
37
|
-
|
|
36
|
+
d,
|
|
38
37
|
{
|
|
39
38
|
flexDirection: "column",
|
|
40
39
|
alignItems: "flex-end",
|
|
41
40
|
hideAt: ["sm", "md"],
|
|
42
|
-
className:
|
|
41
|
+
className: s.customer,
|
|
43
42
|
children: [
|
|
44
|
-
/* @__PURE__ */ n(
|
|
43
|
+
/* @__PURE__ */ n(l, { size: "xxs", children: [
|
|
45
44
|
"Acct: ",
|
|
46
45
|
t == null ? void 0 : t.number
|
|
47
46
|
] }),
|
|
48
|
-
/* @__PURE__ */ i(
|
|
47
|
+
/* @__PURE__ */ i(x, { href: o, children: /* @__PURE__ */ n(l, { size: "sm", variant: "display", children: [
|
|
49
48
|
"Hello ",
|
|
50
49
|
t == null ? void 0 : t.name
|
|
51
50
|
] }) })
|
|
@@ -57,22 +56,22 @@ function k(e) {
|
|
|
57
56
|
}
|
|
58
57
|
);
|
|
59
58
|
}
|
|
60
|
-
function
|
|
59
|
+
function v(e) {
|
|
61
60
|
const { accountRoute: t, onLoginClick: o, className: m, hideAt: r, ...c } = e;
|
|
62
61
|
return /* @__PURE__ */ n(
|
|
63
|
-
|
|
62
|
+
d,
|
|
64
63
|
{
|
|
65
64
|
flexDirection: "row",
|
|
66
65
|
alignItems: "center",
|
|
67
66
|
...c,
|
|
68
67
|
className: u(
|
|
69
|
-
|
|
70
|
-
|
|
68
|
+
s.unauthenticated,
|
|
69
|
+
a(r),
|
|
71
70
|
m
|
|
72
71
|
),
|
|
73
72
|
children: [
|
|
74
73
|
/* @__PURE__ */ i(
|
|
75
|
-
|
|
74
|
+
A,
|
|
76
75
|
{
|
|
77
76
|
onClick: o,
|
|
78
77
|
size: "sm",
|
|
@@ -87,5 +86,5 @@ function y(e) {
|
|
|
87
86
|
);
|
|
88
87
|
}
|
|
89
88
|
export {
|
|
90
|
-
|
|
89
|
+
P as Account
|
|
91
90
|
};
|
|
@@ -4,11 +4,11 @@ import { Link as c } from "../../atoms/Link/Link.js";
|
|
|
4
4
|
import { getHideAtStyles as l } from "../../atoms/HideAt.js";
|
|
5
5
|
import { c as f } from "../../clsx-OuTLNxxd.js";
|
|
6
6
|
import { t as r } from "../../Text.module-Dzhzk2fH.js";
|
|
7
|
-
import '../../assets/Avatar.css';const p = "
|
|
7
|
+
import '../../assets/Avatar.css';const p = "_avatar_nvnsd_1", x = {
|
|
8
8
|
avatar: p
|
|
9
9
|
};
|
|
10
|
-
function
|
|
11
|
-
const { accountRoute: a, initials:
|
|
10
|
+
function A(e) {
|
|
11
|
+
const { accountRoute: a, initials: s, className: o, hideAt: i, ...n } = e;
|
|
12
12
|
return /* @__PURE__ */ t(c, { href: a, children: /* @__PURE__ */ t(
|
|
13
13
|
m,
|
|
14
14
|
{
|
|
@@ -20,13 +20,13 @@ function w(e) {
|
|
|
20
20
|
r["text-display"],
|
|
21
21
|
r["text-md"],
|
|
22
22
|
l(i),
|
|
23
|
-
|
|
23
|
+
o
|
|
24
24
|
),
|
|
25
25
|
...n,
|
|
26
|
-
children:
|
|
26
|
+
children: s.substring(0, 2)
|
|
27
27
|
}
|
|
28
28
|
) });
|
|
29
29
|
}
|
|
30
30
|
export {
|
|
31
|
-
|
|
31
|
+
A as Avatar
|
|
32
32
|
};
|
|
@@ -6,7 +6,6 @@ export interface MainNavProps extends CartPropsBase, React.HTMLAttributes<HTMLDi
|
|
|
6
6
|
categories?: CategoryWithChildren[];
|
|
7
7
|
homeRoute: string;
|
|
8
8
|
faqRoute: string;
|
|
9
|
-
byModelSerialRoute: string;
|
|
10
9
|
customPartsRoute: string;
|
|
11
10
|
aboutUsRoute: string;
|
|
12
11
|
accountRoute: string;
|
|
@@ -14,6 +13,7 @@ export interface MainNavProps extends CartPropsBase, React.HTMLAttributes<HTMLDi
|
|
|
14
13
|
cart: ShoppingCart;
|
|
15
14
|
onLoginClick: () => void;
|
|
16
15
|
onSearch: (_input: string) => void;
|
|
16
|
+
onClickModelSerial: () => void;
|
|
17
17
|
}
|
|
18
18
|
export type MainNavHandle = ShoppingCartHandle;
|
|
19
19
|
export declare const MainNav: React.ForwardRefExoticComponent<MainNavProps & React.RefAttributes<ShoppingCartHandle>>;
|
|
@@ -1,49 +1,49 @@
|
|
|
1
1
|
import { jsx as e, jsxs as o } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { Text as
|
|
2
|
+
import D from "react";
|
|
3
|
+
import { Text as N } from "../../atoms/Text/Text.js";
|
|
4
4
|
import { Link as l } from "../../atoms/Link/Link.js";
|
|
5
|
-
import { Icon as
|
|
5
|
+
import { Icon as M } from "../../atoms/Icon/Icon.js";
|
|
6
6
|
import { Flex as t } from "../../atoms/Flex/Flex.js";
|
|
7
|
-
import { Grid as
|
|
8
|
-
import { Logo as
|
|
9
|
-
import { SearchBox as
|
|
10
|
-
import { HamburgerMenu as
|
|
11
|
-
import { ShoppingCart as
|
|
12
|
-
import { Account as
|
|
13
|
-
import { CategoryNav as
|
|
14
|
-
import { c as
|
|
15
|
-
import
|
|
7
|
+
import { Grid as z, Column as I } from "../../atoms/Grid/Grid.js";
|
|
8
|
+
import { Logo as S } from "../../molecules/Logo/Logo.js";
|
|
9
|
+
import { SearchBox as _ } from "../../molecules/SearchBox/SearchBox.js";
|
|
10
|
+
import { HamburgerMenu as U } from "../../molecules/HamburgerMenu/HamburgerMenu.js";
|
|
11
|
+
import { ShoppingCart as F } from "../../molecules/Cart/Cart.js";
|
|
12
|
+
import { Account as H } from "../../molecules/Account/Account.js";
|
|
13
|
+
import { CategoryNav as B } from "../../molecules/CategoryNav/CategoryNav.js";
|
|
14
|
+
import { c as s } from "../../clsx-OuTLNxxd.js";
|
|
15
|
+
import { getHideAtStyles as u } from "../../atoms/HideAt.js";
|
|
16
|
+
import '../../assets/MainNav.css';const G = "_main_19pdr_1", K = "_column_19pdr_8", P = "_topNav_19pdr_13", Q = "_logo_19pdr_21", T = "_operations_19pdr_24", W = "_search_19pdr_31", q = "_siteLink_19pdr_34", E = "_accountArea_19pdr_48", J = "_category_19pdr_60", O = "_menuList_19pdr_82", r = {
|
|
16
17
|
main: G,
|
|
17
|
-
column:
|
|
18
|
-
topNav:
|
|
19
|
-
logo:
|
|
20
|
-
operations:
|
|
21
|
-
search:
|
|
22
|
-
siteLink:
|
|
23
|
-
accountArea:
|
|
24
|
-
category:
|
|
25
|
-
menuList:
|
|
26
|
-
},
|
|
18
|
+
column: K,
|
|
19
|
+
topNav: P,
|
|
20
|
+
logo: Q,
|
|
21
|
+
operations: T,
|
|
22
|
+
search: W,
|
|
23
|
+
siteLink: q,
|
|
24
|
+
accountArea: E,
|
|
25
|
+
category: J,
|
|
26
|
+
menuList: O
|
|
27
|
+
}, le = D.forwardRef(function({
|
|
27
28
|
account: c,
|
|
28
29
|
categories: n,
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
onSearch: f,
|
|
39
|
-
open: L,
|
|
40
|
-
// NEW: consume external panel control props from CartPropsBase
|
|
41
|
-
onCartClick: C,
|
|
42
|
-
// NEW: callback from consumer
|
|
30
|
+
homeRoute: g,
|
|
31
|
+
faqRoute: v,
|
|
32
|
+
customPartsRoute: d,
|
|
33
|
+
aboutUsRoute: A,
|
|
34
|
+
accountRoute: L,
|
|
35
|
+
contactRoute: h,
|
|
36
|
+
cart: x,
|
|
37
|
+
open: C,
|
|
38
|
+
// consume external panel control props from CartPropsBase
|
|
43
39
|
className: k,
|
|
40
|
+
onLoginClick: y,
|
|
41
|
+
onSearch: p,
|
|
42
|
+
onClickModelSerial: f,
|
|
43
|
+
onCartClick: b,
|
|
44
44
|
...w
|
|
45
|
-
},
|
|
46
|
-
return /* @__PURE__ */ e(
|
|
45
|
+
}, j) {
|
|
46
|
+
return /* @__PURE__ */ e(z, { ...w, gridWrapperClassName: s(r.main, k), children: /* @__PURE__ */ o(I, { span: 12, className: r.column, children: [
|
|
47
47
|
/* @__PURE__ */ o(
|
|
48
48
|
t,
|
|
49
49
|
{
|
|
@@ -52,7 +52,7 @@ import '../../assets/MainNav.css';const G = "_main_1l043_1", H = "_column_1l043_
|
|
|
52
52
|
justifyContent: "space-between",
|
|
53
53
|
className: r.topNav,
|
|
54
54
|
children: [
|
|
55
|
-
/* @__PURE__ */ e("div", { className: r.logo, children: /* @__PURE__ */ e(l, { href:
|
|
55
|
+
/* @__PURE__ */ e("div", { className: r.logo, children: /* @__PURE__ */ e(l, { href: g, children: /* @__PURE__ */ e(S, {}) }) }),
|
|
56
56
|
/* @__PURE__ */ o(
|
|
57
57
|
t,
|
|
58
58
|
{
|
|
@@ -61,38 +61,38 @@ import '../../assets/MainNav.css';const G = "_main_1l043_1", H = "_column_1l043_
|
|
|
61
61
|
justifyContent: "flex-end",
|
|
62
62
|
className: r.operations,
|
|
63
63
|
children: [
|
|
64
|
-
/* @__PURE__ */ e(t, { flexDirection: "row", hideAt: ["sm"], className: r.search, children: /* @__PURE__ */ e(
|
|
65
|
-
/* @__PURE__ */ e(
|
|
66
|
-
/* @__PURE__ */ e(i, { href:
|
|
67
|
-
/* @__PURE__ */ e(i, { href:
|
|
64
|
+
/* @__PURE__ */ e(t, { flexDirection: "row", hideAt: ["sm"], className: r.search, children: /* @__PURE__ */ e(_, { onSearch: p, inputName: "cpc-search" }) }),
|
|
65
|
+
/* @__PURE__ */ e("button", { onClick: f, className: s(r.siteLink, u(["sm", "md"])), children: "Model/Serial" }),
|
|
66
|
+
/* @__PURE__ */ e(i, { href: d, hideAt: ["sm", "md"], children: "Custom Parts" }),
|
|
67
|
+
/* @__PURE__ */ e(i, { href: h, hideAt: ["sm", "md"], children: "Contact Us" }),
|
|
68
68
|
/* @__PURE__ */ e("div", { className: r.accountArea, children: /* @__PURE__ */ e(
|
|
69
|
-
|
|
69
|
+
H,
|
|
70
70
|
{
|
|
71
71
|
account: c,
|
|
72
|
-
accountRoute:
|
|
73
|
-
onLoginClick:
|
|
72
|
+
accountRoute: L,
|
|
73
|
+
onLoginClick: y,
|
|
74
74
|
className: r.avatar
|
|
75
75
|
}
|
|
76
76
|
) }),
|
|
77
77
|
/* @__PURE__ */ e(
|
|
78
|
-
|
|
78
|
+
F,
|
|
79
79
|
{
|
|
80
|
-
ref:
|
|
81
|
-
cart:
|
|
82
|
-
open:
|
|
83
|
-
onCartClick:
|
|
80
|
+
ref: j,
|
|
81
|
+
cart: x,
|
|
82
|
+
open: C,
|
|
83
|
+
onCartClick: b
|
|
84
84
|
}
|
|
85
85
|
),
|
|
86
|
-
/* @__PURE__ */ e(
|
|
87
|
-
/* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
|
|
88
|
-
/* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(i, { href:
|
|
89
|
-
/* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(i, { href:
|
|
90
|
-
/* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(i, { href:
|
|
91
|
-
/* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(i, { href:
|
|
86
|
+
/* @__PURE__ */ e(U, { hideAt: ["lg"], children: /* @__PURE__ */ o("ul", { className: r.menuList, children: [
|
|
87
|
+
/* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("button", { onClick: f, className: s(r.siteLink, u(["lg"])), children: "Model/Serial" }) }),
|
|
88
|
+
/* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(i, { href: d, children: "Custom Parts" }) }),
|
|
89
|
+
/* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(i, { href: h, children: "Contact Us" }) }),
|
|
90
|
+
/* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(i, { href: v, children: "FAQ" }) }),
|
|
91
|
+
/* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(i, { href: A, children: "About Us" }) }),
|
|
92
92
|
n && n.map((a) => /* @__PURE__ */ e("li", { className: r.category, children: /* @__PURE__ */ o(l, { href: a.route, children: [
|
|
93
|
-
/* @__PURE__ */ e(
|
|
93
|
+
/* @__PURE__ */ e(N, { size: "sm", weight: "semibold", children: a.label }),
|
|
94
94
|
/* @__PURE__ */ e(
|
|
95
|
-
|
|
95
|
+
M,
|
|
96
96
|
{
|
|
97
97
|
iconKey: "fa-solid fa-chevron-right",
|
|
98
98
|
title: "Navigate",
|
|
@@ -107,17 +107,17 @@ import '../../assets/MainNav.css';const G = "_main_1l043_1", H = "_column_1l043_
|
|
|
107
107
|
]
|
|
108
108
|
}
|
|
109
109
|
),
|
|
110
|
-
/* @__PURE__ */ e(t, { flexDirection: "row", hideAt: ["md", "lg"], children: /* @__PURE__ */ e(
|
|
111
|
-
/* @__PURE__ */ e(
|
|
110
|
+
/* @__PURE__ */ e(t, { flexDirection: "row", hideAt: ["md", "lg"], children: /* @__PURE__ */ e(_, { onSearch: p, inputName: "cpc-search", className: r.search }) }),
|
|
111
|
+
/* @__PURE__ */ e(B, { categories: n })
|
|
112
112
|
] }) });
|
|
113
113
|
});
|
|
114
114
|
function i({
|
|
115
|
-
href:
|
|
115
|
+
href: m,
|
|
116
116
|
children: c,
|
|
117
117
|
...n
|
|
118
118
|
}) {
|
|
119
|
-
return /* @__PURE__ */ e(l, { href:
|
|
119
|
+
return /* @__PURE__ */ e(l, { href: m, className: r.siteLink, ...n, children: /* @__PURE__ */ e(N, { size: "md", variant: "display", children: c }) });
|
|
120
120
|
}
|
|
121
121
|
export {
|
|
122
|
-
|
|
122
|
+
le as MainNav
|
|
123
123
|
};
|
|
@@ -119,7 +119,7 @@ const I = {
|
|
|
119
119
|
{ id: 12, itemId: "1092-02", description: "Kason Door Closer - Offset", price: "$99.99", quantity: 1, imageUrl: a, availability: "In Stock", availabilityId: "available" }
|
|
120
120
|
]
|
|
121
121
|
};
|
|
122
|
-
function
|
|
122
|
+
function v(e) {
|
|
123
123
|
return `$${e.items.reduce(
|
|
124
124
|
(t, i) => t + (parseFloat(i.price.replace(/[^0-9.]/g, "")) || 0) * i.quantity,
|
|
125
125
|
0
|
|
@@ -142,7 +142,7 @@ const n = (e) => {
|
|
|
142
142
|
open: l,
|
|
143
143
|
onClose: () => t(!1),
|
|
144
144
|
cart: e.cart,
|
|
145
|
-
subtotal:
|
|
145
|
+
subtotal: v(e.cart),
|
|
146
146
|
itemPriceLabel: "List Price",
|
|
147
147
|
contactHref: e.contactRoute,
|
|
148
148
|
contactLinkBehavior: "new-tab",
|
|
@@ -159,7 +159,9 @@ const n = (e) => {
|
|
|
159
159
|
homeRoute: "/",
|
|
160
160
|
customPartsRoute: "/custom",
|
|
161
161
|
accountRoute: "/account",
|
|
162
|
-
|
|
162
|
+
onClickModelSerial: () => {
|
|
163
|
+
alert("Model/Serial");
|
|
164
|
+
},
|
|
163
165
|
faqRoute: "/faq",
|
|
164
166
|
aboutUsRoute: "/about",
|
|
165
167
|
contactRoute: "/contact",
|
|
@@ -182,7 +184,9 @@ const n = (e) => {
|
|
|
182
184
|
homeRoute: "/",
|
|
183
185
|
customPartsRoute: "/custom",
|
|
184
186
|
accountRoute: "/account",
|
|
185
|
-
|
|
187
|
+
onClickModelSerial: () => {
|
|
188
|
+
alert("Model/Serial");
|
|
189
|
+
},
|
|
186
190
|
faqRoute: "/faq",
|
|
187
191
|
aboutUsRoute: "/about",
|
|
188
192
|
contactRoute: "/contact",
|
|
@@ -197,13 +201,15 @@ const n = (e) => {
|
|
|
197
201
|
categories: o
|
|
198
202
|
},
|
|
199
203
|
render: n
|
|
200
|
-
},
|
|
204
|
+
}, k = {
|
|
201
205
|
args: {
|
|
202
206
|
cart: r,
|
|
203
207
|
homeRoute: "/",
|
|
204
208
|
customPartsRoute: "/custom",
|
|
205
209
|
accountRoute: "/account",
|
|
206
|
-
|
|
210
|
+
onClickModelSerial: () => {
|
|
211
|
+
alert("Model/Serial");
|
|
212
|
+
},
|
|
207
213
|
faqRoute: "/faq",
|
|
208
214
|
aboutUsRoute: "/about",
|
|
209
215
|
contactRoute: "/contact",
|
|
@@ -221,7 +227,7 @@ const n = (e) => {
|
|
|
221
227
|
};
|
|
222
228
|
export {
|
|
223
229
|
S as Authenticated,
|
|
224
|
-
|
|
230
|
+
k as Unauthenticated,
|
|
225
231
|
C as WithCartItems,
|
|
226
232
|
I as default
|
|
227
233
|
};
|