@caseparts-org/caseblocks 0.0.149 → 0.0.150

package/dist/{Table-CPyc7fHI.js → Table-BX4PtCNE.js}

@@ -1,6 +1,6 @@
 import { jsxs as S, jsx as s } from "react/jsx-runtime";
 import d from "react";
-import { c as p } from "./clsx-OuTLNxxd.js";
+import { c as u } from "./clsx-OuTLNxxd.js";
 import { Icon as Y } from "./atoms/Icon/Icon.js";
 import './assets/Table.css';const Z = "_table_14k11_2", $ = "_noPaddingRow_14k11_71", I = "_clickableRow_14k11_82", P = "_clickableCell_14k11_83", ee = "_expandedContentCell_14k11_85", ne = "_expandedContentRow_14k11_94", te = "_expandedRow_14k11_99", le = "_expanded_14k11_85", ae = "_columnContent_14k11_135", oe = "_clickableHeader_14k11_155", n = {
   "table-container": "_table-container_14k11_2",
@@ -17,25 +17,25 @@ import './assets/Table.css';const Z = "_table_14k11_2", $ = "_noPaddingRow_14k11
   columnContent: ae,
   clickableHeader: oe,
   "icon-ascending": "_icon-ascending_14k11_156"
-}, V = ({ children: r }) => null;
+}, V = ({ children: i }) => null;
 V.displayName = "Table.Columns";
-const v = ({ children: r }) => null;
+const v = ({ children: i }) => null;
 v.displayName = "Table.Column";
-const j = ({ children: r }) => null;
+const j = ({ children: i }) => null;
 j.displayName = "Table.Body";
-const M = ({ children: r }) => null;
+const M = ({ children: i }) => null;
 M.displayName = "Table.Row";
-const O = ({ children: r }) => null;
+const O = ({ children: i }) => null;
 O.displayName = "Table.Cell";
