@viasat/beam-react 2.65.0 → 2.66.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -0
- package/assets/dataTable.css +1 -1
- package/chunks/{dataTable.B_4qCCp1.js → dataTable.B2F2FRDV.js} +5 -3
- package/chunks/dataTable.I3f-w2wt.js +1 -0
- package/lib/wip/DataTable/DataTable.Body.cjs.js +1 -1
- package/lib/wip/DataTable/DataTable.Body.es.js +1 -1
- package/lib/wip/DataTable/DataTable.Cell.cjs.js +1 -1
- package/lib/wip/DataTable/DataTable.Cell.es.js +1 -1
- package/lib/wip/DataTable/DataTable.ColumnHeader.cjs.js +1 -1
- package/lib/wip/DataTable/DataTable.ColumnHeader.es.js +1 -1
- package/lib/wip/DataTable/DataTable.Footer.cjs.js +1 -1
- package/lib/wip/DataTable/DataTable.Footer.es.js +1 -1
- package/lib/wip/DataTable/DataTable.Head.cjs.js +1 -1
- package/lib/wip/DataTable/DataTable.Head.es.js +27 -10
- package/lib/wip/DataTable/DataTable.Header.cjs.js +1 -1
- package/lib/wip/DataTable/DataTable.Header.es.js +1 -1
- package/lib/wip/DataTable/DataTable.Row.cjs.js +1 -1
- package/lib/wip/DataTable/DataTable.Row.es.js +1 -1
- package/lib/wip/DataTable/DataTable.Toolbar.cjs.js +1 -1
- package/lib/wip/DataTable/DataTable.Toolbar.es.js +1 -1
- package/lib/wip/DataTable/DataTable.cjs.js +1 -1
- package/lib/wip/DataTable/DataTable.columns.d.ts +3 -3
- package/lib/wip/DataTable/DataTable.es.js +1 -1
- package/lib/wip/DataTable/DataTable.types.d.ts +11 -3
- package/package.json +7 -7
- package/chunks/dataTable.B2EH91vH.js +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
## 2.66.0 (2026-09-03)
|
|
2
|
+
|
|
3
|
+
### 🚀 Features
|
|
4
|
+
|
|
5
|
+
- **DataTable:** render column headers from table instance ([#1426](https://git.viasat.com/vega/Beam/pull/1426))
|
|
6
|
+
|
|
7
|
+
### ❤️ Thank You
|
|
8
|
+
|
|
9
|
+
- Amarandei, Robert-Andrei
|
|
10
|
+
|
|
1
11
|
## 2.65.0 (2026-09-03)
|
|
2
12
|
|
|
3
13
|
### 🚀 Features
|
package/assets/dataTable.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-data-table-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-data-table-color-border:var(--bm-sem-color-border-01,#dfe7ec);--bm-comp-data-table-color-zebra:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-data-table-color-header-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-data-table-color-header-body:var(--bm-sem-color-text-secondary,#576775);--bm-comp-data-table-color-col-header-bg:var(--bm-sem-color-surface-transparent,#fff0);--bm-comp-data-table-color-col-header-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-data-table-color-col-header-group-bg:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-data-table-color-col-header-group-text:var(--bm-sem-color-text-secondary,#576775);--bm-comp-data-table-color-cell-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-data-table-color-cell-text-supporting:var(--bm-sem-color-text-secondary,#576775);--bm-comp-data-table-color-cell-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-data-table-space-x:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-header-gap:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-header-sm-x:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-header-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-header-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-col-header-gap:var(--bm-sem-space-25,.25rem);--bm-comp-data-table-space-col-header-group-height:var(--bm-primitive-dimension-200,2rem);--bm-comp-data-table-space-cell-gap:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-cell-sm-y:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-cell-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-cell-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-footer-sm-x:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-footer-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-footer-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-section-inner-y:var(--bm-sem-space-25,.25rem);--bm-comp-data-table-space-section-sm-y:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-section-md-y:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-section-lg-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-typo-cell:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-data-table-typo-cell-emphisis:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro");--bm-comp-data-table-typo-cell-supporting:var(--bm-sem-typo-compact-body-xs,400 .75rem/1rem "Source Sans Pro");--bm-comp-data-table-typo-col-header:var(--bm-sem-typo-compact-label-sm,600 .875rem/1rem "Source Sans Pro");--bm-comp-data-table-typo-col-header-group:var(--bm-sem-typo-compact-label-xs,600 .75rem/1rem "Source Sans Pro");--bm-comp-data-table-size-col-header-group-height:var(--bm-primitive-dimension-225,2.25rem);--bm-comp-data-table-size-cell-sm-height:var(--bm-primitive-dimension-275,2.75rem);--bm-comp-data-table-size-cell-md-height:var(--bm-primitive-dimension-325,3.25rem);--bm-comp-data-table-size-cell-lg-height:var(--bm-primitive-dimension-375,3.75rem);--bm-comp-data-table-size-cell-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-data-table-radius:var(--bm-sem-radius-md,.5rem)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-data-table-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-data-table-color-border:var(--bm-sem-color-border-01,#32424e);--bm-comp-data-table-color-zebra:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-data-table-color-header-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-data-table-color-header-body:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-data-table-color-col-header-bg:var(--bm-sem-color-surface-transparent,#fff0);--bm-comp-data-table-color-col-header-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-data-table-color-col-header-group-bg:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-data-table-color-col-header-group-text:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-data-table-color-cell-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-data-table-color-cell-text-supporting:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-data-table-color-cell-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-data-table-space-x:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-header-gap:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-header-sm-x:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-header-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-header-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-col-header-gap:var(--bm-sem-space-25,.25rem);--bm-comp-data-table-space-col-header-group-height:var(--bm-primitive-dimension-200,2rem);--bm-comp-data-table-space-cell-gap:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-cell-sm-y:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-cell-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-cell-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-footer-sm-x:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-footer-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-footer-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-section-inner-y:var(--bm-sem-space-25,.25rem);--bm-comp-data-table-space-section-sm-y:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-section-md-y:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-section-lg-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-typo-cell:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-data-table-typo-cell-emphisis:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro");--bm-comp-data-table-typo-cell-supporting:var(--bm-sem-typo-compact-body-xs,400 .75rem/1rem "Source Sans Pro");--bm-comp-data-table-typo-col-header:var(--bm-sem-typo-compact-label-sm,600 .875rem/1rem "Source Sans Pro");--bm-comp-data-table-typo-col-header-group:var(--bm-sem-typo-compact-label-xs,600 .75rem/1rem "Source Sans Pro");--bm-comp-data-table-size-col-header-group-height:var(--bm-primitive-dimension-225,2.25rem);--bm-comp-data-table-size-cell-sm-height:var(--bm-primitive-dimension-275,2.75rem);--bm-comp-data-table-size-cell-md-height:var(--bm-primitive-dimension-325,3.25rem);--bm-comp-data-table-size-cell-lg-height:var(--bm-primitive-dimension-375,3.75rem);--bm-comp-data-table-size-cell-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-data-table-radius:var(--bm-sem-radius-md,.5rem)}.bm-data-table-container{background:var(--bm-comp-data-table-color-bg);flex-direction:column;width:100%;display:flex}.bm-data-table-container--bordered{border:var(--bm-sem-border-width-md)solid var(--bm-comp-data-table-color-border)}.bm-data-table-container--rounded{border-radius:var(--bm-comp-data-table-radius);overflow:hidden}.bm-data-table-container .bm-data-table__toolbar{color:var(--bm-comp-data-table-color-header-body);text-align:start;padding-inline:var(--bm-comp-data-table-space-x);padding-block:var(--bm-comp-data-table-space-header-md-y)}.bm-data-table{border-collapse:collapse;width:100%;color:var(--bm-comp-data-table-color-cell-text)}.bm-data-table__header{color:var(--bm-comp-data-table-color-header-heading);font:var(--bm-comp-data-table-typo-col-header);text-align:start;padding-inline:var(--bm-comp-data-table-space-x);padding-block:var(--bm-comp-data-table-space-header-md-y)}.bm-data-table__head{background:var(--bm-comp-data-table-color-col-header-bg)}.bm-data-table__column-header{background:var(--bm-comp-data-table-color-col-header-bg);color:var(--bm-comp-data-table-color-col-header-text);font:var(--bm-comp-data-table-typo-col-header);text-align:start}.bm-data-table__body{background:var(--bm-comp-data-table-color-bg)}.bm-data-table__row:nth-of-type(2n){background:var(--bm-comp-data-table-color-zebra)}.bm-data-table__cell{font:var(--bm-comp-data-table-typo-cell);color:var(--bm-comp-data-table-color-cell-text);border-bottom:var(--bm-sem-border-width-md)solid var(--bm-comp-data-table-color-border)}.bm-data-table__footer{color:var(--bm-comp-data-table-color-cell-text);padding-inline:var(--bm-comp-data-table-space-x);padding-block:var(--bm-comp-data-table-space-footer-md-y)}.bm-data-table--sm .bm-data-table__cell,.bm-data-table--sm .bm-data-table__column-header{height:var(--bm-comp-data-table-size-cell-sm-height);padding-block:var(--bm-comp-data-table-space-cell-sm-y);padding-inline:var(--bm-comp-data-table-space-x)}.bm-data-table--md .bm-data-table__cell,.bm-data-table--md .bm-data-table__column-header{height:var(--bm-comp-data-table-size-cell-md-height);padding-block:var(--bm-comp-data-table-space-cell-md-y);padding-inline:var(--bm-comp-data-table-space-x)}.bm-data-table--lg .bm-data-table__cell,.bm-data-table--lg .bm-data-table__column-header{height:var(--bm-comp-data-table-size-cell-lg-height);padding-block:var(--bm-comp-data-table-space-cell-lg-y);padding-inline:var(--bm-comp-data-table-space-x)}
|
|
1
|
+
:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-data-table-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-data-table-color-border:var(--bm-sem-color-border-01,#dfe7ec);--bm-comp-data-table-color-zebra:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-data-table-color-header-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-data-table-color-header-body:var(--bm-sem-color-text-secondary,#576775);--bm-comp-data-table-color-col-header-bg:var(--bm-sem-color-surface-transparent,#fff0);--bm-comp-data-table-color-col-header-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-data-table-color-col-header-group-bg:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-data-table-color-col-header-group-text:var(--bm-sem-color-text-secondary,#576775);--bm-comp-data-table-color-cell-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-data-table-color-cell-text-supporting:var(--bm-sem-color-text-secondary,#576775);--bm-comp-data-table-color-cell-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-data-table-space-x:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-header-gap:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-header-sm-x:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-header-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-header-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-col-header-gap:var(--bm-sem-space-25,.25rem);--bm-comp-data-table-space-col-header-group-height:var(--bm-primitive-dimension-200,2rem);--bm-comp-data-table-space-cell-gap:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-cell-sm-y:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-cell-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-cell-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-footer-sm-x:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-footer-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-footer-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-section-inner-y:var(--bm-sem-space-25,.25rem);--bm-comp-data-table-space-section-sm-y:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-section-md-y:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-section-lg-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-typo-cell:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-data-table-typo-cell-emphisis:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro");--bm-comp-data-table-typo-cell-supporting:var(--bm-sem-typo-compact-body-xs,400 .75rem/1rem "Source Sans Pro");--bm-comp-data-table-typo-col-header:var(--bm-sem-typo-compact-label-sm,600 .875rem/1rem "Source Sans Pro");--bm-comp-data-table-typo-col-header-group:var(--bm-sem-typo-compact-label-xs,600 .75rem/1rem "Source Sans Pro");--bm-comp-data-table-size-col-header-group-height:var(--bm-primitive-dimension-225,2.25rem);--bm-comp-data-table-size-cell-sm-height:var(--bm-primitive-dimension-275,2.75rem);--bm-comp-data-table-size-cell-md-height:var(--bm-primitive-dimension-325,3.25rem);--bm-comp-data-table-size-cell-lg-height:var(--bm-primitive-dimension-375,3.75rem);--bm-comp-data-table-size-cell-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-data-table-radius:var(--bm-sem-radius-md,.5rem)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-data-table-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-data-table-color-border:var(--bm-sem-color-border-01,#32424e);--bm-comp-data-table-color-zebra:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-data-table-color-header-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-data-table-color-header-body:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-data-table-color-col-header-bg:var(--bm-sem-color-surface-transparent,#fff0);--bm-comp-data-table-color-col-header-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-data-table-color-col-header-group-bg:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-data-table-color-col-header-group-text:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-data-table-color-cell-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-data-table-color-cell-text-supporting:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-data-table-color-cell-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-data-table-space-x:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-header-gap:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-header-sm-x:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-header-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-header-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-col-header-gap:var(--bm-sem-space-25,.25rem);--bm-comp-data-table-space-col-header-group-height:var(--bm-primitive-dimension-200,2rem);--bm-comp-data-table-space-cell-gap:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-cell-sm-y:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-cell-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-cell-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-footer-sm-x:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-footer-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-footer-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-section-inner-y:var(--bm-sem-space-25,.25rem);--bm-comp-data-table-space-section-sm-y:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-section-md-y:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-section-lg-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-typo-cell:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-data-table-typo-cell-emphisis:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro");--bm-comp-data-table-typo-cell-supporting:var(--bm-sem-typo-compact-body-xs,400 .75rem/1rem "Source Sans Pro");--bm-comp-data-table-typo-col-header:var(--bm-sem-typo-compact-label-sm,600 .875rem/1rem "Source Sans Pro");--bm-comp-data-table-typo-col-header-group:var(--bm-sem-typo-compact-label-xs,600 .75rem/1rem "Source Sans Pro");--bm-comp-data-table-size-col-header-group-height:var(--bm-primitive-dimension-225,2.25rem);--bm-comp-data-table-size-cell-sm-height:var(--bm-primitive-dimension-275,2.75rem);--bm-comp-data-table-size-cell-md-height:var(--bm-primitive-dimension-325,3.25rem);--bm-comp-data-table-size-cell-lg-height:var(--bm-primitive-dimension-375,3.75rem);--bm-comp-data-table-size-cell-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-data-table-radius:var(--bm-sem-radius-md,.5rem)}.bm-data-table-container{background:var(--bm-comp-data-table-color-bg);flex-direction:column;width:100%;display:flex}.bm-data-table-container--bordered{border:var(--bm-sem-border-width-md)solid var(--bm-comp-data-table-color-border)}.bm-data-table-container--rounded{border-radius:var(--bm-comp-data-table-radius);overflow:hidden}.bm-data-table-container .bm-data-table__toolbar{color:var(--bm-comp-data-table-color-header-body);text-align:start;padding-inline:var(--bm-comp-data-table-space-x);padding-block:var(--bm-comp-data-table-space-header-md-y)}.bm-data-table{border-collapse:collapse;width:100%;color:var(--bm-comp-data-table-color-cell-text)}.bm-data-table__header{color:var(--bm-comp-data-table-color-header-heading);font:var(--bm-comp-data-table-typo-col-header);text-align:start;padding-inline:var(--bm-comp-data-table-space-x);padding-block:var(--bm-comp-data-table-space-header-md-y)}.bm-data-table__head{background:var(--bm-comp-data-table-color-col-header-bg)}.bm-data-table__column-header{background:var(--bm-comp-data-table-color-col-header-bg);color:var(--bm-comp-data-table-color-col-header-text);font:var(--bm-comp-data-table-typo-col-header);text-align:start;white-space:nowrap}.bm-data-table__column-header--align-end{text-align:end}.bm-data-table__body{background:var(--bm-comp-data-table-color-bg)}.bm-data-table__body .bm-data-table__row:nth-of-type(2n){background:var(--bm-comp-data-table-color-zebra)}.bm-data-table__cell{font:var(--bm-comp-data-table-typo-cell);color:var(--bm-comp-data-table-color-cell-text);border-bottom:var(--bm-sem-border-width-md)solid var(--bm-comp-data-table-color-border)}.bm-data-table__footer{color:var(--bm-comp-data-table-color-cell-text);padding-inline:var(--bm-comp-data-table-space-x);padding-block:var(--bm-comp-data-table-space-footer-md-y)}.bm-data-table--sm .bm-data-table__cell,.bm-data-table--sm .bm-data-table__column-header{height:var(--bm-comp-data-table-size-cell-sm-height);padding-block:var(--bm-comp-data-table-space-cell-sm-y);padding-inline:var(--bm-comp-data-table-space-x)}.bm-data-table--md .bm-data-table__cell,.bm-data-table--md .bm-data-table__column-header{height:var(--bm-comp-data-table-size-cell-md-height);padding-block:var(--bm-comp-data-table-space-cell-md-y);padding-inline:var(--bm-comp-data-table-space-x)}.bm-data-table--lg .bm-data-table__cell,.bm-data-table--lg .bm-data-table__column-header{height:var(--bm-comp-data-table-size-cell-lg-height);padding-block:var(--bm-comp-data-table-space-cell-lg-y);padding-inline:var(--bm-comp-data-table-space-x)}
|
|
@@ -15,6 +15,7 @@ const r = {
|
|
|
15
15
|
"bm-data-table__header": "bm-data-table__header",
|
|
16
16
|
"bm-data-table__head": "bm-data-table__head",
|
|
17
17
|
"bm-data-table__column-header": "bm-data-table__column-header",
|
|
18
|
+
"bm-data-table__column-header--align-end": "bm-data-table__column-header--align-end",
|
|
18
19
|
"bm-data-table__body": "bm-data-table__body",
|
|
19
20
|
"bm-data-table__row": "bm-data-table__row",
|
|
20
21
|
"bm-data-table__cell": "bm-data-table__cell",
|
|
@@ -22,21 +23,22 @@ const r = {
|
|
|
22
23
|
"bm-data-table--sm": "bm-data-table--sm",
|
|
23
24
|
"bm-data-table--md": "bm-data-table--md",
|
|
24
25
|
"bm-data-table--lg": "bm-data-table--lg"
|
|
25
|
-
}, b = "data-table", { baseClassNamePrefix: l, classModifierPrefix:
|
|
26
|
+
}, b = "data-table", { baseClassNamePrefix: l, classModifierPrefix: n, subElementClassPrefix: a } = e(b), s = t.md, _ = {
|
|
26
27
|
container: `${l}-container`,
|
|
27
28
|
toolbar: `${a}toolbar`,
|
|
28
29
|
header: `${a}header`,
|
|
29
30
|
head: `${a}head`,
|
|
30
31
|
columnHeader: `${a}column-header`,
|
|
32
|
+
columnHeaderAlignEnd: `${a}column-header--align-end`,
|
|
31
33
|
body: `${a}body`,
|
|
32
34
|
row: `${a}row`,
|
|
33
35
|
cell: `${a}cell`,
|
|
34
36
|
footer: `${a}footer`
|
|
35
37
|
};
|
|
36
38
|
export {
|
|
37
|
-
|
|
39
|
+
s as D,
|
|
38
40
|
_ as a,
|
|
39
41
|
l as b,
|
|
40
|
-
|
|
42
|
+
n as c,
|
|
41
43
|
r as s
|
|
42
44
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var s=require("../assets/dataTable.css");const t=require("./classNames.BFQUGnCN.js"),b=require("./constants.CgMu0_1M.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__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,o={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`,footer:`${a}footer`};exports.DEFAULT_DATATABLE_DENSITY=r;exports.baseClassNamePrefix=e;exports.classModifierPrefix=m;exports.staticDataTableClassNames=o;exports.styles=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),e=require("../../../chunks/dataTable.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),e=require("../../../chunks/dataTable.I3f-w2wt.js"),d=require("./DataTable.context.cjs.js"),u=require("./DataTable.Row.cjs.js"),t=i.forwardRef(({className:s,...l},o)=>{const{table:r}=d.useDataTable(),b=n(e.styles[e.staticDataTableClassNames.body],s);return a.jsx("tbody",{ref:o,className:b,...l,children:r.getRowModel().rows.map(c=>a.jsx(u.DataTableRow,{},c.id))})});t.displayName="DataTable.Body";exports.DataTableBody=t;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as l } from "react";
|
|
3
3
|
import i from "clsx";
|
|
4
|
-
import { s as d, a as p } from "../../../chunks/dataTable.
|
|
4
|
+
import { s as d, a as p } from "../../../chunks/dataTable.B2F2FRDV.js";
|
|
5
5
|
import { useDataTable as b } from "./DataTable.context.es.js";
|
|
6
6
|
import { DataTableRow as c } from "./DataTable.Row.es.js";
|
|
7
7
|
const f = l(
|
|
@@ -1 +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.
|
|
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.I3f-w2wt.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;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as m } from "react";
|
|
3
3
|
import o from "clsx";
|
|
4
|
-
import { s as c, a as f } from "../../../chunks/dataTable.
|
|
4
|
+
import { s as c, a as f } from "../../../chunks/dataTable.B2F2FRDV.js";
|
|
5
5
|
const i = m(
|
|
6
6
|
({ className: a, children: s, ...l }, t) => {
|
|
7
7
|
const e = o(c[f.cell], a);
|
|
@@ -1 +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.
|
|
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.I3f-w2wt.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;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as m } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as t } from "react";
|
|
3
3
|
import l from "clsx";
|
|
4
|
-
import { s as c, a as p } from "../../../chunks/dataTable.
|
|
4
|
+
import { s as c, a as p } from "../../../chunks/dataTable.B2F2FRDV.js";
|
|
5
5
|
const f = t(({ className: a, children: s, ...e }, o) => {
|
|
6
6
|
const r = l(c[p.columnHeader], a);
|
|
7
7
|
return /* @__PURE__ */ m("th", { ref: o, scope: "col", className: r, ...e, children: s });
|
|
@@ -1 +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.
|
|
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.I3f-w2wt.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;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as m } from "react";
|
|
3
3
|
import l from "clsx";
|
|
4
|
-
import { s as f, a as c } from "../../../chunks/dataTable.
|
|
4
|
+
import { s as f, a as c } from "../../../chunks/dataTable.B2F2FRDV.js";
|
|
5
5
|
const i = m(
|
|
6
6
|
({ className: a, children: o, ...t }, s) => {
|
|
7
7
|
const r = l(f[c.footer], a);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
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.I3f-w2wt.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;
|
|
@@ -1,14 +1,31 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as u } from "react";
|
|
3
|
+
import { flexRender as b } from "@tanstack/react-table";
|
|
4
|
+
import s from "clsx";
|
|
5
|
+
import { s as m, a as r } from "../../../chunks/dataTable.B2F2FRDV.js";
|
|
6
|
+
import { useDataTable as D } from "./DataTable.context.es.js";
|
|
7
|
+
import { DataTableColumnHeader as g } from "./DataTable.ColumnHeader.es.js";
|
|
8
|
+
import { DataTableRow as T } from "./DataTable.Row.es.js";
|
|
9
|
+
const x = u(
|
|
10
|
+
({ className: n, ...c }, i) => {
|
|
11
|
+
const { table: p } = D(), d = s(m[r.head], n);
|
|
12
|
+
return /* @__PURE__ */ o("thead", { ref: i, className: d, ...c, children: p.getHeaderGroups().map((l) => /* @__PURE__ */ o(T, { children: l.headers.map((a) => {
|
|
13
|
+
var t;
|
|
14
|
+
const { columnDef: e } = a.column, f = ((t = e.meta) == null ? void 0 : t.align) === "end";
|
|
15
|
+
return /* @__PURE__ */ o(
|
|
16
|
+
g,
|
|
17
|
+
{
|
|
18
|
+
colSpan: a.colSpan,
|
|
19
|
+
scope: a.isPlaceholder ? void 0 : a.colSpan > 1 ? "colgroup" : "col",
|
|
20
|
+
className: s(f && m[r.columnHeaderAlignEnd]),
|
|
21
|
+
children: a.isPlaceholder ? null : b(e.header, a.getContext())
|
|
22
|
+
},
|
|
23
|
+
a.id
|
|
24
|
+
);
|
|
25
|
+
}) }, l.id)) });
|
|
9
26
|
}
|
|
10
27
|
);
|
|
11
|
-
|
|
28
|
+
x.displayName = "DataTable.Head";
|
|
12
29
|
export {
|
|
13
|
-
|
|
30
|
+
x as DataTableHead
|
|
14
31
|
};
|
|
@@ -1 +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.
|
|
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.I3f-w2wt.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;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as m } from "react";
|
|
3
3
|
import l from "clsx";
|
|
4
|
-
import { s as c, a as i } from "../../../chunks/dataTable.
|
|
4
|
+
import { s as c, a as i } from "../../../chunks/dataTable.B2F2FRDV.js";
|
|
5
5
|
const p = m(
|
|
6
6
|
({ className: a, children: s, ...e }, r) => {
|
|
7
7
|
const t = l(c[i.header], a);
|
|
@@ -1 +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.
|
|
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.I3f-w2wt.js"),a=i.forwardRef(({className:t,children:s,...r},o)=>{const l=n(e.styles[e.staticDataTableClassNames.row],t);return c.jsx("tr",{ref:o,className:l,...r,children:s})});a.displayName="DataTable.Row";exports.DataTableRow=a;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as m } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as e } from "react";
|
|
3
3
|
import l from "clsx";
|
|
4
|
-
import { s as c, a as f } from "../../../chunks/dataTable.
|
|
4
|
+
import { s as c, a as f } from "../../../chunks/dataTable.B2F2FRDV.js";
|
|
5
5
|
const i = e(
|
|
6
6
|
({ className: a, children: s, ...o }, r) => {
|
|
7
7
|
const t = l(c[f.row], a);
|
|
@@ -1 +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.
|
|
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.I3f-w2wt.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;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as l } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as m } from "react";
|
|
3
3
|
import e from "clsx";
|
|
4
|
-
import { s as i, a as b } from "../../../chunks/dataTable.
|
|
4
|
+
import { s as i, a as b } from "../../../chunks/dataTable.B2F2FRDV.js";
|
|
5
5
|
const c = m(
|
|
6
6
|
({ className: a, children: o, ...s }, r) => {
|
|
7
7
|
const t = e(i[b.toolbar], a);
|
|
@@ -1 +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.
|
|
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.I3f-w2wt.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;
|
|
@@ -2,8 +2,8 @@ import { ColumnMeta, RowData } from '@tanstack/react-table';
|
|
|
2
2
|
import { DataTableColumnDef } from './DataTable.types';
|
|
3
3
|
declare module '@tanstack/react-table' {
|
|
4
4
|
interface ColumnMeta<TData extends RowData, TValue> {
|
|
5
|
-
/**
|
|
6
|
-
align?: '
|
|
5
|
+
/** Logical horizontal alignment for the column's header and cell content. */
|
|
6
|
+
align?: 'start' | 'end';
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
9
|
/**
|
|
@@ -17,7 +17,7 @@ export type CreateBeamColumnArgs<TData extends RowData, TValue = unknown> = Data
|
|
|
17
17
|
/**
|
|
18
18
|
* Folds `align` into `meta.align` instead of introducing a new stored column
|
|
19
19
|
* type. Pure authoring convenience with no runtime meaning of its own — a
|
|
20
|
-
* hand-written `meta: { align: '
|
|
20
|
+
* hand-written `meta: { align: 'end' }` renders identically. Merges into an
|
|
21
21
|
* existing `meta` rather than clobbering it.
|
|
22
22
|
*
|
|
23
23
|
* @param column - {@link CreateBeamColumnArgs}.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as $, jsxs as D } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as F, Children as g, isValidElement as j, useMemo as M } from "react";
|
|
3
3
|
import d from "clsx";
|
|
4
|
-
import { s as l, b as O, c as I, D as S, a as b } from "../../../chunks/dataTable.
|
|
4
|
+
import { s as l, b as O, c as I, D as S, a as b } from "../../../chunks/dataTable.B2F2FRDV.js";
|
|
5
5
|
import { DataTableProvider as U } from "./DataTable.context.es.js";
|
|
6
6
|
import { DataTableHeader as u } from "./DataTable.Header.es.js";
|
|
7
7
|
import { DataTableToolbar as N } from "./DataTable.Toolbar.es.js";
|
|
@@ -83,9 +83,17 @@ export interface DataTableHeaderProps extends ComponentPropsWithRef<'caption'> {
|
|
|
83
83
|
export interface DataTableToolbarProps extends ComponentPropsWithRef<'div'> {
|
|
84
84
|
children?: ReactNode;
|
|
85
85
|
}
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
86
|
+
/**
|
|
87
|
+
* DataTable.Head renders the table instance's header groups; `children` isn't accepted.
|
|
88
|
+
*
|
|
89
|
+
* Two ways to customize a header:
|
|
90
|
+
* - Per header cell (sort button, select-all checkbox): set `columnDef.header` to a
|
|
91
|
+
* string or render function — resolved via `flexRender`.
|
|
92
|
+
* - Fully hand-built header: skip `DataTable.Head` and compose your own `<thead>` from
|
|
93
|
+
* `DataTable.Row` / `DataTable.ColumnHeader` as a direct child (the ADR-000 Layer 3
|
|
94
|
+
* path); it renders with Beam styling and honors a `scope` override.
|
|
95
|
+
*/
|
|
96
|
+
export type DataTableHeadProps = Omit<ComponentPropsWithRef<'thead'>, 'children'>;
|
|
89
97
|
export interface DataTableColumnHeaderProps extends ComponentPropsWithRef<'th'> {
|
|
90
98
|
/**
|
|
91
99
|
* Renders a `<th scope="col">`. Nest inside a `DataTable.Head` (`<thead>`) row so
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@viasat/beam-react",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.66.0",
|
|
4
4
|
"description": "React component library for the Beam design system",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Viasat",
|
|
@@ -60,12 +60,12 @@
|
|
|
60
60
|
"access": "public"
|
|
61
61
|
},
|
|
62
62
|
"dependencies": {
|
|
63
|
-
"@viasat/beam-fonts": "2.
|
|
64
|
-
"@viasat/beam-shared": "2.
|
|
65
|
-
"@viasat/beam-styles": "2.
|
|
66
|
-
"@viasat/beam-tokens": "2.
|
|
67
|
-
"@viasat/beam-icons": "2.
|
|
68
|
-
"@viasat/beam-react-claude-plugin": "2.
|
|
63
|
+
"@viasat/beam-fonts": "2.66.0",
|
|
64
|
+
"@viasat/beam-shared": "2.66.0",
|
|
65
|
+
"@viasat/beam-styles": "2.66.0",
|
|
66
|
+
"@viasat/beam-tokens": "2.66.0",
|
|
67
|
+
"@viasat/beam-icons": "2.66.0",
|
|
68
|
+
"@viasat/beam-react-claude-plugin": "2.66.0",
|
|
69
69
|
"clsx": "^1.2.1",
|
|
70
70
|
"@floating-ui/react": "^0.26.18",
|
|
71
71
|
"@stepperize/react": "^5.1.5",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var s=require("../assets/dataTable.css");const t=require("./classNames.BFQUGnCN.js"),b=require("./constants.CgMu0_1M.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__body":"bm-data-table__body","bm-data-table__row":"bm-data-table__row","bm-data-table__cell":"bm-data-table__cell","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,o={container:`${e}-container`,toolbar:`${a}toolbar`,header:`${a}header`,head:`${a}head`,columnHeader:`${a}column-header`,body:`${a}body`,row:`${a}row`,cell:`${a}cell`,footer:`${a}footer`};exports.DEFAULT_DATATABLE_DENSITY=r;exports.baseClassNamePrefix=e;exports.classModifierPrefix=m;exports.staticDataTableClassNames=o;exports.styles=l;
|