@box/blueprint-web 17.15.2 → 17.15.3

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.
Files changed (12) hide show
  1. package/dist/lib-esm/components.css +77 -71
  2. package/dist/lib-esm/index.css +77 -71
  3. package/dist/lib-esm/list-item/cell/action-cell.js +9 -1
  4. package/dist/lib-esm/list-item/index.d.ts +1 -0
  5. package/dist/lib-esm/list-item/index.js +1 -1
  6. package/dist/lib-esm/list-item/list-item.d.ts +1 -0
  7. package/dist/lib-esm/list-item/main.module.js +1 -1
  8. package/dist/lib-esm/list-item/table.d.ts +11 -0
  9. package/dist/lib-esm/list-item/table.js +32 -27
  10. package/dist/lib-esm/list-item/utils/custom-table-options-context/customTableOptionsContext.d.ts +16 -0
  11. package/dist/lib-esm/list-item/utils/custom-table-options-context/customTableOptionsContext.js +26 -0
  12. package/package.json +3 -3
package/dist/lib-esm/components.css CHANGED
@@ -6611,16 +6611,16 @@
6611
6611
  .bp_list_checkbox_module_checkbox--711bf[data-disabled]{
6612
6612
  opacity:var(--checkbox-disabled-opacity);
6613
6613
  }