-const _ = ({ children: r, className: z, alternatingRows: D = !1, isSortable: w = !1, sortField: q, sortFieldKey: G, sortOrder: J = "descending", onSort: F, ...L }) => {
+const f = ({ children: i, className: z, alternatingRows: D = !1, isSortable: w = !1, sortField: q, sortFieldKey: G, sortOrder: J = "descending", onSort: F, ...L }) => {
   const B = [];
   let R, g;
-  const i = (t, l) => {
+  const m = (t, l) => {
     var e;
     return !!t && d.isValidElement(t) && ((e = t.type) == null ? void 0 : e.displayName) === l;
   };
-  d.Children.forEach(r, (t) => {
-    i(t, "Table.Columns") ? R = t : i(t, "Table.Body") ? g = t : B.push(t);
+  d.Children.forEach(i, (t) => {
+    m(t, "Table.Columns") ? R = t : m(t, "Table.Body") ? g = t : B.push(t);
   });
   const A = (t) => t.flatMap((l) => {
     if (d.isValidElement(l) && l.type === d.Fragment) {
@@ -47,32 +47,32 @@ const _ = ({ children: r, className: z, alternatingRows: D = !1, isSortable: w =
     if (!R) return null;
     const t = d.Children.toArray(R.props.children);
     return /* @__PURE__ */ s("thead", { className: n.thead, children: /* @__PURE__ */ s("tr", { children: t.map((l, e) => {
-      if (i(l, "Table.Column")) {
+      if (m(l, "Table.Column")) {
         const c = l, {
           children: a,
-          align: m,
+          align: r,
           colSpan: C,
           width: b,
           style: N,
-          sortField: u,
+          sortField: y,
           sortFieldKey: o,
-          ...f
+          ...k
         } = c.props, E = {
-          textAlign: m ?? "left",
+          textAlign: r ?? "left",
           width: b,
           ...N
-        }, y = !!u, k = w && y && (y && q === u) && (o !== void 0 ? G === o : !0), x = w && y && typeof F == "function";
+        }, T = r === "right" ? "flex-end" : r === "center" ? "center" : "flex-start", _ = !!y, x = w && _ && (_ && q === y) && (o !== void 0 ? G === o : !0), p = w && _ && typeof F == "function";
         return /* @__PURE__ */ s(
           "th",
           {
-            className: p(n.th, k && n["sorted-column"], x && n.clickableHeader),
+            className: u(n.th, x && n["sorted-column"], p && n.clickableHeader),
             style: E,
             colSpan: C,
-            onClick: x ? () => F(u, o) : void 0,
-            ...f,
-            children: /* @__PURE__ */ S("div", { className: n.columnContent, children: [
+            onClick: p ? () => F(y, o) : void 0,
+            ...k,
+            children: /* @__PURE__ */ S("div", { className: n.columnContent, style: { justifyContent: T }, children: [
               a,
-              k && /* @__PURE__ */ s("span", { className: p(J === "ascending" && n["icon-ascending"]), children: /* @__PURE__ */ s(Y, { iconKey: "fa-solid fa-chevron-down", size: "3xs" }) })
+              x && /* @__PURE__ */ s("span", { className: u(J === "ascending" && n["icon-ascending"]), children: /* @__PURE__ */ s(Y, { iconKey: "fa-solid fa-chevron-down", size: "3xs" }) })
             ] })
           },
           e
@@ -81,62 +81,62 @@ const _ = ({ children: r, className: z, alternatingRows: D = !1, isSortable: w =
       return /* @__PURE__ */ s("th", { className: n.th, children: l }, e);
     }) }) });
   }, h = (t, l, e) => {
-    const c = d.Children.toArray(t).map((o, f) => {
-      if (i(o, "Table.Cell")) {
+    const c = d.Children.toArray(t).map((o, k) => {
+      if (m(o, "Table.Cell")) {
         const E = o, {
-          children: y,
-          align: H,
-          colSpan: K,
-          width: k,
+          children: T,
+          align: _,
+          colSpan: H,
+          width: K,
           style: x,
-          ...T
+          ...p
         } = E.props, W = {
-          textAlign: H ?? "left",
-          width: k,
+          textAlign: _ ?? "left",
+          width: K,
           ...x
-        }, X = !!(T && typeof T.onClick == "function");
+        }, X = !!(p && typeof p.onClick == "function");
         return /* @__PURE__ */ s(
           "td",
           {
-            className: p(
+            className: u(
               n.cell,
               (e == null ? void 0 : e.isExpanded) && n.expanded,
               (e == null ? void 0 : e.isExpandedContent) && n.expandedContentCell,
               X && n.clickableCell
             ),
             style: W,
-            colSpan: K,
-            ...T,
-            children: y
+            colSpan: H,
+            ...p,
+            children: T
           },
-          f
+          k
         );
       }
       return d.isValidElement(o) && typeof o.type == "string" && o.type === "td" ? o : /* @__PURE__ */ s(
         "td",
         {
-          className: p(
+          className: u(
             n.cell,
             (e == null ? void 0 : e.isExpanded) && n.expanded,
             (e == null ? void 0 : e.isExpandedContent) && n.expandedContentCell
           ),
           children: o
         },
-        f
+        k
       );
-    }), { className: a, style: m, isExpanded: C, isExpandedContent: b, ...N } = e ?? {}, u = !!(e && typeof e.onClick == "function");
+    }), { className: a, style: r, isExpanded: C, isExpandedContent: b, ...N } = e ?? {}, y = !!(e && typeof e.onClick == "function");
     return /* @__PURE__ */ s(
       "tr",
       {
-        className: p(
+        className: u(
           n.row,
           a,
           C && n.expandedRow,
           b && n.noPaddingRow,
           b && n.expandedContentRow,
-          u && n.clickableRow
+          y && n.clickableRow
         ),
-        style: m,
+        style: r,
         ...N,
         children: c
       },
@@ -144,17 +144,17 @@ const _ = ({ children: r, className: z, alternatingRows: D = !1, isSortable: w =
     );
   }, U = () => {
     if (g) {
-      const c = A(d.Children.toArray(g.props.children)).map((a, m) => {
-        if (i(a, "Table.Row")) {
+      const c = A(d.Children.toArray(g.props.children)).map((a, r) => {
+        if (m(a, "Table.Row")) {
           const C = a;
-          return h(C.props.children, m, C.props);
+          return h(C.props.children, r, C.props);
         }
-        return d.isValidElement(a) && typeof a.type == "string" && a.type === "tr" ? a : h(a, m);
+        return d.isValidElement(a) && typeof a.type == "string" && a.type === "tr" ? a : h(a, r);
       });
       return /* @__PURE__ */ s("tbody", { className: n.tbody, children: c });
     }
     const l = A(B).map((e, c) => {
-      if (i(e, "Table.Row")) {
+      if (m(e, "Table.Row")) {
         const a = e;
         return h(a.props.children, c, a.props);
       }
@@ -162,17 +162,17 @@ const _ = ({ children: r, className: z, alternatingRows: D = !1, isSortable: w =
     });
     return /* @__PURE__ */ s("tbody", { className: n.tbody, children: l });
   };
-  return /* @__PURE__ */ S("table", { className: p(n.table, z, D && n["table-alternating"]), ...L, children: [
+  return /* @__PURE__ */ S("table", { className: u(n.table, z, D && n["table-alternating"]), ...L, children: [
     Q(),
     U()
   ] });
 };
-_.Columns = V;
-_.Column = v;
-_.Body = j;
-_.Row = M;
-_.Cell = O;
+f.Columns = V;
+f.Column = v;
+f.Body = j;
+f.Row = M;
+f.Cell = O;
 export {
-  _ as T,
+  f as T,
   n as s
 };

package/dist/main-client.js

@@ -39,7 +39,7 @@ import { AnimatedCheckMark as Mo } from "./molecules/StatefulButton/AnimatedChec
 import { AddToCart as vo } from "./molecules/AddToCart/AddToCart.js";
 import { Modal as ho } from "./molecules/Modal/Modal.js";
 import { ImageViewer as yo } from "./molecules/ImageViewer/ImageViewer.js";
-import { T as Ho } from "./Table-CPyc7fHI.js";
+import { T as Ho } from "./Table-BX4PtCNE.js";
 import { MainNav as Vo } from "./organisms/MainNav/MainNav.js";
 import { ChipSelector as Go } from "./organisms/ChipSelector/ChipSelector.js";
 import { Product as Qo } from "./organisms/Product/Product.js";

package/dist/molecules/Table/Table.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../clsx-OuTLNxxd.js";
-import { T as i, T as e } from "../../Table-CPyc7fHI.js";
+import { T as i, T as e } from "../../Table-BX4PtCNE.js";
 import "../../atoms/Icon/Icon.js";
 export {
   i as Table,

package/dist/molecules/Table/Table.stories.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import R, { useState as d, useEffect as P } from "react";
-import { T as t, s as x } from "../../Table-CPyc7fHI.js";
+import { T as t, s as x } from "../../Table-BX4PtCNE.js";
 const v = {
   title: "Case Parts/Molecules/Table",
   component: t,

package/package.json

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