@semcore/data-table 16.2.0-prerelease.1 → 16.2.0-prerelease.2

package/lib/es6/components/Head/Head.js.map

@@ -1 +1 @@
-{"version":3,"file":"Head.js","names":["Box","ScreenReaderOnly","Checkbox","Component","createComponent","Root","sstyled","React","Column","Group","style","_sstyled","insert","DataTableInternal","SELECT_ALL","UNIQ_ROW_KEY","HeadRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","value","event","_this$asProps$onChang","_this$asProps","asProps","onChangeSelectAll","call","_this$asProps$onChang2","_this$asProps2","preventDefault","stopPropagation","_inherits","_createClass","key","sortableColumnDescribeId","uid","getGroupProps","_","index","_this$asProps3","use","gridAreaGroupMap","children","getFixedStyle","shadowVertical","gridArea","get","withConfig","undefined","getColumnProps","_this$asProps4","columns","sort","onSortChange","tableRef","gridTemplateColumns","gridTemplateAreas","sticky","top","selectedRows","h","onCellClick","scrollDirection","column","fixed","_getFixedStyle","_getFixedStyle2","_slicedToArray","name","borders","parent","showShadowVertical","_this$asProps5","_this$asProps5$select","flatRows","every","row","includes","_this$asProps6","some","render","_ref","_ref2","SHead","SHeadCheckboxCol","Head","_this$asProps7","Children","styles","getI18nText","treeColumns","animationDuration","areAllRowsSelected","indeterminate","isIndeterminate","createElement","Fragment","cn","_objectSpread","_assignProps","toString","handleClickSelectAll","handleSelectAll","Value","Control","CheckMark","mt","map","_i","_column$columns","_extends","c","join","title"],"sources":["../../../../src/components/Head/Head.tsx"],"sourcesContent":["import { Box, ScreenReaderOnly } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, createComponent, type Intergalactic, Root, sstyled } from '@semcore/core';\nimport type Tooltip from '@semcore/tooltip';\nimport React from 'react';\n\nimport { Column } from './Column';\nimport type { DataTableColumnProps } from './Column.types';\nimport { Group } from './Group';\nimport type { DataTableGroupProps } from './Group.type';\nimport type { DataTableHeadProps, HeadPropsInner } from './Head.types';\nimport style from './style.shadow.css';\nimport { DataTableInternal, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DataTableData } from '../DataTable/DataTable.types';\n\nclass HeadRoot<\n  Data extends DataTableData,\n  UniqKey extends keyof Data[number],\n  UniqKeyType extends Data[number][UniqKey],\n> extends Component<\n    DataTableHeadProps,\n    {},\n    {},\n    [],\n    HeadPropsInner<Data, UniqKey, UniqKeyType>\n  > {\n  static displayName = 'Head';\n  static style = style;\n\n  sortableColumnDescribeId() {\n    const { uid } = this.asProps;\n    return `${uid}-column-sortable-describer`;\n  }\n\n  getGroupProps(_: any, index: number) {\n    const { use, gridAreaGroupMap, children, getFixedStyle, shadowVertical } = this.asProps;\n\n    return {\n      use,\n      gridArea: gridAreaGroupMap.get(index),\n      withConfig: children === undefined,\n      getFixedStyle,\n      shadowVertical,\n    };\n  }\n\n  getColumnProps(_: any, index: number) {\n    const {\n      use,\n      columns,\n      sort,\n      onSortChange,\n      tableRef,\n      gridTemplateColumns,\n      gridTemplateAreas,\n      sticky,\n      top,\n      selectedRows,\n      h,\n      getFixedStyle,\n      onCellClick,\n      shadowVertical,\n      scrollDirection,\n    } = this.asProps;\n    const column = columns[index];\n\n    if (index === 0 && selectedRows && columns[index + 1].fixed) {\n      column.fixed = 'left';\n    }\n\n    const [name, value] = getFixedStyle(column);\n    const style: any = {};\n\n    if (top && scrollDirection !== 'horizontal') {\n      style.top = `${top}px`;\n    }\n\n    if (name !== undefined && value !== undefined) {\n      style[name] = value;\n    }\n\n    return {\n      use,\n      'aria-colindex': index + 1,\n      style,\n      'gridArea': column.gridArea,\n      'fixed': column.fixed,\n      sticky,\n      'borders': column.borders,\n      sort,\n      onSortChange,\n      'parent': column.parent,\n      'sortableColumnDescribeId': this.sortableColumnDescribeId(),\n      'columnIndex': index,\n      tableRef,\n      gridTemplateColumns,\n      gridTemplateAreas,\n      h,\n      'onClick': onCellClick,\n      'shadowVertical': column.showShadowVertical ? shadowVertical : undefined,\n      scrollDirection,\n    };\n  }\n\n  handleSelectAll = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n    this.asProps.onChangeSelectAll?.(value, event);\n  };\n\n  handleClickSelectAll = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n    event?.preventDefault();\n    event?.stopPropagation();\n    this.asProps.onChangeSelectAll?.(value, event);\n  };\n\n  get areAllRowsSelected() {\n    const { selectedRows = [], flatRows } = this.asProps;\n\n    return selectedRows.length > 0 && flatRows.every((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n  }\n\n  get isIndeterminate() {\n    const { flatRows, selectedRows } = this.asProps;\n\n    return flatRows.some((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n  }\n\n  render() {\n    const SHead = Root;\n    const SHeadCheckboxCol = Head.Column;\n    const { Children, styles, getI18nText, children, treeColumns, selectedRows, sticky, animationDuration } = this.asProps;\n\n    const areAllRowsSelected = this.areAllRowsSelected;\n    const indeterminate = this.isIndeterminate && !areAllRowsSelected;\n\n    return sstyled(styles)(\n      <>\n        <SHead\n          render={Box}\n          role='row'\n          aria-rowindex={1}\n          sticky={sticky}\n          use:animationDuration={animationDuration ? `${animationDuration}ms` : undefined}\n        >\n          {selectedRows && (\n            <SHeadCheckboxCol\n              name={SELECT_ALL.toString()}\n              onClick={this.handleClickSelectAll(!areAllRowsSelected)}\n            >\n              <Checkbox\n                checked={areAllRowsSelected}\n                indeterminate={indeterminate}\n                aria-label={getI18nText('DataTable.Header.selectAllCheckbox:aria-label')}\n                onChange={this.handleSelectAll}\n              >\n                <Checkbox.Value>\n                  <Checkbox.Value.Control />\n                  <Checkbox.Value.CheckMark mt={0} />\n                </Checkbox.Value>\n              </Checkbox>\n            </SHeadCheckboxCol>\n          )}\n\n          {children\n            ? (\n                <Children />\n              )\n            : (\n                <>\n                  {treeColumns.map((column, _i) => {\n                    if ('columns' in column) {\n                      return (\n                        <DataTableInternal.Head.Group\n                          key={column.name}\n                          {...column}\n                          name={column.columns?.map((c) => c.name).join('/')}\n                          title=''\n                        />\n                      );\n                    }\n\n                    return <DataTableInternal.Head.Column key={column.name} {...column} />;\n                  })}\n                </>\n              )}\n        </SHead>\n\n        <ScreenReaderOnly aria-hidden={true} id={this.sortableColumnDescribeId()}>\n          {getI18nText('sortableColumn')}\n        </ScreenReaderOnly>\n      </>,\n    );\n  }\n}\n\nexport const Head = createComponent(HeadRoot, { Column, Group }) as Intergalactic.Component<\n  'div',\n  DataTableHeadProps\n> & {\n  Column: <Tag extends 'div' | typeof Tooltip = 'div'>(\n    props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableColumnProps, {}, []>,\n  ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n  Group: <Tag extends 'div' | typeof Tooltip = 'div'>(\n    props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableGroupProps, {}, []>,\n  ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Head.js","names":["Box","ScreenReaderOnly","Checkbox","Component","createComponent","Root","sstyled","React","Column","Group","style","_sstyled","insert","DataTableInternal","SELECT_ALL","UNIQ_ROW_KEY","HeadRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","value","event","_this$asProps$onChang","_this$asProps","asProps","onChangeSelectAll","call","_this$asProps$onChang2","_this$asProps2","preventDefault","stopPropagation","_inherits","_createClass","key","sortableColumnDescribeId","uid","getGroupProps","_","index","_this$asProps3","use","gridAreaGroupMap","children","getFixedStyle","shadowVertical","gridArea","get","withConfig","undefined","getColumnProps","_this$asProps4","columns","sort","onSortChange","tableRef","gridTemplateColumns","gridTemplateAreas","sticky","top","selectedRows","h","onCellClick","scrollDirection","column","fixed","_getFixedStyle","_getFixedStyle2","_slicedToArray","name","borders","parent","showShadowVertical","_this$asProps5","_this$asProps5$select","flatRows","every","row","includes","_this$asProps6","some","render","_ref","_ref2","SHead","SHeadCheckboxCol","Head","_this$asProps7","Children","styles","getI18nText","treeColumns","animationDuration","isDataEmpty","areAllRowsSelected","indeterminate","isIndeterminate","createElement","Fragment","cn","_objectSpread","_assignProps","join","toString","handleClickSelectAll","handleSelectAll","Value","Control","CheckMark","mt","map","_i","_column$columns","_extends","c","title"],"sources":["../../../../src/components/Head/Head.tsx"],"sourcesContent":["import { Box, ScreenReaderOnly } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, createComponent, type Intergalactic, Root, sstyled } from '@semcore/core';\nimport type Tooltip from '@semcore/tooltip';\nimport React from 'react';\n\nimport { Column } from './Column';\nimport type { DataTableColumnProps } from './Column.types';\nimport { Group } from './Group';\nimport type { DataTableGroupProps } from './Group.type';\nimport type { DataTableHeadProps, HeadPropsInner } from './Head.types';\nimport style from './style.shadow.css';\nimport { DataTableInternal, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DataTableData } from '../DataTable/DataTable.types';\n\nclass HeadRoot<\n  Data extends DataTableData,\n  UniqKey extends keyof Data[number],\n  UniqKeyType extends Data[number][UniqKey],\n> extends Component<\n    DataTableHeadProps,\n    {},\n    {},\n    [],\n    HeadPropsInner<Data, UniqKey, UniqKeyType>\n  > {\n  static displayName = 'Head';\n  static style = style;\n\n  sortableColumnDescribeId() {\n    const { uid } = this.asProps;\n    return `${uid}-column-sortable-describer`;\n  }\n\n  getGroupProps(_: any, index: number) {\n    const { use, gridAreaGroupMap, children, getFixedStyle, shadowVertical } = this.asProps;\n\n    return {\n      use,\n      gridArea: gridAreaGroupMap.get(index),\n      withConfig: children === undefined,\n      getFixedStyle,\n      shadowVertical,\n    };\n  }\n\n  getColumnProps(_: any, index: number) {\n    const {\n      use,\n      columns,\n      sort,\n      onSortChange,\n      tableRef,\n      gridTemplateColumns,\n      gridTemplateAreas,\n      sticky,\n      top,\n      selectedRows,\n      h,\n      getFixedStyle,\n      onCellClick,\n      shadowVertical,\n      scrollDirection,\n    } = this.asProps;\n    const column = columns[index];\n\n    if (index === 0 && selectedRows && columns[index + 1].fixed) {\n      column.fixed = 'left';\n    }\n\n    const [name, value] = getFixedStyle(column);\n    const style: any = {};\n\n    if (top && scrollDirection !== 'horizontal') {\n      style.top = `${top}px`;\n    }\n\n    if (name !== undefined && value !== undefined) {\n      style[name] = value;\n    }\n\n    return {\n      use,\n      'aria-colindex': index + 1,\n      style,\n      'gridArea': column.gridArea,\n      'fixed': column.fixed,\n      sticky,\n      'borders': column.borders,\n      sort,\n      onSortChange,\n      'parent': column.parent,\n      'sortableColumnDescribeId': this.sortableColumnDescribeId(),\n      'columnIndex': index,\n      tableRef,\n      gridTemplateColumns,\n      gridTemplateAreas,\n      h,\n      'onClick': onCellClick,\n      'shadowVertical': column.showShadowVertical ? shadowVertical : undefined,\n      scrollDirection,\n    };\n  }\n\n  handleSelectAll = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n    this.asProps.onChangeSelectAll?.(value, event);\n  };\n\n  handleClickSelectAll = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n    event?.preventDefault();\n    event?.stopPropagation();\n    this.asProps.onChangeSelectAll?.(value, event);\n  };\n\n  get areAllRowsSelected() {\n    const { selectedRows = [], flatRows } = this.asProps;\n\n    return selectedRows.length > 0 && flatRows.every((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n  }\n\n  get isIndeterminate() {\n    const { flatRows, selectedRows } = this.asProps;\n\n    return flatRows.some((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n  }\n\n  render() {\n    const SHead = Root;\n    const SHeadCheckboxCol = Head.Column;\n    const { Children, styles, getI18nText, children, treeColumns, selectedRows, sticky, animationDuration, isDataEmpty, gridTemplateColumns } = this.asProps;\n\n    const areAllRowsSelected = this.areAllRowsSelected;\n    const indeterminate = this.isIndeterminate && !areAllRowsSelected;\n\n    return sstyled(styles)(\n      <>\n        <SHead\n          render={Box}\n          role='row'\n          aria-rowindex={1}\n          sticky={sticky}\n          use:animationDuration={animationDuration ? `${animationDuration}ms` : undefined}\n          isDataEmpty={isDataEmpty}\n          use:gridTemplateColumns={gridTemplateColumns.join(' ')}\n          tabIndex={isDataEmpty ? 0 : undefined}\n        >\n          {selectedRows && (\n            <SHeadCheckboxCol\n              name={SELECT_ALL.toString()}\n              onClick={this.handleClickSelectAll(!areAllRowsSelected)}\n            >\n              <Checkbox\n                checked={areAllRowsSelected}\n                indeterminate={indeterminate}\n                aria-label={getI18nText('DataTable.Header.selectAllCheckbox:aria-label')}\n                onChange={this.handleSelectAll}\n              >\n                <Checkbox.Value>\n                  <Checkbox.Value.Control />\n                  <Checkbox.Value.CheckMark mt={0} />\n                </Checkbox.Value>\n              </Checkbox>\n            </SHeadCheckboxCol>\n          )}\n\n          {children\n            ? (\n                <Children />\n              )\n            : (\n                <>\n                  {treeColumns.map((column, _i) => {\n                    if ('columns' in column) {\n                      return (\n                        <DataTableInternal.Head.Group\n                          key={column.name}\n                          {...column}\n                          name={column.columns?.map((c) => c.name).join('/')}\n                          title=''\n                        />\n                      );\n                    }\n\n                    return <DataTableInternal.Head.Column key={column.name} {...column} />;\n                  })}\n                </>\n              )}\n        </SHead>\n\n        <ScreenReaderOnly aria-hidden={true} id={this.sortableColumnDescribeId()}>\n          {getI18nText('sortableColumn')}\n        </ScreenReaderOnly>\n      </>,\n    );\n  }\n}\n\nexport const Head = createComponent(HeadRoot, { Column, Group }) as Intergalactic.Component<\n  'div',\n  DataTableHeadProps\n> & {\n  Column: <Tag extends 'div' | typeof Tooltip = 'div'>(\n    props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableColumnProps, {}, []>,\n  ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n  Group: <Tag extends 'div' | typeof Tooltip = 'div'>(\n    props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableGroupProps, {}, []>,\n  ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/components/Head/Head.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Head.types.js","names":[],"sources":["../../../../src/components/Head/Head.types.ts"],"sourcesContent":["import type { ColumnPropsInner, DTColumn } from './Column.types';\nimport type { BodyPropsInner } from '../Body/Body.types';\nimport type { CellPropsInner } from '../Body/Cell.types';\nimport type { DTRow } from '../Body/Row.types';\nimport type { DataTableData, DataTableProps, DTUse } from '../DataTable/DataTable.types';\n\nexport type DataTableHeadProps = {\n  /**\n   * Sticky header\n   * @default false\n   */\n  sticky?: boolean;\n\n  /**\n   * offset for sticky header\n   */\n  top?: number;\n\n  /**\n   * Height of header in px\n   */\n  h?: number;\n\n  /** Enable scroll bar element in header */\n  withScrollBar?: boolean;\n\n  /** Animation duration for a top property. When it's set adds animation for top changes */\n  animationDuration?: number;\n\n  /** Outer ref for the header */\n  ref?: React.Ref<HTMLDivElement>;\n};\n\nexport type HeadPropsInner<\n  Data extends DataTableData,\n  UniqKey extends keyof Data[number],\n  UniqKeyType extends Data[number][UniqKey],\n> = {\n  use: DTUse;\n  tableRef: React.RefObject<HTMLElement>;\n  columns: DTColumn[];\n  treeColumns: DTColumn[];\n  compact: boolean;\n  sort?: DataTableProps<Data, UniqKey, UniqKeyType>['sort'];\n  onSortChange?: DataTableProps<Data, UniqKey, UniqKeyType>['onSortChange'];\n  getI18nText: (key: string) => string;\n  uid: string;\n  ref: React.Ref<HTMLDivElement>;\n\n  gridAreaGroupMap: Map<number, string>;\n  gridTemplateColumns: string[];\n  gridTemplateAreas: string[];\n  sideIndents?: 'wide';\n\n  totalRows: number;\n  selectedRows?: UniqKeyType[];\n  onChangeSelectAll?: (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => void;\n  flatRows: DTRow<UniqKeyType>[];\n\n  getFixedStyle: (\n    cell: Pick<DTColumn, 'name' | 'fixed'>,\n  ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n  onCellClick: CellPropsInner<Data, UniqKeyType>['onClick'];\n  shadowVertical?: BodyPropsInner<Data, UniqKeyType>['shadowVertical'];\n  scrollDirection?: ColumnPropsInner<Data, UniqKey, UniqKeyType>['scrollDirection'];\n\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Head.types.js","names":[],"sources":["../../../../src/components/Head/Head.types.ts"],"sourcesContent":["import type { ColumnPropsInner, DTColumn } from './Column.types';\nimport type { BodyPropsInner } from '../Body/Body.types';\nimport type { CellPropsInner } from '../Body/Cell.types';\nimport type { DTRow } from '../Body/Row.types';\nimport type { DataTableData, DataTableProps, DTUse } from '../DataTable/DataTable.types';\n\nexport type DataTableHeadProps = {\n  /**\n   * Sticky header\n   * @default false\n   */\n  sticky?: boolean;\n\n  /**\n   * offset for sticky header\n   */\n  top?: number;\n\n  /**\n   * Height of header in px\n   */\n  h?: number;\n\n  /** Enable scroll bar element in header */\n  withScrollBar?: boolean;\n\n  /** Animation duration for a top property. When it's set adds animation for top changes */\n  animationDuration?: number;\n\n  /** Outer ref for the header */\n  ref?: React.Ref<HTMLDivElement>;\n};\n\nexport type HeadPropsInner<\n  Data extends DataTableData,\n  UniqKey extends keyof Data[number],\n  UniqKeyType extends Data[number][UniqKey],\n> = {\n  use: DTUse;\n  tableRef: React.RefObject<HTMLElement>;\n  columns: DTColumn[];\n  treeColumns: DTColumn[];\n  compact: boolean;\n  sort?: DataTableProps<Data, UniqKey, UniqKeyType>['sort'];\n  onSortChange?: DataTableProps<Data, UniqKey, UniqKeyType>['onSortChange'];\n  getI18nText: (key: string) => string;\n  uid: string;\n  ref: React.Ref<HTMLDivElement>;\n\n  gridAreaGroupMap: Map<number, string>;\n  gridTemplateColumns: string[];\n  gridTemplateAreas: string[];\n  sideIndents?: 'wide';\n\n  totalRows: number;\n  selectedRows?: UniqKeyType[];\n  onChangeSelectAll?: (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => void;\n  flatRows: DTRow<UniqKeyType>[];\n\n  getFixedStyle: (\n    cell: Pick<DTColumn, 'name' | 'fixed'>,\n  ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n  onCellClick: CellPropsInner<Data, UniqKeyType>['onClick'];\n  shadowVertical?: BodyPropsInner<Data, UniqKeyType>['shadowVertical'];\n  scrollDirection?: ColumnPropsInner<Data, UniqKey, UniqKeyType>['scrollDirection'];\n  isDataEmpty: boolean;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/es6/components/Head/style.shadow.css

@@ -2,6 +2,13 @@ SHead, SGroupContainer {
   display: contents;
 }
 
+SHead[isDataEmpty][gridTemplateColumns] {
+  display: grid;
+  grid-template-columns: var(--gridTemplateColumns);
+  overflow: auto;
+  scrollbar-width: thin;
+}
+
 SHead[animationDuration] > SColumn {
   transition: top var(--animationDuration) ease-out;
 }
@@ -90,6 +97,18 @@ SColumn[use='primary'] {
       opacity: 1;
     }
   }
+
+  &[justifyContent='right'] {
+    SSortWrapper {
+      position: absolute;
+    }
+
+    &[changeSortSize][isSorted] {
+      SSortWrapper {
+        position: relative;
+      }
+    }
+  }
 }
 
 SColumn[use='secondary'] {

package/lib/esm/components/DataTable/DataTable.mjs

@@ -32,18 +32,19 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SDataTable_crlgn_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content}.___SDataTable_crlgn_gg_.__gridTemplateColumns_crlgn_gg_{grid-template-columns:var(--gridTemplateColumns_crlgn)}.___SDataTable_crlgn_gg_.__gridTemplateAreas_crlgn_gg_{grid-template-areas:var(--gridTemplateAreas_crlgn)}.___SDataTable_crlgn_gg_.__gridTemplateRows_crlgn_gg_{grid-template-rows:var(--gridTemplateRows_crlgn)}",
+    ".___SDataTable_oz5ss_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content}.___SDataTable_oz5ss_gg_.__isDataEmpty_oz5ss_gg_{display:block;align-items:initial;min-width:initial}.___SDataTable_oz5ss_gg_.__gridTemplateColumns_oz5ss_gg_{grid-template-columns:var(--gridTemplateColumns_oz5ss)}.___SDataTable_oz5ss_gg_.__gridTemplateAreas_oz5ss_gg_{grid-template-areas:var(--gridTemplateAreas_oz5ss)}.___SDataTable_oz5ss_gg_.__gridTemplateRows_oz5ss_gg_{grid-template-rows:var(--gridTemplateRows_oz5ss)}",
     /*__inner_css_end__*/
-    "crlgn_gg_"
+    "oz5ss_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SDataTable": "___SDataTable_crlgn_gg_",
-    "_gridTemplateColumns": "__gridTemplateColumns_crlgn_gg_",
-    "--gridTemplateColumns": "--gridTemplateColumns_crlgn",
-    "_gridTemplateAreas": "__gridTemplateAreas_crlgn_gg_",
-    "--gridTemplateAreas": "--gridTemplateAreas_crlgn",
-    "_gridTemplateRows": "__gridTemplateRows_crlgn_gg_",
-    "--gridTemplateRows": "--gridTemplateRows_crlgn"
+    "__SDataTable": "___SDataTable_oz5ss_gg_",
+    "_isDataEmpty": "__isDataEmpty_oz5ss_gg_",
+    "_gridTemplateColumns": "__gridTemplateColumns_oz5ss_gg_",
+    "--gridTemplateColumns": "--gridTemplateColumns_oz5ss",
+    "_gridTemplateAreas": "__gridTemplateAreas_oz5ss_gg_",
+    "--gridTemplateAreas": "--gridTemplateAreas_oz5ss",
+    "_gridTemplateRows": "__gridTemplateRows_oz5ss_gg_",
+    "--gridTemplateRows": "--gridTemplateRows_oz5ss"
   })
 );
 /*!__reshadow-styles__:"../../style/scroll-shadows.shadow.css"*/
