@iress-oss/ids-components 6.0.0-alpha.0 → 6.0.0-alpha.2

package/dist/components/Table/Table.js

@@ -1,76 +1,76 @@
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
 import "react";
-import { useIdIfNeeded as G } from "../../hooks/useIdIfNeeded.js";
-import { TableEmpty as R } from "./components/TableEmpty.js";
-import { propagateTestid as d } from "../../helpers/utility/propagateTestid.js";
-import { TableHeader as $ } from "./components/TableHeader.js";
-import { T as k } from "../../TableProvider-D8SQKIG8.js";
-import { TableRows as q } from "./components/TableRows.js";
-import { table as z } from "./Table.styles.js";
+import { useIdIfNeeded as w } from "../../hooks/useIdIfNeeded.js";
+import { TableEmpty as E } from "./components/TableEmpty.js";
+import { propagateTestid as a } from "../../helpers/utility/propagateTestid.js";
+import { TableHeader as G } from "./components/TableHeader.js";
+import { T as R } from "../../TableProvider-bdUNuoG-.js";
+import { TableRows as $ } from "./components/TableRows.js";
+import { table as k } from "./Table.styles.js";
 import { c as h } from "../../cx-DN21T1EH.js";
-import { s as A } from "../../factory-DHLOr79I.js";
-import { GlobalCSSClass as B } from "../../enums.js";
-const W = ({
+import { s as q } from "../../factory-oPXoMw9H.js";
+import { GlobalCSSClass as z } from "../../enums.js";
+const U = ({
   alternate: T = !1,
   caption: I,
-  children: l,
-  columns: a,
+  children: r,
+  columns: l,
   compact: x = !1,
   className: y,
   "data-testid": e,
-  empty: m,
+  empty: d,
   hiddenCaption: N,
-  hiddenHeader: c,
+  hiddenHeader: m,
   hover: g,
-  removeRowBorders: C = !1,
-  rowProps: j,
-  rows: o = [],
-  scope: v,
+  removeRowBorders: u = !1,
+  rowProps: C,
+  rows: c = [],
+  scope: j,
   ...n
 }) => {
-  const i = G({ id: n.id }), S = `${i}--caption`, r = (m && (a == null ? void 0 : a.length)) ?? !!(o != null && o.length), E = l ?? r, s = z({
+  const o = w({ id: n.id }), v = `${o}--caption`, s = (d && l?.length) ?? !!c?.length, S = r ?? s, i = k({
     alternate: T,
     compact: x,
     hover: g,
     hiddenCaption: N,
-    removeRowBorders: C
-  }), p = d(e, "thead"), b = d(e, "tbody");
-  return E ? /* @__PURE__ */ t("div", { className: s.root, "data-testid": e, children: /* @__PURE__ */ t(k, { columns: a, rows: o, children: /* @__PURE__ */ f(
-    A.table,
+    removeRowBorders: u
+  }), p = a(e, "thead"), b = a(e, "tbody");
+  return S ? /* @__PURE__ */ t("div", { className: i.root, "data-testid": e, children: /* @__PURE__ */ t(R, { columns: l, rows: c, children: /* @__PURE__ */ f(
+    q.table,
     {
       ...n,
-      className: h(y, s.table, B.Table),
-      id: i,
-      "data-testid": d(e, "table"),
+      className: h(y, i.table, z.Table),
+      id: o,
+      "data-testid": a(e, "table"),
       children: [
         /* @__PURE__ */ t(
           "caption",
           {
-            id: S,
-            className: h(s.caption),
-            "data-testid": d(e, "caption"),
+            id: v,
+            className: h(i.caption),
+            "data-testid": a(e, "caption"),
             children: I
           }
         ),
-        !c && r && /* @__PURE__ */ t("thead", { "data-testid": p, children: /* @__PURE__ */ t($, { tableId: i, testId: p }) }),
-        r && /* @__PURE__ */ f("tbody", { "data-testid": b, children: [
+        !m && s && /* @__PURE__ */ t("thead", { "data-testid": p, children: /* @__PURE__ */ t(G, { tableId: o, testId: p }) }),
+        s && /* @__PURE__ */ f("tbody", { "data-testid": b, children: [
           /* @__PURE__ */ t(
-            q,
+            $,
             {
               testId: b,
-              tableId: i,
-              rowProps: j,
-              scope: v,
-              hiddenHeader: c
+              tableId: o,
+              rowProps: C,
+              scope: j,
+              hiddenHeader: m
             }
           ),
-          /* @__PURE__ */ t(R, { children: m })
+          /* @__PURE__ */ t(E, { children: d })
         ] }),
-        l
+        r
       ]
     }
   ) }) }) : null;
 };
 export {
-  W as IressTable
+  U as IressTable
 };

package/dist/components/Table/Table.styles.js

@@ -1,5 +1,6 @@
-import { m as n, b as s, s as l, j as i, a as c } from "../../cva-B2x59Dph.js";
-import { c as p } from "../../create-recipe-BqEnhJ30.js";
+import { c as n } from "../../cva-JiDXAa83.js";
+import { m as s, a as l, s as i, i as c } from "../../css-fGu_jDvv.js";
+import { c as p } from "../../create-recipe-C-ASk1Hy.js";
 const r = {
   compact: !1,
   hover: !1,
@@ -34,7 +35,7 @@ const r = {
     "rowGroupHeader",
     "table__rowGroupHeader"
   ]
-], u = /* @__PURE__ */ d.map(([t, e]) => [t, p(e, r, i(b, t))]), m = n((t = {}) => Object.fromEntries(u.map(([e, o]) => [e, o.recipeFn(t)]))), a = [
+], m = /* @__PURE__ */ d.map(([t, e]) => [t, p(e, r, c(b, t))]), u = s((t = {}) => Object.fromEntries(m.map(([e, o]) => [e, o.recipeFn(t)]))), a = [
   "alternate",
   "compact",
   "hover",
@@ -42,10 +43,11 @@ const r = {
   "sortButtonNoWrap",
   "tableBodyOpen",
   "hiddenCaption"
-], _ = (t) => ({ ...r, ...s(t) }), B = /* @__PURE__ */ Object.assign(m, {
+], _ = (t) => ({ ...r, ...l(t) }), g = /* @__PURE__ */ Object.assign(u, {
   __recipe__: !1,
   __name__: "table",
   raw: (t) => t,
+  classNameMap: {},
   variantKeys: a,
   variantMap: {
     alternate: [
@@ -71,10 +73,10 @@ const r = {
     ]
   },
   splitVariantProps(t) {
-    return l(t, a);
+    return i(t, a);
   },
   getVariantProps: _
-}), g = c({
+}), V = n({
   base: {
     textAlign: "start"
   },
@@ -96,6 +98,6 @@ const r = {
   }
 });
 export {
-  B as table,
-  g as tableCell
+  g as table,
+  V as tableCell
 };

package/dist/components/Table/TableBody/TableBody.js

@@ -1,108 +1,108 @@
-import { jsx as t, jsxs as g, Fragment as F } from "react/jsx-runtime";
-import { propagateTestid as y } from "../../../helpers/utility/propagateTestid.js";
-import { TableEmpty as N } from "../components/TableEmpty.js";
-import { TableHeader as S } from "../components/TableHeader.js";
-import { useState as V, useEffect as j, useContext as T } from "react";
-import { useIdIfNeeded as k } from "../../../hooks/useIdIfNeeded.js";
-import { TableRows as A } from "../components/TableRows.js";
-import { useAriaRelationship as E } from "../../../hooks/useAriaRelationship.js";
-import { table as O } from "../Table.styles.js";
-import { T as w, a as I } from "../../../TableProvider-D8SQKIG8.js";
-import { s as x } from "../../../factory-DHLOr79I.js";
+import { jsx as t, jsxs as C, Fragment as H } from "react/jsx-runtime";
+import { propagateTestid as g } from "../../../helpers/utility/propagateTestid.js";
+import { TableEmpty as R } from "../components/TableEmpty.js";
+import { TableHeader as F } from "../components/TableHeader.js";
+import { useState as N, useEffect as S, useContext as y } from "react";
+import { useIdIfNeeded as V } from "../../../hooks/useIdIfNeeded.js";
+import { TableRows as j } from "../components/TableRows.js";
+import { useAriaRelationship as k } from "../../../hooks/useAriaRelationship.js";
+import { table as A } from "../Table.styles.js";
+import { T as E, a as T } from "../../../TableProvider-bdUNuoG-.js";
+import { s as I } from "../../../factory-oPXoMw9H.js";
 const G = ({
-  caption: s,
-  hiddenCaption: o,
-  onChange: r,
-  open: e,
-  setController: n,
-  tableId: i
+  caption: a,
+  hiddenCaption: e,
+  onChange: l,
+  open: n,
+  setController: s,
+  tableId: o
 }) => {
-  const a = T(I), c = a == null ? void 0 : a.api.getVisibleFlatColumns().length;
-  if (!c) return null;
-  const d = O({ tableBodyOpen: e });
+  const d = y(T)?.api.getVisibleFlatColumns().length;
+  if (!d) return null;
+  const c = A({ tableBodyOpen: n });
   return /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t(
-    x.th,
+    I.th,
     {
-      "aria-expanded": o ? void 0 : e,
-      colSpan: c,
-      className: d.rowGroupHeader,
-      id: `${i}--caption`,
-      onClick: r,
+      "aria-expanded": e ? void 0 : n,
+      colSpan: d,
+      className: c.rowGroupHeader,
+      id: `${o}--caption`,
+      onClick: l,
       scope: "rowgroup",
-      srOnly: o,
-      ref: n,
-      children: /* @__PURE__ */ t("button", { className: d.activator, type: "button", children: s })
+      srOnly: e,
+      ref: s,
+      children: /* @__PURE__ */ t("button", { className: c.activator, type: "button", children: a })
     }
   ) });
 }, q = ({
-  children: s,
-  setControlViaRef: o,
-  tableId: r
+  children: a,
+  setControlViaRef: e,
+  tableId: l
 }) => {
-  const e = T(I), n = e == null ? void 0 : e.api.getVisibleFlatColumns().length;
-  if (!s) return null;
-  const i = `${r}--children`;
-  return /* @__PURE__ */ t("tr", { id: i, ref: (a) => o(i)(a), children: /* @__PURE__ */ t("td", { colSpan: n, children: s }) });
+  const s = y(T)?.api.getVisibleFlatColumns().length;
+  if (!a) return null;
+  const o = `${l}--children`;
+  return /* @__PURE__ */ t("tr", { id: o, ref: (i) => e(o)(i), children: /* @__PURE__ */ t("td", { colSpan: s, children: a }) });
 }, Y = ({
-  caption: s,
-  children: o,
-  columns: r,
-  "data-testid": e,
-  empty: n,
-  hiddenCaption: i,
-  hiddenHeader: a,
-  onOpened: c,
-  onClosed: d,
+  caption: a,
+  children: e,
+  columns: l,
+  "data-testid": n,
+  empty: s,
+  hiddenCaption: o,
+  hiddenHeader: i,
+  onOpened: d,
+  onClosed: c,
   open: b = !1,
-  rowProps: C,
-  rows: m = [],
-  scope: $,
+  rowProps: x,
+  rows: f = [],
+  scope: O,
   ...u
 }) => {
-  const [f, h] = V(b), { setController: v, setControlViaRef: p } = E("aria-controls"), l = k({ id: u.id }), B = o ?? (n && (r == null ? void 0 : r.length)) ?? !!(m != null && m.length);
-  if (j(() => {
+  const [m, h] = N(b), { setController: w, setControlViaRef: p } = k("aria-controls"), r = V({ id: u.id }), $ = e ?? (s && l?.length) ?? !!f?.length;
+  if (S(() => {
     h(b);
-  }, [b]), !B)
+  }, [b]), !$)
     return null;
-  const H = () => {
-    h(!f), f ? d == null || d() : c == null || c();
-  }, R = f || i;
-  return /* @__PURE__ */ t(w, { columns: r, rows: m, children: /* @__PURE__ */ g(x.tbody, { "aria-labelledby": `${l}--caption`, ...u, children: [
+  const v = () => {
+    h(!m), m ? c?.() : d?.();
+  }, B = m || o;
+  return /* @__PURE__ */ t(E, { columns: l, rows: f, children: /* @__PURE__ */ C(I.tbody, { "aria-labelledby": `${r}--caption`, ...u, children: [
     /* @__PURE__ */ t(
       G,
       {
-        setController: v,
-        caption: s,
-        hiddenCaption: i,
-        onChange: H,
-        open: f,
-        tableId: l
+        setController: w,
+        caption: a,
+        hiddenCaption: o,
+        onChange: v,
+        open: m,
+        tableId: r
       }
     ),
-    R && /* @__PURE__ */ g(F, { children: [
-      !a && /* @__PURE__ */ t(
-        S,
+    B && /* @__PURE__ */ C(H, { children: [
+      !i && /* @__PURE__ */ t(
+        F,
         {
-          additionalHeaders: `${l}--caption`,
+          additionalHeaders: `${r}--caption`,
           setControlViaRef: p,
-          tableId: l,
-          testId: y(e, "thead")
+          tableId: r,
+          testId: g(n, "thead")
         }
       ),
       /* @__PURE__ */ t(
-        A,
+        j,
         {
-          additionalHeaders: `${l}--caption`,
-          tableId: l,
-          rowProps: C,
+          additionalHeaders: `${r}--caption`,
+          tableId: r,
+          rowProps: x,
           setControlViaRef: p,
-          scope: $,
-          hiddenHeader: a,
-          testId: y(e, "tbody")
+          scope: O,
+          hiddenHeader: i,
+          testId: g(n, "tbody")
         }
       ),
-      /* @__PURE__ */ t(N, { children: n }),
-      /* @__PURE__ */ t(q, { setControlViaRef: p, tableId: l, children: o })
+      /* @__PURE__ */ t(R, { children: s }),
+      /* @__PURE__ */ t(q, { setControlViaRef: p, tableId: r, children: e })
     ] })
   ] }) });
 };

package/dist/components/Table/TableFormattedValue/TableFormattedValue.js

@@ -1,27 +1,17 @@
 import { formatPercentage as n } from "../../../helpers/formatting/formatPercentage.js";
 import { formatDate as o, formatShortDate as m } from "../../../helpers/formatting/formatDate.js";
 import { formatCurrency as f } from "../../../helpers/formatting/formatCurrency.js";
-import { formatISODateTime as c, formatRelativeTime as p } from "../../../helpers/formatting/formatDateTime.js";
-const b = [
-  "string",
-  "number",
-  "date",
-  "shortDate",
-  "isoDateTime",
-  "relativeTime",
-  "currency",
-  "percent"
-], y = ({
-  currencyFormatOptions: t,
-  format: e,
+import { formatISODateTime as p, formatRelativeTime as c } from "../../../helpers/formatting/formatDateTime.js";
+const D = ({
+  currencyFormatOptions: e,
+  format: t,
   row: i,
   value: r
-}) => e ? typeof e == "function" ? e(r, i) : e === "currency" ? `${f({
+}) => t ? typeof t == "function" ? t(r, i) : t === "currency" ? `${f({
   value: r,
   withSymbol: !0,
-  ...t
-})}` : e === "number" ? typeof r == "number" ? r : Number(r) : e === "date" ? o(r) : e === "shortDate" ? m(r) : e === "isoDateTime" ? c(r) : e === "relativeTime" ? p(r) : e === "percent" ? n(r) : r : r;
+  ...e
+})}` : t === "number" ? typeof r == "number" ? r : Number(r) : t === "date" ? o(r) : t === "shortDate" ? m(r) : t === "isoDateTime" ? p(r) : t === "relativeTime" ? c(r) : t === "percent" ? n(r) : r : r;
 export {
-  y as IressTableFormattedValue,
-  b as TABLE_CELL_FORMATS
+  D as IressTableFormattedValue
 };

package/dist/components/Table/TableProvider.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
-import { a as m, T as p, g as T } from "../../TableProvider-D8SQKIG8.js";
+import { a as m, T as p, g as T } from "../../TableProvider-bdUNuoG-.js";
 import "./helpers/composeTableInitialSorting.js";
-import "../../composeTableColumnDefs-CeWqgpKW.js";
+import "../../composeTableColumnDefs-BfFBOARB.js";
 export {
   m as TableContext,
   p as TableProvider,

package/dist/components/Table/components/TableEmpty.js

@@ -1,12 +1,12 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useContext as l } from "react";
-import { a as m } from "../../../TableProvider-D8SQKIG8.js";
-const p = ({ children: n }) => {
-  const t = l(m), o = t == null ? void 0 : t.api.getSortedRowModel().rows;
-  if (o != null && o.length || !n) return null;
-  const r = t == null ? void 0 : t.api.getVisibleFlatColumns().length;
-  return r ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: r, children: n }) }) : null;
+import { useContext as n } from "react";
+import { a as l } from "../../../TableProvider-bdUNuoG-.js";
+const u = ({ children: t }) => {
+  const o = n(l);
+  if (o?.api.getSortedRowModel().rows?.length || !t) return null;
+  const r = o?.api.getVisibleFlatColumns().length;
+  return r ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: r, children: t }) }) : null;
 };
 export {
-  p as TableEmpty
+  u as TableEmpty
 };

package/dist/components/Table/components/TableHeader.js

@@ -1,45 +1,44 @@
-import { jsx as l } from "react/jsx-runtime";
-import { propagateTestid as d } from "../../../helpers/utility/propagateTestid.js";
-import { a as u, f as x } from "../../../TableProvider-D8SQKIG8.js";
-import { TableHeaderCell as g } from "./TableHeaderCell.js";
-import { useContext as s } from "react";
-const w = ({
-  additionalHeaders: p,
-  className: t,
-  setControlViaRef: n,
-  tableId: o,
-  testId: m
+import { jsx as i } from "react/jsx-runtime";
+import { propagateTestid as l } from "../../../helpers/utility/propagateTestid.js";
+import { a as c, f } from "../../../TableProvider-bdUNuoG-.js";
+import { TableHeaderCell as u } from "./TableHeaderCell.js";
+import { useContext as x } from "react";
+const $ = ({
+  additionalHeaders: n,
+  className: d,
+  setControlViaRef: m,
+  tableId: r,
+  testId: o
 }) => {
-  var c;
-  const i = s(u), a = i == null ? void 0 : i.api.getHeaderGroups();
-  return (c = i == null ? void 0 : i.api.getFlatHeaders()) != null && c.length ? a == null ? void 0 : a.map((e) => /* @__PURE__ */ l(
+  const a = x(c), s = a?.api.getHeaderGroups();
+  return a?.api.getFlatHeaders()?.length ? s?.map((t) => /* @__PURE__ */ i(
     "tr",
     {
-      "data-testid": d(m, "row", "-"),
-      className: t,
-      id: `${o}--header--${e.id}`,
-      ref: (r) => {
-        const f = `${o}--header--${e.id}`;
-        n == null || n(f)(r);
+      "data-testid": l(o, "row", "-"),
+      className: d,
+      id: `${r}--header--${t.id}`,
+      ref: (e) => {
+        const p = `${r}--header--${t.id}`;
+        m?.(p)(e);
       },
-      children: e.headers.map((r) => /* @__PURE__ */ l(
-        g,
+      children: t.headers.map((e) => /* @__PURE__ */ i(
+        u,
         {
-          additionalHeaders: p,
-          columnApi: r.column,
-          tableId: o,
-          "data-testid": d(
-            m == null ? void 0 : m.replace("thead", "header"),
-            r.id
+          additionalHeaders: n,
+          columnApi: e.column,
+          tableId: r,
+          "data-testid": l(
+            o?.replace("thead", "header"),
+            e.id
           ),
-          children: r.isPlaceholder ? null : x(r.column.columnDef.header, r.getContext())
+          children: e.isPlaceholder ? null : f(e.column.columnDef.header, e.getContext())
         },
-        r.id
+        e.id
       ))
     },
-    e.id
+    t.id
   )) : null;
 };
 export {
-  w as TableHeader
+  $ as TableHeader
 };

package/dist/components/Table/components/TableHeaderCell.js

@@ -1,35 +1,34 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useTableColumnStyles as C } from "../hooks/useTableColumnStyles.js";
-import { useTableColumnSort as b } from "../hooks/useTableColumnSort.js";
-import { TableSortButton as f } from "./TableSortButton.js";
-import { useContext as i } from "react";
-import { a as u } from "../../../TableProvider-D8SQKIG8.js";
-const h = ({
+import { jsx as e } from "react/jsx-runtime";
+import { useTableColumnStyles as u } from "../hooks/useTableColumnStyles.js";
+import { useTableColumnSort as d } from "../hooks/useTableColumnSort.js";
+import { TableSortButton as p } from "./TableSortButton.js";
+import { useContext as C } from "react";
+import { a as b } from "../../../TableProvider-bdUNuoG-.js";
+const x = ({
   additionalHeaders: m,
-  children: e,
-  columnApi: t,
+  children: r,
+  columnApi: o,
   tableId: n,
-  ...l
+  ...s
 }) => {
-  var r, s;
-  const o = b({
-    columnApi: t,
-    columnKey: t.id
-  }), d = C({ columnKey: t.id }), p = (s = (r = i(u)) == null ? void 0 : r.getColumnByKey(
-    t.id
-  )) == null ? void 0 : s.noWrap;
-  return /* @__PURE__ */ a(
+  const t = d({
+    columnApi: o,
+    columnKey: o.id
+  }), a = u({ columnKey: o.id }), l = C(b)?.getColumnByKey(
+    o.id
+  )?.noWrap;
+  return /* @__PURE__ */ e(
     "th",
     {
-      ...l,
-      id: `${n}__${t.id}`,
+      ...s,
+      id: `${n}__${o.id}`,
       headers: m,
-      ...o == null ? void 0 : o.columnProps,
-      ...d,
-      children: t.getCanSort() && o ? /* @__PURE__ */ a(f, { ...o == null ? void 0 : o.buttonProps, noWrap: p, children: e }) : e
+      ...t?.columnProps,
+      ...a,
+      children: o.getCanSort() && t ? /* @__PURE__ */ e(p, { ...t?.buttonProps, noWrap: l, children: r }) : r
     }
   );
 };
 export {
-  h as TableHeaderCell
+  x as TableHeaderCell
 };