@react-spectrum/table 3.3.2 → 3.3.3-nightly.3472
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/dist/main.css +1 -1
- package/dist/main.js +45 -18
- package/dist/main.js.map +1 -1
- package/dist/module.js +48 -21
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +27 -27
- package/src/Resizer.tsx +2 -2
- package/src/TableView.tsx +63 -43
package/dist/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.spectrum-Table_d0fc74{border-collapse:separate;border-spacing:0;isolation:isolate;outline:0}[dir=ltr] svg.spectrum-Table-sortedIcon_d0fc74{margin-left:var(--spectrum-table-header-sort-icon-gap,var(--spectrum-global-dimension-size-125))}[dir=rtl] svg.spectrum-Table-sortedIcon_d0fc74{margin-right:var(--spectrum-table-header-sort-icon-gap,var(--spectrum-global-dimension-size-125))}svg.spectrum-Table-sortedIcon_d0fc74{min-width:var(--spectrum-icon-arrow-down-small-width,var(--spectrum-global-dimension-size-100));vertical-align:middle;transition:transform var(--spectrum-global-animation-duration-100,130ms)ease-in-out;flex:none;display:none}.spectrum-Table-headWrapper_d0fc74{border-left-style:solid;border-left-width:1px;border-right-style:solid;border-right-width:1px;flex:none}.spectrum-Table-headCellContents_d0fc74{min-width:0;white-space:nowrap;text-overflow:ellipsis;display:inline-block;overflow:hidden}.spectrum-Table-headCell_d0fc74{box-sizing:border-box;font-size:var(--spectrum-table-header-text-size,var(--spectrum-global-dimension-font-size-50));font-weight:var(--spectrum-table-header-text-font-weight,var(--spectrum-global-font-weight-bold));line-height:var(--spectrum-table-header-text-line-height,var(--spectrum-alias-heading-text-line-height));min-height:var(--spectrum-table-header-min-height,var(--spectrum-global-dimension-size-150));letter-spacing:var(--spectrum-table-header-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium));text-transform:uppercase;padding:var(--spectrum-table-header-padding-y,var(--spectrum-global-dimension-static-size-125))var(--spectrum-table-header-padding-x,var(--spectrum-global-dimension-size-200));transition:color var(--spectrum-global-animation-duration-100,130ms)ease-in-out;border-radius:var(--spectrum-table-header-border-radius,0px);outline:0;display:flex}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74{cursor:default}.spectrum-Table-headCell_d0fc74.is-sorted-asc_d0fc74 .spectrum-Table-sortedIcon_d0fc74,.spectrum-Table-headCell_d0fc74.is-sorted-desc_d0fc74 .spectrum-Table-sortedIcon_d0fc74{margin-top:calc(var(--spectrum-global-dimension-size-25)*-1);display:inline-block}.spectrum-Table-headCell_d0fc74.is-sorted-asc_d0fc74 .spectrum-Table-sortedIcon_d0fc74{transform:rotate(180deg)}.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74{padding:0}.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74 .spectrum-Table-headCellContents_d0fc74{min-width:0;flex:auto}.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74 .spectrum-Table-headCellButton_d0fc74{box-sizing:border-box;padding:var(--spectrum-table-header-padding-y,var(--spectrum-global-dimension-static-size-125))var(--spectrum-table-header-padding-x,var(--spectrum-global-dimension-size-200))}.spectrum-Table-columnResizer_d0fc74{box-sizing:border-box;width:10px;height:100%;-webkit-user-select:none;user-select:none;flex:none;justify-content:flex-end;display:flex}.spectrum-Table-columnResizer_d0fc74:after{content:"";box-sizing:border-box;width:1px;height:100%;display:block}.spectrum-Table-columnResizer_d0fc74:active,.spectrum-Table-columnResizer_d0fc74.focus-ring_d0fc74{outline:0}.spectrum-Table-columnResizer_d0fc74:active:after,.spectrum-Table-columnResizer_d0fc74.focus-ring_d0fc74:after{width:2px}.spectrum-Table-cell--alignCenter_d0fc74{text-align:center}[dir=ltr] .spectrum-Table-cell--alignEnd_d0fc74{text-align:right}[dir=rtl] .spectrum-Table-cell--alignEnd_d0fc74{text-align:left}.spectrum-Table-body_d0fc74.is-drop-target_d0fc74:before,.spectrum-Table-row_d0fc74.is-drop-target_d0fc74:before{content:"";z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}.spectrum-Table-body_d0fc74{border-width:var(--spectrum-table-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular));vertical-align:var(--spectrum-table-cell-vertical-alignment,top);position:relative;overflow:auto;transform:translate(0,0)}.spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) tbody.spectrum-Table-body_d0fc74{border-width:var(--spectrum-table-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74:first-child .spectrum-Table-cell_d0fc74:first-child{border-top-left-radius:var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74:first-child .spectrum-Table-cell_d0fc74:last-child{border-top-right-radius:var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74:last-child .spectrum-Table-cell_d0fc74:first-child{border-bottom-left-radius:var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74:last-child .spectrum-Table-cell_d0fc74:last-child{border-bottom-right-radius:var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Table-cell_d0fc74{box-sizing:border-box;font-size:var(--spectrum-table-cell-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-table-cell-text-font-weight,var(--spectrum-global-font-weight-regular));line-height:calc(var(--spectrum-table-cell-text-size,var(--spectrum-alias-font-size-default))*var(--spectrum-table-cell-text-line-height,var(--spectrum-alias-body-text-line-height)) - 1px);padding:var(--spectrum-global-dimension-size-125)var(--spectrum-table-cell-padding-x,var(--spectrum-global-dimension-size-200))}.spectrum-Table--compact_d0fc74 .spectrum-Table-cell_d0fc74{padding-top:var(--spectrum-global-dimension-size-75);padding-bottom:var(--spectrum-global-dimension-size-75)}.spectrum-Table--spacious_d0fc74 .spectrum-Table-cell_d0fc74{padding-top:var(--spectrum-global-dimension-size-175);padding-bottom:var(--spectrum-global-dimension-size-175)}.spectrum-Table-cellContents_d0fc74{min-width:0;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:-4px;padding:4px;overflow:hidden}.spectrum-Table-cell--hideHeader_d0fc74{justify-content:center;padding:0}.spectrum-Table--wrap_d0fc74 .spectrum-Table-cellContents_d0fc74{white-space:normal}.spectrum-Table-cell_d0fc74,.spectrum-Table-headCell_d0fc74,.spectrum-Table-headCellButton_d0fc74{position:relative}.spectrum-Table-cell_d0fc74:focus,.spectrum-Table-headCell_d0fc74:focus,.spectrum-Table-headCellButton_d0fc74:focus,.spectrum-Table-cell_d0fc74.focus-ring_d0fc74,.spectrum-Table-cell_d0fc74.is-focused_d0fc74,.spectrum-Table-headCell_d0fc74.focus-ring_d0fc74,.spectrum-Table-headCell_d0fc74.is-focused_d0fc74,.spectrum-Table-headCellButton_d0fc74.focus-ring_d0fc74,.spectrum-Table-headCellButton_d0fc74.is-focused_d0fc74{outline:0}.spectrum-Table-cell_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-cell_d0fc74.is-focused_d0fc74:before,.spectrum-Table-headCell_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-headCell_d0fc74.is-focused_d0fc74:before,.spectrum-Table-headCellButton_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-headCellButton_d0fc74.is-focused_d0fc74:before{content:"";z-index:1;border-radius:calc(var(--spectrum-table-cell-border-radius-key-focus,var(--spectrum-alias-border-radius-regular)) - 1px);position:absolute;top:0;bottom:0;left:0;right:0}.spectrum-Table-headCell_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-headCell_d0fc74.is-focused_d0fc74:before,.spectrum-Table-headCellButton_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-headCellButton_d0fc74.is-focused_d0fc74:before{top:var(--spectrum-table-border-size,var(--spectrum-alias-border-size-thin));right:var(--spectrum-table-border-size,var(--spectrum-alias-border-size-thin));bottom:var(--spectrum-table-border-size,var(--spectrum-alias-border-size-thin));left:var(--spectrum-table-border-size,var(--spectrum-alias-border-size-thin))}[dir=ltr] .spectrum-Table-cell--divider_d0fc74{border-right-width:var(--spectrum-table-divider-border-size,var(--spectrum-alias-border-size-thin))}[dir=rtl] .spectrum-Table-cell--divider_d0fc74{border-left-width:var(--spectrum-table-divider-border-size,var(--spectrum-alias-border-size-thin))}.spectrum-Table-row_d0fc74{cursor:default;transition:background-color var(--spectrum-global-animation-duration-100,130ms)ease-in-out;position:relative}.spectrum-Table-row_d0fc74:focus{outline:0}[dir=ltr] .spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{left:0}[dir=rtl] .spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{right:0}[dir=ltr] .spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{margin-right:-3px}[dir=rtl] .spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{margin-left:-3px}.spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{content:"";height:100%;width:3px;z-index:4;display:inline-block;position:sticky}.spectrum-Table-row_d0fc74.focus-ring_d0fc74 .spectrum-Table-cellWrapper_d0fc74:first-of-type{vertical-align:top;display:inline-block}[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--loadingMore_d0fc74):not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.spectrum-Table-row--isFlushBottom_d0fc74.is-selected_d0fc74:after{border-bottom-left-radius:calc(var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular)) - 1px)}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--loadingMore_d0fc74):not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.spectrum-Table-row--isFlushBottom_d0fc74.is-selected_d0fc74:after,[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--loadingMore_d0fc74):not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.spectrum-Table-row--isFlushBottom_d0fc74.is-selected_d0fc74:after{border-bottom-right-radius:calc(var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular)) - 1px)}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--loadingMore_d0fc74):not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.spectrum-Table-row--isFlushBottom_d0fc74.is-selected_d0fc74:after{border-bottom-left-radius:calc(var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular)) - 1px)}[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after{border-top-left-radius:calc(var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular)) - 1px)}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after,[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after{border-top-right-radius:calc(var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular)) - 1px)}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after{border-top-left-radius:calc(var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular)) - 1px)}[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isVerticalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after{border-top-right-radius:0}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isVerticalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after{border-top-left-radius:0}[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isVerticalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.is-selected_d0fc74.is-selected_d0fc74:after{border-bottom-right-radius:0}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isVerticalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.is-selected_d0fc74.is-selected_d0fc74:after,[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isHorizontalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.is-selected_d0fc74.is-selected_d0fc74:after{border-bottom-left-radius:0}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isHorizontalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.is-selected_d0fc74.is-selected_d0fc74:after,[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isHorizontalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.is-selected_d0fc74.is-selected_d0fc74:after{border-bottom-right-radius:0}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isHorizontalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.is-selected_d0fc74.is-selected_d0fc74:after{border-bottom-left-radius:0}[dir=rtl] .spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{right:0}.spectrum-Table_d0fc74>.spectrum-Table-body_d0fc74>.spectrum-Table-row_d0fc74:last-of-type{border-bottom-style:none}.spectrum-Table--quiet_d0fc74 .spectrum-Table-headWrapper_d0fc74{border-left:0;border-right:0}.spectrum-Table--quiet_d0fc74 .spectrum-Table-body_d0fc74{border-radius:var(--spectrum-table-quiet-border-radius,0px)}.spectrum-Table--quiet_d0fc74 .spectrum-Table-body_d0fc74.is-drop-target_d0fc74:before,.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-drop-target_d0fc74:before{border-radius:var(--spectrum-global-dimension-size-50)}[dir=ltr] .spectrum-Table-headCell_d0fc74.spectrum-Table-checkboxCell_d0fc74,[dir=ltr] .spectrum-Table-cell_d0fc74.spectrum-Table-checkboxCell_d0fc74{padding-right:var(--spectrum-table-cell-checkbox-padding-right,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Table-headCell_d0fc74.spectrum-Table-checkboxCell_d0fc74,[dir=rtl] .spectrum-Table-cell_d0fc74.spectrum-Table-checkboxCell_d0fc74{padding-left:var(--spectrum-table-cell-checkbox-padding-right,var(--spectrum-global-dimension-size-100))}.spectrum-Table-headCell_d0fc74.spectrum-Table-checkboxCell_d0fc74,.spectrum-Table-cell_d0fc74.spectrum-Table-checkboxCell_d0fc74{vertical-align:var(--spectrum-table-cell-checkbox-vertical-alignment,middle);padding-top:0;padding-bottom:0}[dir=ltr] .spectrum-Table-headCell_d0fc74.spectrum-Table-checkboxCell_d0fc74 .spectrum-Table-checkbox_d0fc74,[dir=ltr] .spectrum-Table-cell_d0fc74.spectrum-Table-checkboxCell_d0fc74 .spectrum-Table-checkbox_d0fc74{padding-right:0}[dir=rtl] .spectrum-Table-headCell_d0fc74.spectrum-Table-checkboxCell_d0fc74 .spectrum-Table-checkbox_d0fc74,[dir=rtl] .spectrum-Table-cell_d0fc74.spectrum-Table-checkboxCell_d0fc74 .spectrum-Table-checkbox_d0fc74{padding-left:0}.spectrum-Table-checkbox_d0fc74{vertical-align:super}.spectrum-Table-headWrapper_d0fc74{border-left-color:#0000;border-right-color:#0000}.spectrum-Table-headCell_d0fc74{color:var(--spectrum-table-header-text-color,var(--spectrum-alias-label-text-color));background-color:var(--spectrum-alias-background-color-default,var(--spectrum-global-color-gray-100))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74 .spectrum-Table-sortedIcon_d0fc74{color:var(--spectrum-table-header-sort-icon-color,var(--spectrum-global-color-gray-600))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.is-hovered_d0fc74{color:var(--spectrum-table-header-text-color-hover,var(--spectrum-alias-text-color-hover))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.is-hovered_d0fc74 .spectrum-Table-sortedIcon_d0fc74{color:var(--spectrum-table-header-sort-icon-color-hover,var(--spectrum-alias-icon-color-hover))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.focus-ring_d0fc74,.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.is-focused_d0fc74{color:var(--spectrum-table-header-text-color-key-focus,var(--spectrum-alias-text-color-hover))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.focus-ring_d0fc74 .spectrum-Table-sortedIcon_d0fc74,.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.is-focused_d0fc74 .spectrum-Table-sortedIcon_d0fc74{color:var(--spectrum-table-header-sort-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74:active{color:var(--spectrum-table-header-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74:active .spectrum-Table-sortedIcon_d0fc74{color:var(--spectrum-table-header-sort-icon-color-down,var(--spectrum-alias-icon-color-down))}.spectrum-Table-body_d0fc74.is-drop-target_d0fc74,.spectrum-Table-row_d0fc74.is-drop-target_d0fc74{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}.spectrum-Table-body_d0fc74.is-drop-target_d0fc74:before,.spectrum-Table-row_d0fc74.is-drop-target_d0fc74:before{background-color:var(--spectrum-alias-highlight-selected)}.spectrum-Table-cell_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-cell_d0fc74.is-focused_d0fc74:before,.spectrum-Table-headCell_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-headCell_d0fc74.is-focused_d0fc74:before,.spectrum-Table-headCellButton_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-headCellButton_d0fc74.is-focused_d0fc74:before{box-shadow:inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Table-body_d0fc74{border-style:solid;border-color:var(--spectrum-table-border-color,var(--spectrum-alias-border-color-mid));background-color:var(--spectrum-table-background-color,var(--spectrum-global-color-gray-50))}.spectrum-Table-body_d0fc74.is-drop-target_d0fc74{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}.spectrum-Table-body_d0fc74.is-drop-target_d0fc74:before{background-color:var(--spectrum-alias-highlight-selected)}tbody.spectrum-Table-body_d0fc74{border:0}tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74{border-top:0}tbody.spectrum-Table-body_d0fc74 .spectrum-Table-cell_d0fc74{border-top:1px solid var(--spectrum-table-cell-border-color,var(--spectrum-global-color-gray-300))}tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74 .spectrum-Table-cell_d0fc74:first-child{border-left:1px solid var(--spectrum-table-cell-border-color,var(--spectrum-global-color-gray-300))}tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74 .spectrum-Table-cell_d0fc74:last-child{border-right:1px solid var(--spectrum-table-cell-border-color,var(--spectrum-global-color-gray-300))}tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74:last-child .spectrum-Table-cell_d0fc74{border-bottom:1px solid var(--spectrum-table-cell-border-color,var(--spectrum-global-color-gray-300))}.spectrum-Table-row_d0fc74{box-sizing:border-box}.spectrum-Table-row_d0fc74 .spectrum-Table-cellWrapper_d0fc74{background-color:var(--spectrum-table-background-color,var(--spectrum-global-color-gray-50))}.spectrum-Table-row_d0fc74.is-hovered_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table-row_d0fc74.focus-ring_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table-row_d0fc74.is-focused_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-row-background-color-hover,var(--spectrum-alias-highlight-hover))}.spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{background:var(--spectrum-selectlist-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}.spectrum-Table-row_d0fc74.is-active_d0fc74 .spectrum-Table-cell_d0fc74:not(.is-disabled_d0fc74){background-color:var(--spectrum-table-row-background-color-down,var(--spectrum-alias-highlight-active))}[dir=ltr] .spectrum-Table-row_d0fc74:after{left:0}[dir=rtl] .spectrum-Table-row_d0fc74:after,[dir=ltr] .spectrum-Table-row_d0fc74:after{right:0}[dir=rtl] .spectrum-Table-row_d0fc74:after{left:0}.spectrum-Table-row_d0fc74:after{box-shadow:inset 0 -1px 0 0 var(--spectrum-table-cell-border-color,var(--spectrum-global-color-gray-300));content:"";z-index:3;pointer-events:none;display:block;position:absolute;top:0;bottom:0}.spectrum-Table-row_d0fc74.is-next-selected_d0fc74:after{box-shadow:inset 0 -1px 0 0 var(--spectrum-global-color-blue-500)}.spectrum-Table-row_d0fc74.is-selected_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-row-background-color-selected,var(--spectrum-alias-highlight-selected))}.spectrum-Table-row_d0fc74.is-selected_d0fc74.is-hovered_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table-row_d0fc74.is-selected_d0fc74.is-active_d0fc74 .spectrum-Table-cell_d0fc74:not(.is-disabled_d0fc74){background-color:var(--spectrum-table-row-background-color-selected-hover,var(--spectrum-alias-highlight-selected-hover))}.spectrum-Table-row_d0fc74.is-selected_d0fc74.focus-ring_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table-row_d0fc74.is-selected_d0fc74.is-focused_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover))}.spectrum-Table-row_d0fc74.is-selected_d0fc74:after{box-shadow:inset 1px 0 0 0 var(--spectrum-global-color-blue-500),inset -1px 0 0 0 var(--spectrum-global-color-blue-500),inset 0 -1px 0 0 var(--spectrum-global-color-blue-500)}.spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after{box-shadow:inset 1px 0 0 0 var(--spectrum-global-color-blue-500),inset -1px 0 0 0 var(--spectrum-global-color-blue-500),inset 0 1px 0 0 var(--spectrum-global-color-blue-500),inset 0 -1px 0 0 var(--spectrum-global-color-blue-500)}.spectrum-Table-row_d0fc74.is-drop-target_d0fc74:before{box-shadow:inset 0 0 0 2px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));background-color:var(--spectrum-alias-highlight-selected)}.spectrum-Table-cell_d0fc74{color:var(--spectrum-table-cell-text-color,var(--spectrum-alias-text-color));background-color:var(--spectrum-table-cell-background-color,var(--spectrum-alias-background-color-transparent))}[dir=ltr] .spectrum-Table-cell--divider_d0fc74{border-right-style:solid}[dir=rtl] .spectrum-Table-cell--divider_d0fc74{border-left-style:solid}[dir=ltr] .spectrum-Table-cell--divider_d0fc74{border-right-color:var(--spectrum-table-divider-border-color,var(--spectrum-alias-border-color-mid))}[dir=rtl] .spectrum-Table-cell--divider_d0fc74{border-left-color:var(--spectrum-table-divider-border-color,var(--spectrum-alias-border-color-mid))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-body_d0fc74{background-color:var(--spectrum-table-quiet-cell-background-color,var(--spectrum-alias-background-color-transparent));border-width:1px 0}.spectrum-Table--quiet_d0fc74 .spectrum-Table-body_d0fc74.is-drop-target_d0fc74{box-shadow:none;border-color:#0000}.spectrum-Table--quiet_d0fc74 .spectrum-Table-body_d0fc74.is-drop-target_d0fc74:before{box-shadow:inset 0 0 0 2px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74 .spectrum-Table-cellWrapper_d0fc74{background-color:var(--spectrum-alias-background-color-default,var(--spectrum-global-color-gray-100))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-hovered_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.focus-ring_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-focused_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-quiet-row-background-color-hover,var(--spectrum-alias-highlight-hover))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-active_d0fc74 .spectrum-Table-cell_d0fc74:not(.is-disabled_d0fc74){background-color:var(--spectrum-table-quiet-row-background-color-down,var(--spectrum-alias-highlight-active))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-selected_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-quiet-row-background-color-selected,var(--spectrum-alias-highlight-selected))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-selected_d0fc74.is-hovered_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-quiet-row-background-color-selected-hover,var(--spectrum-alias-highlight-selected-hover))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-selected_d0fc74.focus-ring_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-selected_d0fc74.is-focused_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-quiet-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover))}.spectrum-Table--quiet_d0fc74 tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74 .spectrum-Table-cell_d0fc74:first-child,.spectrum-Table--quiet_d0fc74 tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74 .spectrum-Table-cell_d0fc74:last-child{border-left:0;border-right:0}.spectrum-Table-columnResizer_d0fc74:after{background-color:var(--spectrum-table-divider-border-color,var(--spectrum-alias-border-color-mid))}.spectrum-Table-columnResizer_d0fc74:active:after,.spectrum-Table-columnResizer_d0fc74.focus-ring_d0fc74:after{background-color:var(--spectrum-global-color-blue-400)}.react-spectrum-Table_e844a7{-webkit-user-select:none;user-select:none;min-height:0;min-width:0;flex-direction:column;display:flex}.react-spectrum-Table-cell_e844a7{align-items:center;display:flex}.react-spectrum-Table-cellWrapper_e844a7>.react-spectrum-Table-cell_e844a7{height:100%}[dir=ltr] .react-spectrum-Table-cell--alignStart_e844a7{text-align:left}[dir=rtl] .react-spectrum-Table-cell--alignStart_e844a7{text-align:right}.react-spectrum-Table-cell--alignStart_e844a7{justify-content:flex-start}.react-spectrum-Table-cell--alignCenter_e844a7{text-align:center;justify-content:center}[dir=ltr] .react-spectrum-Table-cell--alignEnd_e844a7{text-align:right}[dir=rtl] .react-spectrum-Table-cell--alignEnd_e844a7{text-align:left}.react-spectrum-Table-cell--alignEnd_e844a7{justify-content:flex-end}.react-spectrum-Table-centeredWrapper_e844a7{width:100%;height:100%;justify-content:center;align-items:center;display:flex}
|
|
1
|
+
.spectrum-Table_d0fc74{border-collapse:separate;border-spacing:0;isolation:isolate;outline:0}[dir=ltr] svg.spectrum-Table-sortedIcon_d0fc74{margin-left:var(--spectrum-table-header-sort-icon-gap,var(--spectrum-global-dimension-size-125))}[dir=rtl] svg.spectrum-Table-sortedIcon_d0fc74{margin-right:var(--spectrum-table-header-sort-icon-gap,var(--spectrum-global-dimension-size-125))}svg.spectrum-Table-sortedIcon_d0fc74{min-width:var(--spectrum-icon-arrow-down-small-width,var(--spectrum-global-dimension-size-100));vertical-align:middle;transition:transform var(--spectrum-global-animation-duration-100,130ms)ease-in-out;flex:none;display:none}.spectrum-Table-headWrapper_d0fc74{border-left-style:solid;border-left-width:1px;border-right-style:solid;border-right-width:1px;flex:none}.spectrum-Table-headCellContents_d0fc74{min-width:0;white-space:nowrap;text-overflow:ellipsis;display:inline-block;overflow:hidden}.spectrum-Table-headCell_d0fc74{box-sizing:border-box;font-size:var(--spectrum-table-header-text-size,var(--spectrum-global-dimension-font-size-50));font-weight:var(--spectrum-table-header-text-font-weight,var(--spectrum-global-font-weight-bold));line-height:var(--spectrum-table-header-text-line-height,var(--spectrum-alias-heading-text-line-height));min-height:var(--spectrum-table-header-min-height,var(--spectrum-global-dimension-size-150));letter-spacing:var(--spectrum-table-header-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium));text-transform:uppercase;padding:var(--spectrum-table-header-padding-y,var(--spectrum-global-dimension-static-size-125))var(--spectrum-table-header-padding-x,var(--spectrum-global-dimension-size-200));transition:color var(--spectrum-global-animation-duration-100,130ms)ease-in-out;border-radius:var(--spectrum-table-header-border-radius,0px);outline:0;display:flex}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74{cursor:default}.spectrum-Table-headCell_d0fc74.is-sorted-asc_d0fc74 .spectrum-Table-sortedIcon_d0fc74,.spectrum-Table-headCell_d0fc74.is-sorted-desc_d0fc74 .spectrum-Table-sortedIcon_d0fc74{margin-top:calc(var(--spectrum-global-dimension-size-25)*-1);display:inline-block}.spectrum-Table-headCell_d0fc74.is-sorted-asc_d0fc74 .spectrum-Table-sortedIcon_d0fc74{transform:rotate(180deg)}.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74{padding:0}.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74 .spectrum-Table-headCellContents_d0fc74{min-width:0;flex:auto}.spectrum-Table-headCell_d0fc74.is-resizable_d0fc74 .spectrum-Table-headCellButton_d0fc74{box-sizing:border-box;padding:var(--spectrum-table-header-padding-y,var(--spectrum-global-dimension-static-size-125))var(--spectrum-table-header-padding-x,var(--spectrum-global-dimension-size-200))}.spectrum-Table-columnResizer_d0fc74{box-sizing:border-box;width:10px;height:100%;-webkit-user-select:none;user-select:none;flex:none;justify-content:flex-end;display:flex}.spectrum-Table-columnResizer_d0fc74:after{content:"";box-sizing:border-box;width:1px;height:100%;display:block}.spectrum-Table-columnResizer_d0fc74:active,.spectrum-Table-columnResizer_d0fc74.focus-ring_d0fc74{outline:0}.spectrum-Table-columnResizer_d0fc74:active:after,.spectrum-Table-columnResizer_d0fc74.focus-ring_d0fc74:after{width:2px}.spectrum-Table-cell--alignCenter_d0fc74{text-align:center}[dir=ltr] .spectrum-Table-cell--alignEnd_d0fc74{text-align:right}[dir=rtl] .spectrum-Table-cell--alignEnd_d0fc74{text-align:left}.spectrum-Table-body_d0fc74.is-drop-target_d0fc74:before,.spectrum-Table-row_d0fc74.is-drop-target_d0fc74:before{content:"";z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}.spectrum-Table-body_d0fc74{border-width:var(--spectrum-table-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular));vertical-align:var(--spectrum-table-cell-vertical-alignment,top);position:relative;overflow:auto;transform:translate(0,0)}.spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) tbody.spectrum-Table-body_d0fc74{border-width:var(--spectrum-table-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74:first-child .spectrum-Table-cell_d0fc74:first-child{border-top-left-radius:var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74:first-child .spectrum-Table-cell_d0fc74:last-child{border-top-right-radius:var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74:last-child .spectrum-Table-cell_d0fc74:first-child{border-bottom-left-radius:var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74:last-child .spectrum-Table-cell_d0fc74:last-child{border-bottom-right-radius:var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Table-cell_d0fc74{box-sizing:border-box;font-size:var(--spectrum-table-cell-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-table-cell-text-font-weight,var(--spectrum-global-font-weight-regular));line-height:calc(var(--spectrum-table-cell-text-size,var(--spectrum-alias-font-size-default))*var(--spectrum-table-cell-text-line-height,var(--spectrum-alias-body-text-line-height)) - 1px);padding:var(--spectrum-global-dimension-size-125)var(--spectrum-table-cell-padding-x,var(--spectrum-global-dimension-size-200))}.spectrum-Table--compact_d0fc74 .spectrum-Table-cell_d0fc74{padding-top:var(--spectrum-global-dimension-size-75);padding-bottom:var(--spectrum-global-dimension-size-75)}.spectrum-Table--spacious_d0fc74 .spectrum-Table-cell_d0fc74{padding-top:var(--spectrum-global-dimension-size-175);padding-bottom:var(--spectrum-global-dimension-size-175)}.spectrum-Table-cellContents_d0fc74{min-width:0;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:-4px;padding:4px;overflow:hidden}.spectrum-Table-cell--hideHeader_d0fc74{justify-content:center;padding:0}.spectrum-Table--wrap_d0fc74 .spectrum-Table-cellContents_d0fc74{white-space:normal}.spectrum-Table-cell_d0fc74,.spectrum-Table-headCell_d0fc74,.spectrum-Table-headCellButton_d0fc74{position:relative}.spectrum-Table-cell_d0fc74:focus,.spectrum-Table-headCell_d0fc74:focus,.spectrum-Table-headCellButton_d0fc74:focus,.spectrum-Table-cell_d0fc74.focus-ring_d0fc74,.spectrum-Table-cell_d0fc74.is-focused_d0fc74,.spectrum-Table-headCell_d0fc74.focus-ring_d0fc74,.spectrum-Table-headCell_d0fc74.is-focused_d0fc74,.spectrum-Table-headCellButton_d0fc74.focus-ring_d0fc74,.spectrum-Table-headCellButton_d0fc74.is-focused_d0fc74{outline:0}.spectrum-Table-cell_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-cell_d0fc74.is-focused_d0fc74:before,.spectrum-Table-headCell_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-headCell_d0fc74.is-focused_d0fc74:before,.spectrum-Table-headCellButton_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-headCellButton_d0fc74.is-focused_d0fc74:before{content:"";z-index:1;border-radius:calc(var(--spectrum-table-cell-border-radius-key-focus,var(--spectrum-alias-border-radius-regular)) - 1px);position:absolute;top:0;bottom:0;left:0;right:0}.spectrum-Table-headCell_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-headCell_d0fc74.is-focused_d0fc74:before,.spectrum-Table-headCellButton_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-headCellButton_d0fc74.is-focused_d0fc74:before{top:var(--spectrum-table-border-size,var(--spectrum-alias-border-size-thin));right:var(--spectrum-table-border-size,var(--spectrum-alias-border-size-thin));bottom:var(--spectrum-table-border-size,var(--spectrum-alias-border-size-thin));left:var(--spectrum-table-border-size,var(--spectrum-alias-border-size-thin))}[dir=ltr] .spectrum-Table-cell--divider_d0fc74{border-right-width:var(--spectrum-table-divider-border-size,var(--spectrum-alias-border-size-thin))}[dir=rtl] .spectrum-Table-cell--divider_d0fc74{border-left-width:var(--spectrum-table-divider-border-size,var(--spectrum-alias-border-size-thin))}.spectrum-Table-row_d0fc74{cursor:default;transition:background-color var(--spectrum-global-animation-duration-100,130ms)ease-in-out;position:relative}.spectrum-Table-row_d0fc74:focus{outline:0}[dir=ltr] .spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{left:0}[dir=rtl] .spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{right:0}[dir=ltr] .spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{margin-right:-3px}[dir=rtl] .spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{margin-left:-3px}.spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{content:"";height:100%;width:3px;z-index:4;display:inline-block;position:sticky}.spectrum-Table-row_d0fc74.focus-ring_d0fc74 .spectrum-Table-cellWrapper_d0fc74:first-of-type{vertical-align:top;display:inline-block}[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--loadingMore_d0fc74):not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.spectrum-Table-row--isFlushBottom_d0fc74.is-selected_d0fc74:after{border-bottom-left-radius:calc(var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular)) - 1px)}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--loadingMore_d0fc74):not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.spectrum-Table-row--isFlushBottom_d0fc74.is-selected_d0fc74:after,[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--loadingMore_d0fc74):not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.spectrum-Table-row--isFlushBottom_d0fc74.is-selected_d0fc74:after{border-bottom-right-radius:calc(var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular)) - 1px)}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--loadingMore_d0fc74):not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.spectrum-Table-row--isFlushBottom_d0fc74.is-selected_d0fc74:after{border-bottom-left-radius:calc(var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular)) - 1px)}[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after{border-top-left-radius:calc(var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular)) - 1px)}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after,[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after{border-top-right-radius:calc(var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular)) - 1px)}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74) .spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after{border-top-left-radius:calc(var(--spectrum-table-border-radius,var(--spectrum-alias-border-radius-regular)) - 1px)}[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isVerticalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after{border-top-right-radius:0}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isVerticalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after{border-top-left-radius:0}[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isVerticalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.is-selected_d0fc74.is-selected_d0fc74:after{border-bottom-right-radius:0}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isVerticalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.is-selected_d0fc74.is-selected_d0fc74:after,[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isHorizontalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.is-selected_d0fc74.is-selected_d0fc74:after{border-bottom-left-radius:0}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isHorizontalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.is-selected_d0fc74.is-selected_d0fc74:after,[dir=ltr] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isHorizontalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.is-selected_d0fc74.is-selected_d0fc74:after{border-bottom-right-radius:0}[dir=rtl] .spectrum-Table_d0fc74:not(.spectrum-Table--quiet_d0fc74).spectrum-Table--isHorizontalScrollbarVisible_d0fc74 .spectrum-Table-row_d0fc74.spectrum-Table-row--lastRow_d0fc74.is-selected_d0fc74.is-selected_d0fc74:after{border-bottom-left-radius:0}[dir=rtl] .spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{right:0}.spectrum-Table_d0fc74>.spectrum-Table-body_d0fc74>.spectrum-Table-row_d0fc74:last-of-type{border-bottom-style:none}.spectrum-Table--quiet_d0fc74 .spectrum-Table-headWrapper_d0fc74{border-left:0;border-right:0}.spectrum-Table--quiet_d0fc74 .spectrum-Table-body_d0fc74{border-radius:var(--spectrum-table-quiet-border-radius,0px)}.spectrum-Table--quiet_d0fc74 .spectrum-Table-body_d0fc74.is-drop-target_d0fc74:before,.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-drop-target_d0fc74:before{border-radius:var(--spectrum-global-dimension-size-50)}[dir=ltr] .spectrum-Table-headCell_d0fc74.spectrum-Table-checkboxCell_d0fc74,[dir=ltr] .spectrum-Table-cell_d0fc74.spectrum-Table-checkboxCell_d0fc74{padding-right:var(--spectrum-table-cell-checkbox-padding-right,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Table-headCell_d0fc74.spectrum-Table-checkboxCell_d0fc74,[dir=rtl] .spectrum-Table-cell_d0fc74.spectrum-Table-checkboxCell_d0fc74{padding-left:var(--spectrum-table-cell-checkbox-padding-right,var(--spectrum-global-dimension-size-100))}.spectrum-Table-headCell_d0fc74.spectrum-Table-checkboxCell_d0fc74,.spectrum-Table-cell_d0fc74.spectrum-Table-checkboxCell_d0fc74{vertical-align:var(--spectrum-table-cell-checkbox-vertical-alignment,middle);padding-top:0;padding-bottom:0}[dir=ltr] .spectrum-Table-headCell_d0fc74.spectrum-Table-checkboxCell_d0fc74 .spectrum-Table-checkbox_d0fc74,[dir=ltr] .spectrum-Table-cell_d0fc74.spectrum-Table-checkboxCell_d0fc74 .spectrum-Table-checkbox_d0fc74{padding-right:0}[dir=rtl] .spectrum-Table-headCell_d0fc74.spectrum-Table-checkboxCell_d0fc74 .spectrum-Table-checkbox_d0fc74,[dir=rtl] .spectrum-Table-cell_d0fc74.spectrum-Table-checkboxCell_d0fc74 .spectrum-Table-checkbox_d0fc74{padding-left:0}.spectrum-Table-checkbox_d0fc74{vertical-align:super}.spectrum-Table-headWrapper_d0fc74{border-left-color:#0000;border-right-color:#0000}.spectrum-Table-headCell_d0fc74{color:var(--spectrum-table-header-text-color,var(--spectrum-alias-label-text-color));background-color:var(--spectrum-alias-background-color-default,var(--spectrum-global-color-gray-100))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74 .spectrum-Table-sortedIcon_d0fc74{color:var(--spectrum-table-header-sort-icon-color,var(--spectrum-global-color-gray-600))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.is-hovered_d0fc74{color:var(--spectrum-table-header-text-color-hover,var(--spectrum-alias-text-color-hover))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.is-hovered_d0fc74 .spectrum-Table-sortedIcon_d0fc74{color:var(--spectrum-table-header-sort-icon-color-hover,var(--spectrum-alias-icon-color-hover))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.focus-ring_d0fc74,.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.is-focused_d0fc74{color:var(--spectrum-table-header-text-color-key-focus,var(--spectrum-alias-text-color-hover))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.focus-ring_d0fc74 .spectrum-Table-sortedIcon_d0fc74,.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.is-focused_d0fc74 .spectrum-Table-sortedIcon_d0fc74{color:var(--spectrum-table-header-sort-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.is-active_d0fc74{color:var(--spectrum-table-header-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-Table-headCell_d0fc74.is-sortable_d0fc74.is-active_d0fc74 .spectrum-Table-sortedIcon_d0fc74{color:var(--spectrum-table-header-sort-icon-color-down,var(--spectrum-alias-icon-color-down))}.spectrum-Table-body_d0fc74.is-drop-target_d0fc74,.spectrum-Table-row_d0fc74.is-drop-target_d0fc74{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}.spectrum-Table-body_d0fc74.is-drop-target_d0fc74:before,.spectrum-Table-row_d0fc74.is-drop-target_d0fc74:before{background-color:var(--spectrum-alias-highlight-selected)}.spectrum-Table-cell_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-cell_d0fc74.is-focused_d0fc74:before,.spectrum-Table-headCell_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-headCell_d0fc74.is-focused_d0fc74:before,.spectrum-Table-headCellButton_d0fc74.focus-ring_d0fc74:before,.spectrum-Table-headCellButton_d0fc74.is-focused_d0fc74:before{box-shadow:inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Table-body_d0fc74{border-style:solid;border-color:var(--spectrum-table-border-color,var(--spectrum-alias-border-color-mid));background-color:var(--spectrum-table-background-color,var(--spectrum-global-color-gray-50))}.spectrum-Table-body_d0fc74.focus-ring_d0fc74{box-shadow:inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Table-body_d0fc74.is-drop-target_d0fc74{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}.spectrum-Table-body_d0fc74.is-drop-target_d0fc74:before{background-color:var(--spectrum-alias-highlight-selected)}tbody.spectrum-Table-body_d0fc74{border:0}tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74{border-top:0}tbody.spectrum-Table-body_d0fc74 .spectrum-Table-cell_d0fc74{border-top:1px solid var(--spectrum-table-cell-border-color,var(--spectrum-global-color-gray-300))}tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74 .spectrum-Table-cell_d0fc74:first-child{border-left:1px solid var(--spectrum-table-cell-border-color,var(--spectrum-global-color-gray-300))}tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74 .spectrum-Table-cell_d0fc74:last-child{border-right:1px solid var(--spectrum-table-cell-border-color,var(--spectrum-global-color-gray-300))}tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74:last-child .spectrum-Table-cell_d0fc74{border-bottom:1px solid var(--spectrum-table-cell-border-color,var(--spectrum-global-color-gray-300))}.spectrum-Table-row_d0fc74{box-sizing:border-box}.spectrum-Table-row_d0fc74 .spectrum-Table-cellWrapper_d0fc74{background-color:var(--spectrum-table-background-color,var(--spectrum-global-color-gray-50))}.spectrum-Table-row_d0fc74.is-hovered_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table-row_d0fc74.focus-ring_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table-row_d0fc74.is-focused_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-row-background-color-hover,var(--spectrum-alias-highlight-hover))}.spectrum-Table-row_d0fc74.focus-ring_d0fc74:before{background:var(--spectrum-selectlist-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}.spectrum-Table-row_d0fc74.is-active_d0fc74 .spectrum-Table-cell_d0fc74:not(.is-disabled_d0fc74){background-color:var(--spectrum-table-row-background-color-down,var(--spectrum-alias-highlight-active))}[dir=ltr] .spectrum-Table-row_d0fc74:after{left:0}[dir=rtl] .spectrum-Table-row_d0fc74:after,[dir=ltr] .spectrum-Table-row_d0fc74:after{right:0}[dir=rtl] .spectrum-Table-row_d0fc74:after{left:0}.spectrum-Table-row_d0fc74:after{box-shadow:inset 0 -1px 0 0 var(--spectrum-table-cell-border-color,var(--spectrum-global-color-gray-300));content:"";z-index:3;pointer-events:none;display:block;position:absolute;top:0;bottom:0}.spectrum-Table-row_d0fc74.is-next-selected_d0fc74:after{box-shadow:inset 0 -1px 0 0 var(--spectrum-global-color-blue-500)}.spectrum-Table-row_d0fc74.is-selected_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-row-background-color-selected,var(--spectrum-alias-highlight-selected))}.spectrum-Table-row_d0fc74.is-selected_d0fc74.is-hovered_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table-row_d0fc74.is-selected_d0fc74.is-active_d0fc74 .spectrum-Table-cell_d0fc74:not(.is-disabled_d0fc74){background-color:var(--spectrum-table-row-background-color-selected-hover,var(--spectrum-alias-highlight-selected-hover))}.spectrum-Table-row_d0fc74.is-selected_d0fc74.focus-ring_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table-row_d0fc74.is-selected_d0fc74.is-focused_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover))}.spectrum-Table-row_d0fc74.is-selected_d0fc74:after{box-shadow:inset 1px 0 0 0 var(--spectrum-global-color-blue-500),inset -1px 0 0 0 var(--spectrum-global-color-blue-500),inset 0 -1px 0 0 var(--spectrum-global-color-blue-500)}.spectrum-Table-row_d0fc74.spectrum-Table-row--firstRow_d0fc74.is-selected_d0fc74:after{box-shadow:inset 1px 0 0 0 var(--spectrum-global-color-blue-500),inset -1px 0 0 0 var(--spectrum-global-color-blue-500),inset 0 1px 0 0 var(--spectrum-global-color-blue-500),inset 0 -1px 0 0 var(--spectrum-global-color-blue-500)}.spectrum-Table-row_d0fc74.is-drop-target_d0fc74:before{box-shadow:inset 0 0 0 2px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));background-color:var(--spectrum-alias-highlight-selected)}.spectrum-Table-cell_d0fc74{color:var(--spectrum-table-cell-text-color,var(--spectrum-alias-text-color));background-color:var(--spectrum-table-cell-background-color,var(--spectrum-alias-background-color-transparent))}[dir=ltr] .spectrum-Table-cell--divider_d0fc74{border-right-style:solid}[dir=rtl] .spectrum-Table-cell--divider_d0fc74{border-left-style:solid}[dir=ltr] .spectrum-Table-cell--divider_d0fc74{border-right-color:var(--spectrum-table-divider-border-color,var(--spectrum-alias-border-color-mid))}[dir=rtl] .spectrum-Table-cell--divider_d0fc74{border-left-color:var(--spectrum-table-divider-border-color,var(--spectrum-alias-border-color-mid))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-body_d0fc74{background-color:var(--spectrum-table-quiet-cell-background-color,var(--spectrum-alias-background-color-transparent));border-width:1px 0}.spectrum-Table--quiet_d0fc74 .spectrum-Table-body_d0fc74.is-drop-target_d0fc74{box-shadow:none;border-color:#0000}.spectrum-Table--quiet_d0fc74 .spectrum-Table-body_d0fc74.is-drop-target_d0fc74:before{box-shadow:inset 0 0 0 2px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74 .spectrum-Table-cellWrapper_d0fc74{background-color:var(--spectrum-alias-background-color-default,var(--spectrum-global-color-gray-100))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-hovered_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.focus-ring_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-focused_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-quiet-row-background-color-hover,var(--spectrum-alias-highlight-hover))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-active_d0fc74 .spectrum-Table-cell_d0fc74:not(.is-disabled_d0fc74){background-color:var(--spectrum-table-quiet-row-background-color-down,var(--spectrum-alias-highlight-active))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-selected_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-quiet-row-background-color-selected,var(--spectrum-alias-highlight-selected))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-selected_d0fc74.is-hovered_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-quiet-row-background-color-selected-hover,var(--spectrum-alias-highlight-selected-hover))}.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-selected_d0fc74.focus-ring_d0fc74 .spectrum-Table-cell_d0fc74,.spectrum-Table--quiet_d0fc74 .spectrum-Table-row_d0fc74.is-selected_d0fc74.is-focused_d0fc74 .spectrum-Table-cell_d0fc74{background-color:var(--spectrum-table-quiet-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover))}.spectrum-Table--quiet_d0fc74 tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74 .spectrum-Table-cell_d0fc74:first-child,.spectrum-Table--quiet_d0fc74 tbody.spectrum-Table-body_d0fc74 .spectrum-Table-row_d0fc74 .spectrum-Table-cell_d0fc74:last-child{border-left:0;border-right:0}.spectrum-Table-columnResizer_d0fc74:after{background-color:var(--spectrum-table-divider-border-color,var(--spectrum-alias-border-color-mid))}.spectrum-Table-columnResizer_d0fc74:active:after,.spectrum-Table-columnResizer_d0fc74.focus-ring_d0fc74:after{background-color:var(--spectrum-global-color-blue-400)}.react-spectrum-Table_e844a7{-webkit-user-select:none;user-select:none;min-height:0;min-width:0;flex-direction:column;display:flex}.react-spectrum-Table-cell_e844a7{align-items:center;display:flex}.react-spectrum-Table-cellWrapper_e844a7>.react-spectrum-Table-cell_e844a7{height:100%}[dir=ltr] .react-spectrum-Table-cell--alignStart_e844a7{text-align:left}[dir=rtl] .react-spectrum-Table-cell--alignStart_e844a7{text-align:right}.react-spectrum-Table-cell--alignStart_e844a7{justify-content:flex-start}.react-spectrum-Table-cell--alignCenter_e844a7{text-align:center;justify-content:center}[dir=ltr] .react-spectrum-Table-cell--alignEnd_e844a7{text-align:right}[dir=rtl] .react-spectrum-Table-cell--alignEnd_e844a7{text-align:left}.react-spectrum-Table-cell--alignEnd_e844a7{justify-content:flex-end}.react-spectrum-Table-centeredWrapper_e844a7{width:100%;height:100%;justify-content:center;align-items:center;display:flex}
|
package/dist/main.js
CHANGED
|
@@ -591,12 +591,13 @@ $982885d0a34882ea$export$53aa811f86efbfad = "is-next-selected_d0fc74";
|
|
|
591
591
|
|
|
592
592
|
function $2877766f94c67a67$var$Resizer(props, ref) {
|
|
593
593
|
let { column: column , showResizer: showResizer } = props;
|
|
594
|
-
let { state: state , columnState: columnState } = $be8a9c035a82f788$export$3cb274deb6c2d854();
|
|
594
|
+
let { state: state , columnState: columnState , isEmpty: isEmpty } = $be8a9c035a82f788$export$3cb274deb6c2d854();
|
|
595
595
|
let stringFormatter = $3fpzo$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($a89862f958371476$exports)));
|
|
596
596
|
let { direction: direction } = $3fpzo$reactariai18n.useLocale();
|
|
597
597
|
let { inputProps: inputProps , resizerProps: resizerProps } = $3fpzo$reactariatable.useTableColumnResize({
|
|
598
598
|
...props,
|
|
599
|
-
label: stringFormatter.format('columnResizer')
|
|
599
|
+
label: stringFormatter.format('columnResizer'),
|
|
600
|
+
isDisabled: isEmpty
|
|
600
601
|
}, state, columnState, ref);
|
|
601
602
|
let style = {
|
|
602
603
|
cursor: undefined,
|
|
@@ -799,6 +800,7 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
|
|
|
799
800
|
if (item.props.isSelectionCell) return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$TableSelectAllCell, {
|
|
800
801
|
column: item
|
|
801
802
|
}));
|
|
803
|
+
// TODO: consider this case, what if we have hidden headers and a empty table
|
|
802
804
|
if (item.props.hideHeader) return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactspectrumtooltip.TooltipTrigger, {
|
|
803
805
|
placement: "top",
|
|
804
806
|
trigger: "focus"
|
|
@@ -843,15 +845,18 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
|
|
|
843
845
|
setHorizontalScollbarVisible(bodyRef.current.clientHeight + 2 < bodyRef.current.offsetHeight);
|
|
844
846
|
}
|
|
845
847
|
}, []);
|
|
848
|
+
let { isFocusVisible: isFocusVisible , focusProps: focusProps } = $3fpzo$reactariafocus.useFocusRing();
|
|
849
|
+
let isEmpty = state.collection.size === 0;
|
|
846
850
|
return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$TableContext.Provider, {
|
|
847
851
|
value: {
|
|
848
852
|
state: state,
|
|
849
853
|
layout: layout,
|
|
850
854
|
columnState: columnState,
|
|
851
|
-
headerRowHovered: headerRowHovered
|
|
855
|
+
headerRowHovered: headerRowHovered,
|
|
856
|
+
isEmpty: isEmpty
|
|
852
857
|
}
|
|
853
858
|
}, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$TableVirtualizer, {
|
|
854
|
-
|
|
859
|
+
...$3fpzo$reactariautils.mergeProps(gridProps, focusProps),
|
|
855
860
|
...styleProps,
|
|
856
861
|
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)), 'spectrum-Table', `spectrum-Table--${density}`, {
|
|
857
862
|
'spectrum-Table--quiet': isQuiet,
|
|
@@ -869,11 +874,12 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
|
|
|
869
874
|
onVisibleRectChange: onVisibleRectChange,
|
|
870
875
|
domRef: domRef,
|
|
871
876
|
bodyRef: bodyRef,
|
|
877
|
+
isFocusVisible: isFocusVisible,
|
|
872
878
|
getColumnWidth: columnState.getColumnWidth
|
|
873
879
|
})));
|
|
874
880
|
}
|
|
875
881
|
// This is a custom Virtualizer that also has a header that syncs its scroll position with the body.
|
|
876
|
-
function $be8a9c035a82f788$var$TableVirtualizer({ layout: layout , collection: collection , focusedKey: focusedKey , renderView: renderView , renderWrapper: renderWrapper , domRef: domRef , bodyRef: bodyRef , setTableWidth: setTableWidth , getColumnWidth: getColumnWidth , onVisibleRectChange: onVisibleRectChangeProp , ...otherProps }) {
|
|
882
|
+
function $be8a9c035a82f788$var$TableVirtualizer({ layout: layout , collection: collection , focusedKey: focusedKey , renderView: renderView , renderWrapper: renderWrapper , domRef: domRef , bodyRef: bodyRef , setTableWidth: setTableWidth , getColumnWidth: getColumnWidth , onVisibleRectChange: onVisibleRectChangeProp , isFocusVisible: isFocusVisible , ...otherProps }) {
|
|
877
883
|
var ref;
|
|
878
884
|
let { direction: direction } = $3fpzo$reactariai18n.useLocale();
|
|
879
885
|
let headerRef = $3fpzo$react.useRef();
|
|
@@ -947,8 +953,10 @@ function $be8a9c035a82f788$var$TableVirtualizer({ layout: layout , collection: c
|
|
|
947
953
|
onLoadMore,
|
|
948
954
|
isLoading
|
|
949
955
|
]);
|
|
950
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
|
|
951
|
-
...$3fpzo$reactariautils.mergeProps(otherProps, virtualizerProps
|
|
956
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactariafocus.FocusScope, null, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
|
|
957
|
+
...$3fpzo$reactariautils.mergeProps(otherProps, virtualizerProps, collection.size === 0 && {
|
|
958
|
+
tabIndex: 0
|
|
959
|
+
}),
|
|
952
960
|
ref: domRef
|
|
953
961
|
}, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
|
|
954
962
|
role: "presentation",
|
|
@@ -964,7 +972,9 @@ function $be8a9c035a82f788$var$TableVirtualizer({ layout: layout , collection: c
|
|
|
964
972
|
ref: headerRef
|
|
965
973
|
}, state.visibleViews[0]), /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactariavirtualizer.ScrollView, {
|
|
966
974
|
role: "presentation",
|
|
967
|
-
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)), 'spectrum-Table-body'
|
|
975
|
+
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)), 'spectrum-Table-body', {
|
|
976
|
+
'focus-ring': isFocusVisible
|
|
977
|
+
}),
|
|
968
978
|
style: {
|
|
969
979
|
flex: 1
|
|
970
980
|
},
|
|
@@ -978,7 +988,7 @@ function $be8a9c035a82f788$var$TableVirtualizer({ layout: layout , collection: c
|
|
|
978
988
|
onScrollStart: state.startScrolling,
|
|
979
989
|
onScrollEnd: state.endScrolling,
|
|
980
990
|
onScroll: onScroll
|
|
981
|
-
}, state.visibleViews[1])));
|
|
991
|
+
}, state.visibleViews[1]))));
|
|
982
992
|
}
|
|
983
993
|
function $be8a9c035a82f788$var$TableHeader({ children: children , ...otherProps }) {
|
|
984
994
|
let { rowGroupProps: rowGroupProps } = $3fpzo$reactariatable.useTableRowGroup();
|
|
@@ -992,16 +1002,23 @@ function $be8a9c035a82f788$var$TableColumnHeader(props) {
|
|
|
992
1002
|
var ref, ref1, ref2, ref3;
|
|
993
1003
|
let { column: column } = props;
|
|
994
1004
|
let ref4 = $3fpzo$react.useRef(null);
|
|
995
|
-
let { state: state } = $be8a9c035a82f788$export$3cb274deb6c2d854();
|
|
1005
|
+
let { state: state , isEmpty: isEmpty } = $be8a9c035a82f788$export$3cb274deb6c2d854();
|
|
1006
|
+
let { pressProps: pressProps , isPressed: isPressed } = $3fpzo$reactariainteractions.usePress({
|
|
1007
|
+
isDisabled: isEmpty
|
|
1008
|
+
});
|
|
996
1009
|
let { columnHeaderProps: columnHeaderProps } = $3fpzo$reactariatable.useTableColumnHeader({
|
|
997
1010
|
node: column,
|
|
998
1011
|
isVirtualized: true
|
|
999
1012
|
}, state, ref4);
|
|
1000
1013
|
let columnProps = column.props;
|
|
1001
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $3fpzo$reactariainteractions.useHover(
|
|
1014
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $3fpzo$reactariainteractions.useHover({
|
|
1015
|
+
...props,
|
|
1016
|
+
isDisabled: isEmpty
|
|
1017
|
+
});
|
|
1002
1018
|
const allProps = [
|
|
1003
1019
|
columnHeaderProps,
|
|
1004
|
-
hoverProps
|
|
1020
|
+
hoverProps,
|
|
1021
|
+
pressProps
|
|
1005
1022
|
];
|
|
1006
1023
|
return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactariafocus.FocusRing, {
|
|
1007
1024
|
focusRingClass: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)), 'focus-ring')
|
|
@@ -1009,6 +1026,7 @@ function $be8a9c035a82f788$var$TableColumnHeader(props) {
|
|
|
1009
1026
|
...$3fpzo$reactariautils.mergeProps(...allProps),
|
|
1010
1027
|
ref: ref4,
|
|
1011
1028
|
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)), 'spectrum-Table-headCell', {
|
|
1029
|
+
'is-active': isPressed,
|
|
1012
1030
|
'is-resizable': columnProps.allowsResizing,
|
|
1013
1031
|
'is-sortable': columnProps.allowsSorting,
|
|
1014
1032
|
'is-sorted-desc': ((ref = state.sortDescriptor) === null || ref === void 0 ? void 0 : ref.column) === column.key && ((ref1 = state.sortDescriptor) === null || ref1 === void 0 ? void 0 : ref1.direction) === 'descending',
|
|
@@ -1026,10 +1044,12 @@ function $be8a9c035a82f788$var$TableColumnHeader(props) {
|
|
|
1026
1044
|
}))));
|
|
1027
1045
|
}
|
|
1028
1046
|
let $be8a9c035a82f788$var$_TableColumnHeaderButton = (props, ref)=>{
|
|
1047
|
+
let { isEmpty: isEmpty } = $be8a9c035a82f788$export$3cb274deb6c2d854();
|
|
1029
1048
|
let domRef = $3fpzo$reactspectrumutils.useFocusableRef(ref);
|
|
1030
1049
|
let { buttonProps: buttonProps } = $3fpzo$reactariabutton.useButton({
|
|
1031
1050
|
...props,
|
|
1032
|
-
elementType: 'div'
|
|
1051
|
+
elementType: 'div',
|
|
1052
|
+
isDisabled: isEmpty
|
|
1033
1053
|
}, domRef);
|
|
1034
1054
|
return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
|
|
1035
1055
|
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)), 'spectrum-Table-headCellContents')
|
|
@@ -1048,17 +1068,24 @@ function $be8a9c035a82f788$var$ResizableTableColumnHeader(props) {
|
|
|
1048
1068
|
let ref9 = $3fpzo$react.useRef(null);
|
|
1049
1069
|
let triggerRef = $3fpzo$react.useRef(null);
|
|
1050
1070
|
let resizingRef = $3fpzo$react.useRef(null);
|
|
1051
|
-
let { state: state , columnState: columnState , headerRowHovered: headerRowHovered } = $be8a9c035a82f788$export$3cb274deb6c2d854();
|
|
1071
|
+
let { state: state , columnState: columnState , headerRowHovered: headerRowHovered , isEmpty: isEmpty } = $be8a9c035a82f788$export$3cb274deb6c2d854();
|
|
1052
1072
|
let stringFormatter = $3fpzo$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($a89862f958371476$exports)));
|
|
1073
|
+
let { pressProps: pressProps , isPressed: isPressed } = $3fpzo$reactariainteractions.usePress({
|
|
1074
|
+
isDisabled: isEmpty
|
|
1075
|
+
});
|
|
1053
1076
|
let { columnHeaderProps: columnHeaderProps } = $3fpzo$reactariatable.useTableColumnHeader({
|
|
1054
1077
|
node: column,
|
|
1055
1078
|
isVirtualized: true,
|
|
1056
1079
|
hasMenu: true
|
|
1057
1080
|
}, state, ref9);
|
|
1058
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $3fpzo$reactariainteractions.useHover(
|
|
1081
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $3fpzo$reactariainteractions.useHover({
|
|
1082
|
+
...props,
|
|
1083
|
+
isDisabled: isEmpty
|
|
1084
|
+
});
|
|
1059
1085
|
const allProps = [
|
|
1060
1086
|
columnHeaderProps,
|
|
1061
|
-
hoverProps
|
|
1087
|
+
hoverProps,
|
|
1088
|
+
pressProps
|
|
1062
1089
|
];
|
|
1063
1090
|
let columnProps = column.props;
|
|
1064
1091
|
if (columnProps.width && columnProps.allowsResizing) throw new Error('Controlled state is not yet supported with column resizing. Please use defaultWidth for uncontrolled column resizing or remove the allowsResizing prop.');
|
|
@@ -1105,13 +1132,14 @@ function $be8a9c035a82f788$var$ResizableTableColumnHeader(props) {
|
|
|
1105
1132
|
columnState.currentlyResizingColumn,
|
|
1106
1133
|
column.key
|
|
1107
1134
|
]);
|
|
1108
|
-
let showResizer = headerRowHovered || columnState.currentlyResizingColumn != null;
|
|
1135
|
+
let showResizer = !isEmpty && (headerRowHovered || columnState.currentlyResizingColumn != null);
|
|
1109
1136
|
return(/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactariafocus.FocusRing, {
|
|
1110
1137
|
focusRingClass: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)), 'focus-ring')
|
|
1111
1138
|
}, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
|
|
1112
1139
|
...$3fpzo$reactariautils.mergeProps(...allProps),
|
|
1113
1140
|
ref: ref9,
|
|
1114
1141
|
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)), 'spectrum-Table-headCell', {
|
|
1142
|
+
'is-active': isPressed,
|
|
1115
1143
|
'is-resizable': columnProps.allowsResizing,
|
|
1116
1144
|
'is-sortable': columnProps.allowsSorting,
|
|
1117
1145
|
'is-sorted-desc': ((ref5 = state.sortDescriptor) === null || ref5 === void 0 ? void 0 : ref5.column) === column.key && ((ref6 = state.sortDescriptor) === null || ref6 === void 0 ? void 0 : ref6.direction) === 'descending',
|
|
@@ -1164,7 +1192,6 @@ function $be8a9c035a82f788$var$TableSelectAllCell({ column: column }) {
|
|
|
1164
1192
|
which for single selection will be "Select."
|
|
1165
1193
|
*/ isSingleSelectionMode && /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactariavisuallyhidden.VisuallyHidden, null, checkboxProps['aria-label']), /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactspectrumcheckbox.Checkbox, {
|
|
1166
1194
|
...checkboxProps,
|
|
1167
|
-
isDisabled: isSingleSelectionMode,
|
|
1168
1195
|
isEmphasized: true,
|
|
1169
1196
|
UNSAFE_style: isSingleSelectionMode ? {
|
|
1170
1197
|
visibility: 'hidden'
|