@@ -334,6 +335,10 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
         var _this$spinnerRef$curr;
         (_this$spinnerRef$curr = _this.spinnerRef.current) === null || _this$spinnerRef$curr === void 0 || _this$spinnerRef$curr.focus();
         e.currentTarget.setAttribute("tabIndex", "-1");
+        if (_this.isDataEmpty) {
+          var _this$headerRef$curre;
+          (_this$headerRef$curre = _this.headerRef.current) === null || _this$headerRef$curre === void 0 || _this$headerRef$curre.setAttribute("tabIndex", "-1");
+        }
       } else if ((!e.relatedTarget || !isFocusInside(e.currentTarget, e.relatedTarget)) && lastInteraction.isKeyboard()) {
         var _row;
         if (_this.focusedCell[0] === -1 && _this.focusedCell[1] === -1) {
@@ -367,6 +372,10 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
             cell.focus();
           }
         }
+        if (_this.isDataEmpty) {
+          var _this$headerRef$curre2;
+          (_this$headerRef$curre2 = _this.headerRef.current) === null || _this$headerRef$curre2 === void 0 || _this$headerRef$curre2.setAttribute("tabIndex", "-1");
+        }
         e.currentTarget.setAttribute("tabIndex", "-1");
       }
     });
@@ -376,6 +385,10 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
       if (tableElement && (!relatedTarget || !isFocusInside(tableElement, relatedTarget) || !lastInteraction.isKeyboard())) {
         _this.setInert(false);
         tableElement.setAttribute("tabIndex", "0");
+        if (_this.isDataEmpty) {
+          var _this$headerRef$curre3;
+          (_this$headerRef$curre3 = _this.headerRef.current) === null || _this$headerRef$curre3 === void 0 || _this$headerRef$curre3.setAttribute("tabIndex", "0");
+        }
       }
     });
     _defineProperty(_this, "handleMouseMove", function() {
@@ -583,6 +596,11 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
       }
       return scrollDirection;
     }
