@viasat/beam-react 2.55.1 → 2.56.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 +20 -0
- package/assets/dataTable.css +1 -1
- package/chunks/{ActionList.Group.B8krXDRr.js → ActionList.Group.BEWW4wwS.js} +1 -1
- package/chunks/{ActionList.Group.bDvNGHXt.js → ActionList.Group.CdnUE8zS.js} +1 -1
- package/chunks/{ActionList.Item.D7UqN7UZ.js → ActionList.Item.BHyO5gUR.js} +1 -1
- package/chunks/{ActionList.Item.D36mdR8z.js → ActionList.Item.BKE036zC.js} +2 -2
- package/chunks/dataTable.B2EH91vH.js +1 -0
- package/chunks/{dataTable.DQQX95em.js → dataTable.B_4qCCp1.js} +5 -3
- package/lib/Accordion/Accordion.cjs.js +1 -1
- package/lib/Accordion/Accordion.es.js +12 -12
- package/lib/ActionList/ActionList.Group.cjs.js +1 -1
- package/lib/ActionList/ActionList.Group.es.js +2 -2
- package/lib/ActionList/ActionList.IconButton.cjs.js +1 -1
- package/lib/ActionList/ActionList.IconButton.es.js +1 -1
- package/lib/ActionList/ActionList.Item.cjs.js +1 -1
- package/lib/ActionList/ActionList.Item.es.js +1 -1
- package/lib/ActionList/ActionList.cjs.js +1 -1
- package/lib/ActionList/ActionList.es.js +2 -2
- package/lib/ActionList/useActionListChildren.cjs.js +1 -1
- package/lib/ActionList/useActionListChildren.es.js +2 -2
- package/lib/SideNav/SideNav.cjs.js +1 -1
- package/lib/SideNav/SideNav.es.js +17 -17
- package/lib/SideNav/SideNavActionListGroup.cjs.js +1 -1
- package/lib/SideNav/SideNavActionListGroup.es.js +1 -1
- package/lib/SideNav/SideNavActionListItem.cjs.js +1 -1
- package/lib/SideNav/SideNavActionListItem.es.js +1 -1
- package/lib/SideNav/SideNavActionListItemExpandable.cjs.js +1 -1
- package/lib/SideNav/SideNavActionListItemExpandable.es.js +1 -1
- package/lib/SideNav/SideNavActionListItemFlyout.cjs.js +1 -1
- package/lib/SideNav/SideNavActionListItemFlyout.es.js +1 -1
- 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 +1 -1
- 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.context.d.ts +5 -5
- package/lib/wip/DataTable/DataTable.d.ts +22 -11
- package/lib/wip/DataTable/DataTable.es.js +88 -62
- package/lib/wip/DataTable/DataTable.types.d.ts +56 -14
- package/package.json +7 -7
- package/chunks/dataTable.BeVtkYp6.js +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,23 @@
|
|
|
1
|
+
## 2.56.0 (2026-08-20)
|
|
2
|
+
|
|
3
|
+
### 🚀 Features
|
|
4
|
+
|
|
5
|
+
- **DataTable:** wire root container to useBeamTable instance ([#1403](https://git.viasat.com/vega/Beam/pull/1403))
|
|
6
|
+
|
|
7
|
+
### ❤️ Thank You
|
|
8
|
+
|
|
9
|
+
- Amarandei, Robert-Andrei
|
|
10
|
+
|
|
11
|
+
## 2.55.2 (2026-08-19)
|
|
12
|
+
|
|
13
|
+
### 🩹 Fixes
|
|
14
|
+
|
|
15
|
+
- **react:** replace inert="" with inert={true} for React 19 compatibility ([#1405](https://git.viasat.com/vega/Beam/pull/1405))
|
|
16
|
+
|
|
17
|
+
### ❤️ Thank You
|
|
18
|
+
|
|
19
|
+
- Evans, Joel
|
|
20
|
+
|
|
1
21
|
## 2.55.1 (2026-08-18)
|
|
2
22
|
|
|
3
23
|
### 🩹 Fixes
|
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{flex-direction:column;width:100%;display:flex}.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;
|
|
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,7 +1,7 @@
|
|
|
1
1
|
import { jsx as m, jsxs as M } from "react/jsx-runtime";
|
|
2
2
|
import j, { useMemo as k, Children as x, isValidElement as N, cloneElement as C } from "react";
|
|
3
3
|
import w from "clsx";
|
|
4
|
-
import { A as P, i as I, s } from "./ActionList.Item.
|
|
4
|
+
import { A as P, i as I, s } from "./ActionList.Item.BKE036zC.js";
|
|
5
5
|
import { g as B } from "./classNames.CA_0DokS.js";
|
|
6
6
|
import "./constants.Cruz2A1w.js";
|
|
7
7
|
import { ActionListSelectionProvider as D } from "../lib/ActionList/ActionListSelectionContext.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const c=require("react/jsx-runtime"),n=require("react"),I=require("clsx"),s=require("./ActionList.Item.
|
|
1
|
+
"use strict";const c=require("react/jsx-runtime"),n=require("react"),I=require("clsx"),s=require("./ActionList.Item.BHyO5gUR.js"),j=require("./classNames.BFQUGnCN.js");require("./constants.CgMu0_1M.js");const E=require("../lib/ActionList/ActionListSelectionContext.cjs.js"),_=require("../lib/ActionList/ActionListIndentationContext.cjs.js"),P=require("../lib/Divider/Divider.cjs.js"),C=require("../utils/functions.cjs.js"),M=require("../lib/ActionList/ActionList.context.cjs.js"),$=({children:p,disabled:t,allowGroups:l=!1,kind:r="action"})=>{const{allowChildrenTypes:a=[]}=M.useActionListContext();return n.useMemo(()=>{let o=!1;const d=[s.ActionListItem,...l?[v]:[],...a];return{children:n.Children.toArray(p).flatMap((i,u)=>{if(!n.isValidElement(i))return[];const{disabled:m,kind:h}=i.props;if(C.isSameComponent(i.type,s.ActionListItem)){const e=h??r;return o=o||s.isChoiceKind(e),[n.cloneElement(i,{disabled:t??m,kind:e})]}if(l&&C.isSameComponent(i.type,v)){const e=i.props;return n.Children.forEach(e.children,L=>{if(n.isValidElement(L)){const f=L.props.kind??e.kind??r;o=o||s.isChoiceKind(f)}}),[n.cloneElement(i,{disabled:t??m})]}if(a.some(e=>C.isSameComponent(i.type,e)))return[n.cloneElement(i,{disabled:t??m})];const b=d.map(e=>e.displayName??e.name).join(", ").replace(/, (.+?)$/," or $1");return console.warn(`ActionList: Invalid child at position ${u}. Only ${b} allowed.`),[]}),hasChoiceItems:o}},[p,a,l,t,r])},{baseClassNamePrefix:S,classModifierPrefix:x,subElementClassPrefix:y}=j.getBEMClassNames("action-list__group"),v=({children:p,heading:t,divider:l=!1,kind:r="action",className:a,disabled:o,noResults:d,indent:q,role:i="group",...u})=>{const m=I(s.styles[S],s.styles[`${x}kind-${r}`],d&&s.styles[`${x}no-results`],o&&s.styles[`${x}disabled`],a),{children:h,hasChoiceItems:b}=$({children:p,disabled:o,allowGroups:!1,kind:r}),e=_.useActionListIndentation({hasChoiceItems:b,indentProp:q}),L=typeof t=="string"?c.jsx("div",{className:s.styles[`${y}heading`],children:t}):t,A=u["aria-label"],f=u["aria-labelledby"],N=n.useMemo(()=>{if(A)return A;if(!f&&t)return C.extractTextFromReactNode(t)},[A,f,t]);return c.jsx(E.ActionListSelectionProvider,{kind:r,children:c.jsx(_.ActionListIndentationProvider,{indent:e,children:c.jsxs("div",{className:m,role:i,...u,"aria-label":N,children:[L||null,d&&c.jsx("div",{className:s.styles[`${y}no-results`],children:d}),h,l&&c.jsx(P.Divider,{borderColor:"01",className:s.styles[`${y}divider`],role:"presentation","aria-orientation":void 0})]})})})};exports.ActionListGroup=v;exports.useActionListChildren=$;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var Lt=require("../assets/ActionList.css");const e=require("react/jsx-runtime"),it=require("../lib/ActionList/ActionListIndentationContext.cjs.js"),st=require("clsx"),nt=require("./classNames.BFQUGnCN.js");require("./constants.CgMu0_1M.js");const N=require("../lib/Icon/Icon.cjs.js"),$=require("./tokens.Bc11gmpN.js"),ot=require("./Check.CR4kqxW9.js"),ct=require("./ChevronRightCurved.CoT-Bqyo.js"),rt=require("../lib/StateLayer/StateLayer.cjs.js"),lt=require("../lib/ActionList/ActionListSelectionContext.cjs.js"),at=require("../lib/Tooltip/Tooltip.cjs.js"),f=require("../utils/functions.cjs.js"),_t=require("../lib/Tooltip/useTooltipClipping.cjs.js"),n=require("react"),mt=require("../lib/Checkbox/Checkbox.cjs.js"),ut=require("../lib/RadioButton/RadioButton.cjs.js"),bt=require("@floating-ui/react"),dt=require("../lib/ActionList/ActionList.Item.context.cjs.js"),ht=require("../lib/ActionList/ActionList.context.cjs.js"),xt=require("../lib/Form/hooks/useAccessibleId.hook.cjs.js");require("./form.context.CkC0TwMb.js");const ft=require("../lib/Switch/Switch.cjs.js"),i={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-action-list":"bm-action-list","bm-action-list__no-results":"bm-action-list__no-results","bm-action-list__loading":"bm-action-list__loading","bm-action-list__item":"bm-action-list__item","bm-action-list__item__supporting-text":"bm-action-list__item__supporting-text","bm-action-list__item--kind-destructive":"bm-action-list__item--kind-destructive","bm-action-list__item--disabled":"bm-action-list__item--disabled","bm-state-layer":"bm-state-layer","bm-action-list__item--active":"bm-action-list__item--active","bm-action-list__item__choice":"bm-action-list__item__choice","bm-action-list__item__switch":"bm-action-list__item__switch","bm-action-list__item__content-before":"bm-action-list__item__content-before","bm-action-list__item__content":"bm-action-list__item__content","bm-action-list__item__text":"bm-action-list__item__text","bm-action-list__item--header":"bm-action-list__item--header","bm-action-list__item__content-after":"bm-action-list__item__content-after","bm-button":"bm-button","bm-action-list__item__flyout":"bm-action-list__item__flyout","bm-action-list__group":"bm-action-list__group","bm-action-list__group__heading":"bm-action-list__group__heading","bm-action-list__group__no-results":"bm-action-list__group__no-results","bm-action-list__group__divider":"bm-action-list__group__divider","bm-action-list__item__icon-button__placeholder":"bm-action-list__item__icon-button__placeholder"},kt="singleCheckMark",Ct="multiCheckMark",pt="checkbox",vt="radio",gt="switch",qt=[kt,Ct,pt,vt,gt],C=l=>qt.includes(l),{baseClassNamePrefix:yt,classModifierPrefix:k,subElementClassPrefix:o}=nt.getBEMClassNames("action-list__item"),p=n.createContext({current:null}),At=()=>n.useContext(p),It=n.forwardRef(({as:l,children:a,supportingText:v,contentAfter:g,contentBefore:q,onClick:_,onSelectionChange:M,defaultSelected:T=!1,kind:F="action",indent:D,disabled:r=!1,className:E,role:m,tooltipPlacement:K,hidden:P,...O},z)=>{const B=l??"div",{kind:t}=dt.useActionListItemContext(F),{onItemClick:u,itemsFocusable:G,getItemProps:b,insideMenu:y,activeIndex:H}=ht.useActionListContext(),{selected:d,setSelected:J}=lt.useActionListItemSelection(t,T,M),[c,Q]=n.useState(d);n.useEffect(()=>{requestAnimationFrame(()=>Q(d))},[d]);const A=C(t),U=t==="flyout",h=it.useActionListIndentation({isChoiceItem:A,indentProp:D}),{index:I,ref:V}=bt.useListItem({label:r?null:f.extractTextFromReactNode(a)}),L=s=>{r||(C(t)?J(!c):_==null||_(s),u==null||u(I,t,s.nativeEvent))},W=s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),L(s))},x=n.useCallback(s=>{s.preventDefault()},[]),R=n.useRef(null),j=n.useRef(null),X=_t.useTooltipClipping({clippingRef:j}),Y=f.mergeRefs(V,z),Z=n.useMemo(()=>m||(y?t==="singleCheckMark"||t==="radio"?"menuitemradio":t==="multiCheckMark"||t==="checkbox"||t==="switch"?"menuitemcheckbox":"menuitem":"option"),[m,y,t]),S={...O,onClick:L,tabIndex:G?0:-1},{id:tt}=xt.useAccessibleId(),w=H===I,et=st(i[yt],i[`${k}kind-${t}`],r&&i[`${k}disabled`],w&&i[`${k}active`],E);return e.jsxs(p.Provider,{value:R,children:[e.jsx(at.Tooltip,{showDelay:500,portalled:!0,text:f.extractTextFromReactNode(a),...X,placement:K,children:e.jsxs(B,{className:et,role:Z,"aria-checked":c||void 0,"aria-selected":w||void 0,"aria-disabled":r,onKeyDown:W,id:tt,...(b==null?void 0:b(S))??S,ref:Y,hidden:P,children:[h&&e.jsx("div",{style:{width:h===!0?$.bmCompActionlistSizeIcon:`${h}rem`}}),A&&t!=="switch"&&e.jsxs("div",{className:i[`${o}choice`],inert
|
|
1
|
+
var Lt=require("../assets/ActionList.css");const e=require("react/jsx-runtime"),it=require("../lib/ActionList/ActionListIndentationContext.cjs.js"),st=require("clsx"),nt=require("./classNames.BFQUGnCN.js");require("./constants.CgMu0_1M.js");const N=require("../lib/Icon/Icon.cjs.js"),$=require("./tokens.Bc11gmpN.js"),ot=require("./Check.CR4kqxW9.js"),ct=require("./ChevronRightCurved.CoT-Bqyo.js"),rt=require("../lib/StateLayer/StateLayer.cjs.js"),lt=require("../lib/ActionList/ActionListSelectionContext.cjs.js"),at=require("../lib/Tooltip/Tooltip.cjs.js"),f=require("../utils/functions.cjs.js"),_t=require("../lib/Tooltip/useTooltipClipping.cjs.js"),n=require("react"),mt=require("../lib/Checkbox/Checkbox.cjs.js"),ut=require("../lib/RadioButton/RadioButton.cjs.js"),bt=require("@floating-ui/react"),dt=require("../lib/ActionList/ActionList.Item.context.cjs.js"),ht=require("../lib/ActionList/ActionList.context.cjs.js"),xt=require("../lib/Form/hooks/useAccessibleId.hook.cjs.js");require("./form.context.CkC0TwMb.js");const ft=require("../lib/Switch/Switch.cjs.js"),i={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-action-list":"bm-action-list","bm-action-list__no-results":"bm-action-list__no-results","bm-action-list__loading":"bm-action-list__loading","bm-action-list__item":"bm-action-list__item","bm-action-list__item__supporting-text":"bm-action-list__item__supporting-text","bm-action-list__item--kind-destructive":"bm-action-list__item--kind-destructive","bm-action-list__item--disabled":"bm-action-list__item--disabled","bm-state-layer":"bm-state-layer","bm-action-list__item--active":"bm-action-list__item--active","bm-action-list__item__choice":"bm-action-list__item__choice","bm-action-list__item__switch":"bm-action-list__item__switch","bm-action-list__item__content-before":"bm-action-list__item__content-before","bm-action-list__item__content":"bm-action-list__item__content","bm-action-list__item__text":"bm-action-list__item__text","bm-action-list__item--header":"bm-action-list__item--header","bm-action-list__item__content-after":"bm-action-list__item__content-after","bm-button":"bm-button","bm-action-list__item__flyout":"bm-action-list__item__flyout","bm-action-list__group":"bm-action-list__group","bm-action-list__group__heading":"bm-action-list__group__heading","bm-action-list__group__no-results":"bm-action-list__group__no-results","bm-action-list__group__divider":"bm-action-list__group__divider","bm-action-list__item__icon-button__placeholder":"bm-action-list__item__icon-button__placeholder"},kt="singleCheckMark",Ct="multiCheckMark",pt="checkbox",vt="radio",gt="switch",qt=[kt,Ct,pt,vt,gt],C=l=>qt.includes(l),{baseClassNamePrefix:yt,classModifierPrefix:k,subElementClassPrefix:o}=nt.getBEMClassNames("action-list__item"),p=n.createContext({current:null}),At=()=>n.useContext(p),It=n.forwardRef(({as:l,children:a,supportingText:v,contentAfter:g,contentBefore:q,onClick:_,onSelectionChange:M,defaultSelected:T=!1,kind:F="action",indent:D,disabled:r=!1,className:E,role:m,tooltipPlacement:K,hidden:P,...O},z)=>{const B=l??"div",{kind:t}=dt.useActionListItemContext(F),{onItemClick:u,itemsFocusable:G,getItemProps:b,insideMenu:y,activeIndex:H}=ht.useActionListContext(),{selected:d,setSelected:J}=lt.useActionListItemSelection(t,T,M),[c,Q]=n.useState(d);n.useEffect(()=>{requestAnimationFrame(()=>Q(d))},[d]);const A=C(t),U=t==="flyout",h=it.useActionListIndentation({isChoiceItem:A,indentProp:D}),{index:I,ref:V}=bt.useListItem({label:r?null:f.extractTextFromReactNode(a)}),L=s=>{r||(C(t)?J(!c):_==null||_(s),u==null||u(I,t,s.nativeEvent))},W=s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),L(s))},x=n.useCallback(s=>{s.preventDefault()},[]),R=n.useRef(null),j=n.useRef(null),X=_t.useTooltipClipping({clippingRef:j}),Y=f.mergeRefs(V,z),Z=n.useMemo(()=>m||(y?t==="singleCheckMark"||t==="radio"?"menuitemradio":t==="multiCheckMark"||t==="checkbox"||t==="switch"?"menuitemcheckbox":"menuitem":"option"),[m,y,t]),S={...O,onClick:L,tabIndex:G?0:-1},{id:tt}=xt.useAccessibleId(),w=H===I,et=st(i[yt],i[`${k}kind-${t}`],r&&i[`${k}disabled`],w&&i[`${k}active`],E);return e.jsxs(p.Provider,{value:R,children:[e.jsx(at.Tooltip,{showDelay:500,portalled:!0,text:f.extractTextFromReactNode(a),...X,placement:K,children:e.jsxs(B,{className:et,role:Z,"aria-checked":c||void 0,"aria-selected":w||void 0,"aria-disabled":r,onKeyDown:W,id:tt,...(b==null?void 0:b(S))??S,ref:Y,hidden:P,children:[h&&e.jsx("div",{style:{width:h===!0?$.bmCompActionlistSizeIcon:`${h}rem`}}),A&&t!=="switch"&&e.jsxs("div",{className:i[`${o}choice`],inert:!0,children:[(t==="singleCheckMark"||t==="multiCheckMark")&&c&&e.jsx(N.Icon,{customIconSize:$.bmCompActionlistSizeChoice,icon:ot.SvgCheck}),t==="checkbox"&&e.jsx(mt.Checkbox,{checked:c,onChange:x}),t==="radio"&&e.jsx(ut.RadioButton,{checked:c,onChange:x})]}),q&&e.jsx("div",{className:i[`${o}content-before`],children:q}),e.jsxs("div",{className:i[`${o}content`],children:[e.jsx("div",{className:i[`${o}text`],ref:j,children:a}),v&&e.jsx("div",{className:i[`${o}supporting-text`],children:v})]}),g&&e.jsx("div",{className:i[`${o}content-after`],children:g}),t==="switch"&&e.jsx("div",{className:i[`${o}switch`],inert:!0,children:e.jsx(ft.Switch,{checked:c,onChange:x})}),U&&e.jsx(N.Icon,{className:i[`${o}flyout`],icon:ct.SvgChevronRightCurved}),e.jsx(rt.StateLayer,{})]})}),e.jsx("div",{ref:R})]})});exports.ActionListItem=It;exports.ActionListItemOverlayRefContext=p;exports.isChoiceKind=C;exports.styles=i;exports.useActionListItemOverlayRef=At;
|
|
@@ -135,7 +135,7 @@ const i = {
|
|
|
135
135
|
"div",
|
|
136
136
|
{
|
|
137
137
|
className: i[`${n}choice`],
|
|
138
|
-
inert:
|
|
138
|
+
inert: !0,
|
|
139
139
|
children: [
|
|
140
140
|
(t === "singleCheckMark" || t === "multiCheckMark") && s && /* @__PURE__ */ e(A, { customIconSize: ct, icon: mt }),
|
|
141
141
|
t === "checkbox" && /* @__PURE__ */ e(Ct, { checked: s, onChange: f }),
|
|
@@ -160,7 +160,7 @@ const i = {
|
|
|
160
160
|
"div",
|
|
161
161
|
{
|
|
162
162
|
className: i[`${n}switch`],
|
|
163
|
-
inert:
|
|
163
|
+
inert: !0,
|
|
164
164
|
children: /* @__PURE__ */ e(Nt, { checked: s, onChange: f })
|
|
165
165
|
}
|
|
166
166
|
),
|
|
@@ -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__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;
|
|
@@ -8,6 +8,8 @@ const r = {
|
|
|
8
8
|
"bm-enterprise": "bm-enterprise",
|
|
9
9
|
"bm-consumer": "bm-consumer",
|
|
10
10
|
"bm-data-table-container": "bm-data-table-container",
|
|
11
|
+
"bm-data-table-container--bordered": "bm-data-table-container--bordered",
|
|
12
|
+
"bm-data-table-container--rounded": "bm-data-table-container--rounded",
|
|
11
13
|
"bm-data-table__toolbar": "bm-data-table__toolbar",
|
|
12
14
|
"bm-data-table": "bm-data-table",
|
|
13
15
|
"bm-data-table__header": "bm-data-table__header",
|
|
@@ -20,7 +22,7 @@ const r = {
|
|
|
20
22
|
"bm-data-table--sm": "bm-data-table--sm",
|
|
21
23
|
"bm-data-table--md": "bm-data-table--md",
|
|
22
24
|
"bm-data-table--lg": "bm-data-table--lg"
|
|
23
|
-
}, b = "data-table", { baseClassNamePrefix: l, classModifierPrefix: s, subElementClassPrefix: a } = e(b),
|
|
25
|
+
}, b = "data-table", { baseClassNamePrefix: l, classModifierPrefix: s, subElementClassPrefix: a } = e(b), n = t.md, _ = {
|
|
24
26
|
container: `${l}-container`,
|
|
25
27
|
toolbar: `${a}toolbar`,
|
|
26
28
|
header: `${a}header`,
|
|
@@ -32,8 +34,8 @@ const r = {
|
|
|
32
34
|
footer: `${a}footer`
|
|
33
35
|
};
|
|
34
36
|
export {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
+
n as D,
|
|
38
|
+
_ as a,
|
|
37
39
|
l as b,
|
|
38
40
|
s as c,
|
|
39
41
|
r as s
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("react"),$=require("clsx"),k=require("../../chunks/classNames.BFQUGnCN.js"),i=require("../../chunks/accordion.module.Cns7uhLG.js"),D=require("./AccordionContext.cjs.js");function E(s){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const a in s)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(s,a);Object.defineProperty(o,a,l.get?l:{enumerable:!0,get:()=>s[a]})}}return o.default=s,Object.freeze(o)}const v=E(u),M=s=>v.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s},v.createElement("path",{d:"M6.2194 9.37496C6.13729 9.4775 6.07619 9.59521 6.03959 9.72137C6.00299 9.84754 5.99161 9.97967 6.0061 10.1102C6.02059 10.2408 6.06066 10.3672 6.12402 10.4823C6.18738 10.5974 6.2728 10.6988 6.37539 10.7809L11.3751 14.7806C11.5524 14.9226 11.7729 15 12.0001 15C12.2272 15 12.4477 14.9226 12.625 14.7806L17.6247 10.7809C17.8318 10.6151 17.9646 10.3739 17.9939 10.1102C18.0231 9.84656 17.9465 9.58208 17.7807 9.37496C17.615 9.16784 17.3737 9.03504 17.1101 9.00579C16.8464 8.97653 16.5819 9.05322 16.3748 9.21897L12.0001 12.7188L7.62532 9.21897C7.52278 9.13686 7.40506 9.07576 7.2789 9.03916C7.15274 9.00256 7.0206 8.99118 6.89004 9.00567C6.75947 9.02015 6.63305 9.06022 6.51798 9.12359C6.4029 9.18695 6.30145 9.27237 6.2194 9.37496Z",fill:"currentColor"})),{baseClassNamePrefix:N,subElementClassPrefix:e}=k.getBEMClassNames("accordion"),_=({size:s,heading:o,children:a,icon:l,onToggle:f,open:C,defaultOpen:y=!1,id:h,className:z,...g})=>{const{expandedAccordions:j,toggleAccordion:x,size:w}=D.useAccordionContext(),n=u.useMemo(()=>h||`${N}-${Math.random().toString(36).slice(2,9)}`,[h]),m=C!==void 0;u.useEffect(()=>{!m&&y&&x(n)},[]);const p=u.useCallback(r=>{m?f&&f(r,!C):x(n)},[m,C,x,n,f]),q=u.useCallback(r=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),p(r))},[p]),t=m?C:j[n],d=s||w,A=$(i.styles[`${e}container`],{[`${e}container--expanded`]:t,[`${e}${d}`]:d}),O=$(i.styles[`${e}chevron`],{[`${e}chevron--rotated`]:t}),S=$(i.styles[`${e}panel--${d}`],{[`${e}panel--expanded--${d}`]:t}),b=`${n}-panel`;return c.jsxs("div",{className:`${N}--${d}`,children:[c.jsxs("div",{className:A,id:n,role:"button",tabIndex:0,"aria-expanded":t,"aria-controls":b,onClick:p,onKeyDown:q,...g,children:[l&&c.jsx("span",{className:i.styles[`${e}icon`],children:l}),o&&c.jsx("div",{className:i.styles[`${e}heading`],children:o}),c.jsx(M,{role:"img","aria-label":"chevron-down",className:O})]}),c.jsx("section",{id:b,className:S,hidden:!t,"data-testid":`accordion-panel-${n}`,"aria-hidden":!t,inert:t?void 0
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("react"),$=require("clsx"),k=require("../../chunks/classNames.BFQUGnCN.js"),i=require("../../chunks/accordion.module.Cns7uhLG.js"),D=require("./AccordionContext.cjs.js");function E(s){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const a in s)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(s,a);Object.defineProperty(o,a,l.get?l:{enumerable:!0,get:()=>s[a]})}}return o.default=s,Object.freeze(o)}const v=E(u),M=s=>v.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s},v.createElement("path",{d:"M6.2194 9.37496C6.13729 9.4775 6.07619 9.59521 6.03959 9.72137C6.00299 9.84754 5.99161 9.97967 6.0061 10.1102C6.02059 10.2408 6.06066 10.3672 6.12402 10.4823C6.18738 10.5974 6.2728 10.6988 6.37539 10.7809L11.3751 14.7806C11.5524 14.9226 11.7729 15 12.0001 15C12.2272 15 12.4477 14.9226 12.625 14.7806L17.6247 10.7809C17.8318 10.6151 17.9646 10.3739 17.9939 10.1102C18.0231 9.84656 17.9465 9.58208 17.7807 9.37496C17.615 9.16784 17.3737 9.03504 17.1101 9.00579C16.8464 8.97653 16.5819 9.05322 16.3748 9.21897L12.0001 12.7188L7.62532 9.21897C7.52278 9.13686 7.40506 9.07576 7.2789 9.03916C7.15274 9.00256 7.0206 8.99118 6.89004 9.00567C6.75947 9.02015 6.63305 9.06022 6.51798 9.12359C6.4029 9.18695 6.30145 9.27237 6.2194 9.37496Z",fill:"currentColor"})),{baseClassNamePrefix:N,subElementClassPrefix:e}=k.getBEMClassNames("accordion"),_=({size:s,heading:o,children:a,icon:l,onToggle:f,open:C,defaultOpen:y=!1,id:h,className:z,...g})=>{const{expandedAccordions:j,toggleAccordion:x,size:w}=D.useAccordionContext(),n=u.useMemo(()=>h||`${N}-${Math.random().toString(36).slice(2,9)}`,[h]),m=C!==void 0;u.useEffect(()=>{!m&&y&&x(n)},[]);const p=u.useCallback(r=>{m?f&&f(r,!C):x(n)},[m,C,x,n,f]),q=u.useCallback(r=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),p(r))},[p]),t=m?C:j[n],d=s||w,A=$(i.styles[`${e}container`],{[`${e}container--expanded`]:t,[`${e}${d}`]:d}),O=$(i.styles[`${e}chevron`],{[`${e}chevron--rotated`]:t}),S=$(i.styles[`${e}panel--${d}`],{[`${e}panel--expanded--${d}`]:t}),b=`${n}-panel`;return c.jsxs("div",{className:`${N}--${d}`,children:[c.jsxs("div",{className:A,id:n,role:"button",tabIndex:0,"aria-expanded":t,"aria-controls":b,onClick:p,onKeyDown:q,...g,children:[l&&c.jsx("span",{className:i.styles[`${e}icon`],children:l}),o&&c.jsx("div",{className:i.styles[`${e}heading`],children:o}),c.jsx(M,{role:"img","aria-label":"chevron-down",className:O})]}),c.jsx("section",{id:b,className:S,hidden:!t,"data-testid":`accordion-panel-${n}`,"aria-hidden":!t,inert:t?void 0:!0,children:c.jsx("div",{className:i.styles[`${e}inner`],children:a})})]})};exports.Accordion=_;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs as v, jsx as
|
|
1
|
+
import { jsxs as v, jsx as c } from "react/jsx-runtime";
|
|
2
2
|
import * as N from "react";
|
|
3
3
|
import { useMemo as M, useEffect as S, useCallback as u } from "react";
|
|
4
4
|
import p from "clsx";
|
|
@@ -38,15 +38,15 @@ const I = (l) => /* @__PURE__ */ N.createElement("svg", { viewBox: "0 0 24 24",
|
|
|
38
38
|
(o.key === "Enter" || o.key === " ") && (o.preventDefault(), C(o));
|
|
39
39
|
},
|
|
40
40
|
[C]
|
|
41
|
-
), a = t ? i : y[s],
|
|
41
|
+
), a = t ? i : y[s], r = l || k, A = p(n[`${e}container`], {
|
|
42
42
|
[`${e}container--expanded`]: a,
|
|
43
|
-
[`${e}${
|
|
43
|
+
[`${e}${r}`]: r
|
|
44
44
|
}), D = p(n[`${e}chevron`], {
|
|
45
45
|
[`${e}chevron--rotated`]: a
|
|
46
|
-
}), L = p(n[`${e}panel--${
|
|
47
|
-
[`${e}panel--expanded--${
|
|
46
|
+
}), L = p(n[`${e}panel--${r}`], {
|
|
47
|
+
[`${e}panel--expanded--${r}`]: a
|
|
48
48
|
}), x = `${s}-panel`;
|
|
49
|
-
return /* @__PURE__ */ v("div", { className: `${w}--${
|
|
49
|
+
return /* @__PURE__ */ v("div", { className: `${w}--${r}`, children: [
|
|
50
50
|
/* @__PURE__ */ v(
|
|
51
51
|
"div",
|
|
52
52
|
{
|
|
@@ -60,9 +60,9 @@ const I = (l) => /* @__PURE__ */ N.createElement("svg", { viewBox: "0 0 24 24",
|
|
|
60
60
|
onKeyDown: z,
|
|
61
61
|
...E,
|
|
62
62
|
children: [
|
|
63
|
-
f && /* @__PURE__ */
|
|
64
|
-
$ && /* @__PURE__ */
|
|
65
|
-
/* @__PURE__ */
|
|
63
|
+
f && /* @__PURE__ */ c("span", { className: n[`${e}icon`], children: f }),
|
|
64
|
+
$ && /* @__PURE__ */ c("div", { className: n[`${e}heading`], children: $ }),
|
|
65
|
+
/* @__PURE__ */ c(
|
|
66
66
|
I,
|
|
67
67
|
{
|
|
68
68
|
role: "img",
|
|
@@ -73,7 +73,7 @@ const I = (l) => /* @__PURE__ */ N.createElement("svg", { viewBox: "0 0 24 24",
|
|
|
73
73
|
]
|
|
74
74
|
}
|
|
75
75
|
),
|
|
76
|
-
/* @__PURE__ */
|
|
76
|
+
/* @__PURE__ */ c(
|
|
77
77
|
"section",
|
|
78
78
|
{
|
|
79
79
|
id: x,
|
|
@@ -81,8 +81,8 @@ const I = (l) => /* @__PURE__ */ N.createElement("svg", { viewBox: "0 0 24 24",
|
|
|
81
81
|
hidden: !a,
|
|
82
82
|
"data-testid": `accordion-panel-${s}`,
|
|
83
83
|
"aria-hidden": !a,
|
|
84
|
-
inert: a ? void 0 :
|
|
85
|
-
children: /* @__PURE__ */
|
|
84
|
+
inert: a ? void 0 : !0,
|
|
85
|
+
children: /* @__PURE__ */ c("div", { className: n[`${e}inner`], children: g })
|
|
86
86
|
}
|
|
87
87
|
)
|
|
88
88
|
] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("clsx");require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("clsx");require("../../chunks/ActionList.Item.BHyO5gUR.js");require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");require("./ActionListSelectionContext.cjs.js");require("./ActionListIndentationContext.cjs.js");require("../Divider/Divider.cjs.js");const e=require("../../chunks/ActionList.Group.CdnUE8zS.js");require("../../utils/functions.cjs.js");exports.ActionListGroup=e.ActionListGroup;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
3
|
import "clsx";
|
|
4
|
-
import "../../chunks/ActionList.Item.
|
|
4
|
+
import "../../chunks/ActionList.Item.BKE036zC.js";
|
|
5
5
|
import "../../chunks/classNames.CA_0DokS.js";
|
|
6
6
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
7
7
|
import "./ActionListSelectionContext.es.js";
|
|
8
8
|
import "./ActionListIndentationContext.es.js";
|
|
9
9
|
import "../Divider/Divider.es.js";
|
|
10
|
-
import { A as n } from "../../chunks/ActionList.Group.
|
|
10
|
+
import { A as n } from "../../chunks/ActionList.Group.BEWW4wwS.js";
|
|
11
11
|
import "../../utils/functions.es.js";
|
|
12
12
|
export {
|
|
13
13
|
n as ActionListGroup
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),m=require("react"),g=require("../Button/Button.cjs.js"),b=require("../Icon/Icon.cjs.js"),r=require("@floating-ui/react"),i=require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),m=require("react"),g=require("../Button/Button.cjs.js"),b=require("../Icon/Icon.cjs.js"),r=require("@floating-ui/react"),i=require("../../chunks/ActionList.Item.BHyO5gUR.js"),y=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const{baseClassNamePrefix:h}=y.getBEMClassNames("action-list__item__icon-button"),_=m.forwardRef(({icon:s,appearance:c="neutral-subtle",size:l="sm",...a},t)=>{const u=i.useActionListItemOverlayRef(),{refs:o,floatingStyles:f}=r.useFloating({whileElementsMounted:r.autoUpdate,middleware:[{name:"center",fn({rects:e}){return{x:e.reference.x+e.reference.width/2-e.floating.width/2,y:e.reference.y+e.reference.height/2-e.floating.height/2}}}]}),d=e=>{o.setFloating(e),typeof t=="function"?t(e):t&&(t.current=e)};return n.jsxs("div",{ref:o.setReference,className:i.styles[`${h}__placeholder`],children:[" ",n.jsx(r.FloatingPortal,{preserveTabOrder:!1,root:u.current,children:n.jsx(g.Button,{iconOnly:!0,iconBefore:n.jsx(b.Icon,{icon:s}),appearance:c,kind:"bare",size:l,ref:d,style:f,...a,tabIndex:0})})]})});exports.ActionListIconButton=_;
|
|
@@ -3,7 +3,7 @@ import u from "react";
|
|
|
3
3
|
import { Button as d } from "../Button/Button.es.js";
|
|
4
4
|
import { Icon as p } from "../Icon/Icon.es.js";
|
|
5
5
|
import { useFloating as g, autoUpdate as h, FloatingPortal as y } from "@floating-ui/react";
|
|
6
|
-
import { u as x, s as b } from "../../chunks/ActionList.Item.
|
|
6
|
+
import { u as x, s as b } from "../../chunks/ActionList.Item.BKE036zC.js";
|
|
7
7
|
import { g as R } from "../../chunks/classNames.CA_0DokS.js";
|
|
8
8
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
9
9
|
const { baseClassNamePrefix: w } = R("action-list__item__icon-button"), A = u.forwardRef(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("./ActionListIndentationContext.cjs.js");require("clsx");const e=require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("./ActionListIndentationContext.cjs.js");require("clsx");const e=require("../../chunks/ActionList.Item.BHyO5gUR.js");require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");require("../Icon/Icon.cjs.js");require("../../chunks/tokens.Bc11gmpN.js");require("../../chunks/Check.CR4kqxW9.js");require("../../chunks/ChevronRightCurved.CoT-Bqyo.js");require("../StateLayer/StateLayer.cjs.js");require("./ActionListSelectionContext.cjs.js");require("../Tooltip/Tooltip.cjs.js");require("../../utils/functions.cjs.js");require("../Tooltip/useTooltipClipping.cjs.js");require("react");require("../Checkbox/Checkbox.cjs.js");require("../RadioButton/RadioButton.cjs.js");require("@floating-ui/react");require("./ActionList.Item.context.cjs.js");require("./ActionList.context.cjs.js");require("../Form/hooks/useAccessibleId.hook.cjs.js");require("../../chunks/form.context.CkC0TwMb.js");require("../Switch/Switch.cjs.js");exports.ActionListItem=e.ActionListItem;exports.ActionListItemOverlayRefContext=e.ActionListItemOverlayRefContext;exports.useActionListItemOverlayRef=e.useActionListItemOverlayRef;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "./ActionListIndentationContext.es.js";
|
|
3
3
|
import "clsx";
|
|
4
|
-
import { A as g, a as h, u as j } from "../../chunks/ActionList.Item.
|
|
4
|
+
import { A as g, a as h, u as j } from "../../chunks/ActionList.Item.BKE036zC.js";
|
|
5
5
|
import "../../chunks/classNames.CA_0DokS.js";
|
|
6
6
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
7
7
|
import "../Icon/Icon.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),f=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const e=require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),f=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const e=require("../../chunks/ActionList.Item.BHyO5gUR.js"),m=require("./ActionListIndentationContext.cjs.js"),_=require("clsx"),S=require("./ActionListSelectionContext.cjs.js"),A=require("../../chunks/ActionList.Group.CdnUE8zS.js"),P=require("../Spinner/Spinner.cjs.js");require("react");const k=require("../Form/hooks/useAccessibleId.hook.cjs.js");require("../../chunks/form.context.CkC0TwMb.js");const p=require("./ActionList.IconButton.cjs.js"),M=require("@floating-ui/react"),B=require("./ActionList.context.cjs.js"),{baseClassNamePrefix:G,classModifierPrefix:a,subElementClassPrefix:i}=f.getBEMClassNames("action-list"),o=({children:L,loading:s=!1,noResults:n,header:c,supportingText:r,disabled:l,indent:x,className:b,ariaLabel:u,role:h,id:q})=>{const y=_(e.styles[G],s&&e.styles[`${a}loading`],n&&e.styles[`${a}no-results`],l&&e.styles[`${a}disabled`],b),{children:I,hasChoiceItems:j}=A.useActionListChildren({children:L,disabled:l,allowGroups:!0}),C=m.useActionListIndentation({hasChoiceItems:j,indentProp:x,ignoreContext:!0}),{id:d}=k.useAccessibleId(),{elementsRef:N,labelsRef:v,insideMenu:$}=B.useActionListContext();return t.jsx(S.ActionListSelectionProvider,{kind:"multiCheckMark",children:t.jsx(m.ActionListIndentationProvider,{indent:C,children:t.jsx(M.FloatingList,{elementsRef:N,labelsRef:v,children:t.jsxs("div",{className:y,role:h??($?"menu":"listbox"),"aria-labelledby":!u&&c?d:void 0,"aria-label":u,"aria-disabled":l,"aria-busy":s,id:q,children:[(c||r)&&t.jsx("div",{className:_(e.styles[`${i}item`],e.styles[`${i}item--header`]),id:d,children:t.jsxs("div",{className:e.styles[`${i}item__content`],children:[c&&t.jsx("div",{className:e.styles[`${i}item__text`],children:c}),r&&t.jsx("div",{className:e.styles[`${i}item__supporting-text`],children:r})]})}),s&&t.jsx(P.Spinner,{size:"sm",className:e.styles[`${i}loading`]}),!s&&n&&t.jsx("div",{className:e.styles[`${i}no-results`],children:n}),!s&&!n&&I]})})})})};o.Group=A.ActionListGroup;o.Item=e.ActionListItem;o.IconButton=p.ActionListIconButton;exports.ActionList=o;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as t, jsxs as f } from "react/jsx-runtime";
|
|
2
2
|
import { g as P } from "../../chunks/classNames.CA_0DokS.js";
|
|
3
3
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
4
|
-
import { s as i, A as M } from "../../chunks/ActionList.Item.
|
|
4
|
+
import { s as i, A as M } from "../../chunks/ActionList.Item.BKE036zC.js";
|
|
5
5
|
import { useActionListIndentation as k, ActionListIndentationProvider as y } from "./ActionListIndentationContext.es.js";
|
|
6
6
|
import p from "clsx";
|
|
7
7
|
import { ActionListSelectionProvider as B } from "./ActionListSelectionContext.es.js";
|
|
8
|
-
import { u as G, A as j } from "../../chunks/ActionList.Group.
|
|
8
|
+
import { u as G, A as j } from "../../chunks/ActionList.Group.BEWW4wwS.js";
|
|
9
9
|
import { Spinner as E } from "../Spinner/Spinner.es.js";
|
|
10
10
|
import "react";
|
|
11
11
|
import { useAccessibleId as S } from "../Form/hooks/useAccessibleId.hook.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");require("../../chunks/ActionList.Item.BHyO5gUR.js");require("../../utils/functions.cjs.js");const e=require("../../chunks/ActionList.Group.CdnUE8zS.js");require("./ActionList.context.cjs.js");exports.useActionListChildren=e.useActionListChildren;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react";
|
|
2
|
-
import "../../chunks/ActionList.Item.
|
|
2
|
+
import "../../chunks/ActionList.Item.BKE036zC.js";
|
|
3
3
|
import "../../utils/functions.es.js";
|
|
4
|
-
import { u as e } from "../../chunks/ActionList.Group.
|
|
4
|
+
import { u as e } from "../../chunks/ActionList.Group.BEWW4wwS.js";
|
|
5
5
|
import "./ActionList.context.es.js";
|
|
6
6
|
export {
|
|
7
7
|
e as useActionListChildren
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("clsx"),o=require("react"),e=require("../../chunks/sideNav.module.CCFDP-MK.js"),re=require("../../chunks/classNames.BFQUGnCN.js"),de=require("../../chunks/constants.CgMu0_1M.js"),M=require("./SideNavHeader.cjs.js"),U=require("./SideNavFooter.cjs.js"),b=require("./SideNavBody.cjs.js"),le=require("./SideNavContext.cjs.js"),ce=require("./SideNavLayoutContext.cjs.js"),Ne=require("../../utils/hooks/useElementResize.cjs.js"),ue=require("../../utils/hooks/useLocalStorage.cjs.js"),_e=require("../../utils/extractSpecifiedComponents.cjs.js"),ve=require("./SideNavActionList.cjs.js"),{baseClassNamePrefix:a,subElementClassPrefix:_}=re.getBEMClassNames("side-nav"),k=256,Se=200,ye=400,$="drawer",R="rail",B="hidden",L=!1,v="opaque",P="transparent",W=`${de.prefix}-side-nav-width`,Ae={Opaque:v,Transparent:P},l={Drawer:$,Rail:R,None:L},n={Rail:R,Hidden:B,None:L};function w(z){const{backdrop:D=v,children:j,className:V,closedLayout:c=n.None,floating:S=!1,openLayout:N=l.Drawer,resizable:y=!1,style:Y,...F}=z,{withMobile:K,isMobile:d,isSideNavOpen:t,setIsSideNavOpen:A,navigation:O,interactedWith:G,rootRef:Q}=le.useSideNavContext(),E=!!N&&!c;o.useEffect(()=>{!d&&!t&&E&&A(!0)},[d,t,E,A]);const{layout:s,resizable:m,navigation:h,backdrop:T,floating:g}=o.useMemo(()=>{if(d)return{layout:t?l.Drawer:n.Hidden,resizable:!1,navigation:O||null,backdrop:v,floating:!0};let p;return t?p=N:p=c||n.None,{layout:p,resizable:y&&t,navigation:null,backdrop:S?D:!1,floating:S}},[t,d,N,c,y,O,D,S]),x=o.useRef(null),C=o.useRef(null),[X,I]=ue.useLocalStorage(W,k.toString(),y),f=Ne.useElementResize(m,x,C,Se,ye,X);o.useEffect(()=>{I(f.toString())},[f,I]);const J=g?k:f,[{header:Z,footer:ee,body:q},se]=_e.extractSpecifiedComponents(j,{header:M.SideNavHeader,footer:U.SideNavFooter,body:b.SideNavBody}),te=()=>{A(!1)},ie=q?o.cloneElement(q,{reflowNavigation:h}):i.jsx(b.SideNavBody,{reflowNavigation:h,children:se}),oe=u(e.styles[a],s&&e.styles[`${a}--${s}`],g&&e.styles[`${a}--floating`],K&&e.styles[`${a}--mobile-enabled`],G&&e.styles[`${a}--interacted`],V),H=s===n.Hidden||s===n.None,ae=H
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("clsx"),o=require("react"),e=require("../../chunks/sideNav.module.CCFDP-MK.js"),re=require("../../chunks/classNames.BFQUGnCN.js"),de=require("../../chunks/constants.CgMu0_1M.js"),M=require("./SideNavHeader.cjs.js"),U=require("./SideNavFooter.cjs.js"),b=require("./SideNavBody.cjs.js"),le=require("./SideNavContext.cjs.js"),ce=require("./SideNavLayoutContext.cjs.js"),Ne=require("../../utils/hooks/useElementResize.cjs.js"),ue=require("../../utils/hooks/useLocalStorage.cjs.js"),_e=require("../../utils/extractSpecifiedComponents.cjs.js"),ve=require("./SideNavActionList.cjs.js"),{baseClassNamePrefix:a,subElementClassPrefix:_}=re.getBEMClassNames("side-nav"),k=256,Se=200,ye=400,$="drawer",R="rail",B="hidden",L=!1,v="opaque",P="transparent",W=`${de.prefix}-side-nav-width`,Ae={Opaque:v,Transparent:P},l={Drawer:$,Rail:R,None:L},n={Rail:R,Hidden:B,None:L};function w(z){const{backdrop:D=v,children:j,className:V,closedLayout:c=n.None,floating:S=!1,openLayout:N=l.Drawer,resizable:y=!1,style:Y,...F}=z,{withMobile:K,isMobile:d,isSideNavOpen:t,setIsSideNavOpen:A,navigation:O,interactedWith:G,rootRef:Q}=le.useSideNavContext(),E=!!N&&!c;o.useEffect(()=>{!d&&!t&&E&&A(!0)},[d,t,E,A]);const{layout:s,resizable:m,navigation:h,backdrop:T,floating:g}=o.useMemo(()=>{if(d)return{layout:t?l.Drawer:n.Hidden,resizable:!1,navigation:O||null,backdrop:v,floating:!0};let p;return t?p=N:p=c||n.None,{layout:p,resizable:y&&t,navigation:null,backdrop:S?D:!1,floating:S}},[t,d,N,c,y,O,D,S]),x=o.useRef(null),C=o.useRef(null),[X,I]=ue.useLocalStorage(W,k.toString(),y),f=Ne.useElementResize(m,x,C,Se,ye,X);o.useEffect(()=>{I(f.toString())},[f,I]);const J=g?k:f,[{header:Z,footer:ee,body:q},se]=_e.extractSpecifiedComponents(j,{header:M.SideNavHeader,footer:U.SideNavFooter,body:b.SideNavBody}),te=()=>{A(!1)},ie=q?o.cloneElement(q,{reflowNavigation:h}):i.jsx(b.SideNavBody,{reflowNavigation:h,children:se}),oe=u(e.styles[a],s&&e.styles[`${a}--${s}`],g&&e.styles[`${a}--floating`],K&&e.styles[`${a}--mobile-enabled`],G&&e.styles[`${a}--interacted`],V),H=s===n.Hidden||s===n.None,ae=H?!0:void 0,ne={inlineSize:s===l.Drawer?`${J}px`:"",...Y};return i.jsxs(ce.SideNavLayoutContextProvider,{value:{currentLayout:s,openLayout:N,closedLayout:c},children:[i.jsx("div",{className:u(e.styles[`${a}__wrapper`]),ref:Q,children:i.jsxs("aside",{ref:x,role:s?"complementary":void 0,"aria-label":"Side navigation","aria-hidden":H,inert:ae,className:oe,style:ne,...F,children:[Z,ie,ee,i.jsx("div",{className:u(e.styles[`${_}resize-handler`],(d||!m)&&e.styles[`${_}resize-handler--hidden`]),ref:C,role:"presentation"})]})}),T&&s===l.Drawer?i.jsx("div",{className:u(e.styles[`${_}backdrop`],e.styles[`${_}backdrop--${T}`]),onClick:te}):null]})}const r=w;r.displayName="SideNav";r.Body=b.SideNavBody;r.ActionList=ve.SideNavActionList;r.Header=M.SideNavHeader;r.Footer=U.SideNavFooter;exports.DRAWER_LAYOUT=$;exports.HIDDEN_LAYOUT=B;exports.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME=W;exports.NO_LAYOUT=L;exports.OPAQUE_BACKDROP=v;exports.RAIL_LAYOUT=R;exports.Root=w;exports.SideNav=r;exports.SideNavBackdrops=Ae;exports.SideNavClosedLayouts=n;exports.SideNavOpenLayouts=l;exports.TRANSPARENT_BACKDROP=P;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as l, jsxs as x } from "react/jsx-runtime";
|
|
2
2
|
import c from "clsx";
|
|
3
|
-
import ie, { useEffect as C, useMemo as
|
|
3
|
+
import ie, { useEffect as C, useMemo as re, useRef as w } from "react";
|
|
4
4
|
import { s as e } from "../../chunks/sideNav.module.mCiYslMt.js";
|
|
5
|
-
import { g as
|
|
5
|
+
import { g as se } from "../../chunks/classNames.CA_0DokS.js";
|
|
6
6
|
import { p as ne } from "../../chunks/constants.Cruz2A1w.js";
|
|
7
7
|
import { SideNavHeader as k } from "./SideNavHeader.es.js";
|
|
8
8
|
import { SideNavFooter as z } from "./SideNavFooter.es.js";
|
|
@@ -13,14 +13,14 @@ import { useElementResize as ce } from "../../utils/hooks/useElementResize.es.js
|
|
|
13
13
|
import { useLocalStorage as fe } from "../../utils/hooks/useLocalStorage.es.js";
|
|
14
14
|
import { extractSpecifiedComponents as me } from "../../utils/extractSpecifiedComponents.es.js";
|
|
15
15
|
import { SideNavActionList as Ne } from "./SideNavActionList.es.js";
|
|
16
|
-
const { baseClassNamePrefix: a, subElementClassPrefix: f } =
|
|
16
|
+
const { baseClassNamePrefix: a, subElementClassPrefix: f } = se("side-nav"), M = 256, pe = 200, ve = 400, ue = "drawer", H = "rail", _e = "hidden", W = !1, b = "opaque", Se = "transparent", be = `${ne}-side-nav-width`, ke = {
|
|
17
17
|
Opaque: b,
|
|
18
18
|
Transparent: Se
|
|
19
19
|
}, m = {
|
|
20
20
|
Drawer: ue,
|
|
21
21
|
Rail: H,
|
|
22
22
|
None: W
|
|
23
|
-
},
|
|
23
|
+
}, r = {
|
|
24
24
|
Rail: H,
|
|
25
25
|
Hidden: _e,
|
|
26
26
|
None: W
|
|
@@ -30,7 +30,7 @@ function ye(U) {
|
|
|
30
30
|
backdrop: y = b,
|
|
31
31
|
children: P,
|
|
32
32
|
className: B,
|
|
33
|
-
closedLayout: n =
|
|
33
|
+
closedLayout: n = r.None,
|
|
34
34
|
floating: N = !1,
|
|
35
35
|
openLayout: d = m.Drawer,
|
|
36
36
|
resizable: p = !1,
|
|
@@ -48,17 +48,17 @@ function ye(U) {
|
|
|
48
48
|
C(() => {
|
|
49
49
|
!i && !t && h && v(!0);
|
|
50
50
|
}, [i, t, h, v]);
|
|
51
|
-
const { layout: o, resizable: D, navigation: g, backdrop: L, floating: R } =
|
|
51
|
+
const { layout: o, resizable: D, navigation: g, backdrop: L, floating: R } = re(() => {
|
|
52
52
|
if (i)
|
|
53
53
|
return {
|
|
54
|
-
layout: t ? m.Drawer :
|
|
54
|
+
layout: t ? m.Drawer : r.Hidden,
|
|
55
55
|
resizable: !1,
|
|
56
56
|
navigation: A || null,
|
|
57
57
|
backdrop: b,
|
|
58
58
|
floating: !0
|
|
59
59
|
};
|
|
60
60
|
let _;
|
|
61
|
-
return t ? _ = d : _ = n ||
|
|
61
|
+
return t ? _ = d : _ = n || r.None, {
|
|
62
62
|
layout: _,
|
|
63
63
|
resizable: p && t,
|
|
64
64
|
navigation: null,
|
|
@@ -105,7 +105,7 @@ function ye(U) {
|
|
|
105
105
|
F && e[`${a}--mobile-enabled`],
|
|
106
106
|
j && e[`${a}--interacted`],
|
|
107
107
|
B
|
|
108
|
-
), $ = o ===
|
|
108
|
+
), $ = o === r.Hidden || o === r.None, te = $ ? !0 : void 0, ae = {
|
|
109
109
|
inlineSize: o === m.Drawer ? `${G}px` : "",
|
|
110
110
|
...V
|
|
111
111
|
};
|
|
@@ -157,12 +157,12 @@ function ye(U) {
|
|
|
157
157
|
}
|
|
158
158
|
);
|
|
159
159
|
}
|
|
160
|
-
const
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
160
|
+
const s = ye;
|
|
161
|
+
s.displayName = "SideNav";
|
|
162
|
+
s.Body = S;
|
|
163
|
+
s.ActionList = Ne;
|
|
164
|
+
s.Header = k;
|
|
165
|
+
s.Footer = z;
|
|
166
166
|
export {
|
|
167
167
|
ue as DRAWER_LAYOUT,
|
|
168
168
|
_e as HIDDEN_LAYOUT,
|
|
@@ -171,9 +171,9 @@ export {
|
|
|
171
171
|
b as OPAQUE_BACKDROP,
|
|
172
172
|
H as RAIL_LAYOUT,
|
|
173
173
|
ye as Root,
|
|
174
|
-
|
|
174
|
+
s as SideNav,
|
|
175
175
|
ke as SideNavBackdrops,
|
|
176
|
-
|
|
176
|
+
r as SideNavClosedLayouts,
|
|
177
177
|
m as SideNavOpenLayouts,
|
|
178
178
|
Se as TRANSPARENT_BACKDROP
|
|
179
179
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),d=require("clsx"),u=require("../../chunks/sideNav.module.CCFDP-MK.js"),l=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const p=require("../../chunks/ActionList.Group.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),d=require("clsx"),u=require("../../chunks/sideNav.module.CCFDP-MK.js"),l=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const p=require("../../chunks/ActionList.Group.CdnUE8zS.js"),N=require("../../utils/extractSpecifiedComponents.cjs.js"),i=require("./SideNavActionListGroupHeading.cjs.js"),{baseClassNamePrefix:g}=l.getBEMClassNames("side-nav__group"),e=({children:s,className:t,...n})=>{const[{heading:o},r]=N.extractSpecifiedComponents(s,{heading:i.SideNavActionListGroupHeading}),a=d(u.styles[`${g}`],t);return c.jsx(p.ActionListGroup,{...n,kind:"action",className:a,role:"group",heading:o,children:r})};e.displayName="SideNav.ActionList.Group";e.Heading=i.SideNavActionListGroupHeading;exports.SideNavActionListGroup=e;
|
|
@@ -3,7 +3,7 @@ import p from "clsx";
|
|
|
3
3
|
import { s as c } from "../../chunks/sideNav.module.mCiYslMt.js";
|
|
4
4
|
import { g as d } from "../../chunks/classNames.CA_0DokS.js";
|
|
5
5
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
6
|
-
import { A as l } from "../../chunks/ActionList.Group.
|
|
6
|
+
import { A as l } from "../../chunks/ActionList.Group.BEWW4wwS.js";
|
|
7
7
|
import { extractSpecifiedComponents as f } from "../../utils/extractSpecifiedComponents.es.js";
|
|
8
8
|
import { SideNavActionListGroupHeading as o } from "./SideNavActionListGroupHeading.es.js";
|
|
9
9
|
const { baseClassNamePrefix: g } = d("side-nav__group"), i = ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),I=require("react"),x=require("clsx"),S=require("../../chunks/sideNav.module.CCFDP-MK.js"),_=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const y=require("../../utils/extractSpecifiedComponents.cjs.js"),f=require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),I=require("react"),x=require("clsx"),S=require("../../chunks/sideNav.module.CCFDP-MK.js"),_=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const y=require("../../utils/extractSpecifiedComponents.cjs.js"),f=require("../../chunks/ActionList.Item.BHyO5gUR.js"),p=require("./SideNavActionListItemLabel.cjs.js"),l=require("./SideNavActionListItemFlyout.cjs.js"),r=require("./SideNavActionListItemExpandable.cjs.js"),q=require("./SideNavExpandableContext.cjs.js"),{baseClassNamePrefix:E,classModifierPrefix:h}=_.getBEMClassNames("side-nav__action"),F=I.forwardRef((L,a)=>{const{className:s,selected:t,children:d,...o}=L,{indent:u}=q.useSideNavExpandableContext(),[{label:i,flyout:m,expandable:v}]=y.extractSpecifiedComponents(d,{label:p.SideNavActionListItemLabel,flyout:l.SideNavActionListItemFlyout,expandable:r.SideNavActionListItemExpandable}),N=i&&m,b=i&&v;N&&b&&console.warn("SideNav.ActionList.Item: You cannot use both Flyout and Expandable components at the same time. Defaulting to Flyout.");const n=x(S.styles[`${E}`],t&&S.styles[`${h}selected`]);if(N)return c.jsx(l.Flyout,{className:s,baseClassName:n,ref:a,label:i,flyout:m,"aria-checked":void 0,"aria-selected":void 0,"aria-current":t?!0:void 0,...o});if(b)return c.jsx(r.Expandable,{label:i,expandable:v,baseClassName:n,className:s,indent:u,ref:a,"aria-current":t?!0:void 0,"aria-checked":void 0,"aria-selected":void 0,...o});{const A=x(n,s);return c.jsx(f.ActionListItem,{className:A,tabIndex:0,ref:a,tooltipPlacement:"right",indent:u,"aria-checked":void 0,"aria-selected":void 0,"aria-current":t?!0:void 0,...o,children:d})}}),e=F;e.Label=p.SideNavActionListItemLabel;e.Flyout=l.SideNavActionListItemFlyout;e.Expandable=r.SideNavActionListItemExpandable;e.displayName="SideNav.ActionList.Item";exports.SideNavActionListItem=e;
|
|
@@ -5,7 +5,7 @@ import { s as v } from "../../chunks/sideNav.module.mCiYslMt.js";
|
|
|
5
5
|
import { g as A } from "../../chunks/classNames.CA_0DokS.js";
|
|
6
6
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
7
7
|
import { extractSpecifiedComponents as I } from "../../utils/extractSpecifiedComponents.es.js";
|
|
8
|
-
import { A as S } from "../../chunks/ActionList.Item.
|
|
8
|
+
import { A as S } from "../../chunks/ActionList.Item.BKE036zC.js";
|
|
9
9
|
import { SideNavActionListItemLabel as b } from "./SideNavActionListItemLabel.es.js";
|
|
10
10
|
import { Flyout as E, SideNavActionListItemFlyout as x } from "./SideNavActionListItemFlyout.es.js";
|
|
11
11
|
import { Expandable as F, SideNavActionListItemExpandable as N } from "./SideNavActionListItemExpandable.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),v=require("clsx"),d=require("../../chunks/sideNav.module.CCFDP-MK.js"),p=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const _=require("../Accordion/Accordion.cjs.js"),N=require("../Accordion/AccordionGroup.cjs.js"),f=require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),v=require("clsx"),d=require("../../chunks/sideNav.module.CCFDP-MK.js"),p=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const _=require("../Accordion/Accordion.cjs.js"),N=require("../Accordion/AccordionGroup.cjs.js"),f=require("../../chunks/ActionList.Item.BHyO5gUR.js"),g=require("./SideNavExpandableContext.cjs.js"),y=require("./SideNavLayoutContext.cjs.js"),u=require("./SideNavActionListItemFlyout.cjs.js"),S=require("../Button/Button.cjs.js"),j=require("../Icon/Icon.cjs.js");function C(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(i,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return i.default=e,Object.freeze(i)}const b=C(s),q=e=>b.createElement("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},b.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 8C10 8.23607 9.9012 8.45836 9.73333 8.6L7.06667 10.85C6.86465 11.0204 6.59438 11.0479 6.36852 10.9208C6.14267 10.7938 6 10.5341 6 10.25L6 5.75C6 5.46592 6.14267 5.20623 6.36852 5.07918C6.59438 4.95214 6.86465 4.97956 7.06667 5.15L9.73333 7.4C9.9012 7.54164 10 7.76393 10 8Z",fill:"currentColor"})),A=e=>t.jsx(_.Accordion,{...e}),{baseClassNamePrefix:L,classModifierPrefix:I}=p.getBEMClassNames("side-nav__action"),h=s.forwardRef((e,i)=>{const{label:n,expandable:o,baseClassName:c,className:l,onClick:r,...a}=e,{currentLayout:m}=y.useSideNavLayoutContext();if(m==="rail")return t.jsx(u.Flyout,{className:l,baseClassName:c,ref:i,label:n,flyout:t.jsx(u.SideNavActionListItemFlyout,{children:o.props.children}),...a});const x=v(c,d.styles[`${I}expandable`],l);return t.jsx(g.SideNavExpandableContextProvider,{children:t.jsx(N.AccordionGroup,{children:s.cloneElement(o,{role:void 0,"aria-controls":void 0,tabIndex:void 0,heading:t.jsxs(t.Fragment,{children:[t.jsx(S.Button,{iconOnly:!0,iconBefore:t.jsx(j.Icon,{icon:q}),appearance:"neutral-subtle",kind:"bare",size:"sm",tabIndex:r?0:-1,"aria-label":`Toggle ${n.props.children}`,"aria-disabled":void 0,disabled:e.disabled,role:"menuitem",style:{pointerEvents:r?"unset":"none",marginInlineStart:typeof a.indent=="number"?`${a.indent+.5}rem`:0},className:d.styles[`${L}__expandable-icon`]}),t.jsx(f.ActionListItem,{className:x,ref:i,"aria-checked":void 0,"aria-disabled":void 0,disabled:e.disabled,onClick:r,...a,children:n})]})})})})});exports.Expandable=h;exports.SideNavActionListItemExpandable=A;
|
|
@@ -7,7 +7,7 @@ import { g as C } from "../../chunks/classNames.CA_0DokS.js";
|
|
|
7
7
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
8
8
|
import { Accordion as N } from "../Accordion/Accordion.es.js";
|
|
9
9
|
import { AccordionGroup as g } from "../Accordion/AccordionGroup.es.js";
|
|
10
|
-
import { A as h } from "../../chunks/ActionList.Item.
|
|
10
|
+
import { A as h } from "../../chunks/ActionList.Item.BKE036zC.js";
|
|
11
11
|
import { SideNavExpandableContextProvider as y } from "./SideNavExpandableContext.es.js";
|
|
12
12
|
import { useSideNavLayoutContext as E } from "./SideNavLayoutContext.es.js";
|
|
13
13
|
import { Flyout as L, SideNavActionListItemFlyout as w } from "./SideNavActionListItemFlyout.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),x=require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),x=require("../../chunks/ActionList.Item.BHyO5gUR.js"),t=require("../Menu/Menu.cjs.js"),M=require("../Menu/Menu.context.cjs.js"),_=require("./SideNavContext.cjs.js"),v=require("clsx"),N=t.Menu.PopoverContent,b=m.forwardRef((o,s)=>{const{className:i,label:r,flyout:u,baseClassName:c,...l}=o,{isRTL:n}=_.useSideNavContext(),a=M.useMenuContext()!==void 0,d=v(a?"":c,i);return e.jsxs(t.Menu,{placement:n?"left-start":"right-start",listNavigation:{focusItemOnOpen:!0,nested:!0,rtl:n},children:[e.jsx(t.Menu.Trigger,{children:e.jsx(x.ActionListItem,{className:d,tabIndex:0,kind:"flyout",ref:s,tooltipPlacement:"right",...l,children:r})}),e.jsx(t.Menu.PopoverContent,{dir:n?"rtl":"ltr",children:u})]})});exports.Flyout=b;exports.SideNavActionListItemFlyout=N;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as p, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as f } from "react";
|
|
3
|
-
import { A as d } from "../../chunks/ActionList.Item.
|
|
3
|
+
import { A as d } from "../../chunks/ActionList.Item.BKE036zC.js";
|
|
4
4
|
import { Menu as t } from "../Menu/Menu.es.js";
|
|
5
5
|
import { useMenuContext as x } from "../Menu/Menu.context.es.js";
|
|
6
6
|
import { useSideNavContext as C } from "./SideNavContext.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),d=require("react"),i=require("clsx"),e=require("../../../chunks/dataTable.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),d=require("react"),i=require("clsx"),e=require("../../../chunks/dataTable.B2EH91vH.js"),a=d.forwardRef(({className:t,children:s,...o},r)=>{const l=i(e.styles[e.staticDataTableClassNames.body],t);return c.jsx("tbody",{ref:r,className:l,...o,children:s})});a.displayName="DataTable.Body";exports.DataTableBody=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 d } from "../../../chunks/dataTable.
|
|
4
|
+
import { s as c, a as d } from "../../../chunks/dataTable.B_4qCCp1.js";
|
|
5
5
|
const f = e(
|
|
6
6
|
({ className: a, children: s, ...o }, t) => {
|
|
7
7
|
const r = l(c[d.body], a);
|
|
@@ -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.B2EH91vH.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.B_4qCCp1.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.B2EH91vH.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.B_4qCCp1.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.B2EH91vH.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.B_4qCCp1.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 o=require("react/jsx-runtime"),d=require("react"),i=require("clsx"),e=require("../../../chunks/dataTable.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),d=require("react"),i=require("clsx"),e=require("../../../chunks/dataTable.B2EH91vH.js"),a=d.forwardRef(({className:t,children:s,...r},l)=>{const c=i(e.styles[e.staticDataTableClassNames.head],t);return o.jsx("thead",{ref:l,className:c,...r,children:s})});a.displayName="DataTable.Head";exports.DataTableHead=a;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as m } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as o } from "react";
|
|
3
3
|
import l from "clsx";
|
|
4
|
-
import { s as c, a as d } from "../../../chunks/dataTable.
|
|
4
|
+
import { s as c, a as d } from "../../../chunks/dataTable.B_4qCCp1.js";
|
|
5
5
|
const f = o(
|
|
6
6
|
({ className: a, children: s, ...e }, t) => {
|
|
7
7
|
const r = l(c[d.head], a);
|
|
@@ -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.B2EH91vH.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.B_4qCCp1.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.B2EH91vH.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.B_4qCCp1.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.B2EH91vH.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.B_4qCCp1.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
|
|
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.B2EH91vH.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;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { Table } from '@tanstack/react-table';
|
|
2
|
+
import { RowData, Table } from '@tanstack/react-table';
|
|
3
3
|
import { DataTableDensity } from '@viasat/beam-shared/components/dataTable';
|
|
4
|
-
export interface DataTableContextProps {
|
|
4
|
+
export interface DataTableContextProps<TData extends RowData = unknown> {
|
|
5
5
|
density: DataTableDensity;
|
|
6
|
-
table: Table<
|
|
6
|
+
table: Table<TData>;
|
|
7
7
|
}
|
|
8
8
|
export declare const DataTableProvider: ({ children, value, }: {
|
|
9
9
|
children: ReactNode;
|
|
10
|
-
value: DataTableContextProps
|
|
10
|
+
value: DataTableContextProps<any>;
|
|
11
11
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export declare const useDataTable: () => DataTableContextProps
|
|
12
|
+
export declare const useDataTable: <TData extends RowData = unknown>() => DataTableContextProps<TData>;
|
|
@@ -1,13 +1,24 @@
|
|
|
1
|
+
import { ReactElement, RefAttributes } from 'react';
|
|
2
|
+
import { RowData } from '@tanstack/react-table';
|
|
3
|
+
import { DataTableHeader } from './DataTable.Header';
|
|
4
|
+
import { DataTableToolbar } from './DataTable.Toolbar';
|
|
5
|
+
import { DataTableHead } from './DataTable.Head';
|
|
6
|
+
import { DataTableColumnHeader } from './DataTable.ColumnHeader';
|
|
7
|
+
import { DataTableBody } from './DataTable.Body';
|
|
8
|
+
import { DataTableRow } from './DataTable.Row';
|
|
9
|
+
import { DataTableCell } from './DataTable.Cell';
|
|
10
|
+
import { DataTableFooter } from './DataTable.Footer';
|
|
1
11
|
import { DataTableProps } from './DataTable.types';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var Footer: import("react").ForwardRefExoticComponent<Omit<import("./DataTable.types").DataTableFooterProps, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
|
|
12
|
+
interface DataTableStatics {
|
|
13
|
+
displayName: string;
|
|
14
|
+
Header: typeof DataTableHeader;
|
|
15
|
+
Toolbar: typeof DataTableToolbar;
|
|
16
|
+
Head: typeof DataTableHead;
|
|
17
|
+
ColumnHeader: typeof DataTableColumnHeader;
|
|
18
|
+
Body: typeof DataTableBody;
|
|
19
|
+
Row: typeof DataTableRow;
|
|
20
|
+
Cell: typeof DataTableCell;
|
|
21
|
+
Footer: typeof DataTableFooter;
|
|
13
22
|
}
|
|
23
|
+
export declare const DataTable: (<TData extends RowData = unknown>(props: DataTableProps<TData> & RefAttributes<HTMLDivElement>) => ReactElement | null) & DataTableStatics;
|
|
24
|
+
export {};
|
|
@@ -1,66 +1,92 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { Children as
|
|
3
|
-
import
|
|
4
|
-
import { s as
|
|
5
|
-
import { DataTableProvider as
|
|
6
|
-
import { DataTableHeader as
|
|
7
|
-
import { DataTableToolbar as
|
|
8
|
-
import { DataTableHead as
|
|
9
|
-
import { DataTableColumnHeader as
|
|
10
|
-
import { DataTableBody as
|
|
11
|
-
import { DataTableRow as
|
|
12
|
-
import { DataTableCell as
|
|
13
|
-
import { DataTableFooter as
|
|
14
|
-
import { useBeamTable as
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
)
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
1
|
+
import { jsx as $, jsxs as D } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as F, Children as g, isValidElement as j, useMemo as M } from "react";
|
|
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.B_4qCCp1.js";
|
|
5
|
+
import { DataTableProvider as U } from "./DataTable.context.es.js";
|
|
6
|
+
import { DataTableHeader as u } from "./DataTable.Header.es.js";
|
|
7
|
+
import { DataTableToolbar as N } from "./DataTable.Toolbar.es.js";
|
|
8
|
+
import { DataTableHead as Y } from "./DataTable.Head.es.js";
|
|
9
|
+
import { DataTableColumnHeader as k } from "./DataTable.ColumnHeader.es.js";
|
|
10
|
+
import { DataTableBody as q } from "./DataTable.Body.es.js";
|
|
11
|
+
import { DataTableRow as z } from "./DataTable.Row.es.js";
|
|
12
|
+
import { DataTableCell as G } from "./DataTable.Cell.es.js";
|
|
13
|
+
import { DataTableFooter as J } from "./DataTable.Footer.es.js";
|
|
14
|
+
import { useBeamTable as K } from "./useBeamTable.es.js";
|
|
15
|
+
const a = F(
|
|
16
|
+
({
|
|
17
|
+
density: i = S,
|
|
18
|
+
data: y,
|
|
19
|
+
columns: v,
|
|
20
|
+
table: C,
|
|
21
|
+
bordered: h = !0,
|
|
22
|
+
rounded: E = !0,
|
|
23
|
+
className: x,
|
|
24
|
+
tableProps: r,
|
|
25
|
+
children: H,
|
|
26
|
+
...w
|
|
27
|
+
}, B) => {
|
|
28
|
+
let t = null, s = null;
|
|
29
|
+
const c = [];
|
|
30
|
+
g.forEach(H, (o) => {
|
|
31
|
+
var T;
|
|
32
|
+
const p = j(o) ? (T = o.type) == null ? void 0 : T.displayName : void 0;
|
|
33
|
+
p === N.displayName ? (process.env.NODE_ENV !== "production" && t && console.warn(
|
|
34
|
+
"DataTable: multiple `DataTable.Toolbar` children found — only the last one is rendered."
|
|
35
|
+
), t = o) : p === u.displayName ? (process.env.NODE_ENV !== "production" && s && console.warn(
|
|
36
|
+
"DataTable: multiple `DataTable.Header` children found — only the last one is rendered."
|
|
37
|
+
), s = o) : c.push(o);
|
|
38
|
+
});
|
|
39
|
+
const A = d(
|
|
40
|
+
l[O],
|
|
41
|
+
l[`${I}${i}`]
|
|
42
|
+
), L = K({ data: y ?? [], columns: v ?? [] }), f = C ?? L, R = M(() => ({ density: i, table: f }), [i, f]), V = d(
|
|
43
|
+
l[b.container],
|
|
44
|
+
h && l[`${b.container}--bordered`],
|
|
45
|
+
E && l[`${b.container}--rounded`],
|
|
46
|
+
x
|
|
47
|
+
), {
|
|
48
|
+
"aria-label": n,
|
|
49
|
+
"aria-labelledby": m,
|
|
50
|
+
..._
|
|
51
|
+
} = w, e = !!t && !!(n || m);
|
|
52
|
+
return /* @__PURE__ */ $(U, { value: R, children: /* @__PURE__ */ D(
|
|
53
|
+
"div",
|
|
54
|
+
{
|
|
55
|
+
ref: B,
|
|
56
|
+
role: e ? "region" : void 0,
|
|
57
|
+
"aria-label": e ? n : void 0,
|
|
58
|
+
"aria-labelledby": e ? m : void 0,
|
|
59
|
+
className: V,
|
|
60
|
+
..._,
|
|
61
|
+
children: [
|
|
62
|
+
t,
|
|
63
|
+
/* @__PURE__ */ D(
|
|
64
|
+
"table",
|
|
65
|
+
{
|
|
66
|
+
"aria-label": e ? void 0 : n,
|
|
67
|
+
"aria-labelledby": e ? void 0 : m,
|
|
68
|
+
...r,
|
|
69
|
+
className: d(A, r == null ? void 0 : r.className),
|
|
70
|
+
children: [
|
|
71
|
+
s,
|
|
72
|
+
c
|
|
73
|
+
]
|
|
74
|
+
}
|
|
75
|
+
)
|
|
76
|
+
]
|
|
77
|
+
}
|
|
78
|
+
) });
|
|
79
|
+
}
|
|
80
|
+
);
|
|
55
81
|
a.displayName = "DataTable";
|
|
56
|
-
a.Header =
|
|
57
|
-
a.Toolbar =
|
|
58
|
-
a.Head =
|
|
59
|
-
a.ColumnHeader =
|
|
60
|
-
a.Body =
|
|
61
|
-
a.Row =
|
|
62
|
-
a.Cell =
|
|
63
|
-
a.Footer =
|
|
82
|
+
a.Header = u;
|
|
83
|
+
a.Toolbar = N;
|
|
84
|
+
a.Head = Y;
|
|
85
|
+
a.ColumnHeader = k;
|
|
86
|
+
a.Body = q;
|
|
87
|
+
a.Row = z;
|
|
88
|
+
a.Cell = G;
|
|
89
|
+
a.Footer = J;
|
|
64
90
|
export {
|
|
65
91
|
a as DataTable
|
|
66
92
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef, ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
|
-
import { ColumnDef, Table } from '@tanstack/react-table';
|
|
2
|
+
import { ColumnDef, RowData, Table } from '@tanstack/react-table';
|
|
3
3
|
import { DataTableDensity } from '@viasat/beam-shared/components/dataTable';
|
|
4
4
|
/**
|
|
5
5
|
* Column definition for a DataTable, aliased from TanStack Table's `ColumnDef`.
|
|
@@ -7,25 +7,22 @@ import { DataTableDensity } from '@viasat/beam-shared/components/dataTable';
|
|
|
7
7
|
* @typeParam TValue - Type of the value held in the column's cell.
|
|
8
8
|
*/
|
|
9
9
|
export type DataTableColumnDef<TData, TValue = unknown> = ColumnDef<TData, TValue>;
|
|
10
|
-
|
|
10
|
+
interface DataTableBaseProps extends ComponentPropsWithRef<'div'> {
|
|
11
11
|
/**
|
|
12
|
-
*
|
|
13
|
-
|
|
14
|
-
data?: TData[];
|
|
15
|
-
/**
|
|
16
|
-
* Column definitions describing how to render each column.
|
|
12
|
+
* Density of the table's rows.
|
|
13
|
+
* @default 'md'
|
|
17
14
|
*/
|
|
18
|
-
|
|
15
|
+
density?: DataTableDensity;
|
|
19
16
|
/**
|
|
20
|
-
*
|
|
21
|
-
*
|
|
17
|
+
* Adds a border around the table container.
|
|
18
|
+
* @default true
|
|
22
19
|
*/
|
|
23
|
-
|
|
20
|
+
bordered?: boolean;
|
|
24
21
|
/**
|
|
25
|
-
*
|
|
26
|
-
* @default
|
|
22
|
+
* Rounds the corners of the table container.
|
|
23
|
+
* @default true
|
|
27
24
|
*/
|
|
28
|
-
|
|
25
|
+
rounded?: boolean;
|
|
29
26
|
/**
|
|
30
27
|
* Props forwarded to the inner `<table>` element. The root props on `DataTable`
|
|
31
28
|
* target the wrapper `<div>`, which contains both the toolbar and the table.
|
|
@@ -35,7 +32,51 @@ export interface DataTableProps<TData = unknown> extends ComponentPropsWithoutRe
|
|
|
35
32
|
* DataTable sub-components (Header, Toolbar, Head, ColumnHeader, Body, Row, Cell, Footer).
|
|
36
33
|
*/
|
|
37
34
|
children?: ReactNode;
|
|
35
|
+
/**
|
|
36
|
+
* Accessible name for the table. Applied directly to the `<table>` element, unless
|
|
37
|
+
* a `DataTable.Toolbar` is present — then it's applied to the container as a
|
|
38
|
+
* `region` landmark naming the whole widget instead.
|
|
39
|
+
*/
|
|
40
|
+
'aria-label'?: string;
|
|
41
|
+
/**
|
|
42
|
+
* ID of the element that labels the table. Alternative to `aria-label` — see its
|
|
43
|
+
* description for how the label is routed depending on whether a toolbar is present.
|
|
44
|
+
*/
|
|
45
|
+
'aria-labelledby'?: string;
|
|
46
|
+
}
|
|
47
|
+
/**
|
|
48
|
+
* Layer 1 (ADR-000): the opaque `data`/`columns` path. DataTable builds its TanStack
|
|
49
|
+
* instance internally via `useBeamTable`. Mutually exclusive with `table` — see
|
|
50
|
+
* {@link DataTableInstanceProps}.
|
|
51
|
+
*/
|
|
52
|
+
export interface DataTableDataProps<TData extends RowData = unknown> extends DataTableBaseProps {
|
|
53
|
+
/**
|
|
54
|
+
* Row data rendered by the table.
|
|
55
|
+
*/
|
|
56
|
+
data?: TData[];
|
|
57
|
+
/**
|
|
58
|
+
* Column definitions describing how to render each column.
|
|
59
|
+
*/
|
|
60
|
+
columns?: DataTableColumnDef<TData>[];
|
|
61
|
+
table?: never;
|
|
62
|
+
}
|
|
63
|
+
/**
|
|
64
|
+
* Layer 2/3 (ADR-000): renders a pre-built TanStack `table` instance — from
|
|
65
|
+
* `useBeamTable` or a raw `useReactTable` escape hatch — directly instead of
|
|
66
|
+
* building one internally. Mutually exclusive with `data`/`columns` — see
|
|
67
|
+
* {@link DataTableDataProps}.
|
|
68
|
+
*/
|
|
69
|
+
export interface DataTableInstanceProps<TData extends RowData = unknown> extends DataTableBaseProps {
|
|
70
|
+
data?: never;
|
|
71
|
+
columns?: never;
|
|
72
|
+
/**
|
|
73
|
+
* A pre-built TanStack `Table` instance (e.g. from `useBeamTable` or
|
|
74
|
+
* `useReactTable`). When supplied, DataTable renders it directly instead of
|
|
75
|
+
* building its own. Mutually exclusive with `data`/`columns`.
|
|
76
|
+
*/
|
|
77
|
+
table: Table<TData>;
|
|
38
78
|
}
|
|
79
|
+
export type DataTableProps<TData extends RowData = unknown> = DataTableDataProps<TData> | DataTableInstanceProps<TData>;
|
|
39
80
|
export interface DataTableHeaderProps extends ComponentPropsWithRef<'caption'> {
|
|
40
81
|
children?: ReactNode;
|
|
41
82
|
}
|
|
@@ -64,3 +105,4 @@ export interface DataTableCellProps extends ComponentPropsWithRef<'td'> {
|
|
|
64
105
|
export interface DataTableFooterProps extends ComponentPropsWithRef<'tfoot'> {
|
|
65
106
|
children?: ReactNode;
|
|
66
107
|
}
|
|
108
|
+
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@viasat/beam-react",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.56.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.56.0",
|
|
64
|
+
"@viasat/beam-shared": "2.56.0",
|
|
65
|
+
"@viasat/beam-styles": "2.56.0",
|
|
66
|
+
"@viasat/beam-tokens": "2.56.0",
|
|
67
|
+
"@viasat/beam-icons": "2.56.0",
|
|
68
|
+
"@viasat/beam-react-claude-plugin": "2.56.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 r=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__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"},m="data-table",{baseClassNamePrefix:e,classModifierPrefix:s,subElementClassPrefix:a}=t.getBEMClassNames(m),d=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=d;exports.baseClassNamePrefix=e;exports.classModifierPrefix=s;exports.staticDataTableClassNames=o;exports.styles=l;
|