@caseparts-org/caseblocks 0.0.146 → 0.0.148

package/dist/Table-DwAM6AAI.js

@@ -0,0 +1,178 @@
+import { jsxs as K, jsx as s } from "react/jsx-runtime";
+import c from "react";
+import { c as C } 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",
+  table: Z,
+  "table-alternating": "_table-alternating_14k11_17",
+  "sorted-column": "_sorted-column_14k11_22",
+  noPaddingRow: $,
+  clickableRow: I,
+  clickableCell: P,
+  expandedContentCell: ee,
+  expandedContentRow: ne,
+  expandedRow: te,
+  expanded: le,
+  columnContent: ae,
+  clickableHeader: oe,
+  "icon-ascending": "_icon-ascending_14k11_156"
+}, S = ({ children: r }) => null;
+S.displayName = "Table.Columns";
+const V = ({ children: r }) => null;
+V.displayName = "Table.Column";
+const v = ({ children: r }) => null;
+v.displayName = "Table.Body";
+const j = ({ children: r }) => null;
+j.displayName = "Table.Row";
+const M = ({ children: r }) => null;
+M.displayName = "Table.Cell";
+const y = ({ children: r, className: O, alternatingRows: z = !1, isSortable: w = !1, sortField: D, sortFieldKey: q, sortOrder: G = "descending", onSort: F, ...J }) => {
+  const A = [];
+  let x, R;
+  const i = (t, l) => {
+    var e;
+    return !!t && c.isValidElement(t) && ((e = t.type) == null ? void 0 : e.displayName) === l;
+  };
+  c.Children.forEach(r, (t) => {
+    i(t, "Table.Columns") ? x = t : i(t, "Table.Body") ? R = t : A.push(t);
+  });
+  const L = (t) => t.flatMap((l) => {
+    if (c.isValidElement(l) && l.type === c.Fragment) {
+      const e = l.props.children;
+      return c.Children.toArray(e);
+    }
+    return [l];
+  }), Q = () => {
+    if (!x) return null;
+    const t = c.Children.toArray(x.props.children);
+    return /* @__PURE__ */ s("thead", { className: n.thead, children: /* @__PURE__ */ s("tr", { children: t.map((l, e) => {
+      if (i(l, "Table.Column")) {
+        const a = l, {
+          children: d,
+          align: m,
+          colSpan: g,
+          width: b,
+          style: N,
+          sortField: p,
+          sortFieldKey: o,
+          ...h
+        } = a.props, E = {
+          textAlign: m ?? "left",
+          width: b,
+          ...N
+        }, u = !!p, f = w && u && (u && D === p) && (o !== void 0 ? q === o : !0), k = w && u && typeof F == "function";
+        return /* @__PURE__ */ s(
+          "th",
+          {
+            className: C(n.th, f && n["sorted-column"], k && n.clickableHeader),
+            style: E,
+            colSpan: g,
+            onClick: k ? () => F(p, o) : void 0,
+            ...h,
+            children: /* @__PURE__ */ K("div", { className: n.columnContent, children: [
+              d,
+              f && /* @__PURE__ */ s("span", { className: C(G === "ascending" && n["icon-ascending"]), children: /* @__PURE__ */ s(Y, { iconKey: "fa-solid fa-chevron-down", size: "3xs" }) })
+            ] })
+          },
+          e
+        );
+      }
+      return /* @__PURE__ */ s("th", { className: n.th, children: l }, e);
+    }) }) });
+  }, _ = (t, l, e) => {
+    const a = c.Children.toArray(t).map((o, h) => {
+      if (i(o, "Table.Cell")) {
+        const E = o, {
+          children: u,
+          align: H,
+          colSpan: B,
+          width: f,
+          style: k,
+          ...T
+        } = E.props, W = {
+          textAlign: H ?? "left",
+          width: f,
+          ...k
+        }, X = !!(T && typeof T.onClick == "function");
+        return /* @__PURE__ */ s(
+          "td",
+          {
+            className: C(
+              n.cell,
+              (e == null ? void 0 : e.isExpanded) && n.expanded,
+              (e == null ? void 0 : e.isExpandedContent) && n.expandedContentCell,
+              X && n.clickableCell
+            ),
+            style: W,
+            colSpan: B,
+            ...T,
+            children: u
+          },
+          h
+        );
+      }
+      return c.isValidElement(o) && typeof o.type == "string" && o.type === "td" ? o : /* @__PURE__ */ s(
+        "td",
+        {
+          className: C(
+            n.cell,
+            (e == null ? void 0 : e.isExpanded) && n.expanded,
+            (e == null ? void 0 : e.isExpandedContent) && n.expandedContentCell
+          ),
+          children: o
+        },
+        h
+      );
+    }), { className: d, style: m, isExpanded: g, isExpandedContent: b, ...N } = e ?? {}, p = !!(e && typeof e.onClick == "function");
+    return /* @__PURE__ */ s(
+      "tr",
+      {
+        className: C(
+          n.row,
+          d,
+          g && n.expandedRow,
+          b && n.noPaddingRow,
+          b && n.expandedContentRow,
+          p && n.clickableRow
+        ),
+        style: m,
+        ...N,
+        children: a
+      },
+      l
+    );
+  }, U = () => {
+    if (R) {
+      const e = c.Children.toArray(R.props.children).map((a, d) => {
+        if (i(a, "Table.Row")) {
+          const m = a;
+          return _(m.props.children, d, m.props);
+        }
+        return c.isValidElement(a) && typeof a.type == "string" && a.type === "tr" ? a : _(a, d);
+      });
+      return /* @__PURE__ */ s("tbody", { className: n.tbody, children: e });
+    }
+    const l = L(A).map((e, a) => {
+      if (i(e, "Table.Row")) {
+        const d = e;
+        return _(d.props.children, a, d.props);
+      }
+      return c.isValidElement(e) && typeof e.type == "string" && e.type === "tr" ? e : _(e, a);
+    });
+    return /* @__PURE__ */ s("tbody", { className: n.tbody, children: l });
+  };
+  return /* @__PURE__ */ K("table", { className: C(n.table, O, z && n["table-alternating"]), ...J, children: [
+    Q(),
+    U()
+  ] });
+};
+y.Columns = S;
+y.Column = V;
+y.Body = v;
+y.Row = j;
+y.Cell = M;
+export {
+  y as T,
+  n as s
+};