+  }, {
+    key: "isDataEmpty",
+    get: function get() {
+      return this.asProps.data.length === 0;
+    }
   }, {
     key: "getHeadProps",
     value: function getHeadProps() {
@@ -623,7 +641,8 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
         getFixedStyle: this.getFixedStyle,
         onCellClick: this.handleCellClick,
         shadowVertical,
-        scrollDirection: this.scrollDirection
+        scrollDirection: this.scrollDirection,
+        isDataEmpty: this.isDataEmpty
       });
     }
   }, {
@@ -748,6 +767,7 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
         "tabIndex": 0,
         "onFocus": this.handleFocus,
         "onBlur": this.handleBlur,
+        "isDataEmpty": this.isDataEmpty,
         "aria-rowcount": this.totalRows,
         "aria-colcount": this.columns.length,
         "gridTemplateColumns": gridTemplateColumns.join(" "),
@@ -1063,8 +1083,8 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
   }, {
     key: "getHeaderHeight",
     value: function getHeaderHeight() {
-      var _this$headerRef$curre;
-      var header = (_this$headerRef$curre = this.headerRef.current) === null || _this$headerRef$curre === void 0 ? void 0 : _this$headerRef$curre.children;
+      var _this$headerRef$curre4;
+      var header = (_this$headerRef$curre4 = this.headerRef.current) === null || _this$headerRef$curre4 === void 0 ? void 0 : _this$headerRef$curre4.children;
       var height = 0;
       for (var i = 0; i < ((_header$length = header === null || header === void 0 ? void 0 : header.length) !== null && _header$length !== void 0 ? _header$length : 0); i++) {
         var _header$length;

package/lib/esm/components/DataTable/dataTable.shadow.css

@@ -4,6 +4,12 @@ SDataTable {
   min-width: fit-content;
 }
 
+SDataTable[isDataEmpty] {
+  display: block;
+  align-items: unset;
+  min-width: unset;
+}
+
 SDataTable[gridTemplateColumns] {
   grid-template-columns: var(--gridTemplateColumns);
 }

package/lib/esm/components/Head/Column.mjs

@@ -24,40 +24,46 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SGroupContainer_oh6cc_gg_,.___SHead_oh6cc_gg_{display:contents}.___SHead_oh6cc_gg_.__animationDuration_oh6cc_gg_>.___SColumn_oh6cc_gg_{transition:top var(--animationDuration_oh6cc) ease-out}.___SHead_oh6cc_gg_.__sticky_oh6cc_gg_ .___SColumn_oh6cc_gg_,.___SHead_oh6cc_gg_.__sticky_oh6cc_gg_ .___SGroup_oh6cc_gg_{position:sticky;top:0;z-index:18}.___SHead_oh6cc_gg_.__sticky_oh6cc_gg_ .___SGroupContainer_oh6cc_gg_>.___SColumn_oh6cc_gg_{position:sticky;z-index:18}.___SHead_oh6cc_gg_.__compact_oh6cc_gg_ .___SColumn_oh6cc_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_oh6cc_gg_,.___SGroup_oh6cc_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden;line-height:var(--intergalactic-lh-100, 133%)}.___SGroup_oh6cc_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_oh6cc_gg_._use_primary_oh6cc_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_oh6cc_gg_._use_primary_oh6cc_gg_:has(~.___SColumn_oh6cc_gg_.__visibleSort_oh6cc_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_oh6cc_gg_._use_secondary_oh6cc_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_oh6cc_gg_._borders_both_oh6cc_gg_,.___SColumn_oh6cc_gg_._borders_left_oh6cc_gg_,.___SGroup_oh6cc_gg_._borders_both_oh6cc_gg_,.___SGroup_oh6cc_gg_._borders_left_oh6cc_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_oh6cc_gg_._borders_both_oh6cc_gg_,.___SColumn_oh6cc_gg_._borders_right_oh6cc_gg_,.___SGroup_oh6cc_gg_._borders_both_oh6cc_gg_,.___SGroup_oh6cc_gg_._borders_right_oh6cc_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_oh6cc_gg_._use_primary_oh6cc_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_oh6cc_gg_._use_primary_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_oh6cc_gg_._use_primary_oh6cc_gg_.__visibleSort_oh6cc_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_oh6cc_gg_._use_primary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_oh6cc_gg_._use_primary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortButton_oh6cc_gg_,.___SColumn_oh6cc_gg_._use_primary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_::before,.___SColumn_oh6cc_gg_._use_secondary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_::before{display:flex;opacity:1}.___SColumn_oh6cc_gg_._use_secondary_oh6cc_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_oh6cc_gg_._use_secondary_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_oh6cc_gg_._use_secondary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_oh6cc_gg_._use_secondary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortButton_oh6cc_gg_{display:flex;opacity:1}.___SColumn_oh6cc_gg_.__gridArea_oh6cc_gg_,.___SGroupTitle_oh6cc_gg_.__gridArea_oh6cc_gg_,.___SGroup_oh6cc_gg_.__gridArea_oh6cc_gg_{grid-area:var(--gridArea_oh6cc)}.___SHead_oh6cc_gg_ .___SColumn_oh6cc_gg_.__fixed_oh6cc_gg_,.___SHead_oh6cc_gg_ .___SGroup_oh6cc_gg_.__fixed_oh6cc_gg_,.___SHead_oh6cc_gg_.__sticky_oh6cc_gg_ .___SColumn_oh6cc_gg_.__fixed_oh6cc_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_oh6cc_gg_.__sortable_oh6cc_gg_:hover{cursor:pointer}}.___SSortWrapper_oh6cc_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_oh6cc_gg_,.___SSortWrapper_oh6cc_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_oh6cc_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_oh6cc_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_oh6cc_gg_._sideIndents_wide_oh6cc_gg_ .___SColumn_oh6cc_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_oh6cc_gg_._sideIndents_wide_oh6cc_gg_ .___SColumn_oh6cc_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_oh6cc_gg_{cursor:pointer}.___SColumn_oh6cc_gg_.__fixed_oh6cc_gg_.__shadowVertical_oh6cc_gg_:after,.___SGroup_oh6cc_gg_.__fixed_oh6cc_gg_.__shadowVertical_oh6cc_gg_:after{content:"";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_primary_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_._use_primary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_primary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_._use_primary_oh6cc_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_._use_secondary_oh6cc_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_:after,.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_:after,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_:after,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_._use_primary_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_primary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_._use_primary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_primary_oh6cc_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_secondary_oh6cc_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_:after,.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_:after,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_:after,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}',
+    '.___SGroupContainer_1vo21_gg_,.___SHead_1vo21_gg_{display:contents}.___SHead_1vo21_gg_.__isDataEmpty_1vo21_gg_.__gridTemplateColumns_1vo21_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_1vo21);overflow:auto;scrollbar-width:thin}.___SHead_1vo21_gg_.__animationDuration_1vo21_gg_>.___SColumn_1vo21_gg_{transition:top var(--animationDuration_1vo21) ease-out}.___SHead_1vo21_gg_.__sticky_1vo21_gg_ .___SColumn_1vo21_gg_,.___SHead_1vo21_gg_.__sticky_1vo21_gg_ .___SGroup_1vo21_gg_{position:sticky;top:0;z-index:18}.___SHead_1vo21_gg_.__sticky_1vo21_gg_ .___SGroupContainer_1vo21_gg_>.___SColumn_1vo21_gg_{position:sticky;z-index:18}.___SHead_1vo21_gg_.__compact_1vo21_gg_ .___SColumn_1vo21_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1vo21_gg_,.___SGroup_1vo21_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden;line-height:var(--intergalactic-lh-100, 133%)}.___SGroup_1vo21_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1vo21_gg_._use_primary_1vo21_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1vo21_gg_._use_primary_1vo21_gg_:has(~.___SColumn_1vo21_gg_.__visibleSort_1vo21_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1vo21_gg_._use_secondary_1vo21_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1vo21_gg_._borders_both_1vo21_gg_,.___SColumn_1vo21_gg_._borders_left_1vo21_gg_,.___SGroup_1vo21_gg_._borders_both_1vo21_gg_,.___SGroup_1vo21_gg_._borders_left_1vo21_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1vo21_gg_._borders_both_1vo21_gg_,.___SColumn_1vo21_gg_._borders_right_1vo21_gg_,.___SGroup_1vo21_gg_._borders_both_1vo21_gg_,.___SGroup_1vo21_gg_._borders_right_1vo21_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_ .___SSortWrapper_1vo21_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_.__visibleSort_1vo21_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortWrapper_1vo21_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortButton_1vo21_gg_,.___SColumn_1vo21_gg_._use_primary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortWrapper_1vo21_gg_::before,.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortWrapper_1vo21_gg_::before{display:flex;opacity:1}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_._justifyContent_right_1vo21_gg_ .___SSortWrapper_1vo21_gg_{position:absolute}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_._justifyContent_right_1vo21_gg_.__changeSortSize_1vo21_gg_.__isSorted_1vo21_gg_ .___SSortWrapper_1vo21_gg_{position:relative}.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_ .___SSortWrapper_1vo21_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortWrapper_1vo21_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortButton_1vo21_gg_{display:flex;opacity:1}.___SColumn_1vo21_gg_.__gridArea_1vo21_gg_,.___SGroupTitle_1vo21_gg_.__gridArea_1vo21_gg_,.___SGroup_1vo21_gg_.__gridArea_1vo21_gg_{grid-area:var(--gridArea_1vo21)}.___SHead_1vo21_gg_ .___SColumn_1vo21_gg_.__fixed_1vo21_gg_,.___SHead_1vo21_gg_ .___SGroup_1vo21_gg_.__fixed_1vo21_gg_,.___SHead_1vo21_gg_.__sticky_1vo21_gg_ .___SColumn_1vo21_gg_.__fixed_1vo21_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_1vo21_gg_.__sortable_1vo21_gg_:hover{cursor:pointer}}.___SSortWrapper_1vo21_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_1vo21_gg_,.___SSortWrapper_1vo21_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1vo21_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_1vo21_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_1vo21_gg_._sideIndents_wide_1vo21_gg_ .___SColumn_1vo21_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1vo21_gg_._sideIndents_wide_1vo21_gg_ .___SColumn_1vo21_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1vo21_gg_{cursor:pointer}.___SColumn_1vo21_gg_.__fixed_1vo21_gg_.__shadowVertical_1vo21_gg_:after,.___SGroup_1vo21_gg_.__fixed_1vo21_gg_.__shadowVertical_1vo21_gg_:after{content:"";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_primary_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_._use_primary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_primary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_._use_primary_1vo21_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_secondary_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_._use_secondary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_secondary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_._use_secondary_1vo21_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_:after,.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_:after,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_:after,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_._use_primary_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_primary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_._use_primary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_primary_1vo21_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_._use_secondary_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_secondary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_._use_secondary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_secondary_1vo21_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_:after,.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_:after,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_:after,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}',
     /*__inner_css_end__*/
-    "oh6cc_gg_"
+    "1vo21_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHead": "___SHead_oh6cc_gg_",
-    "__SGroupContainer": "___SGroupContainer_oh6cc_gg_",
-    "_animationDuration": "__animationDuration_oh6cc_gg_",
-    "__SColumn": "___SColumn_oh6cc_gg_",
-    "--animationDuration": "--animationDuration_oh6cc",
-    "_sticky": "__sticky_oh6cc_gg_",
-    "__SGroup": "___SGroup_oh6cc_gg_",
-    "_compact": "__compact_oh6cc_gg_",
-    "_use_secondary": "_use_secondary_oh6cc_gg_",
-    "_borders_both": "_borders_both_oh6cc_gg_",
-    "_borders_left": "_borders_left_oh6cc_gg_",
-    "_borders_right": "_borders_right_oh6cc_gg_",
-    "_gridArea": "__gridArea_oh6cc_gg_",
-    "__SGroupTitle": "___SGroupTitle_oh6cc_gg_",
-    "--gridArea": "--gridArea_oh6cc",
-    "_fixed": "__fixed_oh6cc_gg_",
-    "_sortable": "__sortable_oh6cc_gg_",
-    "__SSortWrapper": "___SSortWrapper_oh6cc_gg_",
-    "__SSortButton": "___SSortButton_oh6cc_gg_",
-    "__SHeadCheckboxCol": "___SHeadCheckboxCol_oh6cc_gg_",
-    "_use_primary": "_use_primary_oh6cc_gg_",
-    "_visibleSort": "__visibleSort_oh6cc_gg_",
-    "_sideIndents_wide": "_sideIndents_wide_oh6cc_gg_",
-    "_shadowVertical": "__shadowVertical_oh6cc_gg_",
-    "_fixed_left": "_fixed_left_oh6cc_gg_",
-    "_shadowVertical_median": "_shadowVertical_median_oh6cc_gg_",
-    "_shadowVertical_start": "_shadowVertical_start_oh6cc_gg_",
-    "_fixed_right": "_fixed_right_oh6cc_gg_",
-    "_shadowVertical_end": "_shadowVertical_end_oh6cc_gg_"
+    "__SHead": "___SHead_1vo21_gg_",
+    "__SGroupContainer": "___SGroupContainer_1vo21_gg_",
+    "_isDataEmpty": "__isDataEmpty_1vo21_gg_",
+    "_gridTemplateColumns": "__gridTemplateColumns_1vo21_gg_",
+    "--gridTemplateColumns": "--gridTemplateColumns_1vo21",
+    "_animationDuration": "__animationDuration_1vo21_gg_",
+    "__SColumn": "___SColumn_1vo21_gg_",
+    "--animationDuration": "--animationDuration_1vo21",
+    "_sticky": "__sticky_1vo21_gg_",
+    "__SGroup": "___SGroup_1vo21_gg_",
+    "_compact": "__compact_1vo21_gg_",
+    "_use_secondary": "_use_secondary_1vo21_gg_",
+    "_borders_both": "_borders_both_1vo21_gg_",
+    "_borders_left": "_borders_left_1vo21_gg_",
+    "_borders_right": "_borders_right_1vo21_gg_",
+    "_gridArea": "__gridArea_1vo21_gg_",
+    "__SGroupTitle": "___SGroupTitle_1vo21_gg_",
+    "--gridArea": "--gridArea_1vo21",
+    "_fixed": "__fixed_1vo21_gg_",
+    "_sortable": "__sortable_1vo21_gg_",
+    "__SSortWrapper": "___SSortWrapper_1vo21_gg_",
+    "__SSortButton": "___SSortButton_1vo21_gg_",
+    "__SHeadCheckboxCol": "___SHeadCheckboxCol_1vo21_gg_",
+    "_use_primary": "_use_primary_1vo21_gg_",
+    "_visibleSort": "__visibleSort_1vo21_gg_",
+    "_justifyContent_right": "_justifyContent_right_1vo21_gg_",
+    "_changeSortSize": "__changeSortSize_1vo21_gg_",
+    "_isSorted": "__isSorted_1vo21_gg_",
+    "_sideIndents_wide": "_sideIndents_wide_1vo21_gg_",
+    "_shadowVertical": "__shadowVertical_1vo21_gg_",
+    "_fixed_left": "_fixed_left_1vo21_gg_",
+    "_shadowVertical_median": "_shadowVertical_median_1vo21_gg_",
+    "_shadowVertical_start": "_shadowVertical_start_1vo21_gg_",
+    "_fixed_right": "_fixed_right_1vo21_gg_",
+    "_shadowVertical_end": "_shadowVertical_end_1vo21_gg_"
   })
 );
 var SORTING_ICON = {
@@ -139,6 +145,7 @@ var Column = /* @__PURE__ */ function(_Component) {
       }
     });
     _defineProperty(_this, "handleSortClick", function(e) {
+      e.stopPropagation();
       var _this$asProps = _this.asProps, sort = _this$asProps.sort, onSortChange = _this$asProps.onSortChange, name = _this$asProps.name, sortable = _this$asProps.sortable;
       if (lastInteraction.isMouse() || lastInteraction.isKeyboard() && e.target === e.currentTarget) {
         if (sortable && onSortChange) {

package/lib/esm/components/Head/Group.mjs

@@ -21,40 +21,46 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SGroupContainer_oh6cc_gg_,.___SHead_oh6cc_gg_{display:contents}.___SHead_oh6cc_gg_.__animationDuration_oh6cc_gg_>.___SColumn_oh6cc_gg_{transition:top var(--animationDuration_oh6cc) ease-out}.___SHead_oh6cc_gg_.__sticky_oh6cc_gg_ .___SColumn_oh6cc_gg_,.___SHead_oh6cc_gg_.__sticky_oh6cc_gg_ .___SGroup_oh6cc_gg_{position:sticky;top:0;z-index:18}.___SHead_oh6cc_gg_.__sticky_oh6cc_gg_ .___SGroupContainer_oh6cc_gg_>.___SColumn_oh6cc_gg_{position:sticky;z-index:18}.___SHead_oh6cc_gg_.__compact_oh6cc_gg_ .___SColumn_oh6cc_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_oh6cc_gg_,.___SGroup_oh6cc_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden;line-height:var(--intergalactic-lh-100, 133%)}.___SGroup_oh6cc_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_oh6cc_gg_._use_primary_oh6cc_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_oh6cc_gg_._use_primary_oh6cc_gg_:has(~.___SColumn_oh6cc_gg_.__visibleSort_oh6cc_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_oh6cc_gg_._use_secondary_oh6cc_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_oh6cc_gg_._borders_both_oh6cc_gg_,.___SColumn_oh6cc_gg_._borders_left_oh6cc_gg_,.___SGroup_oh6cc_gg_._borders_both_oh6cc_gg_,.___SGroup_oh6cc_gg_._borders_left_oh6cc_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_oh6cc_gg_._borders_both_oh6cc_gg_,.___SColumn_oh6cc_gg_._borders_right_oh6cc_gg_,.___SGroup_oh6cc_gg_._borders_both_oh6cc_gg_,.___SGroup_oh6cc_gg_._borders_right_oh6cc_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_oh6cc_gg_._use_primary_oh6cc_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_oh6cc_gg_._use_primary_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_oh6cc_gg_._use_primary_oh6cc_gg_.__visibleSort_oh6cc_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_oh6cc_gg_._use_primary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_oh6cc_gg_._use_primary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortButton_oh6cc_gg_,.___SColumn_oh6cc_gg_._use_primary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_::before,.___SColumn_oh6cc_gg_._use_secondary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_::before{display:flex;opacity:1}.___SColumn_oh6cc_gg_._use_secondary_oh6cc_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_oh6cc_gg_._use_secondary_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_oh6cc_gg_._use_secondary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_oh6cc_gg_._use_secondary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortButton_oh6cc_gg_{display:flex;opacity:1}.___SColumn_oh6cc_gg_.__gridArea_oh6cc_gg_,.___SGroupTitle_oh6cc_gg_.__gridArea_oh6cc_gg_,.___SGroup_oh6cc_gg_.__gridArea_oh6cc_gg_{grid-area:var(--gridArea_oh6cc)}.___SHead_oh6cc_gg_ .___SColumn_oh6cc_gg_.__fixed_oh6cc_gg_,.___SHead_oh6cc_gg_ .___SGroup_oh6cc_gg_.__fixed_oh6cc_gg_,.___SHead_oh6cc_gg_.__sticky_oh6cc_gg_ .___SColumn_oh6cc_gg_.__fixed_oh6cc_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_oh6cc_gg_.__sortable_oh6cc_gg_:hover{cursor:pointer}}.___SSortWrapper_oh6cc_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_oh6cc_gg_,.___SSortWrapper_oh6cc_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_oh6cc_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_oh6cc_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_oh6cc_gg_._sideIndents_wide_oh6cc_gg_ .___SColumn_oh6cc_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_oh6cc_gg_._sideIndents_wide_oh6cc_gg_ .___SColumn_oh6cc_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_oh6cc_gg_{cursor:pointer}.___SColumn_oh6cc_gg_.__fixed_oh6cc_gg_.__shadowVertical_oh6cc_gg_:after,.___SGroup_oh6cc_gg_.__fixed_oh6cc_gg_.__shadowVertical_oh6cc_gg_:after{content:"";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_primary_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_._use_primary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_primary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_._use_primary_oh6cc_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_._use_secondary_oh6cc_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_:after,.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_:after,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_:after,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_._use_primary_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_primary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_._use_primary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_primary_oh6cc_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_secondary_oh6cc_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_:after,.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_:after,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_:after,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}',
+    '.___SGroupContainer_1vo21_gg_,.___SHead_1vo21_gg_{display:contents}.___SHead_1vo21_gg_.__isDataEmpty_1vo21_gg_.__gridTemplateColumns_1vo21_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_1vo21);overflow:auto;scrollbar-width:thin}.___SHead_1vo21_gg_.__animationDuration_1vo21_gg_>.___SColumn_1vo21_gg_{transition:top var(--animationDuration_1vo21) ease-out}.___SHead_1vo21_gg_.__sticky_1vo21_gg_ .___SColumn_1vo21_gg_,.___SHead_1vo21_gg_.__sticky_1vo21_gg_ .___SGroup_1vo21_gg_{position:sticky;top:0;z-index:18}.___SHead_1vo21_gg_.__sticky_1vo21_gg_ .___SGroupContainer_1vo21_gg_>.___SColumn_1vo21_gg_{position:sticky;z-index:18}.___SHead_1vo21_gg_.__compact_1vo21_gg_ .___SColumn_1vo21_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1vo21_gg_,.___SGroup_1vo21_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden;line-height:var(--intergalactic-lh-100, 133%)}.___SGroup_1vo21_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1vo21_gg_._use_primary_1vo21_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1vo21_gg_._use_primary_1vo21_gg_:has(~.___SColumn_1vo21_gg_.__visibleSort_1vo21_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1vo21_gg_._use_secondary_1vo21_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1vo21_gg_._borders_both_1vo21_gg_,.___SColumn_1vo21_gg_._borders_left_1vo21_gg_,.___SGroup_1vo21_gg_._borders_both_1vo21_gg_,.___SGroup_1vo21_gg_._borders_left_1vo21_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1vo21_gg_._borders_both_1vo21_gg_,.___SColumn_1vo21_gg_._borders_right_1vo21_gg_,.___SGroup_1vo21_gg_._borders_both_1vo21_gg_,.___SGroup_1vo21_gg_._borders_right_1vo21_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_ .___SSortWrapper_1vo21_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_.__visibleSort_1vo21_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortWrapper_1vo21_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortButton_1vo21_gg_,.___SColumn_1vo21_gg_._use_primary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortWrapper_1vo21_gg_::before,.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortWrapper_1vo21_gg_::before{display:flex;opacity:1}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_._justifyContent_right_1vo21_gg_ .___SSortWrapper_1vo21_gg_{position:absolute}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_._justifyContent_right_1vo21_gg_.__changeSortSize_1vo21_gg_.__isSorted_1vo21_gg_ .___SSortWrapper_1vo21_gg_{position:relative}.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_ .___SSortWrapper_1vo21_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortWrapper_1vo21_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortButton_1vo21_gg_{display:flex;opacity:1}.___SColumn_1vo21_gg_.__gridArea_1vo21_gg_,.___SGroupTitle_1vo21_gg_.__gridArea_1vo21_gg_,.___SGroup_1vo21_gg_.__gridArea_1vo21_gg_{grid-area:var(--gridArea_1vo21)}.___SHead_1vo21_gg_ .___SColumn_1vo21_gg_.__fixed_1vo21_gg_,.___SHead_1vo21_gg_ .___SGroup_1vo21_gg_.__fixed_1vo21_gg_,.___SHead_1vo21_gg_.__sticky_1vo21_gg_ .___SColumn_1vo21_gg_.__fixed_1vo21_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_1vo21_gg_.__sortable_1vo21_gg_:hover{cursor:pointer}}.___SSortWrapper_1vo21_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_1vo21_gg_,.___SSortWrapper_1vo21_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1vo21_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_1vo21_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_1vo21_gg_._sideIndents_wide_1vo21_gg_ .___SColumn_1vo21_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1vo21_gg_._sideIndents_wide_1vo21_gg_ .___SColumn_1vo21_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1vo21_gg_{cursor:pointer}.___SColumn_1vo21_gg_.__fixed_1vo21_gg_.__shadowVertical_1vo21_gg_:after,.___SGroup_1vo21_gg_.__fixed_1vo21_gg_.__shadowVertical_1vo21_gg_:after{content:"";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_primary_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_._use_primary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_primary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_._use_primary_1vo21_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_secondary_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_._use_secondary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_secondary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_._use_secondary_1vo21_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_:after,.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_:after,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_:after,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_._use_primary_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_primary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_._use_primary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_primary_1vo21_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_._use_secondary_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_secondary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_._use_secondary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_secondary_1vo21_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_:after,.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_:after,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_:after,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}',
     /*__inner_css_end__*/
-    "oh6cc_gg_"
+    "1vo21_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHead": "___SHead_oh6cc_gg_",
-    "__SGroupContainer": "___SGroupContainer_oh6cc_gg_",
-    "_animationDuration": "__animationDuration_oh6cc_gg_",
-    "__SColumn": "___SColumn_oh6cc_gg_",
-    "--animationDuration": "--animationDuration_oh6cc",
-    "_sticky": "__sticky_oh6cc_gg_",
-    "__SGroup": "___SGroup_oh6cc_gg_",
-    "_compact": "__compact_oh6cc_gg_",
-    "_use_secondary": "_use_secondary_oh6cc_gg_",
-    "_borders_both": "_borders_both_oh6cc_gg_",
-    "_borders_left": "_borders_left_oh6cc_gg_",
-    "_borders_right": "_borders_right_oh6cc_gg_",
-    "_gridArea": "__gridArea_oh6cc_gg_",
-    "__SGroupTitle": "___SGroupTitle_oh6cc_gg_",
-    "--gridArea": "--gridArea_oh6cc",
-    "_fixed": "__fixed_oh6cc_gg_",
-    "_sortable": "__sortable_oh6cc_gg_",
-    "__SSortWrapper": "___SSortWrapper_oh6cc_gg_",
-    "__SSortButton": "___SSortButton_oh6cc_gg_",
-    "__SHeadCheckboxCol": "___SHeadCheckboxCol_oh6cc_gg_",
-    "_use_primary": "_use_primary_oh6cc_gg_",
-    "_visibleSort": "__visibleSort_oh6cc_gg_",
-    "_sideIndents_wide": "_sideIndents_wide_oh6cc_gg_",
-    "_shadowVertical": "__shadowVertical_oh6cc_gg_",
-    "_fixed_left": "_fixed_left_oh6cc_gg_",
-    "_shadowVertical_median": "_shadowVertical_median_oh6cc_gg_",
-    "_shadowVertical_start": "_shadowVertical_start_oh6cc_gg_",
-    "_fixed_right": "_fixed_right_oh6cc_gg_",
-    "_shadowVertical_end": "_shadowVertical_end_oh6cc_gg_"
+    "__SHead": "___SHead_1vo21_gg_",
+    "__SGroupContainer": "___SGroupContainer_1vo21_gg_",
+    "_isDataEmpty": "__isDataEmpty_1vo21_gg_",
+    "_gridTemplateColumns": "__gridTemplateColumns_1vo21_gg_",
+    "--gridTemplateColumns": "--gridTemplateColumns_1vo21",
+    "_animationDuration": "__animationDuration_1vo21_gg_",
+    "__SColumn": "___SColumn_1vo21_gg_",
+    "--animationDuration": "--animationDuration_1vo21",
+    "_sticky": "__sticky_1vo21_gg_",
+    "__SGroup": "___SGroup_1vo21_gg_",
+    "_compact": "__compact_1vo21_gg_",
+    "_use_secondary": "_use_secondary_1vo21_gg_",
+    "_borders_both": "_borders_both_1vo21_gg_",
+    "_borders_left": "_borders_left_1vo21_gg_",
+    "_borders_right": "_borders_right_1vo21_gg_",
+    "_gridArea": "__gridArea_1vo21_gg_",
+    "__SGroupTitle": "___SGroupTitle_1vo21_gg_",
+    "--gridArea": "--gridArea_1vo21",
+    "_fixed": "__fixed_1vo21_gg_",
+    "_sortable": "__sortable_1vo21_gg_",
+    "__SSortWrapper": "___SSortWrapper_1vo21_gg_",
+    "__SSortButton": "___SSortButton_1vo21_gg_",
+    "__SHeadCheckboxCol": "___SHeadCheckboxCol_1vo21_gg_",
+    "_use_primary": "_use_primary_1vo21_gg_",
+    "_visibleSort": "__visibleSort_1vo21_gg_",
+    "_justifyContent_right": "_justifyContent_right_1vo21_gg_",
+    "_changeSortSize": "__changeSortSize_1vo21_gg_",
+    "_isSorted": "__isSorted_1vo21_gg_",
+    "_sideIndents_wide": "_sideIndents_wide_1vo21_gg_",
+    "_shadowVertical": "__shadowVertical_1vo21_gg_",
+    "_fixed_left": "_fixed_left_1vo21_gg_",
+    "_shadowVertical_median": "_shadowVertical_median_1vo21_gg_",
+    "_shadowVertical_start": "_shadowVertical_start_1vo21_gg_",
+    "_fixed_right": "_fixed_right_1vo21_gg_",
+    "_shadowVertical_end": "_shadowVertical_end_1vo21_gg_"
   })
 );
 var Group = /* @__PURE__ */ function(_Component) {