@caseparts-org/caseblocks 0.0.49 → 0.0.51

package/dist/molecules/Cart/Cart.js

@@ -32,7 +32,7 @@ function U({
   itemPriceLabel: p,
   ...u
 }) {
-  return n = n || { items: [] }, console.log(n), /* @__PURE__ */ t(
+  return n = n || { items: [] }, /* @__PURE__ */ t(
     f,
     {
       tooltipClassName: i.cartTooltip,

package/dist/molecules/Tooltip/Tooltip.js

@@ -379,7 +379,7 @@ function J() {
   }
 }
 process.env.NODE_ENV === "production" ? (J(), B.exports = ue()) : B.exports = le();
-var H = B.exports;
+var P = B.exports;
 const de = "_wrapper_1bu3d_1", fe = "_tooltip_1bu3d_6", ge = "_open_1bu3d_19", U = {
   wrapper: de,
   tooltip: fe,
@@ -397,9 +397,9 @@ const de = "_wrapper_1bu3d_1", fe = "_tooltip_1bu3d_6", ge = "_open_1bu3d_19", U
   viewportPadding: t = 4,
   allowEnter: o = !0
 }) => {
-  const [r, e] = m.useState(!1), i = m.useRef(null), y = m.useId(), O = m.useRef(null), b = m.useRef(null), Q = ye(), M = _ === "auto" ? Q ? "hover" : "click" : _, G = o ? 200 : 0, k = m.useRef(null), [Z, F] = m.useState(a), [ee, P] = m.useState(0), [te, I] = m.useState(0);
+  const [r, e] = m.useState(!1), i = m.useRef(null), y = m.useId(), O = m.useRef(null), b = m.useRef(null), Q = ye(), M = _ === "auto" ? Q ? "hover" : "click" : _, G = o ? 200 : 0, k = m.useRef(null), [Z, F] = m.useState(a), [ee, H] = m.useState(0), [te, I] = m.useState(0);
   m.useEffect(() => {
-    r || (F(a), P(0), I(0));
+    r || (F(a), H(0), I(0));
   }, [r, a]);
   function C() {
     i.current && (window.clearTimeout(i.current), i.current = null);
@@ -407,7 +407,7 @@ const de = "_wrapper_1bu3d_1", fe = "_tooltip_1bu3d_6", ge = "_open_1bu3d_19", U
   function x() {
     const s = O.current, S = b.current;
     if (!s || !S) return;
-    P(0), I(0);
+    H(0), I(0);
     const h = window.innerWidth, $ = window.innerHeight, w = s.getBoundingClientRect(), A = S.getBoundingClientRect();
     let D = a;
     if (n)
@@ -422,7 +422,7 @@ const de = "_wrapper_1bu3d_1", fe = "_tooltip_1bu3d_6", ge = "_open_1bu3d_19", U
       if (D === "top" || D === "bottom") {
         const l = w.left + w.width / 2 - A.width / 2, p = t, E = h - t - A.width;
         let L = 0;
-        l < p ? L = p - l : l > E && (L = E - l), P(L);
+        l < p ? L = p - l : l > E && (L = E - l), H(L);
       } else {
         const l = w.top + w.height / 2 - A.height / 2, p = t, E = $ - t - A.height;
         let L = 0;
@@ -443,19 +443,19 @@ const de = "_wrapper_1bu3d_1", fe = "_tooltip_1bu3d_6", ge = "_open_1bu3d_19", U
       return;
     }
     i.current = window.setTimeout(() => {
-      H.flushSync(() => e(!0)), H.flushSync(() => x());
+      P.flushSync(() => e(!0)), P.flushSync(() => x());
     }, c);
   }
   function re() {
     C(), N(), k.current = window.setTimeout(() => {
-      console.log("Hiding tooltip"), e(!1);
+      e(!1);
     }, G);
   }
   function j() {
     C(), N(), e(!1);
   }
   function z() {
-    C(), r ? e(!1) : (H.flushSync(() => e(!0)), H.flushSync(() => x()));
+    C(), r ? e(!1) : (P.flushSync(() => e(!0)), P.flushSync(() => x()));
   }
   V(() => {
     if (!r) return;
@@ -507,7 +507,7 @@ const de = "_wrapper_1bu3d_1", fe = "_tooltip_1bu3d_6", ge = "_open_1bu3d_19", U
     }
   } : {}, oe = M === "click" ? {
     onClick: (s) => {
-      r || (s.preventDefault(), z());
+      s.preventDefault(), z();
     },
     onKeyDown: (s) => {
       s.key === "Enter" || s.key === " " ? (s.preventDefault(), z()) : s.key === "Escape" && re();

package/dist/molecules/Tooltip/Tooltip.stories.d.ts

@@ -36,3 +36,4 @@ export declare const OnHover: Story;
 export declare const OnClick: Story;
 export declare const PositionRight: Story;
 export declare const PositionLeft: Story;
+export declare const AbsolutelyPositioned: Story;

package/dist/molecules/Tooltip/Tooltip.stories.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { Tooltip as e } from "./Tooltip.js";
-import { Button as o } from "../../atoms/Button/Button.js";
+import { Button as i } from "../../atoms/Button/Button.js";
 const s = {
   title: "Case Parts/Molecules/Tooltip",
   component: e,
@@ -38,7 +38,7 @@ const s = {
     delay: 0,
     allowEnter: !0
   },
-  render: (i) => /* @__PURE__ */ t(
+  render: (o) => /* @__PURE__ */ t(
     "div",
     {
       style: {
@@ -52,8 +52,8 @@ const s = {
       children: /* @__PURE__ */ t(
         e,
         {
-          ...i,
-          trigger: /* @__PURE__ */ t("div", { className: "tooltip-story", children: /* @__PURE__ */ t(o, { size: "md", variant: "primary", children: "Hover me" }) }),
+          ...o,
+          trigger: /* @__PURE__ */ t("div", { className: "tooltip-story", children: /* @__PURE__ */ t(i, { size: "md", variant: "primary", children: "Hover me" }) }),
           on: "hover",
           children: "This tooltip appears on hover (top center)."
         }
@@ -75,7 +75,7 @@ const s = {
       children: /* @__PURE__ */ t(
         e,
         {
-          trigger: /* @__PURE__ */ t("div", { className: "tooltip-story", children: /* @__PURE__ */ t(o, { size: "md", variant: "secondary", children: "Click me" }) }),
+          trigger: /* @__PURE__ */ t("div", { className: "tooltip-story", children: /* @__PURE__ */ t(i, { size: "md", variant: "secondary", children: "Click me" }) }),
           on: "click",
           position: "bottom",
           children: "This tooltip appears on click (bottom center)."
@@ -98,7 +98,7 @@ const s = {
       children: /* @__PURE__ */ t(
         e,
         {
-          trigger: /* @__PURE__ */ t("div", { className: "tooltip-story", children: /* @__PURE__ */ t(o, { size: "md", variant: "cta-primary", children: "Hover right" }) }),
+          trigger: /* @__PURE__ */ t("div", { className: "tooltip-story", children: /* @__PURE__ */ t(i, { size: "md", variant: "cta-primary", children: "Hover right" }) }),
           on: "hover",
           position: "right",
           children: "Tooltip on the right."
@@ -121,7 +121,7 @@ const s = {
       children: /* @__PURE__ */ t(
         e,
         {
-          trigger: /* @__PURE__ */ t("div", { className: "tooltip-story", children: /* @__PURE__ */ t(o, { size: "md", variant: "tertiary", children: "Hover left" }) }),
+          trigger: /* @__PURE__ */ t("div", { className: "tooltip-story", children: /* @__PURE__ */ t(i, { size: "md", variant: "tertiary", children: "Hover left" }) }),
           on: "hover",
           position: "left",
           children: "Tooltip on the left."
@@ -129,8 +129,33 @@ const s = {
       )
     }
   )
+}, p = {
+  render: () => /* @__PURE__ */ t(
+    "div",
+    {
+      style: {
+        height: "10vh",
+        display: "flex",
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "center",
+        position: "absolute",
+        right: "300px"
+      },
+      children: /* @__PURE__ */ t(
+        e,
+        {
+          trigger: /* @__PURE__ */ t("div", { className: "tooltip-story", children: /* @__PURE__ */ t(i, { size: "md", variant: "cta-primary", children: "Hover right" }) }),
+          on: "hover",
+          position: "right",
+          children: "Tooltip on the right."
+        }
+      )
+    }
+  )
 };
 export {
+  p as AbsolutelyPositioned,
   a as OnClick,
   c as OnHover,
   d as PositionLeft,

package/dist/organisms/MainNav/MainNav.d.ts

@@ -4,6 +4,7 @@ import { ContactUsLinkBehavior } from 'lib/main-client';
 export interface MainNavProps extends CartPropsBase, React.HTMLAttributes<HTMLDivElement>, Pick<AccountProps, "account"> {
     categories?: MainCategory[];
     faqRoute: string;
+    byModelSerialRoute: string;
     customPartsRoute: string;
     aboutUsRoute: string;
     accountRoute: string;
@@ -24,4 +25,4 @@ export interface MainCategory extends Category {
     children: Category[];
     showChevron?: boolean;
 }
-export declare function MainNav({ account, categories, faqRoute, customPartsRoute, aboutUsRoute, accountRoute, contactRoute, cart, cartSubtotal, cartItemPriceLabel, cartContactLinkBehavior, onLoginClick, onSearch, onItemQtyChange, onItemDelete, onItemEdit, onCheckout, className, ...otherProps }: MainNavProps): import("react/jsx-runtime").JSX.Element;
+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;

package/dist/organisms/MainNav/MainNav.js

@@ -1,109 +1,111 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { Text as f } from "../../atoms/Text/Text.js";
 import { Link as p } from "../../atoms/Link/Link.js";
-import { Icon as k } from "../../atoms/Icon/Icon.js";
-import { Flex as o } from "../../atoms/Flex/Flex.js";
-import { Grid as w, Column as D } from "../../atoms/Grid/Grid.js";
-import { Logo as F } from "../../molecules/Logo/Logo.js";
+import { Icon as w } from "../../atoms/Icon/Icon.js";
+import { Flex as a } from "../../atoms/Flex/Flex.js";
+import { Grid as D, Column as I } from "../../atoms/Grid/Grid.js";
+import { Logo as M } from "../../molecules/Logo/Logo.js";
 import { SearchBox as d } from "../../molecules/SearchBox/SearchBox.js";
-import { HamburgerMenu as I } from "../../molecules/HamburgerMenu/HamburgerMenu.js";
-import { ShoppingCart as U } from "../../molecules/Cart/Cart.js";
-import { Account as B } from "../../molecules/Account/Account.js";
+import { HamburgerMenu as U } from "../../molecules/HamburgerMenu/HamburgerMenu.js";
+import { ShoppingCart as B } from "../../molecules/Cart/Cart.js";
+import { Account as F } from "../../molecules/Account/Account.js";
 import { CategoryNav as H } from "../../molecules/CategoryNav/CategoryNav.js";
-import { c as M } from "../../clsx-OuTLNxxd.js";
-import '../../assets/MainNav.css';const P = "_main_18fjz_1", Q = "_column_18fjz_8", G = "_topNav_18fjz_13", K = "_operations_18fjz_21", S = "_search_18fjz_28", T = "_siteLink_18fjz_31", W = "_accountArea_18fjz_35", E = "_category_18fjz_47", J = "_menuList_18fjz_69", i = {
-  main: P,
-  column: Q,
-  topNav: G,
-  operations: K,
-  search: S,
-  siteLink: T,
-  accountArea: W,
+import { c as P } from "../../clsx-OuTLNxxd.js";
+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 = {
+  main: S,
+  column: G,
+  topNav: K,
+  operations: Q,
+  search: T,
+  siteLink: W,
+  accountArea: q,
   category: E,
   menuList: J
 };
-function ce({
-  account: a,
+function ae({
+  account: o,
   categories: n,
-  faqRoute: c,
-  customPartsRoute: l,
-  aboutUsRoute: _,
-  accountRoute: u,
+  byModelSerialRoute: c,
+  faqRoute: _,
+  customPartsRoute: m,
+  aboutUsRoute: u,
+  accountRoute: N,
   contactRoute: s,
-  cart: N,
-  cartSubtotal: v,
-  cartItemPriceLabel: A,
-  cartContactLinkBehavior: g,
-  onLoginClick: j,
+  cart: v,
+  cartSubtotal: g,
+  cartItemPriceLabel: j,
+  cartContactLinkBehavior: A,
+  onLoginClick: L,
   onSearch: h,
-  onItemQtyChange: L,
-  onItemDelete: x,
-  onItemEdit: z,
-  onCheckout: C,
+  onItemQtyChange: x,
+  onItemDelete: z,
+  onItemEdit: C,
+  onCheckout: k,
   className: y,
   ...b
 }) {
-  return /* @__PURE__ */ e(w, { ...b, gridWrapperClassName: M(i.main, y), children: /* @__PURE__ */ t(D, { span: 12, className: i.column, children: [
+  return /* @__PURE__ */ e(D, { ...b, gridWrapperClassName: P(i.main, y), children: /* @__PURE__ */ t(I, { span: 12, className: i.column, children: [
     /* @__PURE__ */ t(
-      o,
+      a,
       {
         flexDirection: "row",
         alignItems: "center",
         justifyContent: "space-between",
         className: i.topNav,
         children: [
-          /* @__PURE__ */ e("div", { className: i.logo, children: /* @__PURE__ */ e(F, {}) }),
+          /* @__PURE__ */ e("div", { className: i.logo, children: /* @__PURE__ */ e(M, {}) }),
           /* @__PURE__ */ t(
-            o,
+            a,
             {
               flexDirection: "row",
               alignItems: "center",
               justifyContent: "flex-end",
               className: i.operations,
               children: [
-                /* @__PURE__ */ e(o, { flexDirection: "row", hideAt: ["sm"], className: i.search, children: /* @__PURE__ */ e(d, { onSearch: h, inputName: "cpc-search" }) }),
-                /* @__PURE__ */ e(r, { href: l, hideAt: ["sm", "md"], children: "Custom Parts" }),
-                /* @__PURE__ */ e(r, { href: c, hideAt: ["sm", "md"], children: "FAQ" }),
+                /* @__PURE__ */ e(a, { flexDirection: "row", hideAt: ["sm"], className: i.search, children: /* @__PURE__ */ e(d, { onSearch: h, inputName: "cpc-search" }) }),
+                /* @__PURE__ */ e(r, { href: c, hideAt: ["sm", "md"], children: "Model/Serial" }),
+                /* @__PURE__ */ e(r, { href: m, hideAt: ["sm", "md"], children: "Custom Parts" }),
                 /* @__PURE__ */ e(r, { href: s, hideAt: ["sm", "md"], children: "Contact Us" }),
                 /* @__PURE__ */ e("div", { className: i.accountArea, children: /* @__PURE__ */ e(
-                  B,
+                  F,
                   {
-                    account: a,
-                    accountRoute: u,
-                    onLoginClick: j,
+                    account: o,
+                    accountRoute: N,
+                    onLoginClick: L,
                     className: i.avatar
                   }
                 ) }),
                 /* @__PURE__ */ e(
-                  U,
+                  B,
                   {
-                    cart: N,
-                    onItemDelete: x,
-                    onItemEdit: z,
-                    onItemQtyChange: L,
-                    onCheckout: C,
-                    subtotal: v,
+                    cart: v,
+                    onItemDelete: z,
+                    onItemEdit: C,
+                    onItemQtyChange: x,
+                    onCheckout: k,
+                    subtotal: g,
                     contactHref: s,
-                    contactLinkBehavior: g,
-                    itemPriceLabel: A
+                    contactLinkBehavior: A,
+                    itemPriceLabel: j
                   }
                 ),
-                /* @__PURE__ */ e(I, { hideAt: ["lg"], children: /* @__PURE__ */ t("ul", { className: i.menuList, children: [
-                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: l, children: "Custom Parts" }) }),
-                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: c, children: "FAQ" }) }),
+                /* @__PURE__ */ e(U, { hideAt: ["lg"], children: /* @__PURE__ */ t("ul", { className: i.menuList, children: [
+                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: c, children: "Make/Serial" }) }),
+                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: m, children: "Custom Parts" }) }),
                   /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: s, children: "Contact Us" }) }),
-                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: _, children: "About Us" }) }),
-                  n && n.map((m) => /* @__PURE__ */ e("li", { className: i.category, children: /* @__PURE__ */ t(p, { href: m.route, children: [
-                    /* @__PURE__ */ e(f, { size: "sm", weight: "semibold", children: m.label }),
+                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: _, children: "FAQ" }) }),
+                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: u, children: "About Us" }) }),
+                  n && n.map((l) => /* @__PURE__ */ e("li", { className: i.category, children: /* @__PURE__ */ t(p, { href: l.route, children: [
+                    /* @__PURE__ */ e(f, { size: "sm", weight: "semibold", children: l.label }),
                     /* @__PURE__ */ e(
-                      k,
+                      w,
                       {
                         iconKey: "fa-solid fa-chevron-right",
                         title: "Navigate",
                         size: "sm"
                       }
                     )
-                  ] }) }, m.id))
+                  ] }) }, l.id))
                 ] }) })
               ]
             }
@@ -111,17 +113,17 @@ function ce({
         ]
       }
     ),
-    /* @__PURE__ */ e(o, { flexDirection: "row", hideAt: ["md", "lg"], children: /* @__PURE__ */ e(d, { onSearch: h, inputName: "cpc-search", className: i.search }) }),
+    /* @__PURE__ */ e(a, { flexDirection: "row", hideAt: ["md", "lg"], children: /* @__PURE__ */ e(d, { onSearch: h, inputName: "cpc-search", className: i.search }) }),
     /* @__PURE__ */ e(H, { categories: n })
   ] }) });
 }
 function r({
-  href: a,
+  href: o,
   children: n,
   ...c
 }) {
-  return /* @__PURE__ */ e(p, { href: a, className: i.siteLink, ...c, children: /* @__PURE__ */ e(f, { size: "md", variant: "display", children: n }) });
+  return /* @__PURE__ */ e(p, { href: o, className: i.siteLink, ...c, children: /* @__PURE__ */ e(f, { size: "md", variant: "display", children: n }) });
 }
 export {
-  ce as MainNav
+  ae as MainNav
 };

package/dist/organisms/MainNav/MainNav.stories.js

@@ -105,6 +105,7 @@ const r = {
     cart: i,
     customPartsRoute: "/custom",
     accountRoute: "/account",
+    byModelSerialRoute: "/model",
     faqRoute: "/faq",
     aboutUsRoute: "/about",
     contactRoute: "/contact",
@@ -138,6 +139,7 @@ const r = {
     cart: i,
     customPartsRoute: "/custom",
     accountRoute: "/account",
+    byModelSerialRoute: "/model",
     faqRoute: "/faq",
     aboutUsRoute: "/about",
     contactRoute: "/contact",
@@ -166,6 +168,7 @@ const r = {
     cart: i,
     customPartsRoute: "/custom",
     accountRoute: "/account",
+    byModelSerialRoute: "/model",
     faqRoute: "/faq",
     aboutUsRoute: "/about",
     contactRoute: "/contact",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.49",
+  "version": "0.0.51",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",