@viasat/beam-react 2.54.1 → 2.55.0

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 2.55.0 (2026-08-18)
+
+### 🚀 Features
+
+- **DataTable:** shared hook ([#1400](https://git.viasat.com/vega/Beam/pull/1400))
+
+### ❤️ Thank You
+
+- Amarandei, Robert-Andrei
+
 ## 2.54.1 (2026-08-14)
 
 ### 🩹 Fixes

package/lib/wip/DataTable/DataTable.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("react"),b=require("clsx"),e=require("../../../chunks/dataTable.BeVtkYp6.js"),y=require("./DataTable.context.cjs.js"),c=require("./DataTable.Header.cjs.js"),d=require("./DataTable.Toolbar.cjs.js"),q=require("./DataTable.Head.cjs.js"),f=require("./DataTable.ColumnHeader.cjs.js"),C=require("./DataTable.Body.cjs.js"),H=require("./DataTable.Row.cjs.js"),x=require("./DataTable.Cell.cjs.js"),E=require("./DataTable.Footer.cjs.js");function a({density:o=e.DEFAULT_DATATABLE_DENSITY,data:h,columns:v,className:u,tableProps:t,children:m,...p}){let r=null,s=null;const T=[];n.Children.forEach(m,l=>{var _;const D=n.isValidElement(l)?(_=l.type)==null?void 0:_.displayName:void 0;D===d.DataTableToolbar.displayName?(process.env.NODE_ENV!=="production"&&r&&console.warn("DataTable: multiple `DataTable.Toolbar` children found — only the last one is rendered."),r=l):D===c.DataTableHeader.displayName?(process.env.NODE_ENV!=="production"&&s&&console.warn("DataTable: multiple `DataTable.Header` children found — only the last one is rendered."),s=l):T.push(l)});const N=b(e.styles[e.baseClassNamePrefix],e.styles[`${e.classModifierPrefix}${o}`]),w=n.useMemo(()=>({density:o}),[o]);return i.jsx(y.DataTableProvider,{value:w,children:i.jsxs("div",{className:b(e.styles[e.staticDataTableClassNames.container],u),...p,children:[r,i.jsxs("table",{...t,className:b(N,t==null?void 0:t.className),children:[s,T]})]})})}a.displayName="DataTable";a.Header=c.DataTableHeader;a.Toolbar=d.DataTableToolbar;a.Head=q.DataTableHead;a.ColumnHeader=f.DataTableColumnHeader;a.Body=C.DataTableBody;a.Row=H.DataTableRow;a.Cell=x.DataTableCell;a.Footer=E.DataTableFooter;exports.DataTable=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),b=require("react"),n=require("clsx"),e=require("../../../chunks/dataTable.BeVtkYp6.js"),x=require("./DataTable.context.cjs.js"),d=require("./DataTable.Header.cjs.js"),u=require("./DataTable.Toolbar.cjs.js"),E=require("./DataTable.Head.cjs.js"),h=require("./DataTable.ColumnHeader.cjs.js"),v=require("./DataTable.Body.cjs.js"),B=require("./DataTable.Row.cjs.js"),j=require("./DataTable.Cell.cjs.js"),R=require("./DataTable.Footer.cjs.js"),A=require("./useBeamTable.cjs.js");function a({density:o=e.DEFAULT_DATATABLE_DENSITY,data:m,columns:p,table:N,className:w,tableProps:t,children:q,...y}){const f=A.useBeamTable({data:m??[],columns:p??[]}),T=N??f;let r=null,s=null;const c=[];b.Children.forEach(q,l=>{var _;const D=b.isValidElement(l)?(_=l.type)==null?void 0:_.displayName:void 0;D===u.DataTableToolbar.displayName?(process.env.NODE_ENV!=="production"&&r&&console.warn("DataTable: multiple `DataTable.Toolbar` children found — only the last one is rendered."),r=l):D===d.DataTableHeader.displayName?(process.env.NODE_ENV!=="production"&&s&&console.warn("DataTable: multiple `DataTable.Header` children found — only the last one is rendered."),s=l):c.push(l)});const C=n(e.styles[e.baseClassNamePrefix],e.styles[`${e.classModifierPrefix}${o}`]),H=b.useMemo(()=>({density:o,table:T}),[o,T]);return i.jsx(x.DataTableProvider,{value:H,children:i.jsxs("div",{className:n(e.styles[e.staticDataTableClassNames.container],w),...y,children:[r,i.jsxs("table",{...t,className:n(C,t==null?void 0:t.className),children:[s,c]})]})})}a.displayName="DataTable";a.Header=d.DataTableHeader;a.Toolbar=u.DataTableToolbar;a.Head=E.DataTableHead;a.ColumnHeader=h.DataTableColumnHeader;a.Body=v.DataTableBody;a.Row=B.DataTableRow;a.Cell=j.DataTableCell;a.Footer=R.DataTableFooter;exports.DataTable=a;

package/lib/wip/DataTable/DataTable.context.d.ts

@@ -1,7 +1,9 @@
 import { ReactNode } from 'react';
+import { Table } from '@tanstack/react-table';
 import { DataTableDensity } from '@viasat/beam-shared/components/dataTable';
 export interface DataTableContextProps {
     density: DataTableDensity;
+    table: Table<unknown>;
 }
 export declare const DataTableProvider: ({ children, value, }: {
     children: ReactNode;

package/lib/wip/DataTable/DataTable.d.ts

@@ -1,5 +1,5 @@
 import { DataTableProps } from './DataTable.types';
-export declare function DataTable<TData = unknown>({ density, 'data': _data, 'columns': _columns, 'className': _className, tableProps, children, ...props }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<TData = unknown>({ density, data, columns, 'table': tableProp, 'className': _className, tableProps, children, ...props }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
 export declare namespace DataTable {
     var displayName: string;
     var Header: import("react").ForwardRefExoticComponent<Omit<import("./DataTable.types").DataTableHeaderProps, "ref"> & import("react").RefAttributes<HTMLTableCaptionElement>>;

package/lib/wip/DataTable/DataTable.es.js

@@ -1,59 +1,66 @@
-import { jsx as y, jsxs as c } from "react/jsx-runtime";
-import { Children as C, isValidElement as E, useMemo as h } from "react";
+import { jsx as H, jsxs as f } from "react/jsx-runtime";
+import { Children as v, isValidElement as w, useMemo as A } from "react";
 import s from "clsx";
-import { s as m, b as x, c as H, D as v, a as _ } from "../../../chunks/dataTable.DQQX95em.js";
-import { DataTableProvider as w } from "./DataTable.context.es.js";
-import { DataTableHeader as f } from "./DataTable.Header.es.js";
-import { DataTableToolbar as T } from "./DataTable.Toolbar.es.js";
-import { DataTableHead as A } from "./DataTable.Head.es.js";
-import { DataTableColumnHeader as V } from "./DataTable.ColumnHeader.es.js";
-import { DataTableBody as B } from "./DataTable.Body.es.js";
-import { DataTableRow as F } from "./DataTable.Row.es.js";
-import { DataTableCell as j } from "./DataTable.Cell.es.js";
-import { DataTableFooter as L } from "./DataTable.Footer.es.js";
+import { s as m, b as B, c as V, D as _, a as F } from "../../../chunks/dataTable.DQQX95em.js";
+import { DataTableProvider as j } from "./DataTable.context.es.js";
+import { DataTableHeader as T } from "./DataTable.Header.es.js";
+import { DataTableToolbar as b } from "./DataTable.Toolbar.es.js";
+import { DataTableHead as L } from "./DataTable.Head.es.js";
+import { DataTableColumnHeader as M } from "./DataTable.ColumnHeader.es.js";
+import { DataTableBody as O } from "./DataTable.Body.es.js";
+import { DataTableRow as R } from "./DataTable.Row.es.js";
+import { DataTableCell as $ } from "./DataTable.Cell.es.js";
+import { DataTableFooter as I } from "./DataTable.Footer.es.js";
+import { useBeamTable as S } from "./useBeamTable.es.js";
 function a({
-  density: l = v,
-  // `data` / `columns` are reserved for the Phase 1 TanStack wiring; destructured
-  // here so they are not spread onto the DOM <table> as invalid attributes.
-  data: M,
-  columns: O,
-  className: p,
+  density: l = _,
+  data: p,
+  columns: D,
+  table: u,
+  className: N,
   tableProps: o,
-  children: D,
-  ...b
+  children: y,
+  ...C
 }) {
+  const E = S({
+    data: p ?? [],
+    columns: D ?? []
+  }), i = u ?? E;
   let r = null, t = null;
-  const i = [];
-  C.forEach(D, (e) => {
-    var d;
-    const n = E(e) ? (d = e.type) == null ? void 0 : d.displayName : void 0;
-    n === T.displayName ? (process.env.NODE_ENV !== "production" && r && console.warn(
+  const n = [];
+  v.forEach(y, (e) => {
+    var c;
+    const d = w(e) ? (c = e.type) == null ? void 0 : c.displayName : void 0;
+    d === b.displayName ? (process.env.NODE_ENV !== "production" && r && console.warn(
       "DataTable: multiple `DataTable.Toolbar` children found — only the last one is rendered."
-    ), r = e) : n === f.displayName ? (process.env.NODE_ENV !== "production" && t && console.warn(
+    ), r = e) : d === T.displayName ? (process.env.NODE_ENV !== "production" && t && console.warn(
       "DataTable: multiple `DataTable.Header` children found — only the last one is rendered."
-    ), t = e) : i.push(e);
+    ), t = e) : n.push(e);
   });
-  const u = s(
-    m[x],
-    m[`${H}${l}`]
-  ), N = h(() => ({ density: l }), [l]);
-  return /* @__PURE__ */ y(w, { value: N, children: /* @__PURE__ */ c("div", { className: s(m[_.container], p), ...b, children: [
+  const h = s(
+    m[B],
+    m[`${V}${l}`]
+  ), x = A(
+    () => ({ density: l, table: i }),
+    [l, i]
+  );
+  return /* @__PURE__ */ H(j, { value: x, children: /* @__PURE__ */ f("div", { className: s(m[F.container], N), ...C, children: [
     r,
-    /* @__PURE__ */ c("table", { ...o, className: s(u, o == null ? void 0 : o.className), children: [
+    /* @__PURE__ */ f("table", { ...o, className: s(h, o == null ? void 0 : o.className), children: [
       t,
-      i
+      n
     ] })
   ] }) });
 }
 a.displayName = "DataTable";
-a.Header = f;
-a.Toolbar = T;
-a.Head = A;
-a.ColumnHeader = V;
-a.Body = B;
-a.Row = F;
-a.Cell = j;
-a.Footer = L;
+a.Header = T;
+a.Toolbar = b;
+a.Head = L;
+a.ColumnHeader = M;
+a.Body = O;
+a.Row = R;
+a.Cell = $;
+a.Footer = I;
 export {
   a as DataTable
 };

package/lib/wip/DataTable/DataTable.types.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ComponentPropsWithRef, ReactNode } from 'react';
-import { ColumnDef } from '@tanstack/react-table';
+import { ColumnDef, Table } from '@tanstack/react-table';
 import { DataTableDensity } from '@viasat/beam-shared/components/dataTable';
 /**
  * Column definition for a DataTable, aliased from TanStack Table's `ColumnDef`.
@@ -16,6 +16,11 @@ export interface DataTableProps<TData = unknown> extends ComponentPropsWithoutRe
      * Column definitions describing how to render each column.
      */
     columns?: DataTableColumnDef<TData>[];
+    /**
+     * A pre-built TanStack `Table` instance (e.g. from `useBeamTable`). When supplied,
+     * `DataTable` renders it directly instead of building its own from `data`/`columns`.
+     */
+    table?: Table<TData>;
     /**
      * Density of the table's rows.
      * @default 'md'

package/lib/wip/DataTable/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DataTable.cjs.js"),l=require("./DataTable.Header.cjs.js"),t=require("./DataTable.Toolbar.cjs.js"),b=require("./DataTable.Head.cjs.js"),T=require("./DataTable.ColumnHeader.cjs.js"),D=require("./DataTable.Body.cjs.js"),r=require("./DataTable.Row.cjs.js"),_=require("./DataTable.Cell.cjs.js"),o=require("./DataTable.Footer.cjs.js"),a=require("./DataTable.context.cjs.js");exports.DataTable=e.DataTable;exports.DataTableHeader=l.DataTableHeader;exports.DataTableToolbar=t.DataTableToolbar;exports.DataTableHead=b.DataTableHead;exports.DataTableColumnHeader=T.DataTableColumnHeader;exports.DataTableBody=D.DataTableBody;exports.DataTableRow=r.DataTableRow;exports.DataTableCell=_.DataTableCell;exports.DataTableFooter=o.DataTableFooter;exports.DataTableProvider=a.DataTableProvider;exports.useDataTable=a.useDataTable;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DataTable.cjs.js"),l=require("./DataTable.Header.cjs.js"),t=require("./DataTable.Toolbar.cjs.js"),b=require("./DataTable.Head.cjs.js"),T=require("./DataTable.ColumnHeader.cjs.js"),D=require("./DataTable.Body.cjs.js"),r=require("./DataTable.Row.cjs.js"),_=require("./DataTable.Cell.cjs.js"),o=require("./DataTable.Footer.cjs.js"),a=require("./DataTable.context.cjs.js"),i=require("./useBeamTable.cjs.js");exports.DataTable=e.DataTable;exports.DataTableHeader=l.DataTableHeader;exports.DataTableToolbar=t.DataTableToolbar;exports.DataTableHead=b.DataTableHead;exports.DataTableColumnHeader=T.DataTableColumnHeader;exports.DataTableBody=D.DataTableBody;exports.DataTableRow=r.DataTableRow;exports.DataTableCell=_.DataTableCell;exports.DataTableFooter=o.DataTableFooter;exports.DataTableProvider=a.DataTableProvider;exports.useDataTable=a.useDataTable;exports.useBeamTable=i.useBeamTable;

package/lib/wip/DataTable/index.d.ts

@@ -8,4 +8,6 @@ export { DataTableRow } from './DataTable.Row';
 export { DataTableCell } from './DataTable.Cell';
 export { DataTableFooter } from './DataTable.Footer';
 export { DataTableProvider, useDataTable } from './DataTable.context';
+export { useBeamTable } from './useBeamTable';
 export type { DataTableProps, DataTableColumnDef, DataTableHeaderProps, DataTableToolbarProps, DataTableHeadProps, DataTableColumnHeaderProps, DataTableBodyProps, DataTableRowProps, DataTableCellProps, DataTableFooterProps, } from './DataTable.types';
+export type { UseBeamTableArgs } from './useBeamTable';

package/lib/wip/DataTable/index.es.js

@@ -1,23 +1,25 @@
 import { DataTable as o } from "./DataTable.es.js";
 import { DataTableHeader as t } from "./DataTable.Header.es.js";
 import { DataTableToolbar as b } from "./DataTable.Toolbar.es.js";
-import { DataTableHead as m } from "./DataTable.Head.es.js";
-import { DataTableColumnHeader as f } from "./DataTable.ColumnHeader.es.js";
-import { DataTableBody as x } from "./DataTable.Body.es.js";
-import { DataTableRow as H } from "./DataTable.Row.es.js";
-import { DataTableCell as C } from "./DataTable.Cell.es.js";
-import { DataTableFooter as n } from "./DataTable.Footer.es.js";
-import { DataTableProvider as v, useDataTable as w } from "./DataTable.context.es.js";
+import { DataTableHead as T } from "./DataTable.Head.es.js";
+import { DataTableColumnHeader as p } from "./DataTable.ColumnHeader.es.js";
+import { DataTableBody as D } from "./DataTable.Body.es.js";
+import { DataTableRow as u } from "./DataTable.Row.es.js";
+import { DataTableCell as s } from "./DataTable.Cell.es.js";
+import { DataTableFooter as C } from "./DataTable.Footer.es.js";
+import { DataTableProvider as n, useDataTable as v } from "./DataTable.context.es.js";
+import { useBeamTable as y } from "./useBeamTable.es.js";
 export {
   o as DataTable,
-  x as DataTableBody,
-  C as DataTableCell,
-  f as DataTableColumnHeader,
-  n as DataTableFooter,
-  m as DataTableHead,
+  D as DataTableBody,
+  s as DataTableCell,
+  p as DataTableColumnHeader,
+  C as DataTableFooter,
+  T as DataTableHead,
   t as DataTableHeader,
-  v as DataTableProvider,
-  H as DataTableRow,
+  n as DataTableProvider,
+  u as DataTableRow,
   b as DataTableToolbar,
-  w as useDataTable
+  y as useBeamTable,
+  v as useDataTable
 };

package/lib/wip/DataTable/useBeamTable.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@tanstack/react-table");function l(o){const t=o.enableSorting??!1,a=o.enableExpanding??!1;return e.useReactTable({...o,getCoreRowModel:e.getCoreRowModel(),enableSorting:t,getSortedRowModel:t?e.getSortedRowModel():void 0,enableExpanding:a,getExpandedRowModel:a?e.getExpandedRowModel():void 0})}exports.useBeamTable=l;

package/lib/wip/DataTable/useBeamTable.d.ts

@@ -0,0 +1,43 @@
+import { TableOptions, Table, RowData } from '@tanstack/react-table';
+/**
+ * Arguments for {@link useBeamTable}.
+ *
+ * The full TanStack `TableOptions` shape passes through — `data`, `columns`,
+ * `state`, `onSortingChange`, `manualSorting`, `meta`, and every other TanStack
+ * table option — except:
+ * - `getCoreRowModel`/`getSortedRowModel`/`getExpandedRowModel`: discarded if
+ *   passed; this hook always computes and wires these itself.
+ * - `enableSorting`/`enableExpanding`: read from the caller only to pick a
+ *   default (`false` when omitted) — see {@link useBeamTable} for why.
+ *
+ * @typeParam TData - Shape of a single row's data.
+ */
+export type UseBeamTableArgs<TData extends RowData> = Omit<TableOptions<TData>, 'getCoreRowModel' | 'getSortedRowModel' | 'getExpandedRowModel'>;
+/**
+ * Beam's Layer 2 table hook (see ADR-000: DataTable Architecture & API Model).
+ *
+ * Wraps TanStack's `useReactTable`, always wiring the core row model, and
+ * returns a real, unmodified TanStack `Table` instance — no Beam state is
+ * attached to it (rendering parity across Layer 1/2/3 relies on this).
+ *
+ * `enableSorting`/`enableExpanding` default to `false` (not TanStack's own
+ * default of `true`) and wire the matching row model alongside the flag, so
+ * the two can't drift apart. This closes two footguns (see ADR-000):
+ * - `column.getCanSort()`/`row.getCanExpand()` default to `true` even with no
+ *   row model wired, so an instance built without this defaulting can report
+ *   an affordance is available when activating it would do nothing.
+ * - Expansion also needs TanStack's own `getSubRows` option (e.g.
+ *   `getSubRows: row => row.subRows`) alongside `enableExpanding: true` —
+ *   without it, `getCanExpand()` stays `false` forever, silently. This hook
+ *   doesn't special-case `getSubRows`; it passes through via `options` like
+ *   any other TanStack option.
+ *
+ * A caller needing a fully custom sorting/expanding row-model function should
+ * use the raw `useReactTable` escape hatch (Layer 3) instead of fighting this
+ * hook's flag-driven wiring.
+ *
+ * @typeParam TData - Shape of a single row's data.
+ * @param options - {@link UseBeamTableArgs}.
+ * @returns The TanStack `Table` instance.
+ */
+export declare function useBeamTable<TData extends RowData>(options: UseBeamTableArgs<TData>): Table<TData>;

package/lib/wip/DataTable/useBeamTable.es.js

@@ -0,0 +1,15 @@
+import { useReactTable as n, getExpandedRowModel as t, getSortedRowModel as a, getCoreRowModel as l } from "@tanstack/react-table";
+function g(e) {
+  const o = e.enableSorting ?? !1, d = e.enableExpanding ?? !1;
+  return n({
+    ...e,
+    getCoreRowModel: l(),
+    enableSorting: o,
+    getSortedRowModel: o ? a() : void 0,
+    enableExpanding: d,
+    getExpandedRowModel: d ? t() : void 0
+  });
+}
+export {
+  g as useBeamTable
+};

package/lib/wip/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DataTable/DataTable.cjs.js"),l=require("./DataTable/DataTable.Header.cjs.js"),t=require("./DataTable/DataTable.Toolbar.cjs.js"),b=require("./DataTable/DataTable.Head.cjs.js"),D=require("./DataTable/DataTable.ColumnHeader.cjs.js"),T=require("./DataTable/DataTable.Body.cjs.js"),i=require("./DataTable/DataTable.Row.cjs.js"),r=require("./DataTable/DataTable.Cell.cjs.js"),_=require("./DataTable/DataTable.Footer.cjs.js"),a=require("./DataTable/DataTable.context.cjs.js"),o=require("./DateField/DateField.cjs.js");exports.DataTable=e.DataTable;exports.DataTableHeader=l.DataTableHeader;exports.DataTableToolbar=t.DataTableToolbar;exports.DataTableHead=b.DataTableHead;exports.DataTableColumnHeader=D.DataTableColumnHeader;exports.DataTableBody=T.DataTableBody;exports.DataTableRow=i.DataTableRow;exports.DataTableCell=r.DataTableCell;exports.DataTableFooter=_.DataTableFooter;exports.DataTableProvider=a.DataTableProvider;exports.useDataTable=a.useDataTable;exports.DateField=o.DateField;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DataTable/DataTable.cjs.js"),l=require("./DataTable/DataTable.Header.cjs.js"),t=require("./DataTable/DataTable.Toolbar.cjs.js"),b=require("./DataTable/DataTable.Head.cjs.js"),T=require("./DataTable/DataTable.ColumnHeader.cjs.js"),D=require("./DataTable/DataTable.Body.cjs.js"),i=require("./DataTable/DataTable.Row.cjs.js"),_=require("./DataTable/DataTable.Cell.cjs.js"),r=require("./DataTable/DataTable.Footer.cjs.js"),a=require("./DataTable/DataTable.context.cjs.js"),o=require("./DataTable/useBeamTable.cjs.js"),u=require("./DateField/DateField.cjs.js");exports.DataTable=e.DataTable;exports.DataTableHeader=l.DataTableHeader;exports.DataTableToolbar=t.DataTableToolbar;exports.DataTableHead=b.DataTableHead;exports.DataTableColumnHeader=T.DataTableColumnHeader;exports.DataTableBody=D.DataTableBody;exports.DataTableRow=i.DataTableRow;exports.DataTableCell=_.DataTableCell;exports.DataTableFooter=r.DataTableFooter;exports.DataTableProvider=a.DataTableProvider;exports.useDataTable=a.useDataTable;exports.useBeamTable=o.useBeamTable;exports.DateField=u.DateField;

package/lib/wip/index.es.js

@@ -1,25 +1,27 @@
 import { DataTable as o } from "./DataTable/DataTable.es.js";
 import { DataTableHeader as t } from "./DataTable/DataTable.Header.es.js";
-import { DataTableToolbar as b } from "./DataTable/DataTable.Toolbar.es.js";
-import { DataTableHead as D } from "./DataTable/DataTable.Head.es.js";
-import { DataTableColumnHeader as f } from "./DataTable/DataTable.ColumnHeader.es.js";
-import { DataTableBody as x } from "./DataTable/DataTable.Body.es.js";
-import { DataTableRow as H } from "./DataTable/DataTable.Row.es.js";
-import { DataTableCell as u } from "./DataTable/DataTable.Cell.es.js";
-import { DataTableFooter as F } from "./DataTable/DataTable.Footer.es.js";
-import { DataTableProvider as s, useDataTable as v } from "./DataTable/DataTable.context.es.js";
-import { DateField as y } from "./DateField/DateField.es.js";
+import { DataTableToolbar as m } from "./DataTable/DataTable.Toolbar.es.js";
+import { DataTableHead as T } from "./DataTable/DataTable.Head.es.js";
+import { DataTableColumnHeader as p } from "./DataTable/DataTable.ColumnHeader.es.js";
+import { DataTableBody as D } from "./DataTable/DataTable.Body.es.js";
+import { DataTableRow as u } from "./DataTable/DataTable.Row.es.js";
+import { DataTableCell as i } from "./DataTable/DataTable.Cell.es.js";
+import { DataTableFooter as B } from "./DataTable/DataTable.Footer.es.js";
+import { DataTableProvider as F, useDataTable as n } from "./DataTable/DataTable.context.es.js";
+import { useBeamTable as w } from "./DataTable/useBeamTable.es.js";
+import { DateField as P } from "./DateField/DateField.es.js";
 export {
   o as DataTable,
-  x as DataTableBody,
-  u as DataTableCell,
-  f as DataTableColumnHeader,
-  F as DataTableFooter,
-  D as DataTableHead,
+  D as DataTableBody,
+  i as DataTableCell,
+  p as DataTableColumnHeader,
+  B as DataTableFooter,
+  T as DataTableHead,
   t as DataTableHeader,
-  s as DataTableProvider,
-  H as DataTableRow,
-  b as DataTableToolbar,
-  y as DateField,
-  v as useDataTable
+  F as DataTableProvider,
+  u as DataTableRow,
+  m as DataTableToolbar,
+  P as DateField,
+  w as useBeamTable,
+  n as useDataTable
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-react",
-  "version": "2.54.1",
+  "version": "2.55.0",
   "description": "React component library for the Beam design system",
   "license": "MIT",
   "author": "Viasat",
@@ -60,12 +60,12 @@
     "access": "public"
   },
   "dependencies": {
-    "@viasat/beam-fonts": "2.54.1",
-    "@viasat/beam-shared": "2.54.1",
-    "@viasat/beam-styles": "2.54.1",
-    "@viasat/beam-tokens": "2.54.1",
-    "@viasat/beam-icons": "2.54.1",
-    "@viasat/beam-react-claude-plugin": "2.54.1",
+    "@viasat/beam-fonts": "2.55.0",
+    "@viasat/beam-shared": "2.55.0",
+    "@viasat/beam-styles": "2.55.0",
+    "@viasat/beam-tokens": "2.55.0",
+    "@viasat/beam-icons": "2.55.0",
+    "@viasat/beam-react-claude-plugin": "2.55.0",
     "clsx": "^1.2.1",
     "@floating-ui/react": "^0.26.18",
     "@stepperize/react": "^5.1.5",