@caseparts-org/caseblocks 0.0.79 → 0.0.81

package/dist/atoms/Image/Image.d.ts

@@ -4,7 +4,7 @@ import { default as React } from 'react';
  */
 export type ImageImplementation = React.ComponentType<{
     src: string;
-    alt?: string;
+    alt: string;
     className?: string;
 } & Record<string, any>>;
 export interface UsesImageImplementation {

package/dist/atoms/Image/Image.js

@@ -1,13 +1,13 @@
-import { jsx as n } from "react/jsx-runtime";
-function g({
-  implementation: r,
-  implementationProps: p,
-  src: m,
+import { jsx as m } from "react/jsx-runtime";
+function s({
+  implementation: t,
+  implementationProps: n,
+  src: f,
   alt: o,
-  ...f
+  ...r
 }) {
-  return r ? /* @__PURE__ */ n(r, { src: m, alt: o, ...f, ...p }) : /* @__PURE__ */ n("img", { src: m, alt: o, ...f });
+  return t ? /* @__PURE__ */ m(t, { src: f, alt: o ?? "", ...r, ...n }) : /* @__PURE__ */ m("img", { src: f, alt: o, ...r });
 }
 export {
-  g as Image
+  s as Image
 };

package/dist/atoms/Link/Link.js

@@ -1,33 +1,33 @@
-import { jsx as m } from "react/jsx-runtime";
-import { routerOverride as s } from "./configureLink.js";
-import { linkClassName as l } from "./linkClassName.js";
-function I({
+import { jsx as l } from "react/jsx-runtime";
+import { routerOverride as i } from "./configureLink.js";
+import { linkClassName as d } from "./linkClassName.js";
+function L({
   href: f,
-  disabled: r = !1,
-  unstyled: c = !1,
-  hideAt: i,
-  className: p,
-  children: a,
-  implementation: t,
-  ...o
+  disabled: o = !1,
+  unstyled: m = !1,
+  hideAt: u,
+  className: c,
+  children: e,
+  implementation: a,
+  ...r
 }) {
-  const u = l({ className: p, unstyled: c, disabled: r, hideAt: i }), e = {
-    ...o,
-    href: r ? "#" : f,
-    className: u,
-    "aria-disabled": r || void 0,
-    tabIndex: r ? -1 : o.tabIndex,
-    role: r ? "link" : o.role
-  }, n = t || s;
-  return n ? /* @__PURE__ */ m(
+  const p = d({ className: c, unstyled: m, disabled: o, hideAt: u }), t = {
+    ...r,
+    href: o ? "#" : f,
+    className: p,
+    "aria-disabled": o || void 0,
+    tabIndex: o ? -1 : r.tabIndex,
+    role: o ? "link" : r.role
+  }, s = typeof globalThis < "u" && globalThis.__CASEBLOCKS_LINK_IMPL || null, n = a || i || s;
+  return n ? /* @__PURE__ */ l(
     n,
     {
-      ...e,
-      "data-router-adapter": t ? "explicit" : "configured",
-      children: a
+      ...t,
+      "data-router-adapter": a ? "explicit" : i ? "configured-module" : "configured-global",
+      children: e
     }
-  ) : /* @__PURE__ */ m("a", { ...e, "data-router-adapter": "anchor", children: a });
+  ) : /* @__PURE__ */ l("a", { ...t, "data-router-adapter": "anchor", children: e });
 }
 export {
-  I as Link
+  L as Link
 };

package/dist/atoms/Link/configureLink.js

@@ -1,8 +1,8 @@
-let r = null;
-function n(e) {
-  r = e;
+let i = null;
+function l(e) {
+  i = e, globalThis.__CASEBLOCKS_LINK_IMPL = e;
 }
 export {
-  n as configureLink,
-  r as routerOverride
+  l as configureLink,
+  i as routerOverride
 };

package/dist/organisms/Product/Product.js

@@ -1,12 +1,12 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { Image as T } from "../../atoms/Image/Image.js";
-import { Link as g } from "../../atoms/Link/Link.js";
-import { Text as e } from "../../atoms/Text/Text.js";
-import { Availability as v } from "../../molecules/Availability/Availability.js";
-import { Pricing as x } from "../../molecules/Pricing/Pricing.js";
+import { Image as v } from "../../atoms/Image/Image.js";
+import { Link as x } from "../../atoms/Link/Link.js";
+import { Text as o } from "../../atoms/Text/Text.js";
+import { Availability as w } from "../../molecules/Availability/Availability.js";
+import { Pricing as z } from "../../molecules/Pricing/Pricing.js";
 import { AddToCart as I } from "../../molecules/AddToCart/AddToCart.js";
 import { Icon as R } from "../../atoms/Icon/Icon.js";
-import { c as w } from "../../clsx-OuTLNxxd.js";
+import { c as B } from "../../clsx-OuTLNxxd.js";
 import '../../assets/Product.css';const $ = "_productCard_10edn_1", A = "_productInformation_10edn_22", D = "_purchaseInformation_10edn_29", j = "_addToCart_10edn_37", k = "_addToCartButton_10edn_40", y = "_partNumber_10edn_48", q = "_partNumberLabel_10edn_55", E = "_productTile_10edn_59", F = "_topRow_10edn_80", G = "_productData_10edn_111", J = "_purchase_10edn_29", M = "_attributeContainer_10edn_148", t = {
   productCard: $,
   productInformation: A,
@@ -22,9 +22,9 @@ import '../../assets/Product.css';const $ = "_productCard_10edn_1", A = "_produc
   attributeContainer: M
 };
 function S({
-  productView: z,
+  productView: L,
   itemKey: s,
-  partNumber: o,
+  partNumber: e,
   productDescription: l,
   availDescription: m,
   availId: d,
@@ -34,34 +34,34 @@ function S({
   priceLabel: _,
   price: n,
   imgSrc: N,
-  imageImplementation: B,
-  imageImplementationProps: L,
+  imageImplementation: b,
+  imageImplementationProps: f,
   attributes: c,
-  className: b,
-  onAddToCart: f,
-  onClose: C,
+  className: C,
+  onAddToCart: T,
+  onClose: g,
   ...P
 }) {
-  return z === "Card" ? /* @__PURE__ */ a("div", { className: w(t.productCard, b), children: [
+  return L === "Card" ? /* @__PURE__ */ a("div", { className: B(t.productCard, C), children: [
     /* @__PURE__ */ r(
-      T,
+      v,
       {
         src: N,
-        alt: `${o} product image`,
-        implementation: B,
-        implementationProps: L
+        alt: `${e} product image`,
+        implementation: b,
+        implementationProps: f
       }
     ),
     /* @__PURE__ */ a("div", { className: t.productInformation, children: [
-      /* @__PURE__ */ r(g, { href: h, children: l }),
+      /* @__PURE__ */ r(x, { href: h, children: l }),
       /* @__PURE__ */ a("div", { className: t.partNumber, children: [
-        /* @__PURE__ */ r(e, { size: "sm", className: t.partNumberLabel, children: "Part #" }),
-        /* @__PURE__ */ r(e, { size: "sm", weight: "semibold", children: o })
+        /* @__PURE__ */ r(o, { size: "sm", className: t.partNumberLabel, children: "Part #" }),
+        /* @__PURE__ */ r(o, { size: "sm", weight: "semibold", children: e })
       ] })
     ] }),
     /* @__PURE__ */ a("div", { className: t.purchaseInformation, children: [
       d && /* @__PURE__ */ r(
-        v,
+        w,
         {
           availId: d,
           availDescription: m,
@@ -69,36 +69,44 @@ function S({
           contactLinkBehavior: p
         }
       ),
-      n && /* @__PURE__ */ r(x, { pricingLabel: _, price: n })
+      n && /* @__PURE__ */ r(z, { pricingLabel: _, price: n })
     ] }),
     /* @__PURE__ */ r(
       I,
       {
         itemKey: s,
-        onAdd: f,
+        onAdd: T,
         className: t.addToCart,
         addButtonClassName: t.addToCartButton,
         size: "md",
         buttonDoneText: ""
       }
     )
-  ] }) : /* @__PURE__ */ a("div", { className: w(t.productTile, b), ...P, children: [
-    /* @__PURE__ */ r(T, { src: N, alt: `${o} product image` }),
+  ] }) : /* @__PURE__ */ a("div", { className: B(t.productTile, C), ...P, children: [
+    /* @__PURE__ */ r(
+      v,
+      {
+        src: N,
+        alt: `${e} product image`,
+        implementation: b,
+        implementationProps: f
+      }
+    ),
     /* @__PURE__ */ a("div", { className: t.productData, children: [
       /* @__PURE__ */ a("div", { className: t.topRow, children: [
         /* @__PURE__ */ a("div", { className: t.productInformation, children: [
-          /* @__PURE__ */ r(g, { href: h, children: l }),
+          /* @__PURE__ */ r(x, { href: h, children: l }),
           /* @__PURE__ */ a("div", { className: t.partNumber, children: [
-            /* @__PURE__ */ r(e, { size: "sm", className: t.partNumberLabel, children: "Part #" }),
-            /* @__PURE__ */ r(e, { size: "sm", weight: "semibold", children: o })
+            /* @__PURE__ */ r(o, { size: "sm", className: t.partNumberLabel, children: "Part #" }),
+            /* @__PURE__ */ r(o, { size: "sm", weight: "semibold", children: e })
           ] })
         ] }),
-        C && /* @__PURE__ */ r("button", { onClick: () => C(s), children: /* @__PURE__ */ r(R, { size: "sm", iconKey: "fa-light fa-xmark" }) })
+        g && /* @__PURE__ */ r("button", { onClick: () => g(s), children: /* @__PURE__ */ r(R, { size: "sm", iconKey: "fa-light fa-xmark" }) })
       ] }),
       /* @__PURE__ */ a("div", { className: t.purchase, children: [
         /* @__PURE__ */ a("div", { className: t.purchaseInformation, children: [
           d && /* @__PURE__ */ r(
-            v,
+            w,
             {
               availId: d,
               availDescription: m,
@@ -106,16 +114,16 @@ function S({
               contactLinkBehavior: p
             }
           ),
-          n && /* @__PURE__ */ r(x, { pricingLabel: _, price: n })
+          n && /* @__PURE__ */ r(z, { pricingLabel: _, price: n })
         ] }),
-        /* @__PURE__ */ r(I, { itemKey: s, onAdd: f, className: t.addToCart, addButtonClassName: t.addToCartButton })
+        /* @__PURE__ */ r(I, { itemKey: s, onAdd: T, className: t.addToCart, addButtonClassName: t.addToCartButton })
       ] }),
       c && c.length > 0 && /* @__PURE__ */ r("ul", { className: t.attributeContainer, children: c.map((i) => /* @__PURE__ */ a("li", { children: [
-        /* @__PURE__ */ a(e, { size: "xs", weight: "light", children: [
+        /* @__PURE__ */ a(o, { size: "xs", weight: "light", children: [
           i.label,
           ":"
         ] }),
-        /* @__PURE__ */ r(e, { size: "xs", weight: "semibold", children: i.value })
+        /* @__PURE__ */ r(o, { size: "xs", weight: "semibold", children: i.value })
       ] }, `${i.label}.${i.value}`)) })
     ] })
   ] });

package/package.json

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