@iress-oss/ids-components 6.0.0-alpha.3 → 6.0.0-alpha.30

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

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

package/dist/components/Table/TableFormattedValue/TableFormattedValue.d.ts

@@ -0,0 +1,28 @@
+import { CurrencyFormatterProps } from '../../../helpers/formatting/formatCurrency';
+import { ReactNode } from 'react';
+export interface IressTableFormattedValueProps<TRow extends object, TVal = unknown> {
+    /**
+     * The currency code to prefix to the value if `format` is set to currency.
+     * @default { locale: 'en-AU', currencyCode: 'AUD' }
+     */
+    currencyFormatOptions?: Omit<CurrencyFormatterProps, 'value'>;
+    /**
+     * Formats the cell content.
+     * To use the in-built formatters, set this to: string, number, date, currency, percent.
+     * Use a custom formatter by passing a function that returns a ReactNode.
+     */
+    format?: TableCellFormats | ((value: TVal, row?: TRow) => ReactNode);
+    /**
+     * The row data.
+     */
+    row?: TRow;
+    /**
+     * The value to format.
+     */
+    value: TVal;
+}
+export type TableCellFormats = 'string' | 'number' | 'date' | 'shortDate' | 'isoDateTime' | 'relativeTime' | 'currency' | 'percent';
+export declare const IressTableFormattedValue: {
+    <TRow extends object, TVal = unknown>({ currencyFormatOptions, format, row, value, }: IressTableFormattedValueProps<TRow, TVal>): string | number | bigint | boolean | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | TVal | null | undefined;
+    displayName: string;
+};

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

@@ -1,17 +1,18 @@
 import { formatPercentage as n } from "../../../helpers/formatting/formatPercentage.js";
-import { formatDate as o, formatShortDate as m } from "../../../helpers/formatting/formatDate.js";
+import { formatDate as m, formatShortDate as o } from "../../../helpers/formatting/formatDate.js";
 import { formatCurrency as f } from "../../../helpers/formatting/formatCurrency.js";
