@caseparts-org/caseblocks 0.0.54 → 0.0.55

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.
Files changed (6) hide show
  1. package/dist/assets/MainNav.css +1 -1
  2. package/dist/molecules/Tooltip/Tooltip.js +2 -2
  3. package/dist/organisms/MainNav/MainNav.d.ts +2 -1
  4. package/dist/organisms/MainNav/MainNav.js +77 -75
  5. package/dist/organisms/MainNav/MainNav.stories.js +3 -0
  6. package/package.json +1 -1
package/dist/assets/MainNav.css CHANGED
@@ -1 +1 @@
1
- ._main_18fjz_1{box-shadow:#bbb3 0 8px 24px;padding:var(--spacing-0-5) 0;z-index:1;position:relative}._column_18fjz_8{box-sizing:border-box;padding:0 var(--spacing-1)}._topNav_18fjz_13{padding-bottom:var(--spacing-0-5);gap:var(--spacing-1-5)}@media (max-width: 1281px){._topNav_18fjz_13{gap:var(--spacing-1);padding-bottom:0}}._operations_18fjz_21{gap:var(--spacing-1-5);width:100%}@media (max-width: 1281px){._operations_18fjz_21{gap:var(--spacing-1)}}._search_18fjz_28{flex:1}._siteLink_18fjz_31{color:var(--color-brand-primary-primary-black);cursor:default}._accountArea_18fjz_35{width:145px}@media (max-width: 1281px){._accountArea_18fjz_35{width:min-content}}._cart_18fjz_41{border:none;padding:0;margin:0;background-color:transparent}._category_18fjz_47{list-style:none}._category_18fjz_47 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_18fjz_47 a{justify-content:space-between;width:100%}}._category_18fjz_47 a:hover{color:var(--color-brand-primary-primary-teal-blue);text-decoration:none}._category_18fjz_47 a path{fill:var(--color-brand-primary-primary-teal-blue)}._menuList_18fjz_69{list-style:none;padding:0;margin:0;height:min-content;border:1px solid var(--border-border-secondary-btn, #dfdfdf)}._menuList_18fjz_69>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_18fjz_69>li:last-of-type{border-bottom:none}
1
+ ._main_1l043_1{box-shadow:#bbb3 0 8px 24px;padding:var(--spacing-0-5) 0;z-index:1;position:relative}._column_1l043_8{box-sizing:border-box;padding:0 var(--spacing-1)}._topNav_1l043_13{padding-bottom:var(--spacing-0-5);gap:var(--spacing-1-5)}@media (max-width: 1281px){._topNav_1l043_13{gap:var(--spacing-1);padding-bottom:0}}._logo_1l043_21{cursor:pointer}._operations_1l043_24{gap:var(--spacing-1-5);width:100%}@media (max-width: 1281px){._operations_1l043_24{gap:var(--spacing-1)}}._search_1l043_31{flex:1}._siteLink_1l043_34{color:var(--color-brand-primary-primary-black);cursor:default}._accountArea_1l043_38{width:145px}@media (max-width: 1281px){._accountArea_1l043_38{width:min-content}}._cart_1l043_44{border:none;padding:0;margin:0;background-color:transparent}._category_1l043_50{list-style:none}._category_1l043_50 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_1l043_50 a{justify-content:space-between;width:100%}}._category_1l043_50 a:hover{color:var(--color-brand-primary-primary-teal-blue);text-decoration:none}._category_1l043_50 a path{fill:var(--color-brand-primary-primary-teal-blue)}._menuList_1l043_72{list-style:none;padding:0;margin:0;height:min-content;border:1px solid var(--border-border-secondary-btn, #dfdfdf)}._menuList_1l043_72>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_1l043_72>li:last-of-type{border-bottom:none}
package/dist/molecules/Tooltip/Tooltip.js CHANGED
@@ -722,11 +722,11 @@ const ut = "_content_1wx0f_2", be = {
722
722
  }) => /* @__PURE__ */ he(
723
723
  lt,
724
724
  {
725
- arrow: !0,
725
+ ...o,
726
+ arrow: o.arrow ?? !0,
726
727
  on: o.on ?? "hover",
727
728
  repositionOnResize: o.repositionOnResize ?? !0,
728
729
  keepTooltipInside: o.keepTooltipInside ?? !0,
729
- ...o,
730
730
  className: Oe(be.tooltip, s),
731
731
  children: /* @__PURE__ */ he("div", { className: Oe(be.content, a), children: c })
732
732
  }
package/dist/organisms/MainNav/MainNav.d.ts CHANGED
@@ -3,6 +3,7 @@ import { AccountProps } from '../../molecules/Account/Account';
3
3
  import { ContactUsLinkBehavior } from 'lib/main-client';
4
4
  export interface MainNavProps extends CartPropsBase, React.HTMLAttributes<HTMLDivElement>, Pick<AccountProps, "account"> {
5
5
  categories?: MainCategory[];
6
+ homeRoute: string;
6
7
  faqRoute: string;
7
8
  byModelSerialRoute: string;
8
9
  customPartsRoute: string;
@@ -25,4 +26,4 @@ export interface MainCategory extends Category {
25
26
  children: Category[];
26
27
  showChevron?: boolean;
27
28
  }
28
- export declare function MainNav({ account, categories, byModelSerialRoute, faqRoute, customPartsRoute, aboutUsRoute, accountRoute, contactRoute, cart, cartSubtotal, cartItemPriceLabel, cartContactLinkBehavior, onLoginClick, onSearch, onItemQtyChange, onItemDelete, onItemEdit, onCheckout, className, ...otherProps }: MainNavProps): import("react/jsx-runtime").JSX.Element;
29
+ export declare function MainNav({ account, categories, byModelSerialRoute, homeRoute, faqRoute, customPartsRoute, aboutUsRoute, accountRoute, contactRoute, cart, cartSubtotal, cartItemPriceLabel, cartContactLinkBehavior, onLoginClick, onSearch, onItemQtyChange, onItemDelete, onItemEdit, onCheckout, className, ...otherProps }: MainNavProps): import("react/jsx-runtime").JSX.Element;
package/dist/organisms/MainNav/MainNav.js CHANGED
@@ -1,111 +1,113 @@
1
- import { jsx as e, jsxs as t } from "react/jsx-runtime";
2
- import { Text as f } from "../../atoms/Text/Text.js";
3
- import { Link as p } from "../../atoms/Link/Link.js";
4
- import { Icon as w } from "../../atoms/Icon/Icon.js";
5
- import { Flex as a } from "../../atoms/Flex/Flex.js";
6
- import { Grid as D, Column as I } from "../../atoms/Grid/Grid.js";
7
- import { Logo as M } from "../../molecules/Logo/Logo.js";
8
- import { SearchBox as d } from "../../molecules/SearchBox/SearchBox.js";
9
- import { HamburgerMenu as U } from "../../molecules/HamburgerMenu/HamburgerMenu.js";
10
- import { ShoppingCart as B } from "../../molecules/Cart/Cart.js";
11
- import { Account as F } from "../../molecules/Account/Account.js";
12
- import { CategoryNav as H } from "../../molecules/CategoryNav/CategoryNav.js";
13
- import { c as P } from "../../clsx-OuTLNxxd.js";
14
- import '../../assets/MainNav.css';const S = "_main_18fjz_1", G = "_column_18fjz_8", K = "_topNav_18fjz_13", Q = "_operations_18fjz_21", T = "_search_18fjz_28", W = "_siteLink_18fjz_31", q = "_accountArea_18fjz_35", E = "_category_18fjz_47", J = "_menuList_18fjz_69", i = {
15
- main: S,
16
- column: G,
17
- topNav: K,
18
- operations: Q,
19
- search: T,
20
- siteLink: W,
21
- accountArea: q,
22
- category: E,
23
- menuList: J
1
+ import { jsx as e, jsxs as o } from "react/jsx-runtime";
2
+ import { Text as p } from "../../atoms/Text/Text.js";
3
+ import { Link as m } from "../../atoms/Link/Link.js";
4
+ import { Icon as z } from "../../atoms/Icon/Icon.js";
5
+ import { Flex as t } from "../../atoms/Flex/Flex.js";
6
+ import { Grid as I, Column as M } from "../../atoms/Grid/Grid.js";
7
+ import { Logo as U } from "../../molecules/Logo/Logo.js";
8
+ import { SearchBox as f } from "../../molecules/SearchBox/SearchBox.js";
9
+ import { HamburgerMenu as B } from "../../molecules/HamburgerMenu/HamburgerMenu.js";
10
+ import { ShoppingCart as F } from "../../molecules/Cart/Cart.js";
11
+ import { Account as H } from "../../molecules/Account/Account.js";
12
+ import { CategoryNav as P } from "../../molecules/CategoryNav/CategoryNav.js";
13
+ import { c as S } from "../../clsx-OuTLNxxd.js";
14
+ import '../../assets/MainNav.css';const G = "_main_1l043_1", K = "_column_1l043_8", Q = "_topNav_1l043_13", T = "_logo_1l043_21", W = "_operations_1l043_24", q = "_search_1l043_31", E = "_siteLink_1l043_34", J = "_accountArea_1l043_38", O = "_category_1l043_50", V = "_menuList_1l043_72", i = {
15
+ main: G,
16
+ column: K,
17
+ topNav: Q,
18
+ logo: T,
19
+ operations: W,
20
+ search: q,
21
+ siteLink: E,
22
+ accountArea: J,
23
+ category: O,
24
+ menuList: V
24
25
  };
25
26
  function ae({
26
- account: o,
27
+ account: l,
27
28
  categories: n,
28
29
  byModelSerialRoute: c,
29
- faqRoute: _,
30
- customPartsRoute: m,
31
- aboutUsRoute: u,
32
- accountRoute: N,
33
- contactRoute: s,
30
+ homeRoute: _,
31
+ faqRoute: u,
32
+ customPartsRoute: h,
33
+ aboutUsRoute: N,
34
+ accountRoute: g,
35
+ contactRoute: a,
34
36
  cart: v,
35
- cartSubtotal: g,
36
- cartItemPriceLabel: j,
37
- cartContactLinkBehavior: A,
38
- onLoginClick: L,
39
- onSearch: h,
40
- onItemQtyChange: x,
41
- onItemDelete: z,
42
- onItemEdit: C,
43
- onCheckout: k,
44
- className: y,
45
- ...b
37
+ cartSubtotal: A,
38
+ cartItemPriceLabel: L,
39
+ cartContactLinkBehavior: x,
40
+ onLoginClick: C,
41
+ onSearch: d,
42
+ onItemQtyChange: k,
43
+ onItemDelete: y,
44
+ onItemEdit: b,
45
+ onCheckout: w,
46
+ className: j,
47
+ ...D
46
48
  }) {
47
- return /* @__PURE__ */ e(D, { ...b, gridWrapperClassName: P(i.main, y), children: /* @__PURE__ */ t(I, { span: 12, className: i.column, children: [
48
- /* @__PURE__ */ t(
49
- a,
49
+ return /* @__PURE__ */ e(I, { ...D, gridWrapperClassName: S(i.main, j), children: /* @__PURE__ */ o(M, { span: 12, className: i.column, children: [
50
+ /* @__PURE__ */ o(
51
+ t,
50
52
  {
51
53
  flexDirection: "row",
52
54
  alignItems: "center",
53
55
  justifyContent: "space-between",
54
56
  className: i.topNav,
55
57
  children: [
56
- /* @__PURE__ */ e("div", { className: i.logo, children: /* @__PURE__ */ e(M, {}) }),
57
- /* @__PURE__ */ t(
58
- a,
58
+ /* @__PURE__ */ e("div", { className: i.logo, children: /* @__PURE__ */ e(m, { href: _, children: /* @__PURE__ */ e(U, {}) }) }),
59
+ /* @__PURE__ */ o(
60
+ t,
59
61
  {
60
62
  flexDirection: "row",
61
63
  alignItems: "center",
62
64
  justifyContent: "flex-end",
63
65
  className: i.operations,
64
66
  children: [
65
- /* @__PURE__ */ e(a, { flexDirection: "row", hideAt: ["sm"], className: i.search, children: /* @__PURE__ */ e(d, { onSearch: h, inputName: "cpc-search" }) }),
67
+ /* @__PURE__ */ e(t, { flexDirection: "row", hideAt: ["sm"], className: i.search, children: /* @__PURE__ */ e(f, { onSearch: d, inputName: "cpc-search" }) }),
66
68
  /* @__PURE__ */ e(r, { href: c, hideAt: ["sm", "md"], children: "Model/Serial" }),
67
- /* @__PURE__ */ e(r, { href: m, hideAt: ["sm", "md"], children: "Custom Parts" }),
68
- /* @__PURE__ */ e(r, { href: s, hideAt: ["sm", "md"], children: "Contact Us" }),
69
+ /* @__PURE__ */ e(r, { href: h, hideAt: ["sm", "md"], children: "Custom Parts" }),
70
+ /* @__PURE__ */ e(r, { href: a, hideAt: ["sm", "md"], children: "Contact Us" }),
69
71
  /* @__PURE__ */ e("div", { className: i.accountArea, children: /* @__PURE__ */ e(
70
- F,
72
+ H,
71
73
  {
72
- account: o,
73
- accountRoute: N,
74
- onLoginClick: L,
74
+ account: l,
75
+ accountRoute: g,
76
+ onLoginClick: C,
75
77
  className: i.avatar
76
78
  }
77
79
  ) }),
78
80
  /* @__PURE__ */ e(
79
- B,
81
+ F,
80
82
  {
81
83
  cart: v,
82
- onItemDelete: z,
83
- onItemEdit: C,
84
- onItemQtyChange: x,
85
- onCheckout: k,
86
- subtotal: g,
87
- contactHref: s,
88
- contactLinkBehavior: A,
89
- itemPriceLabel: j
84
+ onItemDelete: y,
85
+ onItemEdit: b,
86
+ onItemQtyChange: k,
87
+ onCheckout: w,
88
+ subtotal: A,
89
+ contactHref: a,
90
+ contactLinkBehavior: x,
91
+ itemPriceLabel: L
90
92
  }
91
93
  ),
92
- /* @__PURE__ */ e(U, { hideAt: ["lg"], children: /* @__PURE__ */ t("ul", { className: i.menuList, children: [
94
+ /* @__PURE__ */ e(B, { hideAt: ["lg"], children: /* @__PURE__ */ o("ul", { className: i.menuList, children: [
93
95
  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: c, children: "Make/Serial" }) }),
94
- /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: m, children: "Custom Parts" }) }),
95
- /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: s, children: "Contact Us" }) }),
96
- /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: _, children: "FAQ" }) }),
97
- /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: u, children: "About Us" }) }),
98
- n && n.map((l) => /* @__PURE__ */ e("li", { className: i.category, children: /* @__PURE__ */ t(p, { href: l.route, children: [
99
- /* @__PURE__ */ e(f, { size: "sm", weight: "semibold", children: l.label }),
96
+ /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: h, children: "Custom Parts" }) }),
97
+ /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: a, children: "Contact Us" }) }),
98
+ /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: u, children: "FAQ" }) }),
99
+ /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: N, children: "About Us" }) }),
100
+ n && n.map((s) => /* @__PURE__ */ e("li", { className: i.category, children: /* @__PURE__ */ o(m, { href: s.route, children: [
101
+ /* @__PURE__ */ e(p, { size: "sm", weight: "semibold", children: s.label }),
100
102
  /* @__PURE__ */ e(
101
- w,
103
+ z,
102
104
  {
103
105
  iconKey: "fa-solid fa-chevron-right",
104
106
  title: "Navigate",
105
107
  size: "sm"
106
108
  }
107
109
  )
108
- ] }) }, l.id))
110
+ ] }) }, s.id))
109
111
  ] }) })