package/dist/main-client.d.ts

@@ -32,6 +32,8 @@ export { Modal } from './molecules/Modal/Modal';
 export type { ModalProps } from './molecules/Modal/Modal';
 export { ImageViewer } from './molecules/ImageViewer/ImageViewer';
 export type { ImageViewerProps } from './molecules/ImageViewer/ImageViewer';
+export { Table } from './molecules/Table/Table';
+export type { TableProps, TableAlign, ColumnsProps, ColumnProps, BodyProps, RowProps, CellProps, TableComponent } from './molecules/Table/Table';
 export { MainNav } from './organisms/MainNav/MainNav';
 export type { MainNavProps } from './organisms/MainNav/MainNav';
 export { ChipSelector } from './organisms/ChipSelector/ChipSelector';

package/dist/main-client.js

@@ -2,18 +2,18 @@ import { Button as e } from "./atoms/Button/Button.js";
 import { Flex as p } from "./atoms/Flex/Flex.js";
 import { Column as f, Grid as x } from "./atoms/Grid/Grid.js";
 import { Head as n } from "./atoms/Root/Head.js";
-import { Icon as d } from "./atoms/Icon/Icon.js";
+import { Icon as l } from "./atoms/Icon/Icon.js";
 import { Root as u } from "./atoms/Root/Root.js";
 import { Separator as s } from "./atoms/Separator/Separator.js";
 import { Text as C } from "./atoms/Text/Text.js";
 import { Input as S } from "./atoms/Input/Input.js";
 import { Link as P } from "./atoms/Link/Link.js";
 import { linkClassName as A } from "./atoms/Link/linkClassName.js";
