@caseparts-org/caseblocks 0.0.171 → 0.0.172

package/dist/molecules/Cart/CartPart.d.ts

@@ -5,6 +5,7 @@ export interface CartPartProps extends Omit<React.LiHTMLAttributes<HTMLLIElement
     imageAlt?: string;
     title: React.ReactNode;
     titleHref?: string;
+    onTitleNavigate?: React.MouseEventHandler<HTMLAnchorElement>;
     partNumber?: string | number;
     custom?: boolean;
     availabilityId?: string;
@@ -17,4 +18,4 @@ export interface CartPartProps extends Omit<React.LiHTMLAttributes<HTMLLIElement
     onQuantityChange?: (_quantity: number) => void;
     onRemove?: () => void;
 }
-export declare function CartPart({ imageUrl, imageAlt, title, titleHref, partNumber, custom, availabilityId, availability, contactHref, contactLinkBehavior, priceLabel, price, quantity, onQuantityChange, onRemove, className, ...otherProps }: CartPartProps): import("react/jsx-runtime").JSX.Element;
+export declare function CartPart({ imageUrl, imageAlt, title, titleHref, onTitleNavigate, partNumber, custom, availabilityId, availability, contactHref, contactLinkBehavior, priceLabel, price, quantity, onQuantityChange, onRemove, className, ...otherProps }: CartPartProps): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/Cart/CartPart.js