6614
- .bp_main_module_tableSortingContainer--ec435{
6614
+ .bp_main_module_tableSortingContainer--4cb60{
6615
6615
  display:flex;
6616
6616
  flex-direction:column;
6617
6617
  min-width:100%;
6618
6618
  }
6619
6619
 
6620
- .bp_main_module_resizableTableContainer--ec435{
6620
+ .bp_main_module_resizableTableContainer--4cb60{
6621
6621
  min-width:100%;
6622
6622
  }
6623
- .bp_main_module_resizableTableContainer--ec435 table{
6623
+ .bp_main_module_resizableTableContainer--4cb60 table{
6624
6624
  --item-background:var(--list-item-header-background);
6625
6625
  --outline-offset-focus-row:var(--list-item-row-focus-outline-offset);
6626
6626
  --outline-offset-focus-cell:var(--list-item-cell-focus-outline-offset);
@@ -6631,11 +6631,11 @@
6631
6631
  border-spacing:0;
6632
6632
  width:100% !important;
6633
6633
  }
6634
- .bp_main_module_resizableTableContainer--ec435 .bp_main_module_resizableTable--ec435{
6634
+ .bp_main_module_resizableTableContainer--4cb60 .bp_main_module_resizableTable--4cb60{
6635
6635
  table-layout:auto !important;
6636
6636
  }
6637
6637
 
6638
- .bp_main_module_resizableTableContainer--ec435[data-modern=false]{
6638
+ .bp_main_module_resizableTableContainer--4cb60[data-modern=false]{
6639
6639
  --list-item-header-background:var(--background-background);
6640
6640
  --list-item-header-column-padding:var(--space-2) var(--space-3);
6641
6641
  --list-item-border-radius:var(--border-radius-datatable, var(--radius-4));
@@ -6679,11 +6679,11 @@
6679
6679
  --list-item-row-outline-offset-focus-and-selected:var(--outline-offset-focus-and-selected-row-datatable, -0.35rem);
6680
6680
  --list-item-row-hover-after-element-border:var(--border-1) solid #0000;
6681
6681
  }
6682
- .bp_main_module_resizableTableContainer--ec435[data-modern=false] .bp_main_module_resizableTable--ec435{
6682
+ .bp_main_module_resizableTableContainer--4cb60[data-modern=false] .bp_main_module_resizableTable--4cb60{
6683
6683
  table-layout:auto !important;
6684
6684
  }
6685
6685
 
6686
- .bp_main_module_resizableTableContainer--ec435[data-modern=true]{
6686
+ .bp_main_module_resizableTableContainer--4cb60[data-modern=true]{
6687
6687
  --list-item-header-background:var(--bp-surface-surface);
6688
6688
  --list-item-header-column-padding:var(--bp-space-020) var(--bp-space-030);
6689
6689
  --list-item-border-radius:var(--border-radius-datatable, var(--bp-radius-08));
@@ -6727,11 +6727,11 @@
6727
6727
  --list-item-row-outline-offset-focus-and-selected:var(--outline-offset-focus-and-selected-row-datatable, -0.35rem);
6728
6728
  --list-item-row-hover-after-element-border:var(--bp-border-01) solid #0000;
6729
6729
  }
6730
- .bp_main_module_resizableTableContainer--ec435[data-modern=true] .bp_main_module_resizableTable--ec435{
6730
+ .bp_main_module_resizableTableContainer--4cb60[data-modern=true] .bp_main_module_resizableTable--4cb60{
6731
6731
  table-layout:fixed !important;
6732
6732
  }
6733
6733
 
6734
- .bp_main_module_tableHeader--ec435[data-modern=true]{
6734
+ .bp_main_module_tableHeader--4cb60[data-modern=true]{
6735
6735
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
6736
6736
  font-size:var(--bp-font-size-03);
6737
6737
  font-style:normal;
@@ -6739,7 +6739,7 @@
6739
6739
  letter-spacing:var(--bp-font-letter-spacing-01);
6740
6740
  line-height:var(--bp-font-line-height-02);
6741
6741
  }
6742
- :where(body.is-inter-font) .bp_main_module_tableHeader--ec435[data-modern=true]{
6742
+ :where(body.is-inter-font) .bp_main_module_tableHeader--4cb60[data-modern=true]{
6743
6743
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
6744
6744
  font-size:.75rem;
6745
6745
  font-style:normal;
@@ -6750,11 +6750,11 @@
6750
6750
  text-transform:none;
6751
6751
  }
6752
6752
 
6753
- .bp_main_module_tableHeader--ec435[data-modern=true] tr > th{
6753
+ .bp_main_module_tableHeader--4cb60[data-modern=true] tr > th{
6754
6754
  font-weight:var(--bp-font-weight-regular);
6755
6755
  }
6756
6756
 
6757
- .bp_main_module_tableHeader--ec435[data-modern=false]{
6757
+ .bp_main_module_tableHeader--4cb60[data-modern=false]{
6758
6758
  font-family:var(--caption-default-font-family);
6759
6759
  font-size:var(--caption-default-font-size);
6760
6760
  font-weight:var(--caption-default-font-weight);
@@ -6763,70 +6763,70 @@
6763
6763
  text-decoration:var(--caption-default-text-decoration);
6764
6764
  text-transform:var(--caption-default-text-case);
6765
6765
  }
6766
- .bp_main_module_tableHeader--ec435[data-modern=false] tr > th{
6766
+ .bp_main_module_tableHeader--4cb60[data-modern=false] tr > th{
6767
6767
  font-weight:var(--font-weight-regular);
6768
6768
  }
6769
6769
 
6770
- .bp_main_module_tableHeader--ec435 tr > th{
6770
+ .bp_main_module_tableHeader--4cb60 tr > th{
6771
6771
  overflow:hidden;
6772
6772
  padding:0;
6773
6773
  text-overflow:ellipsis;
6774
6774
  white-space:nowrap;
6775
6775
  }
6776
- .bp_main_module_tableHeader--ec435 tr > th:first-child{
6776
+ .bp_main_module_tableHeader--4cb60 tr > th:first-child{
6777
6777
  border-radius:var(--list-item-first-column-item-radius);
6778
6778
  }
6779
- .bp_main_module_tableHeader--ec435 tr > th:last-child{
6779
+ .bp_main_module_tableHeader--4cb60 tr > th:last-child{
6780
6780
  border-radius:var(--list-item-last-column-item-radius);
6781
6781
  }
6782
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435{
6782
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60{
6783
6783
  color:var(--list-item-header-text-color-unsorted);
6784
6784
  outline:none;
6785
6785
  overflow:visible;
6786
6786
  text-align:left;
6787
6787
  }
6788
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_columnNameWrapper--ec435{
6788
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_columnNameWrapper--4cb60{
6789
6789
  align-items:center;
6790
6790
  display:flex;
6791
6791
  flex:1 0 0;
6792
6792
  gap:var(--list-item-header-gap);
6793
6793
  overflow:hidden;
6794
6794
  }
6795
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_columnNameWrapper--ec435 .bp_main_module_columnName--ec435{
6795
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_columnNameWrapper--4cb60 .bp_main_module_columnName--4cb60{
6796
6796
  min-width:0;
6797
6797
  overflow:hidden;
6798
6798
  text-overflow:ellipsis;
6799
6799
  white-space:nowrap;
6800
6800
  }
6801
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_columnNameWrapper--ec435:focus-visible{
6801
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_columnNameWrapper--4cb60:focus-visible{
6802
6802
  outline:none;
6803
6803
  }
6804
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_columnNameWrapper--ec435.bp_main_module_focusVisible--ec435{
6804
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_columnNameWrapper--4cb60.bp_main_module_focusVisible--4cb60{
6805
6805
  border-radius:var(--list-item-header-column-focus-outline-radius);
6806
6806
  outline:var(--list-item-header-column-focus-outline);
6807
6807
  outline-offset:var(--list-item-header-column-focus-outline-offset);
6808
6808
  }
6809
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435[colspan]{
6809
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60[colspan]{
6810
6810
  text-align:center;
6811
6811
  }
6812
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_rotateArrow--ec435{
6812
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_rotateArrow--4cb60{
6813
6813
  transform:rotateX(180deg);
6814
6814
  }
6815
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_sorted--ec435{
6815
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_sorted--4cb60{
6816
6816
  color:var(--list-item-header-text-color-sorted);
6817
6817
  font-weight:bold;
6818
6818
  }
6819
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_sortingFlexWrapper--ec435{
6819
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_sortingFlexWrapper--4cb60{
6820
6820
  align-items:center;
6821
6821
  display:flex;
6822
6822
  gap:var(--list-item-header-gap);
6823
6823
  padding:var(--list-item-header-column-padding);
6824
6824
  position:relative;
6825
6825
  }
6826
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_sortingFlexWrapper--ec435 svg{
6826
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_sortingFlexWrapper--4cb60 svg{
6827
6827
  flex-shrink:0;
6828
6828
  }
6829
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_columnResizer--ec435{
6829
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_columnResizer--4cb60{
6830
6830
  background-color:var(--list-item-header-column-resizer-background-color);
6831
6831
  flex:0 0 auto;
6832
6832
  height:var(--list-item-header-column-resizer-height);
@@ -6835,55 +6835,55 @@
6835
6835
  touch-action:none;
6836
6836
  width:var(--list-item-header-column-resizer-width);
6837
6837
  }
6838
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_columnResizer--ec435[data-resizable-direction=both]{
6838
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_columnResizer--4cb60[data-resizable-direction=both]{
6839
6839
  cursor:ew-resize;
6840
6840
  }
6841
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_columnResizer--ec435[data-resizable-direction=left]{
6841
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_columnResizer--4cb60[data-resizable-direction=left]{
6842
6842
  cursor:e-resize;
6843
6843
  }
6844
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_columnResizer--ec435[data-resizable-direction=right]{
6844
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_columnResizer--4cb60[data-resizable-direction=right]{
6845
6845
  cursor:w-resize;
6846
6846
  }
6847
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_columnResizer--ec435[data-focus-visible]{
6847
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_columnResizer--4cb60[data-focus-visible]{
6848
6848
  border-radius:var(--list-item-header-column-focus-outline-radius);
6849
6849
  outline:var(--list-item-header-column-resizer-outline);
6850
6850
  outline-offset:var(--list-item-header-column-resizer-outline-offset);
6851
6851
  }
6852
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_columnResizer--ec435[data-resizing]{
6852
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_columnResizer--4cb60[data-resizing]{
6853
6853
  background-color:var(--list-item-header-column-resizer-background-color-active);
6854
6854
  }
6855
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435:last-of-type .bp_main_module_columnResizer--ec435{
6855
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60:last-of-type .bp_main_module_columnResizer--4cb60{
6856
6856
  display:none;
6857
6857
  }
6858
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435:hover:not([data-sort-direction])[data-allows-sorting],.bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435[data-focus-visible]:not([data-sort-direction])[data-allows-sorting]{
6858
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60:hover:not([data-sort-direction])[data-allows-sorting],.bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60[data-focus-visible]:not([data-sort-direction])[data-allows-sorting]{
6859
6859
  color:var(--list-item-header-text-color-sorted);
6860
6860
  font-weight:bold;
6861
6861
  }
6862
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435:hover:not([data-sort-direction]) svg,.bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435[data-focus-visible]:not([data-sort-direction]) svg{
6862
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60:hover:not([data-sort-direction]) svg,.bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60[data-focus-visible]:not([data-sort-direction]) svg{
6863
6863
  transform:rotateX(180deg);
6864
6864
  visibility:visible;
6865
6865
  }
6866
6866
 
6867
- .bp_main_module_dropdownHeaderContainer--ec435{
6867
+ .bp_main_module_dropdownHeaderContainer--4cb60{
6868
6868
  margin-bottom:var(--list-item-dropdown-header-margin-bottom);
6869
6869
  }
6870
6870
 
6871
- .bp_main_module_column--ec435.bp_main_module_droppableColumn--ec435{
6871
+ .bp_main_module_column--4cb60.bp_main_module_droppableColumn--4cb60{
6872
6872
  min-width:160px;
6873
6873
  }
6874
6874
 
6875
- .bp_main_module_column--ec435.bp_main_module_actionColumn--ec435{
6875
+ .bp_main_module_column--4cb60.bp_main_module_actionColumn--4cb60{
6876
6876
  min-width:1px;
6877
6877
  }
6878
6878
 
6879
- .bp_main_module_column--ec435.bp_main_module_hiddenColumn--ec435{
6879
+ .bp_main_module_column--4cb60.bp_main_module_hiddenColumn--4cb60{
6880
6880
  display:none;
6881
6881
  }
6882
6882
 
6883
- .bp_main_module_tableBody--ec435[data-empty]{
6883
+ .bp_main_module_tableBody--4cb60[data-empty]{
6884
6884
  text-align:center;
6885
6885
  }
6886
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435{
6886
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60{
6887
6887
  background:var(--list-item-row-background);
6888
6888
  border-radius:var(--list-item-row-border-radius);
6889
6889
  color:var(--list-item-row-text-color);
@@ -6894,7 +6894,7 @@
6894
6894
  position:relative;
6895
6895
  transform:translateZ(0);
6896
6896
  }
6897
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435::after{
6897
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60::after{
6898
6898
  background:#0000;
6899
6899
  border-top:var(--list-item-row-divider);
6900
6900
  box-sizing:border-box;
@@ -6907,20 +6907,20 @@
6907
6907
  width:100%;
6908
6908
  z-index:999;
6909
6909
  }
6910
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[aria-selected=true]{
6910
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[aria-selected=true]{
6911
6911
  --list-item-row-background:var(--list-item-row-background-selected);
6912
6912
  }
6913
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[aria-selected=true]::after{
6913
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[aria-selected=true]::after{
6914
6914
  border:var(--list-item-row-background-selected-border);
6915
6915
  border-radius:var(--list-item-row-border-radius);
6916
6916
  }
6917
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[aria-selected=true] .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435{
6917
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[aria-selected=true] .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60{
6918
6918
  opacity:1;
6919
6919
  }
6920
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[aria-selected=true] .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435 .bp_main_module_actionChildren--ec435{
6920
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[aria-selected=true] .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60 .bp_main_module_actionChildren--4cb60{
6921
6921
  display:none;
6922
6922
  }
6923
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435 .bp_main_module_cell--ec435{
6923
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60 .bp_main_module_cell--4cb60{
6924
6924
  max-width:0;
6925
6925
  outline:none;
6926
6926
  overflow:hidden;
@@ -6930,25 +6930,25 @@
6930
6930
  transform:translateZ(0);
6931
6931
  white-space:nowrap;
6932
6932
  }
6933
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435 .bp_main_module_cell--ec435[data-focus-visible]{
6933
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60 .bp_main_module_cell--4cb60[data-focus-visible]{
6934
6934
  outline:var(--list-item-cell-focus-outline);
6935
6935
  outline-offset:var(--list-item-cell-focus-outline-offset);
6936
6936
  position:relative;
6937
6937
  }
6938
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435 .bp_main_module_cell--ec435:first-child{
6938
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60 .bp_main_module_cell--4cb60:first-child{
6939
6939
  border-radius:var(--list-item-first-column-item-radius);
6940
6940
  }
6941
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435 .bp_main_module_cell--ec435:last-child{
6941
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60 .bp_main_module_cell--4cb60:last-child{
6942
6942
  border-radius:var(--list-item-last-column-item-radius);
6943
6943
  }
6944
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435 .bp_main_module_cell--ec435.bp_main_module_actions--ec435{
6944
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60 .bp_main_module_cell--4cb60.bp_main_module_actions--4cb60{
6945
6945
  overflow:unset;
6946
6946
  padding:0;
6947
6947
  position:sticky;
6948
6948
  right:0;
6949
6949
  width:var(--list-item-cell-actions-width);
6950
6950
  }
6951
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435 .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435{
6951
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60 .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60{
6952
6952
  align-items:center;
6953
6953
  background:var(--list-item-row-background);
6954
6954
  bottom:0;
@@ -6962,7 +6962,7 @@
6962
6962
  right:var(--list-item-cell-actions-right-offset);
6963
6963
  top:0;
6964
6964
  }
6965
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435 .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435::before{
6965
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60 .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60::before{
6966
6966
  box-shadow:-.25rem 0 .625rem .625rem var(--list-item-row-background);
6967
6967
  content:"";
6968
6968
  display:block;
@@ -6972,68 +6972,74 @@
6972
6972
  width:0;
6973
6973
  z-index:0;
6974
6974
  }
6975
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435 .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435[data-state=open]{
6975
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60 .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60.bp_main_module_alwaysShowSelection--4cb60{
6976
6976
  opacity:1;
6977
6977
  }
6978
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435 .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435[data-state=open] .bp_main_module_actionChildren--ec435{
6978
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60 .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60.bp_main_module_alwaysShowSelection--4cb60 .bp_main_module_actionChildren--4cb60{
6979
+ display:none;
6980
+ }
6981
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60 .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60[data-state=open]{
6982
+ opacity:1;
6983
+ }
6984
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60 .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60[data-state=open] .bp_main_module_actionChildren--4cb60{
6979
6985
  display:block;
6980
6986
  }
6981
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435 .bp_main_module_cell--ec435.bp_main_module_isCellHidden--ec435{
6987
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60 .bp_main_module_cell--4cb60.bp_main_module_isCellHidden--4cb60{
6982
6988
  display:none;
6983
6989
  }
6984
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-dragging]{
6990
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-dragging]{
6985
6991
  opacity:.5;
6986
6992
  transform:translateZ(0);
6987
6993
  }
6988
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-focus-visible]{
6994
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-focus-visible]{
6989
6995
  outline:var(--list-item-row-focus-outline);
6990
6996
  outline-offset:var(--list-item-row-focus-outline-offset);
6991
6997
  }
6992
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-focus-visible][aria-selected=true]{
6998
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-focus-visible][aria-selected=true]{
6993
6999
  background:var(--list-item-row-background);
6994
7000
  outline-offset:var(--list-item-row-outline-offset-focus-and-selected);
6995
7001
  }
6996
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:last-child::after{
7002
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:last-child::after{
6997
7003
  border-bottom:var(--border-1) solid var(--gray-10);
6998
7004
  }
6999
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:last-child[aria-selected=true]::after{
7005
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:last-child[aria-selected=true]::after{
7000
7006
  border-bottom:var(--list-item-row-background-selected-border);
7001
7007
  }
7002
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:focus-within,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:has([aria-expanded=true]),.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-focus-visible],.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-hovered]{
7008
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:focus-within,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:has([aria-expanded=true]),.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-focus-visible],.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-hovered]{
7003
7009
  z-index:1;
7004
7010
  }
7005
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:focus-within:not([aria-selected=true])::after,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:has([aria-expanded=true]):not([aria-selected=true])::after,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-focus-visible]:not([aria-selected=true])::after,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-hovered]:not([aria-selected=true])::after{
7011
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:focus-within:not([aria-selected=true])::after,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:has([aria-expanded=true]):not([aria-selected=true])::after,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-focus-visible]:not([aria-selected=true])::after,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-hovered]:not([aria-selected=true])::after{
7006
7012
  border-bottom:var(--list-item-row-hover-after-element-border);
7007
7013
  border-radius:var(--list-item-border-radius);
7008
7014
  border-top:var(--list-item-row-hover-after-element-border);
7009
7015
  box-shadow:var(--dropshadow-2);
7010
7016
  }
7011
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:focus-within:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:has([aria-expanded=true]):last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-focus-visible]:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-hovered]:last-child:not([aria-selected=true])::after{
7017
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:focus-within:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:has([aria-expanded=true]):last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-focus-visible]:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-hovered]:last-child:not([aria-selected=true])::after{
7012
7018
  border-bottom:var(--list-item-row-hover-after-element-border);
7013
7019
  }
7014
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:focus-within + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:has([aria-expanded=true]) + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-focus-visible] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-hovered] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after{
7020
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:focus-within + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:has([aria-expanded=true]) + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-focus-visible] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-hovered] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after{
7015
7021
  border-top:var(--list-item-row-hover-after-element-border);
7016
7022
  }
7017
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:focus-within[data-dragging] .bp_main_module_actionsWrapper--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:focus-within[data-pressed] .bp_main_module_actionsWrapper--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:has([aria-expanded=true])[data-dragging] .bp_main_module_actionsWrapper--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:has([aria-expanded=true])[data-pressed] .bp_main_module_actionsWrapper--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-focus-visible][data-dragging] .bp_main_module_actionsWrapper--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-focus-visible][data-pressed] .bp_main_module_actionsWrapper--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-hovered][data-dragging] .bp_main_module_actionsWrapper--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-hovered][data-pressed] .bp_main_module_actionsWrapper--ec435{
7023
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:focus-within[data-dragging] .bp_main_module_actionsWrapper--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:focus-within[data-pressed] .bp_main_module_actionsWrapper--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:has([aria-expanded=true])[data-dragging] .bp_main_module_actionsWrapper--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:has([aria-expanded=true])[data-pressed] .bp_main_module_actionsWrapper--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-focus-visible][data-dragging] .bp_main_module_actionsWrapper--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-focus-visible][data-pressed] .bp_main_module_actionsWrapper--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-hovered][data-dragging] .bp_main_module_actionsWrapper--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-hovered][data-pressed] .bp_main_module_actionsWrapper--4cb60{
7018
7024
  opacity:1;
7019
7025
  }
7020
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:focus-within:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:has([aria-expanded=true]):not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-focus-visible]:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-hovered]:not(:is([data-focus-visible], [aria-selected=true]))::after{
7026
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:focus-within:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:has([aria-expanded=true]):not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-focus-visible]:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-hovered]:not(:is([data-focus-visible], [aria-selected=true]))::after{
7021
7027
  border:var(--list-item-row-border-hover);
7022
7028
  border-radius:var(--list-item-border-radius);
7023
7029
  }
7024
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:focus-within .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:has([aria-expanded=true]) .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-focus-visible] .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-hovered] .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435{
7030
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:focus-within .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:has([aria-expanded=true]) .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-focus-visible] .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-hovered] .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60{
7025
7031
  opacity:1;
7026
7032
  }
7027
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:focus-within .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435 .bp_main_module_actionChildren--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:has([aria-expanded=true]) .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435 .bp_main_module_actionChildren--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-focus-visible] .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435 .bp_main_module_actionChildren--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-hovered] .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435 .bp_main_module_actionChildren--ec435{
7033
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:focus-within .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60 .bp_main_module_actionChildren--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:has([aria-expanded=true]) .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60 .bp_main_module_actionChildren--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-focus-visible] .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60 .bp_main_module_actionChildren--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-hovered] .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60 .bp_main_module_actionChildren--4cb60{
7028
7034
  display:block;
7029
7035
  }
7030
7036
  @supports selector(:has(*)){
7031
- .bp_main_module_row--ec435[aria-selected=true] + .bp_main_module_dropIndicator--ec435 + [aria-selected=true]::after,.bp_main_module_row--ec435[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--ec435:first-child,.bp_main_module_row--ec435[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--ec435:last-child,.bp_main_module_row--ec435[aria-selected=true] + [aria-selected=true]::after{
7037
+ .bp_main_module_row--4cb60[aria-selected=true] + .bp_main_module_dropIndicator--4cb60 + [aria-selected=true]::after,.bp_main_module_row--4cb60[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--4cb60:first-child,.bp_main_module_row--4cb60[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--4cb60:last-child,.bp_main_module_row--4cb60[aria-selected=true] + [aria-selected=true]::after{
7032
7038
  border-start-end-radius:0;
7033
7039
  border-start-start-radius:0;
7034
7040
  border-top-width:var(--border-1);
7035
7041
  }
7036
- .bp_main_module_row--ec435[aria-selected=true]:has(+ .bp_main_module_dropIndicator--ec435 + [aria-selected=true]) .bp_main_module_cell--ec435:last-child,.bp_main_module_row--ec435[aria-selected=true]:has(+ .bp_main_module_dropIndicator--ec435 + [aria-selected=true])::after,.bp_main_module_row--ec435[aria-selected=true]:has(+ [aria-selected=true]) .bp_main_module_cell--ec435:first-child,.bp_main_module_row--ec435[aria-selected=true]:has(+ [aria-selected=true])::after{
7042
+ .bp_main_module_row--4cb60[aria-selected=true]:has(+ .bp_main_module_dropIndicator--4cb60 + [aria-selected=true]) .bp_main_module_cell--4cb60:last-child,.bp_main_module_row--4cb60[aria-selected=true]:has(+ .bp_main_module_dropIndicator--4cb60 + [aria-selected=true])::after,.bp_main_module_row--4cb60[aria-selected=true]:has(+ [aria-selected=true]) .bp_main_module_cell--4cb60:first-child,.bp_main_module_row--4cb60[aria-selected=true]:has(+ [aria-selected=true])::after{
7037
7043
  border-bottom-width:var(--border-1);
7038
7044
  border-end-end-radius:0;
7039
7045
  border-end-start-radius:0;
package/dist/lib-esm/index.css CHANGED
@@ -6611,16 +6611,16 @@
6611
6611
  .bp_list_checkbox_module_checkbox--711bf[data-disabled]{
6612
6612
  opacity:var(--checkbox-disabled-opacity);
6613
6613
  }
6614
- .bp_main_module_tableSortingContainer--ec435{
6614
+ .bp_main_module_tableSortingContainer--4cb60{
6615
6615
  display:flex;
6616
6616
  flex-direction:column;
6617
6617
  min-width:100%;
6618
6618
  }
6619
6619
 
6620
- .bp_main_module_resizableTableContainer--ec435{
6620
+ .bp_main_module_resizableTableContainer--4cb60{
6621
6621
  min-width:100%;
6622
6622
  }
6623
- .bp_main_module_resizableTableContainer--ec435 table{
6623
+ .bp_main_module_resizableTableContainer--4cb60 table{
6624
6624
  --item-background:var(--list-item-header-background);
6625
6625
  --outline-offset-focus-row:var(--list-item-row-focus-outline-offset);
6626
6626
  --outline-offset-focus-cell:var(--list-item-cell-focus-outline-offset);
@@ -6631,11 +6631,11 @@
6631
6631
  border-spacing:0;
6632
6632
  width:100% !important;
6633
6633
  }
6634
- .bp_main_module_resizableTableContainer--ec435 .bp_main_module_resizableTable--ec435{
6634
+ .bp_main_module_resizableTableContainer--4cb60 .bp_main_module_resizableTable--4cb60{
6635
6635
  table-layout:auto !important;
6636
6636
  }
6637
6637
 
6638
- .bp_main_module_resizableTableContainer--ec435[data-modern=false]{
6638
+ .bp_main_module_resizableTableContainer--4cb60[data-modern=false]{
6639
6639
  --list-item-header-background:var(--background-background);
6640
6640
  --list-item-header-column-padding:var(--space-2) var(--space-3);
6641
6641
  --list-item-border-radius:var(--border-radius-datatable, var(--radius-4));
@@ -6679,11 +6679,11 @@
6679
6679
  --list-item-row-outline-offset-focus-and-selected:var(--outline-offset-focus-and-selected-row-datatable, -0.35rem);
6680
6680
  --list-item-row-hover-after-element-border:var(--border-1) solid #0000;
6681
6681
  }
6682
- .bp_main_module_resizableTableContainer--ec435[data-modern=false] .bp_main_module_resizableTable--ec435{
6682
+ .bp_main_module_resizableTableContainer--4cb60[data-modern=false] .bp_main_module_resizableTable--4cb60{
6683
6683
  table-layout:auto !important;
6684
6684
  }
6685
6685
 
6686
- .bp_main_module_resizableTableContainer--ec435[data-modern=true]{
6686
+ .bp_main_module_resizableTableContainer--4cb60[data-modern=true]{
6687
6687
  --list-item-header-background:var(--bp-surface-surface);
6688
6688
  --list-item-header-column-padding:var(--bp-space-020) var(--bp-space-030);
6689
6689
  --list-item-border-radius:var(--border-radius-datatable, var(--bp-radius-08));
@@ -6727,11 +6727,11 @@
6727
6727
  --list-item-row-outline-offset-focus-and-selected:var(--outline-offset-focus-and-selected-row-datatable, -0.35rem);
6728
6728
  --list-item-row-hover-after-element-border:var(--bp-border-01) solid #0000;
6729
6729
  }
6730
- .bp_main_module_resizableTableContainer--ec435[data-modern=true] .bp_main_module_resizableTable--ec435{
6730
+ .bp_main_module_resizableTableContainer--4cb60[data-modern=true] .bp_main_module_resizableTable--4cb60{
6731
6731
  table-layout:fixed !important;
6732
6732
  }
6733
6733
 
6734
- .bp_main_module_tableHeader--ec435[data-modern=true]{
6734
+ .bp_main_module_tableHeader--4cb60[data-modern=true]{
6735
6735
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
6736
6736
  font-size:var(--bp-font-size-03);
6737
6737
  font-style:normal;
@@ -6739,7 +6739,7 @@
6739
6739
  letter-spacing:var(--bp-font-letter-spacing-01);
6740
6740
  line-height:var(--bp-font-line-height-02);
6741
6741
  }
6742
- :where(body.is-inter-font) .bp_main_module_tableHeader--ec435[data-modern=true]{
6742
+ :where(body.is-inter-font) .bp_main_module_tableHeader--4cb60[data-modern=true]{
6743
6743
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
6744
6744
  font-size:.75rem;
6745
6745
  font-style:normal;
@@ -6750,11 +6750,11 @@
6750
6750
  text-transform:none;
6751
6751
  }
6752
6752
 
6753
- .bp_main_module_tableHeader--ec435[data-modern=true] tr > th{
6753
+ .bp_main_module_tableHeader--4cb60[data-modern=true] tr > th{
6754
6754
  font-weight:var(--bp-font-weight-regular);
6755
6755
  }
6756
6756
 
6757
- .bp_main_module_tableHeader--ec435[data-modern=false]{
6757
+ .bp_main_module_tableHeader--4cb60[data-modern=false]{
6758
6758
  font-family:var(--caption-default-font-family);
6759
6759
  font-size:var(--caption-default-font-size);
6760
6760
  font-weight:var(--caption-default-font-weight);
@@ -6763,70 +6763,70 @@
6763
6763
  text-decoration:var(--caption-default-text-decoration);
6764
6764
  text-transform:var(--caption-default-text-case);
6765
6765
  }
6766
- .bp_main_module_tableHeader--ec435[data-modern=false] tr > th{
6766
+ .bp_main_module_tableHeader--4cb60[data-modern=false] tr > th{
6767
6767
  font-weight:var(--font-weight-regular);
6768
6768
  }
6769
6769
 
6770
- .bp_main_module_tableHeader--ec435 tr > th{
6770
+ .bp_main_module_tableHeader--4cb60 tr > th{
6771
6771
  overflow:hidden;
6772
6772
  padding:0;
6773
6773
  text-overflow:ellipsis;
6774
6774
  white-space:nowrap;
6775
6775
  }
6776
- .bp_main_module_tableHeader--ec435 tr > th:first-child{
6776
+ .bp_main_module_tableHeader--4cb60 tr > th:first-child{
6777
6777
  border-radius:var(--list-item-first-column-item-radius);
6778
6778
  }
6779
- .bp_main_module_tableHeader--ec435 tr > th:last-child{
6779
+ .bp_main_module_tableHeader--4cb60 tr > th:last-child{
6780
6780
  border-radius:var(--list-item-last-column-item-radius);
6781
6781
  }
6782
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435{
6782
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60{
6783
6783
  color:var(--list-item-header-text-color-unsorted);
6784
6784
  outline:none;
6785
6785
  overflow:visible;
6786
6786
  text-align:left;
6787
6787
  }
6788
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_columnNameWrapper--ec435{
6788
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_columnNameWrapper--4cb60{
6789
6789
  align-items:center;
6790
6790
  display:flex;
6791
6791
  flex:1 0 0;
6792
6792
  gap:var(--list-item-header-gap);
6793
6793
  overflow:hidden;
6794
6794
  }
6795
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_columnNameWrapper--ec435 .bp_main_module_columnName--ec435{
6795
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_columnNameWrapper--4cb60 .bp_main_module_columnName--4cb60{
6796
6796
  min-width:0;
6797
6797
  overflow:hidden;
6798
6798
  text-overflow:ellipsis;
6799
6799
  white-space:nowrap;
6800
6800
  }
6801
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_columnNameWrapper--ec435:focus-visible{
6801
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_columnNameWrapper--4cb60:focus-visible{
6802
6802
  outline:none;
6803
6803
  }
6804
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_columnNameWrapper--ec435.bp_main_module_focusVisible--ec435{
6804
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_columnNameWrapper--4cb60.bp_main_module_focusVisible--4cb60{
6805
6805
  border-radius:var(--list-item-header-column-focus-outline-radius);
6806
6806
  outline:var(--list-item-header-column-focus-outline);
6807
6807
  outline-offset:var(--list-item-header-column-focus-outline-offset);
6808
6808
  }
6809
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435[colspan]{
6809
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60[colspan]{
6810
6810
  text-align:center;
6811
6811
  }
6812
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_rotateArrow--ec435{
6812
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_rotateArrow--4cb60{
6813
6813
  transform:rotateX(180deg);
6814
6814
  }
6815
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_sorted--ec435{
6815
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_sorted--4cb60{
6816
6816
  color:var(--list-item-header-text-color-sorted);
6817
6817
  font-weight:bold;
6818
6818
  }
6819
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_sortingFlexWrapper--ec435{
6819
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_sortingFlexWrapper--4cb60{
6820
6820
  align-items:center;
6821
6821
  display:flex;
6822
6822
  gap:var(--list-item-header-gap);
6823
6823
  padding:var(--list-item-header-column-padding);
6824
6824
  position:relative;
6825
6825
  }
6826
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_sortingFlexWrapper--ec435 svg{
6826
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_sortingFlexWrapper--4cb60 svg{
6827
6827
  flex-shrink:0;
6828
6828
  }
6829
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_columnResizer--ec435{
6829
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_columnResizer--4cb60{
6830
6830
  background-color:var(--list-item-header-column-resizer-background-color);
6831
6831
  flex:0 0 auto;
6832
6832
  height:var(--list-item-header-column-resizer-height);
@@ -6835,55 +6835,55 @@
6835
6835
  touch-action:none;
6836
6836
  width:var(--list-item-header-column-resizer-width);
6837
6837
  }
6838
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_columnResizer--ec435[data-resizable-direction=both]{
6838
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_columnResizer--4cb60[data-resizable-direction=both]{
6839
6839
  cursor:ew-resize;
6840
6840
  }
6841
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_columnResizer--ec435[data-resizable-direction=left]{
6841
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_columnResizer--4cb60[data-resizable-direction=left]{
6842
6842
  cursor:e-resize;
6843
6843
  }
6844
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_columnResizer--ec435[data-resizable-direction=right]{
6844
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_columnResizer--4cb60[data-resizable-direction=right]{
6845
6845
  cursor:w-resize;
6846
6846
  }
6847
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_columnResizer--ec435[data-focus-visible]{
6847
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_columnResizer--4cb60[data-focus-visible]{
6848
6848
  border-radius:var(--list-item-header-column-focus-outline-radius);
6849
6849
  outline:var(--list-item-header-column-resizer-outline);
6850
6850
  outline-offset:var(--list-item-header-column-resizer-outline-offset);
6851
6851
  }
6852
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435 .bp_main_module_columnResizer--ec435[data-resizing]{
6852
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60 .bp_main_module_columnResizer--4cb60[data-resizing]{
6853
6853
  background-color:var(--list-item-header-column-resizer-background-color-active);
6854
6854
  }
6855
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435:last-of-type .bp_main_module_columnResizer--ec435{
6855
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60:last-of-type .bp_main_module_columnResizer--4cb60{
6856
6856
  display:none;
6857
6857
  }
6858
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435:hover:not([data-sort-direction])[data-allows-sorting],.bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435[data-focus-visible]:not([data-sort-direction])[data-allows-sorting]{
6858
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60:hover:not([data-sort-direction])[data-allows-sorting],.bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60[data-focus-visible]:not([data-sort-direction])[data-allows-sorting]{
6859
6859
  color:var(--list-item-header-text-color-sorted);
6860
6860
  font-weight:bold;
6861
6861
  }
6862
- .bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435:hover:not([data-sort-direction]) svg,.bp_main_module_tableHeader--ec435 .bp_main_module_column--ec435[data-focus-visible]:not([data-sort-direction]) svg{
6862
+ .bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60:hover:not([data-sort-direction]) svg,.bp_main_module_tableHeader--4cb60 .bp_main_module_column--4cb60[data-focus-visible]:not([data-sort-direction]) svg{
6863
6863
  transform:rotateX(180deg);
6864
6864
  visibility:visible;
6865
6865
  }
6866
6866
 
6867
- .bp_main_module_dropdownHeaderContainer--ec435{
6867
+ .bp_main_module_dropdownHeaderContainer--4cb60{
6868
6868
  margin-bottom:var(--list-item-dropdown-header-margin-bottom);
6869
6869
  }
6870
6870
 
6871
- .bp_main_module_column--ec435.bp_main_module_droppableColumn--ec435{
6871
+ .bp_main_module_column--4cb60.bp_main_module_droppableColumn--4cb60{
6872
6872
  min-width:160px;
6873
6873
  }
6874
6874
 
6875
- .bp_main_module_column--ec435.bp_main_module_actionColumn--ec435{
6875
+ .bp_main_module_column--4cb60.bp_main_module_actionColumn--4cb60{
6876
6876
  min-width:1px;
6877
6877
  }
6878
6878
 
6879
- .bp_main_module_column--ec435.bp_main_module_hiddenColumn--ec435{
6879
+ .bp_main_module_column--4cb60.bp_main_module_hiddenColumn--4cb60{
6880
6880
  display:none;
6881
6881
  }
6882
6882
 
6883
- .bp_main_module_tableBody--ec435[data-empty]{
6883
+ .bp_main_module_tableBody--4cb60[data-empty]{
6884
6884
  text-align:center;
6885
6885
  }
6886
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435{
6886
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60{
6887
6887
  background:var(--list-item-row-background);
6888
6888
  border-radius:var(--list-item-row-border-radius);
6889
6889
  color:var(--list-item-row-text-color);
@@ -6894,7 +6894,7 @@
6894
6894
  position:relative;
6895
6895
  transform:translateZ(0);
6896
6896
  }
6897
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435::after{
6897
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60::after{
6898
6898
  background:#0000;
6899
6899
  border-top:var(--list-item-row-divider);
6900
6900
  box-sizing:border-box;
@@ -6907,20 +6907,20 @@
6907
6907
  width:100%;
6908
6908
  z-index:999;
6909
6909
  }
6910
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[aria-selected=true]{
6910
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[aria-selected=true]{
6911
6911
  --list-item-row-background:var(--list-item-row-background-selected);
6912
6912
  }
6913
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[aria-selected=true]::after{
6913
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[aria-selected=true]::after{
6914
6914
  border:var(--list-item-row-background-selected-border);
6915
6915
  border-radius:var(--list-item-row-border-radius);
6916
6916
  }
6917
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[aria-selected=true] .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435{
6917
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[aria-selected=true] .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60{
6918
6918
  opacity:1;
6919
6919
  }
6920
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[aria-selected=true] .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435 .bp_main_module_actionChildren--ec435{
6920
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[aria-selected=true] .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60 .bp_main_module_actionChildren--4cb60{
6921
6921
  display:none;
6922
6922
  }
6923
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435 .bp_main_module_cell--ec435{
6923
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60 .bp_main_module_cell--4cb60{
6924
6924
  max-width:0;
6925
6925
  outline:none;
6926
6926
  overflow:hidden;
@@ -6930,25 +6930,25 @@
6930
6930
  transform:translateZ(0);
6931
6931
  white-space:nowrap;
6932
6932
  }
6933
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435 .bp_main_module_cell--ec435[data-focus-visible]{
6933
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60 .bp_main_module_cell--4cb60[data-focus-visible]{
6934
6934
  outline:var(--list-item-cell-focus-outline);
6935
6935
  outline-offset:var(--list-item-cell-focus-outline-offset);
6936
6936
  position:relative;
6937
6937
  }
6938
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435 .bp_main_module_cell--ec435:first-child{
6938
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60 .bp_main_module_cell--4cb60:first-child{
6939
6939
  border-radius:var(--list-item-first-column-item-radius);
6940
6940
  }
6941
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435 .bp_main_module_cell--ec435:last-child{
6941
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60 .bp_main_module_cell--4cb60:last-child{
6942
6942
  border-radius:var(--list-item-last-column-item-radius);
6943
6943
  }
6944
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435 .bp_main_module_cell--ec435.bp_main_module_actions--ec435{
6944
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60 .bp_main_module_cell--4cb60.bp_main_module_actions--4cb60{
6945
6945
  overflow:unset;
6946
6946
  padding:0;
6947
6947
  position:sticky;
6948
6948
  right:0;
6949
6949
  width:var(--list-item-cell-actions-width);
6950
6950
  }
6951
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435 .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435{
6951
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60 .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60{
6952
6952
  align-items:center;
6953
6953
  background:var(--list-item-row-background);
6954
6954
  bottom:0;
@@ -6962,7 +6962,7 @@
6962
6962
  right:var(--list-item-cell-actions-right-offset);
6963
6963
  top:0;
6964
6964
  }
6965
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435 .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435::before{
6965
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60 .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60::before{
6966
6966
  box-shadow:-.25rem 0 .625rem .625rem var(--list-item-row-background);
6967
6967
  content:"";
6968
6968
  display:block;
@@ -6972,68 +6972,74 @@
6972
6972
  width:0;
6973
6973
  z-index:0;
6974
6974
  }
6975
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435 .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435[data-state=open]{
6975
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60 .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60.bp_main_module_alwaysShowSelection--4cb60{
6976
6976
  opacity:1;
6977
6977
  }
6978
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435 .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435[data-state=open] .bp_main_module_actionChildren--ec435{
6978
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60 .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60.bp_main_module_alwaysShowSelection--4cb60 .bp_main_module_actionChildren--4cb60{
6979
+ display:none;
6980
+ }
6981
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60 .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60[data-state=open]{
6982
+ opacity:1;
6983
+ }
6984
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60 .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60[data-state=open] .bp_main_module_actionChildren--4cb60{
6979
6985
  display:block;
6980
6986
  }
6981
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435 .bp_main_module_cell--ec435.bp_main_module_isCellHidden--ec435{
6987
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60 .bp_main_module_cell--4cb60.bp_main_module_isCellHidden--4cb60{
6982
6988
  display:none;
6983
6989
  }
6984
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-dragging]{
6990
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-dragging]{
6985
6991
  opacity:.5;
6986
6992
  transform:translateZ(0);
6987
6993
  }
6988
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-focus-visible]{
6994
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-focus-visible]{
6989
6995
  outline:var(--list-item-row-focus-outline);
6990
6996
  outline-offset:var(--list-item-row-focus-outline-offset);
6991
6997
  }
6992
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-focus-visible][aria-selected=true]{
6998
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-focus-visible][aria-selected=true]{
6993
6999
  background:var(--list-item-row-background);
6994
7000
  outline-offset:var(--list-item-row-outline-offset-focus-and-selected);
6995
7001
  }
6996
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:last-child::after{
7002
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:last-child::after{
6997
7003
  border-bottom:var(--border-1) solid var(--gray-10);
6998
7004
  }
6999
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:last-child[aria-selected=true]::after{
7005
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:last-child[aria-selected=true]::after{
7000
7006
  border-bottom:var(--list-item-row-background-selected-border);
7001
7007
  }
7002
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:focus-within,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:has([aria-expanded=true]),.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-focus-visible],.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-hovered]{
7008
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:focus-within,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:has([aria-expanded=true]),.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-focus-visible],.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-hovered]{
7003
7009
  z-index:1;
7004
7010
  }
7005
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:focus-within:not([aria-selected=true])::after,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:has([aria-expanded=true]):not([aria-selected=true])::after,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-focus-visible]:not([aria-selected=true])::after,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-hovered]:not([aria-selected=true])::after{
7011
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:focus-within:not([aria-selected=true])::after,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:has([aria-expanded=true]):not([aria-selected=true])::after,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-focus-visible]:not([aria-selected=true])::after,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-hovered]:not([aria-selected=true])::after{
7006
7012
  border-bottom:var(--list-item-row-hover-after-element-border);
7007
7013
  border-radius:var(--list-item-border-radius);
7008
7014
  border-top:var(--list-item-row-hover-after-element-border);
7009
7015
  box-shadow:var(--dropshadow-2);
7010
7016
  }
7011
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:focus-within:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:has([aria-expanded=true]):last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-focus-visible]:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-hovered]:last-child:not([aria-selected=true])::after{
7017
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:focus-within:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:has([aria-expanded=true]):last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-focus-visible]:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-hovered]:last-child:not([aria-selected=true])::after{
7012
7018
  border-bottom:var(--list-item-row-hover-after-element-border);
7013
7019
  }
7014
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:focus-within + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:has([aria-expanded=true]) + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-focus-visible] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-hovered] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after{
7020
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:focus-within + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:has([aria-expanded=true]) + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-focus-visible] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-hovered] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after{
7015
7021
  border-top:var(--list-item-row-hover-after-element-border);
7016
7022
  }
7017
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:focus-within[data-dragging] .bp_main_module_actionsWrapper--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:focus-within[data-pressed] .bp_main_module_actionsWrapper--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:has([aria-expanded=true])[data-dragging] .bp_main_module_actionsWrapper--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:has([aria-expanded=true])[data-pressed] .bp_main_module_actionsWrapper--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-focus-visible][data-dragging] .bp_main_module_actionsWrapper--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-focus-visible][data-pressed] .bp_main_module_actionsWrapper--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-hovered][data-dragging] .bp_main_module_actionsWrapper--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-hovered][data-pressed] .bp_main_module_actionsWrapper--ec435{
7023
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:focus-within[data-dragging] .bp_main_module_actionsWrapper--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:focus-within[data-pressed] .bp_main_module_actionsWrapper--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:has([aria-expanded=true])[data-dragging] .bp_main_module_actionsWrapper--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:has([aria-expanded=true])[data-pressed] .bp_main_module_actionsWrapper--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-focus-visible][data-dragging] .bp_main_module_actionsWrapper--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-focus-visible][data-pressed] .bp_main_module_actionsWrapper--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-hovered][data-dragging] .bp_main_module_actionsWrapper--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-hovered][data-pressed] .bp_main_module_actionsWrapper--4cb60{
7018
7024
  opacity:1;
7019
7025
  }
7020
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:focus-within:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:has([aria-expanded=true]):not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-focus-visible]:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-hovered]:not(:is([data-focus-visible], [aria-selected=true]))::after{
7026
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:focus-within:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:has([aria-expanded=true]):not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-focus-visible]:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-hovered]:not(:is([data-focus-visible], [aria-selected=true]))::after{
7021
7027
  border:var(--list-item-row-border-hover);
7022
7028
  border-radius:var(--list-item-border-radius);
7023
7029
  }
7024
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:focus-within .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:has([aria-expanded=true]) .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-focus-visible] .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-hovered] .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435{
7030
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:focus-within .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:has([aria-expanded=true]) .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-focus-visible] .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-hovered] .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60{
7025
7031
  opacity:1;
7026
7032
  }
7027
- .bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:focus-within .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435 .bp_main_module_actionChildren--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435:has([aria-expanded=true]) .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435 .bp_main_module_actionChildren--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-focus-visible] .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435 .bp_main_module_actionChildren--ec435,.bp_main_module_tableBody--ec435 .bp_main_module_row--ec435[data-hovered] .bp_main_module_cell--ec435 .bp_main_module_actionsWrapper--ec435 .bp_main_module_actionChildren--ec435{
7033
+ .bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:focus-within .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60 .bp_main_module_actionChildren--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60:has([aria-expanded=true]) .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60 .bp_main_module_actionChildren--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-focus-visible] .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60 .bp_main_module_actionChildren--4cb60,.bp_main_module_tableBody--4cb60 .bp_main_module_row--4cb60[data-hovered] .bp_main_module_cell--4cb60 .bp_main_module_actionsWrapper--4cb60 .bp_main_module_actionChildren--4cb60{
7028
7034
  display:block;
7029
7035
  }
7030
7036
  @supports selector(:has(*)){
7031
- .bp_main_module_row--ec435[aria-selected=true] + .bp_main_module_dropIndicator--ec435 + [aria-selected=true]::after,.bp_main_module_row--ec435[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--ec435:first-child,.bp_main_module_row--ec435[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--ec435:last-child,.bp_main_module_row--ec435[aria-selected=true] + [aria-selected=true]::after{
7037
+ .bp_main_module_row--4cb60[aria-selected=true] + .bp_main_module_dropIndicator--4cb60 + [aria-selected=true]::after,.bp_main_module_row--4cb60[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--4cb60:first-child,.bp_main_module_row--4cb60[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--4cb60:last-child,.bp_main_module_row--4cb60[aria-selected=true] + [aria-selected=true]::after{
7032
7038
  border-start-end-radius:0;
7033
7039
  border-start-start-radius:0;
7034
7040
  border-top-width:var(--border-1);
7035
7041
  }
7036
- .bp_main_module_row--ec435[aria-selected=true]:has(+ .bp_main_module_dropIndicator--ec435 + [aria-selected=true]) .bp_main_module_cell--ec435:last-child,.bp_main_module_row--ec435[aria-selected=true]:has(+ .bp_main_module_dropIndicator--ec435 + [aria-selected=true])::after,.bp_main_module_row--ec435[aria-selected=true]:has(+ [aria-selected=true]) .bp_main_module_cell--ec435:first-child,.bp_main_module_row--ec435[aria-selected=true]:has(+ [aria-selected=true])::after{
7042
+ .bp_main_module_row--4cb60[aria-selected=true]:has(+ .bp_main_module_dropIndicator--4cb60 + [aria-selected=true]) .bp_main_module_cell--4cb60:last-child,.bp_main_module_row--4cb60[aria-selected=true]:has(+ .bp_main_module_dropIndicator--4cb60 + [aria-selected=true])::after,.bp_main_module_row--4cb60[aria-selected=true]:has(+ [aria-selected=true]) .bp_main_module_cell--4cb60:first-child,.bp_main_module_row--4cb60[aria-selected=true]:has(+ [aria-selected=true])::after{
7037
7043
  border-bottom-width:var(--border-1);
7038
7044
  border-end-end-radius:0;
7039
7045
  border-end-start-radius:0;
package/dist/lib-esm/list-item/cell/action-cell.js CHANGED
@@ -1,8 +1,10 @@
1
1
  import { jsx, jsxs } from 'react/jsx-runtime';
2
+ import clsx from 'clsx';
2
3
  import { forwardRef, useRef } from 'react';
3
4
  import { useTableOptions } from 'react-aria-components';
4
5
  import { ListCheckbox } from '../../util-components/list-checkbox/list-checkbox.js';
5
6
  import styles from '../main.module.js';
7
+ import { useCustomTableOptions } from '../utils/custom-table-options-context/customTableOptionsContext.js';
6
8
  import { Cell } from './cell.js';
7
9
 
8
10
  /**
@@ -22,6 +24,9 @@ const ActionCell = /*#__PURE__*/forwardRef((props, ref) => {
22
24
  selectionBehavior,
23
25
  selectionMode
24
26
  } = useTableOptions();
27
+ const {
28
+ selectionVisibility
29
+ } = useCustomTableOptions();
25
30
  const divRef = useRef(null);
26
31
  // Allows consumer to sync changes to dropdown `open` state. Ensures actions are shown when dropdown is open
27
32
  // TODO(DSYS-1175): Once we have feature complete dropdown, this could be built-in.
@@ -31,13 +36,16 @@ const ActionCell = /*#__PURE__*/forwardRef((props, ref) => {
31
36
  }
32
37
  };
33
38
  const shouldShowCheckbox = selectionBehavior === 'toggle' && selectionMode === 'multiple';
39
+ const alwaysShowSelection = selectionVisibility === 'always' && shouldShowCheckbox;
34
40
  return jsx(Cell, {
35
41
  className: styles.actions,
36
42
  ...rest,
37
43
  ref: ref,
38
44
  children: !!children && !loading ? jsxs("div", {
39
45
  ref: divRef,
40
- className: styles.actionsWrapper,
46
+ className: clsx(styles.actionsWrapper, {
47
+ [styles.alwaysShowSelection]: alwaysShowSelection
48
+ }),
41
49
  "data-actionswrapper": true,
42
50
  children: [jsx("div", {
43
51
  className: styles.actionChildren,
package/dist/lib-esm/list-item/index.d.ts CHANGED
@@ -11,6 +11,7 @@ export declare const Table: import("react").ForwardRefExoticComponent<import("re
11
11
  onSortChange?: (sortDescriptor: import("react-stately").SortDescriptor) => void;
12
12
  sortDescriptor?: import("react-stately").SortDescriptor;
13
13
  defaultSortDescriptor?: import("react-stately").SortDescriptor;
14
+ selectionVisibility?: import("./utils/custom-table-options-context/customTableOptionsContext").SelectionVisibility;
14
15
  } & import("react").RefAttributes<HTMLTableElement>>;
15
16
  export declare const Cell: import("react").ForwardRefExoticComponent<import("./cell/cell").CellProps & import("react").RefAttributes<HTMLTableCellElement>>;
16
17
  export declare const Column: (props: ColumnProps & {
package/dist/lib-esm/list-item/index.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import 'react/jsx-runtime';
2
+ import 'clsx';
2
3
  import 'react';
3
4
  import 'react-aria-components';
4
5
  import '@box/blueprint-web-assets/icons/Fill';
5
6
  import '@box/blueprint-web-assets/tokens/tokens';
6
- import 'clsx';
7
7
  import { Cell as Cell$1 } from './cell/cell.js';
8
8
  import '../utils/useBreakpoint.js';
9
9
  import '@box/blueprint-web-assets/icons/Medium';
package/dist/lib-esm/list-item/list-item.d.ts CHANGED
@@ -11,6 +11,7 @@ export declare const Table: import("react").ForwardRefExoticComponent<import("re
11
11
  onSortChange?: (sortDescriptor: import("react-stately").SortDescriptor) => void;
12
12
  sortDescriptor?: import("react-stately").SortDescriptor;
13
13
  defaultSortDescriptor?: import("react-stately").SortDescriptor;
14
+ selectionVisibility?: import("./utils/custom-table-options-context/customTableOptionsContext").SelectionVisibility;
14
15
  } & import("react").RefAttributes<HTMLTableElement>>;
15
16
  export declare const Cell: import("react").ForwardRefExoticComponent<import("./cell/cell").CellProps & import("react").RefAttributes<HTMLTableCellElement>>;
16
17
  export declare const Column: (props: ColumnProps & {
package/dist/lib-esm/list-item/main.module.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"tableSortingContainer":"bp_main_module_tableSortingContainer--ec435","resizableTableContainer":"bp_main_module_resizableTableContainer--ec435","resizableTable":"bp_main_module_resizableTable--ec435","tableHeader":"bp_main_module_tableHeader--ec435","column":"bp_main_module_column--ec435","columnNameWrapper":"bp_main_module_columnNameWrapper--ec435","columnName":"bp_main_module_columnName--ec435","focusVisible":"bp_main_module_focusVisible--ec435","sorted":"bp_main_module_sorted--ec435","sortingFlexWrapper":"bp_main_module_sortingFlexWrapper--ec435","columnResizer":"bp_main_module_columnResizer--ec435","dropdownHeaderContainer":"bp_main_module_dropdownHeaderContainer--ec435","droppableColumn":"bp_main_module_droppableColumn--ec435","actionColumn":"bp_main_module_actionColumn--ec435","hiddenColumn":"bp_main_module_hiddenColumn--ec435","tableBody":"bp_main_module_tableBody--ec435","row":"bp_main_module_row--ec435","cell":"bp_main_module_cell--ec435","actionsWrapper":"bp_main_module_actionsWrapper--ec435","actionChildren":"bp_main_module_actionChildren--ec435","actions":"bp_main_module_actions--ec435","isCellHidden":"bp_main_module_isCellHidden--ec435"};
2
+ var styles = {"tableSortingContainer":"bp_main_module_tableSortingContainer--4cb60","resizableTableContainer":"bp_main_module_resizableTableContainer--4cb60","resizableTable":"bp_main_module_resizableTable--4cb60","tableHeader":"bp_main_module_tableHeader--4cb60","column":"bp_main_module_column--4cb60","columnNameWrapper":"bp_main_module_columnNameWrapper--4cb60","columnName":"bp_main_module_columnName--4cb60","focusVisible":"bp_main_module_focusVisible--4cb60","sorted":"bp_main_module_sorted--4cb60","sortingFlexWrapper":"bp_main_module_sortingFlexWrapper--4cb60","columnResizer":"bp_main_module_columnResizer--4cb60","dropdownHeaderContainer":"bp_main_module_dropdownHeaderContainer--4cb60","droppableColumn":"bp_main_module_droppableColumn--4cb60","actionColumn":"bp_main_module_actionColumn--4cb60","hiddenColumn":"bp_main_module_hiddenColumn--4cb60","tableBody":"bp_main_module_tableBody--4cb60","row":"bp_main_module_row--4cb60","cell":"bp_main_module_cell--4cb60","actionsWrapper":"bp_main_module_actionsWrapper--4cb60","actionChildren":"bp_main_module_actionChildren--4cb60","actions":"bp_main_module_actions--4cb60","alwaysShowSelection":"bp_main_module_alwaysShowSelection--4cb60","isCellHidden":"bp_main_module_isCellHidden--4cb60"};
3
3
 
4
4
  export { styles as default };
package/dist/lib-esm/list-item/table.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { type TableProps as PrimitiveTableProps, type ResizableTableContainerProps, type SortDescriptor } from 'react-aria-components';
2
2
  import { type OnColumnVisibilityChange } from './utils/column-visibility-context/column-metadata';
3
+ import { type SelectionVisibility } from './utils/custom-table-options-context/customTableOptionsContext';
3
4
  export type TableProps = PrimitiveTableProps & {
4
5
  /**
5
6
  * Setting this to true enables the column dropping functionality.
@@ -32,6 +33,11 @@ export type TableProps = PrimitiveTableProps & {
32
33
  * Default sort descriptor when uncontrolled.
33
34
  */
34
35
  defaultSortDescriptor?: SortDescriptor;
36
+ /**
37
+ * Whether the row selection checkbox in `ActionCell` is always visible or only on hover/focus/selection.
38
+ * UXF-1344: `always` is not supported with `selectionMode` `single` (aka single select) yet. Omitted = hover.
39
+ */
40
+ selectionVisibility?: SelectionVisibility;
35
41
  };
36
42
  /**
37
43
  * Based on React Aria Components `Table`
@@ -69,4 +75,9 @@ export declare const Table: import("react").ForwardRefExoticComponent<PrimitiveT
69
75
  * Default sort descriptor when uncontrolled.
70
76
  */
71
77
  defaultSortDescriptor?: SortDescriptor;
78
+ /**
79
+ * Whether the row selection checkbox in `ActionCell` is always visible or only on hover/focus/selection.
80
+ * UXF-1344: `always` is not supported with `selectionMode` `single` (aka single select) yet. Omitted = hover.
81
+ */
82
+ selectionVisibility?: SelectionVisibility;
72
83
  } & import("react").RefAttributes<HTMLTableElement>>;
package/dist/lib-esm/list-item/table.js CHANGED
@@ -5,6 +5,7 @@ import clsx from 'clsx';
5
5
  import { noop } from '../utils/noop.js';
6
6
  import styles from './main.module.js';
7
7
  import { ColumnVisibilityProvider, useColumnVisibilityContext } from './utils/column-visibility-context/columnVisibilityContext.js';
8
+ import { CustomTableOptionsProvider } from './utils/custom-table-options-context/customTableOptionsContext.js';
8
9
  import { TableSortingProvider, useTableSortingContext } from './utils/table-sorting-context/tableSortingContext.js';
9
10
 
10
11
  /**
@@ -23,39 +24,43 @@ const Table = /*#__PURE__*/forwardRef((props, ref) => {
23
24
  defaultSortDescriptor,
24
25
  onSortChange,
25
26
  resizableTableContainerProps,
27
+ selectionVisibility,
26
28
  ...rest
27
29
  } = props;
28
30
  const resizableContainerRef = useRef(null);
29
31
  const dropdownHeaderContainerRef = useRef(null);
30
32
  const enableModernizedComponents = true;
31
- return jsx(TableSortingProvider, {
32
- defaultSortDescriptor: defaultSortDescriptor,
33
- dropdownHeaderContainerRef: dropdownHeaderContainerRef,
34
- onSortChange: onSortChange,
35
- sortDescriptor: sortDescriptor,
36
- children: jsxs("div", {
37
- className: styles.tableSortingContainer,
38
- children: [jsx("div", {
39
- ref: dropdownHeaderContainerRef
40
- }), jsx(ColumnVisibilityProvider, {
41
- containerRef: resizableContainerRef,
42
- isColumnDroppingEnabled: isColumnDroppingEnabled,
43
- isColumnResizingEnabled: isColumnResizingEnabled,
44
- onVisibleColumnsChange: onVisibleColumnsChange,
45
- children: jsx(ResizableTableContainer, {
46
- ref: resizableContainerRef,
47
- className: styles.resizableTableContainer,
48
- "data-modern": enableModernizedComponents,
49
- ...resizableTableContainerProps,
50
- children: jsx(TableInner, {
51
- ref: ref,
52
- ...rest,
53
- className: className,
54
- onRowAction: onRowAction,
55
- children: children
33
+ return jsx(CustomTableOptionsProvider, {
34
+ selectionVisibility: selectionVisibility,
35
+ children: jsx(TableSortingProvider, {
36
+ defaultSortDescriptor: defaultSortDescriptor,
37
+ dropdownHeaderContainerRef: dropdownHeaderContainerRef,
38
+ onSortChange: onSortChange,
39
+ sortDescriptor: sortDescriptor,
40
+ children: jsxs("div", {
41
+ className: styles.tableSortingContainer,
42
+ children: [jsx("div", {
43
+ ref: dropdownHeaderContainerRef
44
+ }), jsx(ColumnVisibilityProvider, {
45
+ containerRef: resizableContainerRef,
46
+ isColumnDroppingEnabled: isColumnDroppingEnabled,
47
+ isColumnResizingEnabled: isColumnResizingEnabled,
48
+ onVisibleColumnsChange: onVisibleColumnsChange,
49
+ children: jsx(ResizableTableContainer, {
50
+ ref: resizableContainerRef,
51
+ className: styles.resizableTableContainer,
52
+ "data-modern": enableModernizedComponents,
53
+ ...resizableTableContainerProps,
54
+ children: jsx(TableInner, {
55
+ ref: ref,
56
+ ...rest,
57
+ className: className,
58
+ onRowAction: onRowAction,
59
+ children: children
60
+ })
56
61
  })
57
- })
58
- })]
62
+ })]
63
+ })
59
64
  })
60
65
  });
61
66
  });
package/dist/lib-esm/list-item/utils/custom-table-options-context/customTableOptionsContext.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ import { type ReactNode } from 'react';
2
+ export type SelectionVisibility = 'hover' | 'always';
3
+ export interface CustomTableOptions {
4
+ selectionVisibility: SelectionVisibility;
5
+ }
6
+ interface CustomTableOptionsProviderProps {
7
+ children: ReactNode;
8
+ selectionVisibility?: SelectionVisibility;
9
+ }
10
+ export declare const CustomTableOptionsProvider: ({ children, selectionVisibility, }: CustomTableOptionsProviderProps) => import("react/jsx-runtime").JSX.Element;
11
+ /**
12
+ * RAC Table comes with a default context useTableOptions
13
+ * This context is for custom options not included in RAC Table
14
+ */
15
+ export declare const useCustomTableOptions: () => CustomTableOptions;
16
+ export {};
package/dist/lib-esm/list-item/utils/custom-table-options-context/customTableOptionsContext.js ADDED
@@ -0,0 +1,26 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+ import { useContext, createContext } from 'react';
3
+
4
+ const DEFAULT_CUSTOM_TABLE_OPTIONS = {
5
+ selectionVisibility: 'hover'
6
+ };
7
+ const CustomTableOptionsContext = /*#__PURE__*/createContext(null);
8
+ const CustomTableOptionsProvider = ({
9
+ children,
10
+ selectionVisibility = DEFAULT_CUSTOM_TABLE_OPTIONS.selectionVisibility
11
+ }) => jsx(CustomTableOptionsContext.Provider, {
12
+ value: {
13
+ selectionVisibility
14
+ },
15
+ children: children
16
+ });
17
+ /**
18
+ * RAC Table comes with a default context useTableOptions
19
+ * This context is for custom options not included in RAC Table
20
+ */
21
+ const useCustomTableOptions = () => {
22
+ const context = useContext(CustomTableOptionsContext);
23
+ return context ?? DEFAULT_CUSTOM_TABLE_OPTIONS;
24
+ };
25
+
26
+ export { CustomTableOptionsProvider, useCustomTableOptions };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "17.15.2",
3
+ "version": "17.15.3",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {
@@ -55,7 +55,7 @@
55
55
  "dependencies": {
56
56
  "@ariakit/react": "0.4.21",
57
57
  "@ariakit/react-core": "0.4.21",
58
- "@box/blueprint-web-assets": "^5.10.24",
58
+ "@box/blueprint-web-assets": "^5.10.25",
59
59
  "@internationalized/date": "^3.12.0",
60
60
  "@radix-ui/react-accordion": "1.1.2",
61
61
  "@radix-ui/react-checkbox": "1.0.4",
@@ -86,7 +86,7 @@
86
86
  "devDependencies": {
87
87
  "@box/box-test-client": "^3.2.7",
88
88
  "@box/playwright-utils": "^2.8.5",
89
- "@box/storybook-utils": "^1.2.68",
89
+ "@box/storybook-utils": "^1.2.69",
90
90
  "@figma/code-connect": "1.4.4",
91
91
  "@playwright/test": "1.46.1",
92
92
  "@types/js-yaml": "^4.0.9",