-import { configureLink as M, routerOverride as v } from "./atoms/Link/configureLink.js";
-import { LinkButton as h } from "./atoms/LinkButton/LinkButton.js";
-import { configureImage as y } from "./atoms/Image/configureImage.js";
-import { getHideAtStyles as H } from "./atoms/HideAt.js";
-import { Logo as V } from "./molecules/Logo/Logo.js";
+import { configureLink as M, routerOverride as T } from "./atoms/Link/configureLink.js";
+import { LinkButton as L } from "./atoms/LinkButton/LinkButton.js";
+import { configureImage as b } from "./atoms/Image/configureImage.js";
+import { getHideAtStyles as F } from "./atoms/HideAt.js";
+import { Logo as N } from "./molecules/Logo/Logo.js";
 import { SearchBox as z } from "./molecules/SearchBox/SearchBox.js";
 import { QuantityInput as O } from "./molecules/QuantityInput/QuantityInput.js";
 import { Pricing as R } from "./molecules/Pricing/Pricing.js";
@@ -36,18 +36,19 @@ import { ToggleView as So } from "./molecules/ToggleView/ToggleView.js";
 import { CartSlideInPanel as Po } from "./molecules/Cart/CartSlideInPanel.js";
 import { StatefulButton as Ao } from "./molecules/StatefulButton/StatefulButton.js";
 import { AnimatedCheckMark as Mo } from "./molecules/StatefulButton/AnimatedCheckmark.js";
-import { AddToCart as Lo } from "./molecules/AddToCart/AddToCart.js";
-import { Modal as To } from "./molecules/Modal/Modal.js";
-import { ImageViewer as Fo } from "./molecules/ImageViewer/ImageViewer.js";
-import { MainNav as No } from "./organisms/MainNav/MainNav.js";
-import { ChipSelector as bo } from "./organisms/ChipSelector/ChipSelector.js";
-import { Product as Go } from "./organisms/Product/Product.js";
-import { Carousel as Qo } from "./organisms/Carousel/Carousel.js";
-import { Footer as Zo } from "./organisms/Footer/Footer.js";
-import { default as qo } from "./organisms/SpinZoomViewer/SpinZoomViewer.js";
+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-DwAM6AAI.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";
+import { Carousel as Zo } from "./organisms/Carousel/Carousel.js";
+import { Footer as qo } from "./organisms/Footer/Footer.js";
+import { default as Eo } from "./organisms/SpinZoomViewer/SpinZoomViewer.js";
 export {
   so as Account,
-  Lo as AddToCart,
+  vo as AddToCart,
   Mo as AnimatedCheckMark,
   j as Availability,
   D as Avatar,
@@ -55,44 +56,45 @@ export {
   X as Breadcrumbs,
   e as Button,
   U as CardLink,
-  Qo as Carousel,
+  Zo as Carousel,
   Po as CartSlideInPanel,
   Co as Chip,
-  bo as ChipSelector,
+  Go as ChipSelector,
   f as Column,
   p as Flex,
-  Zo as Footer,
+  qo as Footer,
   x as Grid,
   n as Head,
   oo as HorizontalScroll,
-  d as Icon,
-  Fo as ImageViewer,
+  l as Icon,
+  yo as ImageViewer,
   S as Input,
   P as Link,
-  h as LinkButton,
-  V as Logo,
-  No as MainNav,
+  L as LinkButton,
+  N as Logo,
+  Vo as MainNav,
   po as Markdown,
-  To as Modal,
+  ho as Modal,
   _ as NotFound,
   uo as Popover,
   fo as PreprocessedMarkdown,
   R as Pricing,
-  Go as Product,
+  Qo as Product,
   O as QuantityInput,
   u as Root,
   z as SearchBox,
   s as Separator,
   eo as SlideInPanel,
-  qo as SpinZoomViewer,
+  Eo as SpinZoomViewer,
   Ao as StatefulButton,
+  Ho as Table,
   C as Text,
   So as ToggleView,
   io as Tooltip,
-  y as configureImage,
+  b as configureImage,
   M as configureLink,
-  H as getHideAtStyles,
+  F as getHideAtStyles,
   A as linkClassName,
-  v as routerOverride,
+  T as routerOverride,
   ao as usePreprocessedMarkdown
 };

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-rSK2f682.js";
+import { T as i, T as e } from "../../Table-DwAM6AAI.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 { useState as s, useEffect as P } from "react";
-import { T as t, s as S } from "../../Table-rSK2f682.js";
+import { T as t, s as S } from "../../Table-DwAM6AAI.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.146",
+  "version": "0.0.148",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/Table-rSK2f682.js

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