@@ -1,63 +1,67 @@
-import { jsxs as r, jsx as i } from "react/jsx-runtime";
-import { Link as x } from "../../atoms/Link/Link.js";
-import { Text as a } from "../../atoms/Text/Text.js";
-import { Image as y } from "../../atoms/Image/Image.js";
-import { Availability as z } from "../Availability/Availability.js";
-import { Pricing as P } from "../Pricing/Pricing.js";
-import { QuantityInput as w } from "../QuantityInput/QuantityInput.js";
-import { Icon as S } from "../../atoms/Icon/Icon.js";
-import { c as k } from "../../clsx-OuTLNxxd.js";
-import { s as e } from "../../Cart.module-DzPBP5QJ.js";
-function B({
-  imageUrl: h,
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { Link as K } from "../../atoms/Link/Link.js";
+import { Text as c } from "../../atoms/Text/Text.js";
+import { Image as N } from "../../atoms/Image/Image.js";
+import { Availability as w } from "../Availability/Availability.js";
+import { Pricing as S } from "../Pricing/Pricing.js";
+import { QuantityInput as C } from "../QuantityInput/QuantityInput.js";
+import { Icon as L } from "../../atoms/Icon/Icon.js";
+import { c as j } from "../../clsx-OuTLNxxd.js";
+import { s as i } from "../../Cart.module-DzPBP5QJ.js";
+function F({
+  imageUrl: u,
   imageAlt: p = "Product image",
   title: m,
   titleHref: s,
-  partNumber: t,
-  custom: f,
-  availabilityId: v,
-  availability: c,
-  contactHref: u,
-  contactLinkBehavior: I = "new-tab",
-  priceLabel: N = "List Price",
-  price: l,
-  quantity: o,
-  onQuantityChange: n,
-  onRemove: d,
-  className: g,
-  ...b
+  onTitleNavigate: a,
+  partNumber: l,
+  custom: y,
+  availabilityId: I,
+  availability: o,
+  contactHref: b,
+  contactLinkBehavior: g = "new-tab",
+  priceLabel: x = "List Price",
+  price: n,
+  quantity: d,
+  onQuantityChange: f,
+  onRemove: h,
+  className: P,
+  ...k
 }) {
-  return /* @__PURE__ */ r("li", { className: k(e.cartItem, g), ...b, children: [
-    /* @__PURE__ */ i(y, { height: 50, width: 50, src: h || "", alt: p, className: e.itemImage }),
-    /* @__PURE__ */ r("div", { children: [
-      /* @__PURE__ */ r("div", { className: e.topRow, children: [
-        /* @__PURE__ */ r("div", { className: e.itemInfo, children: [
-          /* @__PURE__ */ i(a, { size: "sm", weight: "semibold", children: s ? /* @__PURE__ */ i(x, { href: s, children: m }) : m }),
-          t != null && /* @__PURE__ */ r(a, { size: "sm", children: [
-            /* @__PURE__ */ i(a, { colorToken: "quaternary", size: "xs", children: f ? "Specs " : "Part # " }),
-            t
+  function z(e) {
+    e.defaultPrevented || e.button === 0 && (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey || e.currentTarget.target && e.currentTarget.target !== "_self" || a == null || a(e));
+  }
+  return /* @__PURE__ */ t("li", { className: j(i.cartItem, P), ...k, children: [
+    /* @__PURE__ */ r(N, { height: 50, width: 50, src: u || "", alt: p, className: i.itemImage }),
+    /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ t("div", { className: i.topRow, children: [
+        /* @__PURE__ */ t("div", { className: i.itemInfo, children: [
+          /* @__PURE__ */ r(c, { size: "sm", weight: "semibold", children: s ? /* @__PURE__ */ r(K, { href: s, onClick: z, children: m }) : m }),
+          l != null && /* @__PURE__ */ t(c, { size: "sm", children: [
+            /* @__PURE__ */ r(c, { colorToken: "quaternary", size: "xs", children: y ? "Specs " : "Part # " }),
+            l
           ] })
         ] }),
-        d && /* @__PURE__ */ i("button", { onClick: d, className: e.removeItem, "aria-label": "Remove item", type: "button", children: /* @__PURE__ */ i(S, { iconKey: "fa-regular fa-trash", size: "sm" }) })
+        h && /* @__PURE__ */ r("button", { onClick: h, className: i.removeItem, "aria-label": "Remove item", type: "button", children: /* @__PURE__ */ r(L, { iconKey: "fa-regular fa-trash", size: "sm" }) })
       ] }),
-      /* @__PURE__ */ r("div", { className: e.itemManagement, children: [
-        /* @__PURE__ */ r("div", { className: e.purchaseInformation, children: [
-          /* @__PURE__ */ i("div", { className: e.availabilitySlot, children: c && /* @__PURE__ */ i(
-            z,
+      /* @__PURE__ */ t("div", { className: i.itemManagement, children: [
+        /* @__PURE__ */ t("div", { className: i.purchaseInformation, children: [
+          /* @__PURE__ */ r("div", { className: i.availabilitySlot, children: o && /* @__PURE__ */ r(
+            w,
             {
-              availId: v || "",
-              availDescription: c,
-              contactHref: u || "",
-              contactLinkBehavior: I
+              availId: I || "",
+              availDescription: o,
+              contactHref: b || "",
+              contactLinkBehavior: g
             }
           ) }),
-          /* @__PURE__ */ i("div", { className: e.priceSlot, children: l && /* @__PURE__ */ i(P, { pricingLabel: N, price: l }) })
+          /* @__PURE__ */ r("div", { className: i.priceSlot, children: n && /* @__PURE__ */ r(S, { pricingLabel: x, price: n }) })
         ] }),
-        typeof o == "number" && n && /* @__PURE__ */ i("div", { className: e.quantitySlot, children: /* @__PURE__ */ i(
-          w,
+        typeof d == "number" && f && /* @__PURE__ */ r("div", { className: i.quantitySlot, children: /* @__PURE__ */ r(
+          C,
           {
-            quantity: o,
-            onQuantityChange: n,
+            quantity: d,
+            onQuantityChange: f,
             size: "sm"
           }
         ) })
@@ -66,5 +70,5 @@ function B({
   ] });
 }
 export {
-  B as CartPart
+  F as CartPart
 };

package/dist/molecules/Cart/CartSlideInPanel.d.ts

@@ -10,6 +10,7 @@ export interface CartSlideInPanelProps {
     contactLinkBehavior?: ContactUsLinkBehavior;
     onItemQtyChange: (_item: CartItem, _newQty: number) => void;
     onItemDelete: (_item: CartItem) => void;
+    onItemNavigate?: (_item: CartItem) => void;
     onCheckout: () => void;
 }
-export declare function CartSlideInPanel({ open, onClose, cart, subtotal, itemPriceLabel, contactHref, contactLinkBehavior, onItemQtyChange, onItemDelete, onCheckout }: CartSlideInPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function CartSlideInPanel({ open, onClose, cart, subtotal, itemPriceLabel, contactHref, contactLinkBehavior, onItemQtyChange, onItemDelete, onItemNavigate, onCheckout }: CartSlideInPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/Cart/CartSlideInPanel.js

@@ -1,74 +1,76 @@
-import { jsx as i, jsxs as r } from "react/jsx-runtime";
-import { SlideInPanel as b } from "../../atoms/SlideInPanel/SlideInPanel.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { SlideInPanel as g } from "../../atoms/SlideInPanel/SlideInPanel.js";
 import { Text as l } from "../../atoms/Text/Text.js";
-import { Button as f } from "../../atoms/Button/Button.js";
-import { Icon as v } from "../../atoms/Icon/Icon.js";
-import { CartPart as I } from "./CartPart.js";
-import { s as a } from "../../Cart.module-DzPBP5QJ.js";
-function q({
+import { Button as v } from "../../atoms/Button/Button.js";
+import { Icon as C } from "../../atoms/Icon/Icon.js";
+import { CartPart as x } from "./CartPart.js";
+import { s as t } from "../../Cart.module-DzPBP5QJ.js";
+function B({
   open: o,
-  onClose: m,
-  cart: t,
+  onClose: s,
+  cart: r,
   subtotal: n,
-  itemPriceLabel: d,
-  contactHref: c,
-  contactLinkBehavior: h,
-  onItemQtyChange: p,
-  onItemDelete: u,
-  onCheckout: y
+  itemPriceLabel: c,
+  contactHref: h,
+  contactLinkBehavior: p,
+  onItemQtyChange: u,
+  onItemDelete: y,
+  onItemNavigate: m,
+  onCheckout: b
 }) {
-  var s;
-  return t = t || { items: [] }, /* @__PURE__ */ i(
-    b,
+  var d;
+  return r = r || { items: [] }, /* @__PURE__ */ i(
+    g,
     {
       side: "right",
       open: o,
-      onClose: m,
+      onClose: s,
       ariaLabel: "Shopping Cart",
-      children: /* @__PURE__ */ r("div", { id: "cart-panel", className: a.cartContainer, children: [
-        /* @__PURE__ */ r("div", { className: a.headerWrapper, children: [
-          /* @__PURE__ */ r("div", { className: a.header, children: [
+      children: /* @__PURE__ */ a("div", { id: "cart-panel", className: t.cartContainer, children: [
+        /* @__PURE__ */ a("div", { className: t.headerWrapper, children: [
+          /* @__PURE__ */ a("div", { className: t.header, children: [
             /* @__PURE__ */ i(l, { size: "2xl", children: "Cart" }),
-            /* @__PURE__ */ r(l, { size: "xs", colorToken: "quaternary", children: [
-              (s = t == null ? void 0 : t.items) == null ? void 0 : s.length,
+            /* @__PURE__ */ a(l, { size: "xs", colorToken: "quaternary", children: [
+              (d = r == null ? void 0 : r.items) == null ? void 0 : d.length,
               " items in your cart"
             ] })
           ] }),
-          /* @__PURE__ */ i("button", { onClick: m, children: /* @__PURE__ */ i(v, { iconKey: "fa-regular fa-xmark", size: "md" }) })
+          /* @__PURE__ */ i("button", { onClick: s, children: /* @__PURE__ */ i(C, { iconKey: "fa-regular fa-xmark", size: "md" }) })
         ] }),
-        /* @__PURE__ */ i("div", { className: a.cartItems, children: t.items.length > 0 ? /* @__PURE__ */ i("ul", { children: t.items.map((e) => /* @__PURE__ */ i(
-          I,
+        /* @__PURE__ */ i("div", { className: t.cartItems, children: r.items.length > 0 ? /* @__PURE__ */ i("ul", { children: r.items.map((e) => /* @__PURE__ */ i(
+          x,
           {
             imageUrl: e.imageUrl,
             imageAlt: `${e.itemId} product image`,
             title: e.description,
             titleHref: e.itemHref || `/part/${e.itemId}`,
+            onTitleNavigate: () => m == null ? void 0 : m(e),
             partNumber: e.itemId,
             custom: !!e.custom,
             availabilityId: e.availabilityId,
             availability: e.availability,
-            contactHref: c,
-            contactLinkBehavior: h,
+            contactHref: h,
+            contactLinkBehavior: p,
             price: e.price,
-            priceLabel: d || "List Price",
+            priceLabel: c || "List Price",
             quantity: e.quantity,
-            onQuantityChange: (g) => p(e, g),
-            onRemove: () => u(e)
+            onQuantityChange: (f) => u(e, f),
+            onRemove: () => y(e)
           },
           e.id
-        )) }) : /* @__PURE__ */ i("div", { className: a.noItems, children: /* @__PURE__ */ i(l, { as: "p", size: "sm", children: "No items in your cart yet" }) }) }),
-        n && /* @__PURE__ */ r("div", { className: a.subtotal, children: [
+        )) }) : /* @__PURE__ */ i("div", { className: t.noItems, children: /* @__PURE__ */ i(l, { as: "p", size: "sm", children: "No items in your cart yet" }) }) }),
+        n && /* @__PURE__ */ a("div", { className: t.subtotal, children: [
           /* @__PURE__ */ i(l, { size: "md", weight: "semibold", children: "Subtotal" }),
           /* @__PURE__ */ i(l, { size: "md", weight: "semibold", children: n })
         ] }),
         /* @__PURE__ */ i(
-          f,
+          v,
           {
-            disabled: t.items.length === 0,
-            onClick: y,
+            disabled: r.items.length === 0,
+            onClick: b,
             variant: "cta-primary",
             size: "md",
-            className: a.checkoutButton,
+            className: t.checkoutButton,
             children: "Checkout"
           }
         )
@@ -77,5 +79,5 @@ function q({
   );
 }
 export {
-  q as CartSlideInPanel
+  B as CartSlideInPanel
 };

package/package.json

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