@viasat/beam-react 2.72.0 → 2.73.0

package/chunks/dataTable.BRFJoM34.js

@@ -0,0 +1 @@
+var n=require("../assets/dataTable.css");const b=require("./classNames.W_JcbBab.js"),l=require("./constants.DLsDVPyH.js"),d={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-data-table-container":"bm-data-table-container","bm-data-table-container--bordered":"bm-data-table-container--bordered","bm-data-table-container--rounded":"bm-data-table-container--rounded","bm-data-table__toolbar":"bm-data-table__toolbar","bm-data-table":"bm-data-table","bm-data-table__header":"bm-data-table__header","bm-data-table__head":"bm-data-table__head","bm-data-table__column-header":"bm-data-table__column-header","bm-data-table__column-header--align-end":"bm-data-table__column-header--align-end","bm-data-table__body":"bm-data-table__body","bm-data-table__row--striped":"bm-data-table__row--striped","bm-data-table--row-hover":"bm-data-table--row-hover","bm-data-table__row":"bm-data-table__row","bm-data-table__cell":"bm-data-table__cell","bm-data-table__cell--align-end":"bm-data-table__cell--align-end","bm-data-table__footer":"bm-data-table__footer","bm-data-table--sm":"bm-data-table--sm","bm-data-table--md":"bm-data-table--md","bm-data-table--lg":"bm-data-table--lg"},r="data-table",{baseClassNamePrefix:e,classModifierPrefix:t,subElementClassPrefix:a}=b.getBEMClassNames(r),m=l.allSizes.md,o={container:`${e}-container`,rowHover:`${t}row-hover`,toolbar:`${a}toolbar`,header:`${a}header`,head:`${a}head`,columnHeader:`${a}column-header`,columnHeaderAlignEnd:`${a}column-header--align-end`,body:`${a}body`,row:`${a}row`,rowStriped:`${a}row--striped`,cell:`${a}cell`,cellAlignEnd:`${a}cell--align-end`,footer:`${a}footer`};exports.DEFAULT_DATATABLE_DENSITY=m;exports.baseClassNamePrefix=e;exports.classModifierPrefix=t;exports.staticDataTableClassNames=o;exports.styles=d;

package/chunks/{dataTable.BzhZtbov.js → dataTable.BZYgKeZp.js}

@@ -1,7 +1,7 @@
 import "../assets/dataTable.css";
 import { g as e } from "./classNames.CECTlnmT.js";
 import { b as t } from "./constants.XFX4nOSf.js";
-const r = {
+const n = {
   "bm-light": "bm-light",
   "bm-dark": "bm-dark",
   "bm-inverse": "bm-inverse",
@@ -17,6 +17,8 @@ const r = {
   "bm-data-table__column-header": "bm-data-table__column-header",
   "bm-data-table__column-header--align-end": "bm-data-table__column-header--align-end",
   "bm-data-table__body": "bm-data-table__body",
+  "bm-data-table__row--striped": "bm-data-table__row--striped",
+  "bm-data-table--row-hover": "bm-data-table--row-hover",
   "bm-data-table__row": "bm-data-table__row",
   "bm-data-table__cell": "bm-data-table__cell",
   "bm-data-table__cell--align-end": "bm-data-table__cell--align-end",
@@ -24,8 +26,9 @@ const r = {
   "bm-data-table--sm": "bm-data-table--sm",
   "bm-data-table--md": "bm-data-table--md",
   "bm-data-table--lg": "bm-data-table--lg"
-}, b = "data-table", { baseClassNamePrefix: l, classModifierPrefix: n, subElementClassPrefix: a } = e(b), s = t.md, _ = {
+}, b = "data-table", { baseClassNamePrefix: l, classModifierPrefix: d, subElementClassPrefix: a } = e(b), _ = t.md, s = {
   container: `${l}-container`,
+  rowHover: `${d}row-hover`,
   toolbar: `${a}toolbar`,
   header: `${a}header`,
   head: `${a}head`,
@@ -33,14 +36,15 @@ const r = {
   columnHeaderAlignEnd: `${a}column-header--align-end`,
   body: `${a}body`,
   row: `${a}row`,
+  rowStriped: `${a}row--striped`,
   cell: `${a}cell`,
   cellAlignEnd: `${a}cell--align-end`,
   footer: `${a}footer`
 };
 export {
-  s as D,
-  _ as a,
+  _ as D,
+  s as a,
   l as b,
-  n as c,
-  r as s
+  d as c,
+  n as s
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),t=require("../../../chunks/dataTable.BzspKqpv.js"),d=require("./DataTable.context.cjs.js"),u=require("./DataTable.Row.cjs.js"),s=i.forwardRef(({className:l,...o},r)=>{const{table:b}=d.useDataTable(),c=n(t.styles[t.staticDataTableClassNames.body],l);return e.jsx("tbody",{ref:r,className:c,...o,children:b.getRowModel().rows.map(a=>e.jsx(u.DataTableRow,{row:a},a.id))})});s.displayName="DataTable.Body";exports.DataTableBody=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),u=require("clsx"),t=require("../../../chunks/dataTable.BRFJoM34.js"),T=require("./DataTable.context.cjs.js"),D=require("./DataTable.Row.cjs.js"),s=n.forwardRef(({className:l,...o},r)=>{const{table:i,striped:b}=T.useDataTable(),c=u(t.styles[t.staticDataTableClassNames.body],l);return e.jsx("tbody",{ref:r,className:c,...o,children:i.getRowModel().rows.map((a,d)=>e.jsx(D.DataTableRow,{row:a,striped:b&&d%2===1},a.id))})});s.displayName="DataTable.Body";exports.DataTableBody=s;

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

@@ -1,16 +1,23 @@
 import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import i from "clsx";
-import { s as d, a as p } from "../../../chunks/dataTable.BzhZtbov.js";
-import { useDataTable as b } from "./DataTable.context.es.js";
-import { DataTableRow as c } from "./DataTable.Row.es.js";
-const f = l(
+import { forwardRef as d } from "react";
+import p from "clsx";
+import { s as b, a as c } from "../../../chunks/dataTable.BZYgKeZp.js";
+import { useDataTable as f } from "./DataTable.context.es.js";
+import { DataTableRow as y } from "./DataTable.Row.es.js";
+const n = d(
   ({ className: t, ...s }, e) => {
-    const { table: r } = b(), m = i(d[p.body], t);
-    return /* @__PURE__ */ o("tbody", { ref: e, className: m, ...s, children: r.getRowModel().rows.map((a) => /* @__PURE__ */ o(c, { row: a }, a.id)) });
+    const { table: r, striped: m } = f(), l = p(b[c.body], t);
+    return /* @__PURE__ */ o("tbody", { ref: e, className: l, ...s, children: r.getRowModel().rows.map((a, i) => /* @__PURE__ */ o(
+      y,
+      {
+        row: a,
+        striped: m && i % 2 === 1
+      },
+      a.id
+    )) });
   }
 );
-f.displayName = "DataTable.Body";
+n.displayName = "DataTable.Body";
 export {
-  f as DataTableBody
+  n as DataTableBody
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),e=require("../../../chunks/dataTable.BzspKqpv.js"),a=i.forwardRef(({className:t,children:l,...s},r)=>{const c=n(e.styles[e.staticDataTableClassNames.cell],t);return o.jsx("td",{ref:r,className:c,...s,children:l})});a.displayName="DataTable.Cell";exports.DataTableCell=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),e=require("../../../chunks/dataTable.BRFJoM34.js"),a=i.forwardRef(({className:t,children:l,...s},r)=>{const c=n(e.styles[e.staticDataTableClassNames.cell],t);return o.jsx("td",{ref:r,className:c,...s,children:l})});a.displayName="DataTable.Cell";exports.DataTableCell=a;

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

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
 import o from "clsx";
-import { s as c, a as f } from "../../../chunks/dataTable.BzhZtbov.js";
+import { s as c, a as f } from "../../../chunks/dataTable.BZYgKeZp.js";
 const i = m(
   ({ className: a, children: s, ...l }, t) => {
     const e = o(c[f.cell], a);

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),n=require("react"),u=require("clsx"),e=require("../../../chunks/dataTable.BzspKqpv.js"),a=n.forwardRef(({className:t,children:s,...r},l)=>{const o=u(e.styles[e.staticDataTableClassNames.columnHeader],t);return c.jsx("th",{ref:l,scope:"col",className:o,...r,children:s})});a.displayName="DataTable.ColumnHeader";exports.DataTableColumnHeader=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),n=require("react"),u=require("clsx"),e=require("../../../chunks/dataTable.BRFJoM34.js"),a=n.forwardRef(({className:t,children:s,...r},l)=>{const o=u(e.styles[e.staticDataTableClassNames.columnHeader],t);return c.jsx("th",{ref:l,scope:"col",className:o,...r,children:s})});a.displayName="DataTable.ColumnHeader";exports.DataTableColumnHeader=a;

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

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
 import l from "clsx";
-import { s as c, a as p } from "../../../chunks/dataTable.BzhZtbov.js";
+import { s as c, a as p } from "../../../chunks/dataTable.BZYgKeZp.js";
 const f = t(({ className: a, children: s, ...e }, o) => {
   const r = l(c[p.columnHeader], a);
   return /* @__PURE__ */ m("th", { ref: o, scope: "col", className: r, ...e, children: s });

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),e=require("../../../chunks/dataTable.BzspKqpv.js"),t=i.forwardRef(({className:a,children:s,...o},r)=>{const l=n(e.styles[e.staticDataTableClassNames.footer],a);return c.jsx("tfoot",{ref:r,className:l,...o,children:s})});t.displayName="DataTable.Footer";exports.DataTableFooter=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),e=require("../../../chunks/dataTable.BRFJoM34.js"),t=i.forwardRef(({className:a,children:s,...o},r)=>{const l=n(e.styles[e.staticDataTableClassNames.footer],a);return c.jsx("tfoot",{ref:r,className:l,...o,children:s})});t.displayName="DataTable.Footer";exports.DataTableFooter=t;

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

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
 import l from "clsx";
-import { s as f, a as c } from "../../../chunks/dataTable.BzhZtbov.js";
+import { s as f, a as c } from "../../../chunks/dataTable.BZYgKeZp.js";
 const i = m(
   ({ className: a, children: o, ...t }, s) => {
     const r = l(f[c.footer], a);

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),m=require("react"),D=require("@tanstack/react-table"),c=require("clsx"),e=require("../../../chunks/dataTable.BzspKqpv.js"),p=require("./DataTable.context.cjs.js"),_=require("./DataTable.ColumnHeader.cjs.js"),g=require("./DataTable.Row.cjs.js"),o=m.forwardRef(({className:r,...i},b)=>{const{table:u}=p.useDataTable(),d=c(e.styles[e.staticDataTableClassNames.head],r);return l.jsx("thead",{ref:b,className:d,...i,children:u.getHeaderGroups().map(t=>l.jsx(g.DataTableRow,{children:t.headers.map(a=>{var n;const{columnDef:s}=a.column,T=((n=s.meta)==null?void 0:n.align)==="end";return l.jsx(_.DataTableColumnHeader,{colSpan:a.colSpan,scope:a.isPlaceholder?void 0:a.colSpan>1?"colgroup":"col",className:c(T&&e.styles[e.staticDataTableClassNames.columnHeaderAlignEnd]),children:a.isPlaceholder?null:D.flexRender(s.header,a.getContext())},a.id)})},t.id))})});o.displayName="DataTable.Head";exports.DataTableHead=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),m=require("react"),D=require("@tanstack/react-table"),c=require("clsx"),e=require("../../../chunks/dataTable.BRFJoM34.js"),p=require("./DataTable.context.cjs.js"),_=require("./DataTable.ColumnHeader.cjs.js"),g=require("./DataTable.Row.cjs.js"),o=m.forwardRef(({className:r,...i},b)=>{const{table:u}=p.useDataTable(),d=c(e.styles[e.staticDataTableClassNames.head],r);return l.jsx("thead",{ref:b,className:d,...i,children:u.getHeaderGroups().map(t=>l.jsx(g.DataTableRow,{children:t.headers.map(a=>{var n;const{columnDef:s}=a.column,T=((n=s.meta)==null?void 0:n.align)==="end";return l.jsx(_.DataTableColumnHeader,{colSpan:a.colSpan,scope:a.isPlaceholder?void 0:a.colSpan>1?"colgroup":"col",className:c(T&&e.styles[e.staticDataTableClassNames.columnHeaderAlignEnd]),children:a.isPlaceholder?null:D.flexRender(s.header,a.getContext())},a.id)})},t.id))})});o.displayName="DataTable.Head";exports.DataTableHead=o;

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

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as u } from "react";
 import { flexRender as b } from "@tanstack/react-table";
 import s from "clsx";
-import { s as m, a as r } from "../../../chunks/dataTable.BzhZtbov.js";
+import { s as m, a as r } from "../../../chunks/dataTable.BZYgKeZp.js";
 import { useDataTable as D } from "./DataTable.context.es.js";
 import { DataTableColumnHeader as g } from "./DataTable.ColumnHeader.es.js";
 import { DataTableRow as T } from "./DataTable.Row.es.js";

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),e=require("../../../chunks/dataTable.BzspKqpv.js"),a=i.forwardRef(({className:t,children:s,...r},c)=>{const l=n(e.styles[e.staticDataTableClassNames.header],t);return o.jsx("caption",{ref:c,className:l,...r,children:s})});a.displayName="DataTable.Header";exports.DataTableHeader=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),e=require("../../../chunks/dataTable.BRFJoM34.js"),a=i.forwardRef(({className:t,children:s,...r},c)=>{const l=n(e.styles[e.staticDataTableClassNames.header],t);return o.jsx("caption",{ref:c,className:l,...r,children:s})});a.displayName="DataTable.Header";exports.DataTableHeader=a;

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

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
 import l from "clsx";
-import { s as c, a as i } from "../../../chunks/dataTable.BzhZtbov.js";
+import { s as c, a as i } from "../../../chunks/dataTable.BZYgKeZp.js";
 const p = m(
   ({ className: a, children: s, ...e }, r) => {
     const t = l(c[i.header], a);

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),T=require("react"),D=require("@tanstack/react-table"),n=require("clsx"),a=require("../../../chunks/dataTable.BzspKqpv.js"),g=require("./DataTable.Cell.cjs.js"),r=T.forwardRef(({className:c,row:t,children:i,...o},u)=>{const b=n(a.styles[a.staticDataTableClassNames.row],c),m=()=>t==null?void 0:t.getVisibleCells().map(e=>{var l;const d=((l=e.column.columnDef.meta)==null?void 0:l.align)==="end";return s.jsx(g.DataTableCell,{className:n(d&&a.styles[a.staticDataTableClassNames.cellAlignEnd]),children:D.flexRender(e.column.columnDef.cell,e.getContext())},e.id)});return s.jsx("tr",{ref:u,className:b,...o,children:i??m()})});r.displayName="DataTable.Row";exports.DataTableRow=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),D=require("react"),C=require("@tanstack/react-table"),n=require("clsx"),e=require("../../../chunks/dataTable.BRFJoM34.js"),f=require("./DataTable.Cell.cjs.js"),r=D.forwardRef(({className:c,row:t,children:i,striped:o=!1,...u},b)=>{const m=n(e.styles[e.staticDataTableClassNames.row],o&&e.styles[e.staticDataTableClassNames.rowStriped],c),d=()=>t==null?void 0:t.getVisibleCells().map(a=>{var s;const T=((s=a.column.columnDef.meta)==null?void 0:s.align)==="end";return l.jsx(f.DataTableCell,{className:n(T&&e.styles[e.staticDataTableClassNames.cellAlignEnd]),children:C.flexRender(a.column.columnDef.cell,a.getContext())},a.id)});return l.jsx("tr",{ref:b,className:m,...u,children:i??d()})});r.displayName="DataTable.Row";exports.DataTableRow=r;

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

@@ -1,27 +1,31 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { flexRender as u } from "@tanstack/react-table";
-import t from "clsx";
-import { s as r, a as m } from "../../../chunks/dataTable.BzhZtbov.js";
-import { DataTableCell as C } from "./DataTable.Cell.es.js";
-const D = p(
-  ({ className: n, row: a, children: o, ...i }, c) => {
-    const d = t(r[m.row], n);
-    return /* @__PURE__ */ s("tr", { ref: c, className: d, ...i, children: o ?? (a == null ? void 0 : a.getVisibleCells().map((e) => {
-      var l;
-      const f = ((l = e.column.columnDef.meta) == null ? void 0 : l.align) === "end";
-      return /* @__PURE__ */ s(
-        C,
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { flexRender as C } from "@tanstack/react-table";
+import m from "clsx";
+import { s as l, a as s } from "../../../chunks/dataTable.BZYgKeZp.js";
+import { DataTableCell as D } from "./DataTable.Cell.es.js";
+const b = u(
+  ({ className: o, row: a, children: n, striped: i = !1, ...c }, d) => {
+    const f = m(
+      l[s.row],
+      i && l[s.rowStriped],
+      o
+    );
+    return /* @__PURE__ */ r("tr", { ref: d, className: f, ...c, children: n ?? (a == null ? void 0 : a.getVisibleCells().map((e) => {
+      var t;
+      const p = ((t = e.column.columnDef.meta) == null ? void 0 : t.align) === "end";
+      return /* @__PURE__ */ r(
+        D,
         {
-          className: t(f && r[m.cellAlignEnd]),
-          children: u(e.column.columnDef.cell, e.getContext())
+          className: m(p && l[s.cellAlignEnd]),
+          children: C(e.column.columnDef.cell, e.getContext())
         },
         e.id
       );
     })) });
   }
 );
-D.displayName = "DataTable.Row";
+b.displayName = "DataTable.Row";
 export {
-  D as DataTableRow
+  b as DataTableRow
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),b=require("react"),i=require("clsx"),a=require("../../../chunks/dataTable.BzspKqpv.js"),e=b.forwardRef(({className:t,children:s,...r},o)=>{const l=i(a.styles[a.staticDataTableClassNames.toolbar],t);return c.jsx("div",{ref:o,className:l,...r,children:s})});e.displayName="DataTable.Toolbar";exports.DataTableToolbar=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),b=require("react"),i=require("clsx"),a=require("../../../chunks/dataTable.BRFJoM34.js"),e=b.forwardRef(({className:t,children:s,...r},o)=>{const l=i(a.styles[a.staticDataTableClassNames.toolbar],t);return c.jsx("div",{ref:o,className:l,...r,children:s})});e.displayName="DataTable.Toolbar";exports.DataTableToolbar=e;

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

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
 import e from "clsx";
-import { s as i, a as b } from "../../../chunks/dataTable.BzhZtbov.js";
+import { s as i, a as b } from "../../../chunks/dataTable.BZYgKeZp.js";
 const c = m(
   ({ className: a, children: o, ...s }, r) => {
     const t = e(i[b.toolbar], a);

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

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

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

@@ -4,6 +4,7 @@ import { DataTableDensity } from '@viasat/beam-shared/components/dataTable';
 export interface DataTableContextProps<TData extends RowData = unknown> {
     density: DataTableDensity;
     table: Table<TData>;
+    striped: boolean;
 }
 export declare const DataTableProvider: ({ children, value, }: {
     children: ReactNode;

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

@@ -1,75 +1,81 @@
-import { jsx as $, jsxs as D } from "react/jsx-runtime";
-import { forwardRef as F, Children as g, isValidElement as j, useMemo as M } from "react";
-import d from "clsx";
-import { s as l, b as O, c as I, D as S, a as b } from "../../../chunks/dataTable.BzhZtbov.js";
-import { DataTableProvider as U } from "./DataTable.context.es.js";
-import { DataTableHeader as u } from "./DataTable.Header.es.js";
-import { DataTableToolbar as N } from "./DataTable.Toolbar.es.js";
-import { DataTableHead as Y } from "./DataTable.Head.es.js";
-import { DataTableColumnHeader as k } from "./DataTable.ColumnHeader.es.js";
-import { DataTableBody as q } from "./DataTable.Body.es.js";
-import { DataTableRow as z } from "./DataTable.Row.es.js";
-import { DataTableCell as G } from "./DataTable.Cell.es.js";
-import { DataTableFooter as J } from "./DataTable.Footer.es.js";
-import { useBeamTable as K } from "./useBeamTable.es.js";
-const a = F(
+import { jsx as g, jsxs as u } from "react/jsx-runtime";
+import { forwardRef as j, Children as M, isValidElement as O, useMemo as I } from "react";
+import b from "clsx";
+import { s as e, b as S, c as U, D as Y, a as s } from "../../../chunks/dataTable.BZYgKeZp.js";
+import { DataTableProvider as k } from "./DataTable.context.es.js";
+import { DataTableHeader as N } from "./DataTable.Header.es.js";
+import { DataTableToolbar as v } from "./DataTable.Toolbar.es.js";
+import { DataTableHead as q } from "./DataTable.Head.es.js";
+import { DataTableColumnHeader as z } from "./DataTable.ColumnHeader.es.js";
+import { DataTableBody as G } from "./DataTable.Body.es.js";
+import { DataTableRow as J } from "./DataTable.Row.es.js";
+import { DataTableCell as K } from "./DataTable.Cell.es.js";
+import { DataTableFooter as Q } from "./DataTable.Footer.es.js";
+import { useBeamTable as W } from "./useBeamTable.es.js";
+const a = j(
   ({
-    density: i = S,
+    density: i = Y,
     data: y,
-    columns: v,
-    table: C,
-    bordered: h = !0,
-    rounded: E = !0,
-    className: x,
+    columns: C,
+    table: h,
+    bordered: E = !0,
+    rounded: H = !0,
+    striped: c = !1,
+    rowHover: x = !1,
+    className: w,
     tableProps: r,
-    children: H,
-    ...w
-  }, B) => {
-    let t = null, s = null;
-    const c = [];
-    g.forEach(H, (o) => {
-      var T;
-      const p = j(o) ? (T = o.type) == null ? void 0 : T.displayName : void 0;
-      p === N.displayName ? (process.env.NODE_ENV !== "production" && t && console.warn(
+    children: B,
+    ...A
+  }, L) => {
+    let t = null, n = null;
+    const f = [];
+    M.forEach(B, (l) => {
+      var D;
+      const p = O(l) ? (D = l.type) == null ? void 0 : D.displayName : void 0;
+      p === v.displayName ? (process.env.NODE_ENV !== "production" && t && console.warn(
         "DataTable: multiple `DataTable.Toolbar` children found — only the last one is rendered."
-      ), t = o) : p === u.displayName ? (process.env.NODE_ENV !== "production" && s && console.warn(
+      ), t = l) : p === N.displayName ? (process.env.NODE_ENV !== "production" && n && console.warn(
         "DataTable: multiple `DataTable.Header` children found — only the last one is rendered."
-      ), s = o) : c.push(o);
+      ), n = l) : f.push(l);
     });
-    const A = d(
-      l[O],
-      l[`${I}${i}`]
-    ), L = K({ data: y ?? [], columns: v ?? [] }), f = C ?? L, R = M(() => ({ density: i, table: f }), [i, f]), V = d(
-      l[b.container],
-      h && l[`${b.container}--bordered`],
-      E && l[`${b.container}--rounded`],
-      x
+    const R = b(
+      e[S],
+      e[`${U}${i}`],
+      x && e[s.rowHover]
+    ), V = W({ data: y ?? [], columns: C ?? [] }), T = h ?? V, _ = I(
+      () => ({ density: i, table: T, striped: c }),
+      [i, T, c]
+    ), $ = b(
+      e[s.container],
+      E && e[`${s.container}--bordered`],
+      H && e[`${s.container}--rounded`],
+      w
     ), {
-      "aria-label": n,
-      "aria-labelledby": m,
-      ..._
-    } = w, e = !!t && !!(n || m);
-    return /* @__PURE__ */ $(U, { value: R, children: /* @__PURE__ */ D(
+      "aria-label": m,
+      "aria-labelledby": d,
+      ...F
+    } = A, o = !!t && !!(m || d);
+    return /* @__PURE__ */ g(k, { value: _, children: /* @__PURE__ */ u(
       "div",
       {
-        ref: B,
-        role: e ? "region" : void 0,
-        "aria-label": e ? n : void 0,
-        "aria-labelledby": e ? m : void 0,
-        className: V,
-        ..._,
+        ref: L,
+        role: o ? "region" : void 0,
+        "aria-label": o ? m : void 0,
+        "aria-labelledby": o ? d : void 0,
+        className: $,
+        ...F,
         children: [
           t,
-          /* @__PURE__ */ D(
+          /* @__PURE__ */ u(
             "table",
             {
-              "aria-label": e ? void 0 : n,
-              "aria-labelledby": e ? void 0 : m,
+              "aria-label": o ? void 0 : m,
+              "aria-labelledby": o ? void 0 : d,
               ...r,
-              className: d(A, r == null ? void 0 : r.className),
+              className: b(R, r == null ? void 0 : r.className),
               children: [
-                s,
-                c
+                n,
+                f
               ]
             }
           )
@@ -79,14 +85,14 @@ const a = F(
   }
 );
 a.displayName = "DataTable";
-a.Header = u;
-a.Toolbar = N;
-a.Head = Y;
-a.ColumnHeader = k;
-a.Body = q;
-a.Row = z;
-a.Cell = G;
-a.Footer = J;
+a.Header = N;
+a.Toolbar = v;
+a.Head = q;
+a.ColumnHeader = z;
+a.Body = G;
+a.Row = J;
+a.Cell = K;
+a.Footer = Q;
 export {
   a as DataTable
 };

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

@@ -12,26 +12,45 @@ interface DataTableBaseProps extends ComponentPropsWithRef<'div'> {
      * Density of the table's rows.
      * @default 'md'
      */
-    density?: DataTableDensity;
+    'density'?: DataTableDensity;
     /**
      * Adds a border around the table container.
      * @default true
      */
-    bordered?: boolean;
+    'bordered'?: boolean;
     /**
      * Rounds the corners of the table container.
      * @default true
      */
-    rounded?: boolean;
+    'rounded'?: boolean;
+    /**
+     * Applies zebra striping to body rows in the current row-model order, starting
+     * with the second row. Sorting, filtering, and expansion preserve visual
+     * alternation; pagination restarts it on each page. Manually composed rows
+     * must set `DataTable.Row`'s `striped` prop explicitly, and their `<tbody>`
+     * must use the `bm-data-table__body` class for zebra and hover styles.
+     * Virtualized rows should derive `striped` from their index in the complete
+     * current row model rather than their mounted DOM position. When enabled,
+     * `rowHover` layers over either background.
+     * @default false
+     */
+    'striped'?: boolean;
+    /**
+     * Highlights body rows on hover as a visual aid. Does not make rows selectable
+     * or clickable. A manually composed `<tbody>` must use the
+     * `bm-data-table__body` class for this styling.
+     * @default false
+     */
+    'rowHover'?: boolean;
     /**
      * Props forwarded to the inner `<table>` element. The root props on `DataTable`
      * target the wrapper `<div>`, which contains both the toolbar and the table.
      */
-    tableProps?: ComponentPropsWithoutRef<'table'>;
+    'tableProps'?: ComponentPropsWithoutRef<'table'>;
     /**
      * DataTable sub-components (Header, Toolbar, Head, ColumnHeader, Body, Row, Cell, Footer).
      */
-    children?: ReactNode;
+    'children'?: ReactNode;
     /**
      * Accessible name for the table. Applied directly to the `<table>` element, unless
      * a `DataTable.Toolbar` is present — then it's applied to the container as a
@@ -113,6 +132,11 @@ export interface DataTableRowProps extends ComponentPropsWithRef<'tr'> {
      * column via `flexRender`. Ignored when `children` are provided.
      */
     row?: Row<RowData>;
+    /**
+     * Applies the zebra background to a manually composed row.
+     * @default false
+     */
+    striped?: boolean;
     /**
      * Explicit row content (e.g. `DataTable.Cell` / `DataTable.ColumnHeader`
      * children). Takes precedence over `row` — used by `DataTable.Head` and by

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-react",
-  "version": "2.72.0",
+  "version": "2.73.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.72.0",
-    "@viasat/beam-shared": "2.72.0",
-    "@viasat/beam-styles": "2.72.0",
-    "@viasat/beam-tokens": "2.72.0",
-    "@viasat/beam-icons": "2.72.0",
-    "@viasat/beam-react-claude-plugin": "2.72.0",
+    "@viasat/beam-fonts": "2.73.0",
+    "@viasat/beam-shared": "2.73.0",
+    "@viasat/beam-styles": "2.73.0",
+    "@viasat/beam-tokens": "2.73.0",
+    "@viasat/beam-icons": "2.73.0",
+    "@viasat/beam-react-claude-plugin": "2.73.0",
     "clsx": "^1.2.1",
     "@floating-ui/react": "^0.26.18",
     "@stepperize/react": "^5.1.5",

package/chunks/dataTable.BzspKqpv.js

@@ -1 +0,0 @@
-var o=require("../assets/dataTable.css");const t=require("./classNames.W_JcbBab.js"),b=require("./constants.DLsDVPyH.js"),l={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-data-table-container":"bm-data-table-container","bm-data-table-container--bordered":"bm-data-table-container--bordered","bm-data-table-container--rounded":"bm-data-table-container--rounded","bm-data-table__toolbar":"bm-data-table__toolbar","bm-data-table":"bm-data-table","bm-data-table__header":"bm-data-table__header","bm-data-table__head":"bm-data-table__head","bm-data-table__column-header":"bm-data-table__column-header","bm-data-table__column-header--align-end":"bm-data-table__column-header--align-end","bm-data-table__body":"bm-data-table__body","bm-data-table__row":"bm-data-table__row","bm-data-table__cell":"bm-data-table__cell","bm-data-table__cell--align-end":"bm-data-table__cell--align-end","bm-data-table__footer":"bm-data-table__footer","bm-data-table--sm":"bm-data-table--sm","bm-data-table--md":"bm-data-table--md","bm-data-table--lg":"bm-data-table--lg"},d="data-table",{baseClassNamePrefix:e,classModifierPrefix:m,subElementClassPrefix:a}=t.getBEMClassNames(d),r=b.allSizes.md,n={container:`${e}-container`,toolbar:`${a}toolbar`,header:`${a}header`,head:`${a}head`,columnHeader:`${a}column-header`,columnHeaderAlignEnd:`${a}column-header--align-end`,body:`${a}body`,row:`${a}row`,cell:`${a}cell`,cellAlignEnd:`${a}cell--align-end`,footer:`${a}footer`};exports.DEFAULT_DATATABLE_DENSITY=r;exports.baseClassNamePrefix=e;exports.classModifierPrefix=m;exports.staticDataTableClassNames=n;exports.styles=l;