-import { formatISODateTime as p, formatRelativeTime as c } from "../../../helpers/formatting/formatDateTime.js";
-const D = ({
-  currencyFormatOptions: e,
-  format: t,
+import { formatISODateTime as p, formatRelativeTime as s } from "../../../helpers/formatting/formatDateTime.js";
+const u = ({
+  currencyFormatOptions: t,
+  format: e,
   row: i,
   value: r
-}) => t ? typeof t == "function" ? t(r, i) : t === "currency" ? `${f({
+}) => e ? typeof e == "function" ? e(r, i) : e === "currency" ? `${f({
   value: r,
   withSymbol: !0,
-  ...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;
+  ...t
+})}` : e === "number" ? typeof r == "number" ? r : Number(r) : e === "date" ? m(r) : e === "shortDate" ? o(r) : e === "isoDateTime" ? p(r) : e === "relativeTime" ? s(r) : e === "percent" ? n(r) : r : r;
+u.displayName = "IressTableFormattedValue";
 export {
-  D as IressTableFormattedValue
+  u as IressTableFormattedValue
 };

package/dist/components/Table/TableProvider.d.ts

@@ -0,0 +1,17 @@
+import { Context, PropsWithChildren } from 'react';
+import { Table } from '@tanstack/react-table';
+import { TableColumn } from './helpers/composeTableColumnDefs';
+export interface TableProviderProps<TRow extends object, TVal = unknown> extends PropsWithChildren {
+    columns?: TableColumn<TRow, TVal>[];
+    rows: TRow[];
+}
+export interface TableContextValue<TRow extends object, TVal = unknown> {
+    api: Table<TRow>;
+    getColumnByKey: (key: string) => TableColumn<TRow, TVal> | undefined;
+}
+export declare function getTableContext<TRow extends object, TVal = unknown>(): Context<TableContextValue<TRow, TVal>>;
+export declare const TableContext: Context<TableContextValue<object, unknown> | undefined>;
+export declare const TableProvider: {
+    <TRow extends object, TVal = unknown>({ children, columns, rows, }: TableProviderProps<TRow, TVal>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Table/TableProvider.js

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

package/dist/components/Table/components/TableBodyCell.d.ts

@@ -0,0 +1,15 @@
+import { IressTestProps } from '../../../interfaces';
+import { PropsWithChildren } from 'react';
+import { Cell } from '@tanstack/react-table';
+export interface TableBodyCellProps<TRow extends object = never> extends PropsWithChildren, IressTestProps {
+    additionalHeaders?: string;
+    cellApi: Pick<Cell<TRow, unknown>, 'column' | 'row' | 'id'>;
+    hiddenHeader?: boolean;
+    index: number;
+    scope?: 'row' | 'col';
+    tableId: string;
+}
+export declare const TableBodyCell: {
+    <TRow extends object = never>({ additionalHeaders, cellApi, children, hiddenHeader, index, scope, tableId, ...restProps }: TableBodyCellProps<TRow>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Table/components/TableBodyCell.js

@@ -1,31 +1,32 @@
 import { jsx as c } from "react/jsx-runtime";
 import { useTableColumnStyles as h } from "../hooks/useTableColumnStyles.js";
-const f = ({
+const y = ({
   additionalHeaders: t,
   cellApi: o,
-  children: m,
-  hiddenHeader: u,
-  index: i,
-  scope: r = "row",
-  tableId: e,
-  ...d
+  children: r,
+  hiddenHeader: l,
+  index: d,
+  scope: m = "row",
+  tableId: n,
+  ...i
 }) => {
-  const l = h({
+  const u = h({
     columnKey: o.column.id
-  }), s = i === 0 && r === "row", n = u ? [] : [`${e}__${o.column.id}`];
-  return !s && r === "row" && n.push(`${e}__${o.row.getVisibleCells()[0].id}`), t && n.push(t), /* @__PURE__ */ c(
+  }), s = d === 0 && m === "row", e = l ? [] : [`${n}__${o.column.id}`];
+  return !s && m === "row" && e.push(`${n}__${o.row.getVisibleCells()[0].id}`), t && e.push(t), /* @__PURE__ */ c(
     s ? "th" : "td",
     {
-      ...d,
+      ...i,
       "data-column": o.column.id,
-      headers: n.length ? n.join(" ") : void 0,
-      id: `${e}__${o.id}`,
+      headers: e.length ? e.join(" ") : void 0,
+      id: `${n}__${o.id}`,
       scope: s ? "row" : void 0,
-      ...l,
-      children: m
+      ...u,
+      children: r
     }
   );
 };
+y.displayName = "TableBodyCell";
 export {
-  f as TableBodyCell
+  y as TableBodyCell
 };

package/dist/components/Table/components/TableEmpty.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+export declare const TableEmpty: {
+    ({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

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

@@ -1,12 +1,13 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useContext as n } from "react";
-import { a as l } from "../../../TableProvider-bdUNuoG-.js";
-const u = ({ children: t }) => {
-  const o = n(l);
+import { jsx as r } from "react/jsx-runtime";
+import { useContext as l } from "react";
+import { a as n } from "../../../TableProvider-CNduJwA4.js";
+const s = ({ children: t }) => {
+  const o = l(n);
   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;
+  const e = o?.api.getVisibleFlatColumns().length;
+  return e ? /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r("td", { colSpan: e, children: t }) }) : null;
 };
+s.displayName = "TableEmpty";
 export {
-  u as TableEmpty
+  s as TableEmpty
 };

package/dist/components/Table/components/TableHeader.d.ts

@@ -0,0 +1,11 @@
+import { AriaRelationshipProps } from '../../../hooks/useAriaRelationship';
+export interface TableHeaderProps extends Partial<Pick<AriaRelationshipProps, 'setControlViaRef'>> {
+    additionalHeaders?: string;
+    className?: string;
+    tableId: string;
+    testId?: string;
+}
+export declare const TableHeader: {
+    ({ additionalHeaders, className, setControlViaRef, tableId, testId, }: TableHeaderProps): import("react/jsx-runtime").JSX.Element[] | null | undefined;
+    displayName: string;
+};

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

@@ -1,21 +1,21 @@
 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 { a as c, f } from "../../../TableProvider-CNduJwA4.js";
 import { TableHeaderCell as u } from "./TableHeaderCell.js";
 import { useContext as x } from "react";
-const $ = ({
-  additionalHeaders: n,
-  className: d,
+const g = ({
+  additionalHeaders: d,
+  className: n,
   setControlViaRef: m,
   tableId: r,
-  testId: o
+  testId: a
 }) => {
-  const a = x(c), s = a?.api.getHeaderGroups();
-  return a?.api.getFlatHeaders()?.length ? s?.map((t) => /* @__PURE__ */ i(
+  const o = x(c), s = o?.api.getHeaderGroups();
+  return o?.api.getFlatHeaders()?.length ? s?.map((t) => /* @__PURE__ */ i(
     "tr",
     {
-      "data-testid": l(o, "row", "-"),
-      className: d,
+      "data-testid": l(a, "row", "-"),
+      className: n,
       id: `${r}--header--${t.id}`,
       ref: (e) => {
         const p = `${r}--header--${t.id}`;
@@ -24,11 +24,11 @@ const $ = ({
       children: t.headers.map((e) => /* @__PURE__ */ i(
         u,
         {
-          additionalHeaders: n,
+          additionalHeaders: d,
           columnApi: e.column,
           tableId: r,
           "data-testid": l(
-            o?.replace("thead", "header"),
+            a?.replace("thead", "header"),
             e.id
           ),
           children: e.isPlaceholder ? null : f(e.column.columnDef.header, e.getContext())
@@ -39,6 +39,7 @@ const $ = ({
     t.id
   )) : null;
 };
+g.displayName = "TableHeader";
 export {
-  $ as TableHeader
+  g as TableHeader
 };

package/dist/components/Table/components/TableHeaderCell.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren } from 'react';
+import { IressTestProps } from '../../../interfaces';
+import { Column } from '@tanstack/react-table';
+export interface TableHeaderCellProps extends PropsWithChildren, IressTestProps {
+    additionalHeaders?: string;
+    columnApi: Pick<Column<object, unknown>, 'getCanSort' | 'toggleSorting' | 'id'>;
+    tableId: string;
+}
+export declare const TableHeaderCell: {
+    ({ additionalHeaders, children, columnApi, tableId, ...restProps }: TableHeaderCellProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -1,34 +1,35 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as r } 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: r,
+import { a as b } from "../../../TableProvider-CNduJwA4.js";
+const i = ({
+  additionalHeaders: a,
+  children: t,
   columnApi: o,
-  tableId: n,
-  ...s
+  tableId: l,
+  ...m
 }) => {
-  const t = d({
+  const e = d({
     columnApi: o,
     columnKey: o.id
-  }), a = u({ columnKey: o.id }), l = C(b)?.getColumnByKey(
+  }), n = u({ columnKey: o.id }), s = C(b)?.getColumnByKey(
     o.id
   )?.noWrap;
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ r(
     "th",
     {
-      ...s,
-      id: `${n}__${o.id}`,
-      headers: m,
-      ...t?.columnProps,
-      ...a,
-      children: o.getCanSort() && t ? /* @__PURE__ */ e(p, { ...t?.buttonProps, noWrap: l, children: r }) : r
+      ...m,
+      id: `${l}__${o.id}`,
+      headers: a,
+      ...e?.columnProps,
+      ...n,
+      children: o.getCanSort() && e ? /* @__PURE__ */ r(p, { ...e?.buttonProps, noWrap: s, children: t }) : t
     }
   );
 };
+i.displayName = "TableHeaderCell";
 export {
-  x as TableHeaderCell
+  i as TableHeaderCell
 };

package/dist/components/Table/components/TableRows.d.ts

@@ -0,0 +1,15 @@
+import { Row } from '@tanstack/react-table';
+import { IressStyledProps } from '../../../types';
+import { AriaRelationshipProps } from '../../../hooks/useAriaRelationship';
+export interface TableRowsProps<TRow extends object = never> extends Partial<Pick<AriaRelationshipProps, 'setControlViaRef'>> {
+    additionalHeaders?: string;
+    hiddenHeader?: boolean;
+    scope?: 'row' | 'col';
+    rowProps?: IressStyledProps<'tr'> | ((row: Row<TRow>) => IressStyledProps<'tr'>);
+    tableId: string;
+    testId?: string;
+}
+export declare const TableRows: {
+    <TRow extends object = never>({ additionalHeaders, hiddenHeader, rowProps, setControlViaRef, scope, tableId, testId, }: TableRowsProps<TRow>): import("react/jsx-runtime").JSX.Element[] | null;
+    displayName: string;
+};

package/dist/components/Table/components/TableRows.js

@@ -1,50 +1,51 @@
-import { jsx as n } from "react/jsx-runtime";
-import { g as f, f as c } from "../../../TableProvider-bdUNuoG-.js";
+import { jsx as d } from "react/jsx-runtime";
+import { g as f, f as c } from "../../../TableProvider-CNduJwA4.js";
 import { TableBodyCell as u } from "./TableBodyCell.js";
-import { propagateTestid as g } from "../../../helpers/utility/propagateTestid.js";
-import { useContext as b } from "react";
-import { s as x } from "../../../factory-oPXoMw9H.js";
-const R = ({
+import { propagateTestid as b } from "../../../helpers/utility/propagateTestid.js";
+import { useContext as g } from "react";
+import { s as x } from "../../../factory-CcYfm2kB.js";
+const y = ({
   additionalHeaders: s,
-  hiddenHeader: a,
+  hiddenHeader: n,
   rowProps: o = {},
   setControlViaRef: m,
   scope: p = "row",
-  tableId: r,
+  tableId: i,
   testId: l
 }) => {
-  const d = b(f())?.api.getSortedRowModel().rows;
-  return d?.length ? d.map((e) => /* @__PURE__ */ n(
+  const a = g(f())?.api.getSortedRowModel().rows;
+  return a?.length ? a.map((t) => /* @__PURE__ */ d(
     x.tr,
     {
       "data-testid": l?.replace("tbody", "row"),
-      id: `${r}--rows--${e.id}`,
-      ref: (t) => {
-        const i = `${r}--rows--${e.id}`;
-        m?.(i)(t);
+      id: `${i}--rows--${t.id}`,
+      ref: (e) => {
+        const r = `${i}--rows--${t.id}`;
+        m?.(r)(e);
       },
-      ...typeof o == "function" ? o(e) : o,
-      children: e.getVisibleCells().map((t, i) => /* @__PURE__ */ n(
+      ...typeof o == "function" ? o(t) : o,
+      children: t.getVisibleCells().map((e, r) => /* @__PURE__ */ d(
         u,
         {
           additionalHeaders: s,
-          "data-testid": g(
+          "data-testid": b(
             l?.replace("tbody", "cell"),
-            `row_${e.id}__col_${t.column.id}`
+            `row_${t.id}__col_${e.column.id}`
           ),
-          cellApi: t,
-          hiddenHeader: a,
-          index: i,
+          cellApi: e,
+          hiddenHeader: n,
+          index: r,
           scope: p,
-          tableId: r,
-          children: c(t.column.columnDef.cell, t.getContext())
+          tableId: i,
+          children: c(e.column.columnDef.cell, e.getContext())
         },
-        t.id
+        e.id
       ))
     },
-    e.id
+    t.id
   )) : null;
 };
+y.displayName = "TableRows";
 export {
-  R as TableRows
+  y as TableRows
 };

package/dist/components/Table/components/TableSortButton.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren } from 'react';
+import { ColumnSort } from '@tanstack/react-table';
+export interface TableSortButtonProps extends PropsWithChildren {
+    label?: string;
+    noWrap?: boolean;
+    sort?: ColumnSort;
+    toggleSorting: () => void;
+}
+export declare const TableSortButton: {
+    ({ children, label: labelProp, noWrap, sort, toggleSorting, }: TableSortButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};