110
112
  ]
111
113
  }
@@ -113,16 +115,16 @@ function ae({
113
115
  ]
114
116
  }
115
117
  ),
116
- /* @__PURE__ */ e(a, { flexDirection: "row", hideAt: ["md", "lg"], children: /* @__PURE__ */ e(d, { onSearch: h, inputName: "cpc-search", className: i.search }) }),
117
- /* @__PURE__ */ e(H, { categories: n })
118
+ /* @__PURE__ */ e(t, { flexDirection: "row", hideAt: ["md", "lg"], children: /* @__PURE__ */ e(f, { onSearch: d, inputName: "cpc-search", className: i.search }) }),
119
+ /* @__PURE__ */ e(P, { categories: n })
118
120
  ] }) });
119
121
  }
120
122
  function r({
121
- href: o,
123
+ href: l,
122
124
  children: n,
123
125
  ...c
124
126
  }) {
125
- return /* @__PURE__ */ e(p, { href: o, className: i.siteLink, ...c, children: /* @__PURE__ */ e(f, { size: "md", variant: "display", children: n }) });
127
+ return /* @__PURE__ */ e(m, { href: l, className: i.siteLink, ...c, children: /* @__PURE__ */ e(p, { size: "md", variant: "display", children: n }) });
126
128
  }
127
129
  export {
128
130
  ae as MainNav
package/dist/organisms/MainNav/MainNav.stories.js CHANGED
@@ -103,6 +103,7 @@ const r = {
103
103
  number: "123456789012"
104
104
  },
105
105
  cart: i,
106
+ homeRoute: "/",
106
107
  customPartsRoute: "/custom",
107
108
  accountRoute: "/account",
108
109
  byModelSerialRoute: "/model",
@@ -137,6 +138,7 @@ const r = {
137
138
  number: "123456789012"
138
139
  },
139
140
  cart: i,
141
+ homeRoute: "/",
140
142
  customPartsRoute: "/custom",
141
143
  accountRoute: "/account",
142
144
  byModelSerialRoute: "/model",
@@ -166,6 +168,7 @@ const r = {
166
168
  }, d = {
167
169
  args: {
168
170
  cart: i,
171
+ homeRoute: "/",
169
172
  customPartsRoute: "/custom",
170
173
  accountRoute: "/account",
171
174
  byModelSerialRoute: "/model",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@caseparts-org/caseblocks",
3
3
  "private": false,
4
- "version": "0.0.54",
4
+ "version": "0.0.55",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",