@semcore/data-table 17.0.0-prerelease.30 → 17.0.0-prerelease.31

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

@@ -1 +1 @@
-{"version":3,"file":"Column.js","names":["Flex","ButtonLink","Component","lastInteraction","Root","sstyled","canUseDOM","cssToIntDefault","getFocusableIn","isFocusInside","isInteractiveElement","SortAsc","SortDesc","React","style","_sstyled","insert","handleFocusCell","handleKeydownFocusCell","SORTING_ICON","desc","asc","ARIA_SORT","SORT_ICON_WIDTH","DEFAULT_DIRECTION","reversedSortDirection","Column","constructor","args","_defineProperty","createRef","sortVisible","node","columnRef","current","clonedColumn","document","createElement","computedStyle","window","getComputedStyle","childNodes","forEach","sortWrapperRef","append","cloneNode","setProperty","styles","key","getPropertyValue","getPropertyPriority","body","appendChild","computedWidth","Math","ceil","getBoundingClientRect","width","removeChild","defaultNodeWidth","clientWidth","freeSpace","setState","e","relatedTarget","currentTarget","sort","onSortChange","name","sortable","asProps","sortDirection","defaultDirection","isKeyboard","stopPropagation","handleSort","lockedCell","cellElement","target","focusableChildren","Array","from","children","flatMap","length","onClick","columnIndex","rowIndex","colIndex","componentDidMount","parent","sticky","changeSortSize","scrollDirection","columnElement","groupElement","parentElement","item","groupRectHeight","height","topOffset","HTMLElement","top","changeTemplateColumnBySort","componentDidUpdate","prevProps","tableRef","gridTemplateColumns","newWidth","calculateActiveColumnMinWidth","setTimeout","map","gtcWidth","index","join","currentGridTemplateColumns","split","render","_ref","_ref2","SColumn","SSortWrapper","SSortButton","uid","sortableColumnDescribeId","Children","sortBy","undefined","isSorted","SSortIcon","visibleSort","Boolean","state","ariaDescribedBy","push","ariaSortValue","cn","_assignProps","handleMouseEnter","handleMouseLeave","handleFocusableCellFocus","handleBlur","handleFocusableCellKeyDown","handleClick","handleSortClick","Addon","tag"],"sources":["../../../../src/components/Head/Column.tsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\nimport { ButtonLink } from '@semcore/button';\nimport { Component, lastInteraction, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport cssToIntDefault from '@semcore/core/lib/utils/cssToIntDefault';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\nimport { isInteractiveElement } from '@semcore/core/lib/utils/isInteractiveElement';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport * as React from 'react';\n\nimport type { ColumnPropsInner, DataTableColumnProps } from './Column.types';\nimport style from './style.shadow.css';\nimport type { IFocusableCell, LockedCell } from '../../enhancers/focusableCell';\nimport { handleFocusCell, handleKeydownFocusCell } from '../../enhancers/focusableCell';\nimport type { ROW_GROUP } from '../DataTable/DataTable';\nimport type { DataTableData, SortDirection } from '../DataTable/DataTable.types';\n\nconst SORTING_ICON: { [key in SortDirection]: React.FC<React.SVGProps<SVGSVGElement>> } = {\n  desc: SortDesc,\n  asc: SortAsc,\n} as const;\n\nconst ARIA_SORT = {\n  desc: 'descending',\n  asc: 'ascending',\n} as const;\n\nconst SORT_ICON_WIDTH = 20;\n\nconst DEFAULT_DIRECTION = 'desc';\n\nconst reversedSortDirection: { [direction in SortDirection]: SortDirection } = {\n  desc: 'asc',\n  asc: 'desc',\n};\n\ntype State = {\n  sortVisible: boolean;\n};\n\nexport class Column<\n  Data extends DataTableData,\n  UniqKey extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? keyof Data[number][typeof ROW_GROUP][number] : keyof Data[number]),\n  UniqKeyType extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? Data[number][typeof ROW_GROUP][number][UniqKey] : Data[number][UniqKey]),\n> extends Component<\n    DataTableColumnProps,\n    [],\n    {},\n    ColumnPropsInner<Data, UniqKey, UniqKeyType>,\n    State\n  > implements IFocusableCell {\n  lockedCell: LockedCell = [null, false];\n\n  static displayName = 'Column';\n  static style = style;\n\n  columnRef = React.createRef<HTMLDivElement>();\n  sortWrapperRef = React.createRef<HTMLDivElement>();\n\n  state: State = {\n    sortVisible: false,\n  };\n\n  componentDidMount() {\n    const { parent, sticky, changeSortSize, name, sort, scrollDirection } = this.asProps;\n\n    if (parent && sticky && scrollDirection !== 'horizontal') {\n      const columnElement = this.columnRef.current;\n      const groupElement = columnElement?.parentElement?.children.item(0);\n\n      const groupRectHeight = groupElement?.getBoundingClientRect().height ?? 0;\n      const topOffset = (groupElement instanceof HTMLElement) ? cssToIntDefault(groupElement.style.top) : 0;\n\n      columnElement?.style.setProperty('top', `${groupRectHeight + topOffset}px`);\n    }\n\n    if (canUseDOM() && changeSortSize && sort?.[0] === name) {\n      this.changeTemplateColumnBySort();\n    }\n  }\n\n  componentDidUpdate(prevProps: DataTableColumnProps & ColumnPropsInner<Data, UniqKey, UniqKeyType>): void {\n    if (\n      this.asProps.changeSortSize &&\n      canUseDOM() &&\n      prevProps.sort?.[0] !== this.asProps.sort?.[0]\n    ) {\n      this.changeTemplateColumnBySort();\n    }\n  }\n\n  changeTemplateColumnBySort() {\n    const { tableRef, gridTemplateColumns, columnIndex, sort, name } = this.asProps;\n\n    if (sort?.[0] === name) {\n      const newWidth = this.calculateActiveColumnMinWidth();\n\n      setTimeout(() => {\n        if (tableRef.current && newWidth !== null) {\n          tableRef.current.style.setProperty(\n            'grid-template-columns',\n            gridTemplateColumns\n              .map((gtcWidth, index) => {\n                if (index === columnIndex) {\n                  return `${newWidth}px`;\n                }\n                return gtcWidth;\n              })\n              .join(' '),\n          );\n        }\n      });\n    } else if (sort?.[0] !== name) {\n      setTimeout(() => {\n        if (tableRef.current) {\n          const currentGridTemplateColumns = tableRef.current.style.getPropertyValue('grid-template-columns');\n\n          if (currentGridTemplateColumns) {\n            tableRef.current.style.setProperty(\n              'grid-template-columns',\n              currentGridTemplateColumns.split(' ')\n                .map((gtcWidth, index) => {\n                  if (index === columnIndex) {\n                    return gridTemplateColumns[index];\n                  }\n                  return gtcWidth;\n                })\n                .join(' '),\n            );\n          }\n        }\n      });\n    }\n  }\n\n  calculateActiveColumnMinWidth = (): number | null => {\n    const node = this.columnRef.current;\n\n    if (node) {\n      const clonedColumn = document.createElement('div');\n      const computedStyle = window.getComputedStyle(node);\n\n      node.childNodes.forEach((node) => {\n        if (this.sortWrapperRef.current !== node) {\n          clonedColumn.append(node.cloneNode(true));\n        }\n      });\n\n      clonedColumn.style.setProperty('visibility', 'hidden', 'important');\n\n      const styles = [\n        'display',\n        'flex',\n        'margin',\n        'padding',\n        'background',\n        'font-style',\n        'font-width',\n        'font-size',\n        'font-weight',\n      ];\n\n      styles.forEach((key) => {\n        clonedColumn.style.setProperty(\n          key,\n          computedStyle.getPropertyValue(key),\n          computedStyle.getPropertyPriority(key),\n        );\n      });\n\n      clonedColumn.style.setProperty('width', 'fit-content', 'important');\n\n      document.body.appendChild(clonedColumn);\n\n      const computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);\n\n      document.body.removeChild(clonedColumn);\n\n      const defaultNodeWidth = this.columnRef.current?.clientWidth ?? 0;\n\n      if (computedWidth >= defaultNodeWidth) {\n        return defaultNodeWidth + SORT_ICON_WIDTH;\n      } else {\n        const freeSpace = defaultNodeWidth - computedWidth;\n\n        if (freeSpace < SORT_ICON_WIDTH) {\n          return computedWidth + SORT_ICON_WIDTH;\n        }\n      }\n    }\n\n    return null;\n  };\n\n  get defaultDirection() {\n    const { sortable } = this.asProps;\n\n    if (typeof sortable === 'string') {\n      return sortable;\n    }\n\n    return DEFAULT_DIRECTION;\n  }\n\n  handleMouseEnter = () => {\n    this.setState({ sortVisible: true });\n  };\n\n  handleMouseLeave = () => {\n    this.setState({ sortVisible: false });\n  };\n\n  handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    const relatedTarget = e.relatedTarget as HTMLElement | undefined;\n    if (!isFocusInside(e.currentTarget, relatedTarget)) {\n      this.setState({ sortVisible: false });\n    }\n  };\n\n  handleSort = (e: React.SyntheticEvent<HTMLElement>) => {\n    const { sort, onSortChange, name, sortable } = this.asProps;\n\n    if (sortable && onSortChange) {\n      const sortDirection =\n          sort?.[0] === name ? reversedSortDirection[sort[1]] : this.defaultDirection;\n\n      onSortChange([name, sortDirection], e);\n    }\n  };\n\n  handleSortClick = (e: React.SyntheticEvent<HTMLElement>) => {\n    if (lastInteraction.isKeyboard()) {\n      e.stopPropagation();\n      this.handleSort(e);\n    }\n  };\n\n  handleFocusableCellKeyDown = (e: React.KeyboardEvent) => {\n    handleKeydownFocusCell(this.lockedCell, e);\n  };\n\n  handleFocusableCellFocus = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n    const cellElement = e.currentTarget;\n    const target = e.target;\n\n    if (lastInteraction.isKeyboard()) {\n      this.setState({ sortVisible: true }, () => {\n        handleFocusCell(this.lockedCell, target, cellElement);\n      });\n    } else {\n      const focusableChildren = Array.from(this.columnRef.current?.children ?? []).flatMap((node) =>\n        getFocusableIn(node as HTMLElement),\n      );\n\n      if (isInteractiveElement(e.target) && this.columnRef.current && focusableChildren.length > 1) {\n        this.lockedCell[0] = this.columnRef.current;\n        this.lockedCell[1] = true;\n      }\n    }\n  };\n\n  handleClick = (e: React.SyntheticEvent<HTMLElement>) => {\n    const { sortable, onClick, columnIndex } = this.asProps;\n    if (sortable) {\n      this.handleSort(e);\n    }\n\n    const focusableChildren = Array.from(this.columnRef.current?.children ?? []).flatMap((node) =>\n      getFocusableIn(node as HTMLElement),\n    );\n\n    if (isInteractiveElement(e.target) && this.columnRef.current && focusableChildren.length > 1) {\n      this.lockedCell[0] = this.columnRef.current;\n      this.lockedCell[1] = true;\n    }\n\n    onClick?.(e, { rowIndex: -1, colIndex: columnIndex });\n  };\n\n  render() {\n    const SColumn = Root;\n    const SSortWrapper = 'div';\n    const SSortButton = ButtonLink;\n    const { styles, sortable, sort, uid, name, parent, sortableColumnDescribeId, Children } =\n      this.asProps;\n\n    const [sortBy, sortDirection] = sort ?? [undefined, undefined];\n    const isSorted = sortBy === name && !!sortDirection;\n\n    const SSortIcon = isSorted ? SORTING_ICON[sortDirection] : SORTING_ICON[this.defaultDirection];\n\n    const visibleSort = Boolean(sortable) && (this.state.sortVisible || isSorted);\n\n    const ariaDescribedBy = [];\n    if (sortable) {\n      ariaDescribedBy.push(sortableColumnDescribeId);\n    }\n    if (parent) {\n      ariaDescribedBy.push(`igc-table-${uid}-${parent.name}-group`);\n    }\n\n    const ariaSortValue = isSorted ? ARIA_SORT[sortDirection] : undefined;\n\n    return sstyled(styles)(\n      <SColumn\n        render={Flex}\n        ref={this.columnRef}\n        role='columnheader'\n        tabIndex={-1}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        onFocus={this.handleFocusableCellFocus}\n        onBlur={this.handleBlur}\n        onKeyDown={this.handleFocusableCellKeyDown}\n        visibleSort={visibleSort}\n        isSorted={isSorted}\n        innerOutline\n        aria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n        aria-sort={ariaSortValue}\n        use:onClick={this.handleClick}\n      >\n        <Children />\n\n        {sortable && (\n          <SSortWrapper ref={this.sortWrapperRef}>\n            <SSortButton\n              aria-label={ariaSortValue}\n              color='--intergalactic-icon-primary-neutral'\n              onClick={this.handleSortClick}\n            >\n              <SSortButton.Addon tag={SSortIcon} />\n            </SSortButton>\n          </SSortWrapper>\n        )}\n      </SColumn>,\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Column.js","names":["Flex","ButtonLink","Component","lastInteraction","Root","sstyled","canUseDOM","cssToIntDefault","getFocusableIn","isFocusInside","isInteractiveElement","SortAsc","SortDesc","React","style","_sstyled","insert","handleFocusCell","handleKeydownFocusCell","SORTING_ICON","desc","asc","ARIA_SORT","SORT_ICON_WIDTH","DEFAULT_DIRECTION","reversedSortDirection","Column","constructor","args","_defineProperty","createRef","sortVisible","node","columnRef","current","clonedColumn","document","createElement","computedStyle","window","getComputedStyle","childNodes","forEach","sortWrapperRef","append","cloneNode","setProperty","styles","key","getPropertyValue","getPropertyPriority","body","appendChild","computedWidth","Math","ceil","getBoundingClientRect","width","removeChild","defaultNodeWidth","clientWidth","freeSpace","setState","e","relatedTarget","currentTarget","sort","onSortChange","name","sortable","asProps","sortDirection","defaultDirection","isKeyboard","stopPropagation","handleSort","lockedCell","cellElement","target","focusableChildren","Array","from","children","flatMap","length","onClick","columnIndex","rowIndex","colIndex","componentDidMount","parent","sticky","changeSortSize","scrollDirection","columnElement","groupElement","parentElement","item","groupRectHeight","height","topOffset","HTMLElement","top","changeTemplateColumnBySort","componentDidUpdate","prevProps","tableRef","gridTemplateColumns","newWidth","calculateActiveColumnMinWidth","setTimeout","map","gtcWidth","index","join","currentGridTemplateColumns","split","render","_ref","_ref2","SColumn","SSortWrapper","SSortButton","uid","sortableColumnDescribeId","Children","sortBy","undefined","isSorted","SSortIcon","visibleSort","Boolean","state","ariaDescribedBy","push","ariaSortValue","cn","_assignProps","handleMouseEnter","handleMouseLeave","handleFocusableCellFocus","handleBlur","handleFocusableCellKeyDown","handleClick","handleSortClick","Addon","tag"],"sources":["../../../../src/components/Head/Column.tsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\nimport { ButtonLink } from '@semcore/button';\nimport { Component, lastInteraction, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport cssToIntDefault from '@semcore/core/lib/utils/cssToIntDefault';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\nimport { isInteractiveElement } from '@semcore/core/lib/utils/isInteractiveElement';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport * as React from 'react';\n\nimport type { ColumnPropsInner, DataTableColumnProps } from './Column.types';\nimport style from './style.shadow.css';\nimport type { IFocusableCell, LockedCell } from '../../enhancers/focusableCell';\nimport { handleFocusCell, handleKeydownFocusCell } from '../../enhancers/focusableCell';\nimport type { ROW_GROUP } from '../DataTable/DataTable';\nimport type { DataTableData, SortDirection } from '../DataTable/DataTable.types';\n\nconst SORTING_ICON: { [key in SortDirection]: React.FC<React.SVGProps<SVGSVGElement>> } = {\n  desc: SortDesc,\n  asc: SortAsc,\n} as const;\n\nconst ARIA_SORT = {\n  desc: 'descending',\n  asc: 'ascending',\n} as const;\n\nconst SORT_ICON_WIDTH = 20;\n\nconst DEFAULT_DIRECTION = 'desc';\n\nconst reversedSortDirection: { [direction in SortDirection]: SortDirection } = {\n  desc: 'asc',\n  asc: 'desc',\n};\n\ntype State = {\n  sortVisible: boolean;\n};\n\nexport class Column<\n  Data extends DataTableData,\n  UniqKey extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? keyof Data[number][typeof ROW_GROUP][number] : keyof Data[number]),\n  UniqKeyType extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? Data[number][typeof ROW_GROUP][number][UniqKey] : Data[number][UniqKey]),\n> extends Component<\n    DataTableColumnProps,\n    [],\n    {},\n    ColumnPropsInner<Data, UniqKey, UniqKeyType>,\n    State\n  > implements IFocusableCell {\n  lockedCell: LockedCell = [null, false];\n\n  static displayName = 'Column';\n  static style = style;\n\n  columnRef = React.createRef<HTMLDivElement>();\n  sortWrapperRef = React.createRef<HTMLDivElement>();\n\n  state: State = {\n    sortVisible: false,\n  };\n\n  componentDidMount() {\n    const { parent, sticky, changeSortSize, name, sort, scrollDirection } = this.asProps;\n\n    if (parent && sticky && scrollDirection !== 'horizontal') {\n      const columnElement = this.columnRef.current;\n      const groupElement = columnElement?.parentElement?.children.item(0);\n\n      const groupRectHeight = groupElement?.getBoundingClientRect().height ?? 0;\n      const topOffset = (groupElement instanceof HTMLElement) ? cssToIntDefault(groupElement.style.top) : 0;\n\n      columnElement?.style.setProperty('top', `${groupRectHeight + topOffset}px`);\n    }\n\n    if (canUseDOM() && changeSortSize && sort?.[0] === name) {\n      this.changeTemplateColumnBySort();\n    }\n  }\n\n  componentDidUpdate(prevProps: DataTableColumnProps & ColumnPropsInner<Data, UniqKey, UniqKeyType>): void {\n    if (\n      this.asProps.changeSortSize &&\n      canUseDOM() &&\n      prevProps.sort?.[0] !== this.asProps.sort?.[0]\n    ) {\n      this.changeTemplateColumnBySort();\n    }\n  }\n\n  changeTemplateColumnBySort() {\n    const { tableRef, gridTemplateColumns, columnIndex, sort, name } = this.asProps;\n\n    if (sort?.[0] === name) {\n      const newWidth = this.calculateActiveColumnMinWidth();\n\n      setTimeout(() => {\n        if (tableRef.current && newWidth !== null) {\n          tableRef.current.style.setProperty(\n            'grid-template-columns',\n            gridTemplateColumns\n              .map((gtcWidth, index) => {\n                if (index === columnIndex) {\n                  return `${newWidth}px`;\n                }\n                return gtcWidth;\n              })\n              .join(' '),\n          );\n        }\n      });\n    } else if (sort?.[0] !== name) {\n      setTimeout(() => {\n        if (tableRef.current) {\n          const currentGridTemplateColumns = tableRef.current.style.getPropertyValue('grid-template-columns');\n\n          if (currentGridTemplateColumns) {\n            tableRef.current.style.setProperty(\n              'grid-template-columns',\n              currentGridTemplateColumns.split(' ')\n                .map((gtcWidth, index) => {\n                  if (index === columnIndex) {\n                    return gridTemplateColumns[index];\n                  }\n                  return gtcWidth;\n                })\n                .join(' '),\n            );\n          }\n        }\n      });\n    }\n  }\n\n  calculateActiveColumnMinWidth = (): number | null => {\n    const node = this.columnRef.current;\n\n    if (node) {\n      const clonedColumn = document.createElement('div');\n      const computedStyle = window.getComputedStyle(node);\n\n      node.childNodes.forEach((node) => {\n        if (this.sortWrapperRef.current !== node) {\n          clonedColumn.append(node.cloneNode(true));\n        }\n      });\n\n      clonedColumn.style.setProperty('visibility', 'hidden', 'important');\n\n      const styles = [\n        'display',\n        'flex',\n        'margin',\n        'padding',\n        'background',\n        'font-style',\n        'font-width',\n        'font-size',\n        'font-weight',\n      ];\n\n      styles.forEach((key) => {\n        clonedColumn.style.setProperty(\n          key,\n          computedStyle.getPropertyValue(key),\n          computedStyle.getPropertyPriority(key),\n        );\n      });\n\n      clonedColumn.style.setProperty('width', 'fit-content', 'important');\n\n      document.body.appendChild(clonedColumn);\n\n      const computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);\n\n      document.body.removeChild(clonedColumn);\n\n      const defaultNodeWidth = this.columnRef.current?.clientWidth ?? 0;\n\n      if (computedWidth >= defaultNodeWidth) {\n        return defaultNodeWidth + SORT_ICON_WIDTH;\n      } else {\n        const freeSpace = defaultNodeWidth - computedWidth;\n\n        if (freeSpace < SORT_ICON_WIDTH) {\n          return computedWidth + SORT_ICON_WIDTH;\n        }\n      }\n    }\n\n    return null;\n  };\n\n  get defaultDirection() {\n    const { sortable } = this.asProps;\n\n    if (typeof sortable === 'string') {\n      return sortable;\n    }\n\n    return DEFAULT_DIRECTION;\n  }\n\n  handleMouseEnter = () => {\n    this.setState({ sortVisible: true });\n  };\n\n  handleMouseLeave = () => {\n    this.setState({ sortVisible: false });\n  };\n\n  handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    const relatedTarget = e.relatedTarget as HTMLElement | undefined;\n    if (!isFocusInside(e.currentTarget, relatedTarget)) {\n      this.setState({ sortVisible: false });\n    }\n  };\n\n  handleSort = (e: React.SyntheticEvent<HTMLElement>) => {\n    const { sort, onSortChange, name, sortable } = this.asProps;\n\n    if (sortable && onSortChange) {\n      const sortDirection =\n          sort?.[0] === name ? reversedSortDirection[sort[1]] : this.defaultDirection;\n\n      onSortChange([name, sortDirection], e);\n    }\n  };\n\n  handleSortClick = (e: React.SyntheticEvent<HTMLElement>) => {\n    if (lastInteraction.isKeyboard()) {\n      e.stopPropagation();\n      this.handleSort(e);\n    }\n  };\n\n  handleFocusableCellKeyDown = (e: React.KeyboardEvent) => {\n    handleKeydownFocusCell(this.lockedCell, e);\n  };\n\n  handleFocusableCellFocus = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n    const cellElement = e.currentTarget;\n    const target = e.target;\n\n    if (lastInteraction.isKeyboard()) {\n      this.setState({ sortVisible: true }, () => {\n        handleFocusCell(this.lockedCell, target, cellElement);\n      });\n    } else {\n      const focusableChildren = Array.from(this.columnRef.current?.children ?? []).flatMap((node) =>\n        getFocusableIn(node as HTMLElement),\n      );\n\n      if (isInteractiveElement(e.target) && this.columnRef.current && focusableChildren.length > 1) {\n        this.lockedCell[0] = this.columnRef.current;\n        this.lockedCell[1] = true;\n      }\n    }\n  };\n\n  handleClick = (e: React.SyntheticEvent<HTMLElement>) => {\n    const { sortable, onClick, columnIndex } = this.asProps;\n    if (sortable) {\n      this.handleSort(e);\n    }\n\n    const focusableChildren = Array.from(this.columnRef.current?.children ?? []).flatMap((node) =>\n      getFocusableIn(node as HTMLElement),\n    );\n\n    if (isInteractiveElement(e.target) && this.columnRef.current && focusableChildren.length > 1) {\n      this.lockedCell[0] = this.columnRef.current;\n      this.lockedCell[1] = true;\n    }\n\n    onClick?.(e, { rowIndex: -1, colIndex: columnIndex });\n  };\n\n  render() {\n    const SColumn = Root;\n    const SSortWrapper = 'div';\n    const SSortButton = ButtonLink;\n    const { styles, sortable, sort, uid, name, parent, sortableColumnDescribeId, Children } =\n      this.asProps;\n\n    const [sortBy, sortDirection] = sort ?? [undefined, undefined];\n    const isSorted = sortBy === name && !!sortDirection;\n\n    const SSortIcon = isSorted ? SORTING_ICON[sortDirection] : SORTING_ICON[this.defaultDirection];\n\n    const visibleSort = Boolean(sortable) && (this.state.sortVisible || isSorted);\n\n    const ariaDescribedBy = [];\n    if (sortable) {\n      ariaDescribedBy.push(sortableColumnDescribeId);\n    }\n    if (parent) {\n      ariaDescribedBy.push(`igc-table-${uid}-${parent.name}-group`);\n    }\n\n    const ariaSortValue = isSorted ? ARIA_SORT[sortDirection] : undefined;\n\n    return sstyled(styles)(\n      <SColumn\n        render={Flex}\n        ref={this.columnRef}\n        role='columnheader'\n        tabIndex={-1}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        onFocus={this.handleFocusableCellFocus}\n        onBlur={this.handleBlur}\n        onKeyDown={this.handleFocusableCellKeyDown}\n        visibleSort={visibleSort}\n        isSorted={isSorted}\n        innerOutline\n        aria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n        aria-sort={ariaSortValue}\n        use:onClick={this.handleClick}\n      >\n        <Children />\n\n        {sortable && (\n          <SSortWrapper ref={this.sortWrapperRef}>\n            <SSortButton\n              aria-label={ariaSortValue}\n              size={100}\n              color='--intergalactic-icon-primary-neutral'\n              onClick={this.handleSortClick}\n            >\n              <SSortButton.Addon tag={SSortIcon} />\n            </SSortButton>\n          </SSortWrapper>\n        )}\n      </SColumn>,\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -7,44 +7,44 @@ import { Component, Root, sstyled } from '@semcore/core';
 import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
 import React from 'react';
 /*!__reshadow-styles__:"./style.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_16i6f_gg_,.___SHead_16i6f_gg_{display:contents}.___SHead_16i6f_gg_.__isDataEmpty_16i6f_gg_.__gridTemplateColumns_16i6f_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_16i6f);overflow:auto;scrollbar-width:thin}.___SHead_16i6f_gg_.__animationDuration_16i6f_gg_>.___SColumn_16i6f_gg_{transition:top var(--animationDuration_16i6f) ease-out}.___SHead_16i6f_gg_.__sticky_16i6f_gg_ .___SColumn_16i6f_gg_,.___SHead_16i6f_gg_.__sticky_16i6f_gg_ .___SGroup_16i6f_gg_{position:sticky;top:0;z-index:18}.___SHead_16i6f_gg_.__sticky_16i6f_gg_ .___SGroupContainer_16i6f_gg_>.___SColumn_16i6f_gg_{position:sticky;z-index:18}.___SHead_16i6f_gg_.__compact_16i6f_gg_ .___SColumn_16i6f_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_16i6f_gg_,.___SGroup_16i6f_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_16i6f_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_16i6f_gg_._use_primary_16i6f_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_16i6f_gg_._use_primary_16i6f_gg_:has(~.___SColumn_16i6f_gg_.__visibleSort_16i6f_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_16i6f_gg_._use_secondary_16i6f_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_16i6f_gg_._borders_both_16i6f_gg_,.___SColumn_16i6f_gg_._borders_left_16i6f_gg_,.___SGroup_16i6f_gg_._borders_both_16i6f_gg_,.___SGroup_16i6f_gg_._borders_left_16i6f_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_16i6f_gg_._borders_both_16i6f_gg_,.___SColumn_16i6f_gg_._borders_right_16i6f_gg_,.___SGroup_16i6f_gg_._borders_both_16i6f_gg_,.___SGroup_16i6f_gg_._borders_right_16i6f_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_16i6f_gg_._use_primary_16i6f_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_16i6f_gg_._use_primary_16i6f_gg_ .___SSortWrapper_16i6f_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_.__visibleSort_16i6f_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortWrapper_16i6f_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortButton_16i6f_gg_,.___SColumn_16i6f_gg_._use_primary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortWrapper_16i6f_gg_::before,.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortWrapper_16i6f_gg_::before{display:flex;opacity:1}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_._justifyContent_right_16i6f_gg_ .___SSortWrapper_16i6f_gg_{position:absolute}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_._justifyContent_right_16i6f_gg_.__changeSortSize_16i6f_gg_.__isSorted_16i6f_gg_ .___SSortWrapper_16i6f_gg_,.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_._justifyContent_right_16i6f_gg_.__changeSortSize_16i6f_gg_.__isSorted_16i6f_gg_ .___SSortWrapper_16i6f_gg_{position:relative}.___SColumn_16i6f_gg_._use_secondary_16i6f_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_16i6f_gg_._use_secondary_16i6f_gg_ .___SSortWrapper_16i6f_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortWrapper_16i6f_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortButton_16i6f_gg_{display:flex;opacity:1}.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_._justifyContent_right_16i6f_gg_ .___SSortWrapper_16i6f_gg_{position:absolute}.___SColumn_16i6f_gg_.__gridArea_16i6f_gg_,.___SGroupTitle_16i6f_gg_.__gridArea_16i6f_gg_,.___SGroup_16i6f_gg_.__gridArea_16i6f_gg_{grid-area:var(--gridArea_16i6f)}.___SHead_16i6f_gg_ .___SColumn_16i6f_gg_.__fixed_16i6f_gg_,.___SHead_16i6f_gg_ .___SGroup_16i6f_gg_.__fixed_16i6f_gg_,.___SHead_16i6f_gg_.__sticky_16i6f_gg_ .___SColumn_16i6f_gg_.__fixed_16i6f_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_16i6f_gg_.__sortable_16i6f_gg_:hover{cursor:pointer}}.___SSortWrapper_16i6f_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_16i6f_gg_,.___SSortWrapper_16i6f_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_16i6f_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_16i6f_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_16i6f_gg_._sideIndents_wide_16i6f_gg_ .___SColumn_16i6f_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_16i6f_gg_._sideIndents_wide_16i6f_gg_ .___SColumn_16i6f_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_16i6f_gg_{cursor:pointer}.___SColumn_16i6f_gg_.__fixed_16i6f_gg_.__shadowVertical_16i6f_gg_:after,.___SGroup_16i6f_gg_.__fixed_16i6f_gg_.__shadowVertical_16i6f_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_primary_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_._use_primary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_primary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_._use_primary_16i6f_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_secondary_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_._use_secondary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_secondary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_._use_secondary_16i6f_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_:after,.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_:after,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_:after,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_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_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_._use_primary_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_primary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_._use_primary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_primary_16i6f_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_._use_secondary_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_secondary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_._use_secondary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_secondary_16i6f_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_:after,.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_:after,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_:after,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_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__*/"16i6f_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_1mbam_gg_,.___SHead_1mbam_gg_{display:contents}.___SHead_1mbam_gg_.__isDataEmpty_1mbam_gg_.__gridTemplateColumns_1mbam_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_1mbam);overflow:auto;scrollbar-width:thin}.___SHead_1mbam_gg_.__animationDuration_1mbam_gg_>.___SColumn_1mbam_gg_{transition:top var(--animationDuration_1mbam) ease-out}.___SHead_1mbam_gg_.__sticky_1mbam_gg_ .___SColumn_1mbam_gg_,.___SHead_1mbam_gg_.__sticky_1mbam_gg_ .___SGroup_1mbam_gg_{position:sticky;top:0;z-index:18}.___SHead_1mbam_gg_.__sticky_1mbam_gg_ .___SGroupContainer_1mbam_gg_>.___SColumn_1mbam_gg_{position:sticky;z-index:18}.___SHead_1mbam_gg_.__compact_1mbam_gg_ .___SColumn_1mbam_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1mbam_gg_,.___SGroup_1mbam_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_1mbam_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1mbam_gg_._use_primary_1mbam_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1mbam_gg_._use_primary_1mbam_gg_:has(~.___SColumn_1mbam_gg_.__visibleSort_1mbam_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1mbam_gg_._use_secondary_1mbam_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1mbam_gg_._borders_both_1mbam_gg_,.___SColumn_1mbam_gg_._borders_left_1mbam_gg_,.___SGroup_1mbam_gg_._borders_both_1mbam_gg_,.___SGroup_1mbam_gg_._borders_left_1mbam_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1mbam_gg_._borders_both_1mbam_gg_,.___SColumn_1mbam_gg_._borders_right_1mbam_gg_,.___SGroup_1mbam_gg_._borders_both_1mbam_gg_,.___SGroup_1mbam_gg_._borders_right_1mbam_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1mbam_gg_._use_primary_1mbam_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_1mbam_gg_._use_primary_1mbam_gg_ .___SSortWrapper_1mbam_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1mbam_gg_._use_primary_1mbam_gg_.__visibleSort_1mbam_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1mbam_gg_._use_primary_1mbam_gg_.__visibleSort_1mbam_gg_ .___SSortWrapper_1mbam_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1mbam_gg_._use_primary_1mbam_gg_.__visibleSort_1mbam_gg_ .___SSortButton_1mbam_gg_,.___SColumn_1mbam_gg_._use_primary_1mbam_gg_.__visibleSort_1mbam_gg_ .___SSortWrapper_1mbam_gg_::before,.___SColumn_1mbam_gg_._use_secondary_1mbam_gg_.__visibleSort_1mbam_gg_ .___SSortWrapper_1mbam_gg_::before{display:flex;opacity:1}.___SColumn_1mbam_gg_._use_primary_1mbam_gg_._justifyContent_right_1mbam_gg_ .___SSortWrapper_1mbam_gg_{position:absolute}.___SColumn_1mbam_gg_._use_primary_1mbam_gg_._justifyContent_right_1mbam_gg_.__changeSortSize_1mbam_gg_.__isSorted_1mbam_gg_ .___SSortWrapper_1mbam_gg_,.___SColumn_1mbam_gg_._use_secondary_1mbam_gg_._justifyContent_right_1mbam_gg_.__changeSortSize_1mbam_gg_.__isSorted_1mbam_gg_ .___SSortWrapper_1mbam_gg_{position:relative}.___SColumn_1mbam_gg_._use_secondary_1mbam_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_1mbam_gg_._use_secondary_1mbam_gg_ .___SSortWrapper_1mbam_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1mbam_gg_._use_secondary_1mbam_gg_.__visibleSort_1mbam_gg_ .___SSortWrapper_1mbam_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1mbam_gg_._use_secondary_1mbam_gg_.__visibleSort_1mbam_gg_ .___SSortButton_1mbam_gg_{display:flex;opacity:1}.___SColumn_1mbam_gg_._use_secondary_1mbam_gg_._justifyContent_right_1mbam_gg_ .___SSortWrapper_1mbam_gg_{position:absolute}.___SColumn_1mbam_gg_.__gridArea_1mbam_gg_,.___SGroupTitle_1mbam_gg_.__gridArea_1mbam_gg_,.___SGroup_1mbam_gg_.__gridArea_1mbam_gg_{grid-area:var(--gridArea_1mbam)}.___SHead_1mbam_gg_ .___SColumn_1mbam_gg_.__fixed_1mbam_gg_,.___SHead_1mbam_gg_ .___SGroup_1mbam_gg_.__fixed_1mbam_gg_,.___SHead_1mbam_gg_.__sticky_1mbam_gg_ .___SColumn_1mbam_gg_.__fixed_1mbam_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_1mbam_gg_.__sortable_1mbam_gg_:hover{cursor:pointer}}.___SSortWrapper_1mbam_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_1mbam_gg_,.___SSortWrapper_1mbam_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1mbam_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1mbam_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_1mbam_gg_._sideIndents_wide_1mbam_gg_ .___SColumn_1mbam_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1mbam_gg_._sideIndents_wide_1mbam_gg_ .___SColumn_1mbam_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1mbam_gg_{cursor:pointer}.___SColumn_1mbam_gg_.__fixed_1mbam_gg_.__shadowVertical_1mbam_gg_:after,.___SGroup_1mbam_gg_.__fixed_1mbam_gg_.__shadowVertical_1mbam_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_median_1mbam_gg_,.___SColumn_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_start_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_median_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_start_1mbam_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_median_1mbam_gg_._use_primary_1mbam_gg_,.___SColumn_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_start_1mbam_gg_._use_primary_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_median_1mbam_gg_._use_primary_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_start_1mbam_gg_._use_primary_1mbam_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_median_1mbam_gg_._use_secondary_1mbam_gg_,.___SColumn_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_start_1mbam_gg_._use_secondary_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_median_1mbam_gg_._use_secondary_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_start_1mbam_gg_._use_secondary_1mbam_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_median_1mbam_gg_:after,.___SColumn_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_start_1mbam_gg_:after,.___SGroup_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_median_1mbam_gg_:after,.___SGroup_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_start_1mbam_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_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_end_1mbam_gg_,.___SColumn_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_median_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_end_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_median_1mbam_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_end_1mbam_gg_._use_primary_1mbam_gg_,.___SColumn_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_median_1mbam_gg_._use_primary_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_end_1mbam_gg_._use_primary_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_median_1mbam_gg_._use_primary_1mbam_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_end_1mbam_gg_._use_secondary_1mbam_gg_,.___SColumn_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_median_1mbam_gg_._use_secondary_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_end_1mbam_gg_._use_secondary_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_median_1mbam_gg_._use_secondary_1mbam_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_end_1mbam_gg_:after,.___SColumn_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_median_1mbam_gg_:after,.___SGroup_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_end_1mbam_gg_:after,.___SGroup_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_median_1mbam_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__*/"1mbam_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHead": "___SHead_16i6f_gg_",
-  "__SGroupContainer": "___SGroupContainer_16i6f_gg_",
-  "_isDataEmpty": "__isDataEmpty_16i6f_gg_",
-  "_gridTemplateColumns": "__gridTemplateColumns_16i6f_gg_",
-  "--gridTemplateColumns": "--gridTemplateColumns_16i6f",
-  "_animationDuration": "__animationDuration_16i6f_gg_",
-  "__SColumn": "___SColumn_16i6f_gg_",
-  "--animationDuration": "--animationDuration_16i6f",
-  "_sticky": "__sticky_16i6f_gg_",
-  "__SGroup": "___SGroup_16i6f_gg_",
-  "_compact": "__compact_16i6f_gg_",
-  "_use_secondary": "_use_secondary_16i6f_gg_",
-  "_borders_both": "_borders_both_16i6f_gg_",
-  "_borders_left": "_borders_left_16i6f_gg_",
-  "_borders_right": "_borders_right_16i6f_gg_",
-  "_gridArea": "__gridArea_16i6f_gg_",
-  "__SGroupTitle": "___SGroupTitle_16i6f_gg_",
-  "--gridArea": "--gridArea_16i6f",
-  "_fixed": "__fixed_16i6f_gg_",
-  "_sortable": "__sortable_16i6f_gg_",
-  "__SSortWrapper": "___SSortWrapper_16i6f_gg_",
-  "__SSortButton": "___SSortButton_16i6f_gg_",
-  "__SHeadCheckboxCol": "___SHeadCheckboxCol_16i6f_gg_",
-  "_use_primary": "_use_primary_16i6f_gg_",
-  "_visibleSort": "__visibleSort_16i6f_gg_",
-  "_justifyContent_right": "_justifyContent_right_16i6f_gg_",
-  "_changeSortSize": "__changeSortSize_16i6f_gg_",
-  "_isSorted": "__isSorted_16i6f_gg_",
-  "_sideIndents_wide": "_sideIndents_wide_16i6f_gg_",
-  "_shadowVertical": "__shadowVertical_16i6f_gg_",
-  "_fixed_left": "_fixed_left_16i6f_gg_",
-  "_shadowVertical_median": "_shadowVertical_median_16i6f_gg_",
-  "_shadowVertical_start": "_shadowVertical_start_16i6f_gg_",
-  "_fixed_right": "_fixed_right_16i6f_gg_",
-  "_shadowVertical_end": "_shadowVertical_end_16i6f_gg_"
+  "__SHead": "___SHead_1mbam_gg_",
+  "__SGroupContainer": "___SGroupContainer_1mbam_gg_",
+  "_isDataEmpty": "__isDataEmpty_1mbam_gg_",
+  "_gridTemplateColumns": "__gridTemplateColumns_1mbam_gg_",
+  "--gridTemplateColumns": "--gridTemplateColumns_1mbam",
+  "_animationDuration": "__animationDuration_1mbam_gg_",
+  "__SColumn": "___SColumn_1mbam_gg_",
+  "--animationDuration": "--animationDuration_1mbam",
+  "_sticky": "__sticky_1mbam_gg_",
+  "__SGroup": "___SGroup_1mbam_gg_",
+  "_compact": "__compact_1mbam_gg_",
+  "_use_secondary": "_use_secondary_1mbam_gg_",
+  "_borders_both": "_borders_both_1mbam_gg_",
+  "_borders_left": "_borders_left_1mbam_gg_",
+  "_borders_right": "_borders_right_1mbam_gg_",
+  "_gridArea": "__gridArea_1mbam_gg_",
+  "__SGroupTitle": "___SGroupTitle_1mbam_gg_",
+  "--gridArea": "--gridArea_1mbam",
+  "_fixed": "__fixed_1mbam_gg_",
+  "_sortable": "__sortable_1mbam_gg_",
+  "__SSortWrapper": "___SSortWrapper_1mbam_gg_",
+  "__SSortButton": "___SSortButton_1mbam_gg_",
+  "__SHeadCheckboxCol": "___SHeadCheckboxCol_1mbam_gg_",
+  "_use_primary": "_use_primary_1mbam_gg_",
+  "_visibleSort": "__visibleSort_1mbam_gg_",
+  "_justifyContent_right": "_justifyContent_right_1mbam_gg_",
+  "_changeSortSize": "__changeSortSize_1mbam_gg_",
+  "_isSorted": "__isSorted_1mbam_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_1mbam_gg_",
+  "_shadowVertical": "__shadowVertical_1mbam_gg_",
+  "_fixed_left": "_fixed_left_1mbam_gg_",
+  "_shadowVertical_median": "_shadowVertical_median_1mbam_gg_",
+  "_shadowVertical_start": "_shadowVertical_start_1mbam_gg_",
+  "_fixed_right": "_fixed_right_1mbam_gg_",
+  "_shadowVertical_end": "_shadowVertical_end_1mbam_gg_"
 });
 import { DataTable } from '../DataTable/DataTable';
 export class Group extends Component {

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

@@ -9,44 +9,44 @@ import React from 'react';
 import { Column } from './Column';
 import { Group } from './Group';
 /*!__reshadow-styles__:"./style.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_16i6f_gg_,.___SHead_16i6f_gg_{display:contents}.___SHead_16i6f_gg_.__isDataEmpty_16i6f_gg_.__gridTemplateColumns_16i6f_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_16i6f);overflow:auto;scrollbar-width:thin}.___SHead_16i6f_gg_.__animationDuration_16i6f_gg_>.___SColumn_16i6f_gg_{transition:top var(--animationDuration_16i6f) ease-out}.___SHead_16i6f_gg_.__sticky_16i6f_gg_ .___SColumn_16i6f_gg_,.___SHead_16i6f_gg_.__sticky_16i6f_gg_ .___SGroup_16i6f_gg_{position:sticky;top:0;z-index:18}.___SHead_16i6f_gg_.__sticky_16i6f_gg_ .___SGroupContainer_16i6f_gg_>.___SColumn_16i6f_gg_{position:sticky;z-index:18}.___SHead_16i6f_gg_.__compact_16i6f_gg_ .___SColumn_16i6f_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_16i6f_gg_,.___SGroup_16i6f_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_16i6f_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_16i6f_gg_._use_primary_16i6f_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_16i6f_gg_._use_primary_16i6f_gg_:has(~.___SColumn_16i6f_gg_.__visibleSort_16i6f_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_16i6f_gg_._use_secondary_16i6f_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_16i6f_gg_._borders_both_16i6f_gg_,.___SColumn_16i6f_gg_._borders_left_16i6f_gg_,.___SGroup_16i6f_gg_._borders_both_16i6f_gg_,.___SGroup_16i6f_gg_._borders_left_16i6f_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_16i6f_gg_._borders_both_16i6f_gg_,.___SColumn_16i6f_gg_._borders_right_16i6f_gg_,.___SGroup_16i6f_gg_._borders_both_16i6f_gg_,.___SGroup_16i6f_gg_._borders_right_16i6f_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_16i6f_gg_._use_primary_16i6f_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_16i6f_gg_._use_primary_16i6f_gg_ .___SSortWrapper_16i6f_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_.__visibleSort_16i6f_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortWrapper_16i6f_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortButton_16i6f_gg_,.___SColumn_16i6f_gg_._use_primary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortWrapper_16i6f_gg_::before,.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortWrapper_16i6f_gg_::before{display:flex;opacity:1}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_._justifyContent_right_16i6f_gg_ .___SSortWrapper_16i6f_gg_{position:absolute}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_._justifyContent_right_16i6f_gg_.__changeSortSize_16i6f_gg_.__isSorted_16i6f_gg_ .___SSortWrapper_16i6f_gg_,.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_._justifyContent_right_16i6f_gg_.__changeSortSize_16i6f_gg_.__isSorted_16i6f_gg_ .___SSortWrapper_16i6f_gg_{position:relative}.___SColumn_16i6f_gg_._use_secondary_16i6f_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_16i6f_gg_._use_secondary_16i6f_gg_ .___SSortWrapper_16i6f_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortWrapper_16i6f_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortButton_16i6f_gg_{display:flex;opacity:1}.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_._justifyContent_right_16i6f_gg_ .___SSortWrapper_16i6f_gg_{position:absolute}.___SColumn_16i6f_gg_.__gridArea_16i6f_gg_,.___SGroupTitle_16i6f_gg_.__gridArea_16i6f_gg_,.___SGroup_16i6f_gg_.__gridArea_16i6f_gg_{grid-area:var(--gridArea_16i6f)}.___SHead_16i6f_gg_ .___SColumn_16i6f_gg_.__fixed_16i6f_gg_,.___SHead_16i6f_gg_ .___SGroup_16i6f_gg_.__fixed_16i6f_gg_,.___SHead_16i6f_gg_.__sticky_16i6f_gg_ .___SColumn_16i6f_gg_.__fixed_16i6f_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_16i6f_gg_.__sortable_16i6f_gg_:hover{cursor:pointer}}.___SSortWrapper_16i6f_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_16i6f_gg_,.___SSortWrapper_16i6f_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_16i6f_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_16i6f_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_16i6f_gg_._sideIndents_wide_16i6f_gg_ .___SColumn_16i6f_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_16i6f_gg_._sideIndents_wide_16i6f_gg_ .___SColumn_16i6f_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_16i6f_gg_{cursor:pointer}.___SColumn_16i6f_gg_.__fixed_16i6f_gg_.__shadowVertical_16i6f_gg_:after,.___SGroup_16i6f_gg_.__fixed_16i6f_gg_.__shadowVertical_16i6f_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_primary_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_._use_primary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_primary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_._use_primary_16i6f_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_secondary_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_._use_secondary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_secondary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_._use_secondary_16i6f_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_:after,.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_:after,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_:after,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_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_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_._use_primary_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_primary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_._use_primary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_primary_16i6f_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_._use_secondary_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_secondary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_._use_secondary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_secondary_16i6f_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_:after,.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_:after,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_:after,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_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__*/"16i6f_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_1mbam_gg_,.___SHead_1mbam_gg_{display:contents}.___SHead_1mbam_gg_.__isDataEmpty_1mbam_gg_.__gridTemplateColumns_1mbam_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_1mbam);overflow:auto;scrollbar-width:thin}.___SHead_1mbam_gg_.__animationDuration_1mbam_gg_>.___SColumn_1mbam_gg_{transition:top var(--animationDuration_1mbam) ease-out}.___SHead_1mbam_gg_.__sticky_1mbam_gg_ .___SColumn_1mbam_gg_,.___SHead_1mbam_gg_.__sticky_1mbam_gg_ .___SGroup_1mbam_gg_{position:sticky;top:0;z-index:18}.___SHead_1mbam_gg_.__sticky_1mbam_gg_ .___SGroupContainer_1mbam_gg_>.___SColumn_1mbam_gg_{position:sticky;z-index:18}.___SHead_1mbam_gg_.__compact_1mbam_gg_ .___SColumn_1mbam_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1mbam_gg_,.___SGroup_1mbam_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_1mbam_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1mbam_gg_._use_primary_1mbam_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1mbam_gg_._use_primary_1mbam_gg_:has(~.___SColumn_1mbam_gg_.__visibleSort_1mbam_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1mbam_gg_._use_secondary_1mbam_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1mbam_gg_._borders_both_1mbam_gg_,.___SColumn_1mbam_gg_._borders_left_1mbam_gg_,.___SGroup_1mbam_gg_._borders_both_1mbam_gg_,.___SGroup_1mbam_gg_._borders_left_1mbam_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1mbam_gg_._borders_both_1mbam_gg_,.___SColumn_1mbam_gg_._borders_right_1mbam_gg_,.___SGroup_1mbam_gg_._borders_both_1mbam_gg_,.___SGroup_1mbam_gg_._borders_right_1mbam_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1mbam_gg_._use_primary_1mbam_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_1mbam_gg_._use_primary_1mbam_gg_ .___SSortWrapper_1mbam_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1mbam_gg_._use_primary_1mbam_gg_.__visibleSort_1mbam_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1mbam_gg_._use_primary_1mbam_gg_.__visibleSort_1mbam_gg_ .___SSortWrapper_1mbam_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1mbam_gg_._use_primary_1mbam_gg_.__visibleSort_1mbam_gg_ .___SSortButton_1mbam_gg_,.___SColumn_1mbam_gg_._use_primary_1mbam_gg_.__visibleSort_1mbam_gg_ .___SSortWrapper_1mbam_gg_::before,.___SColumn_1mbam_gg_._use_secondary_1mbam_gg_.__visibleSort_1mbam_gg_ .___SSortWrapper_1mbam_gg_::before{display:flex;opacity:1}.___SColumn_1mbam_gg_._use_primary_1mbam_gg_._justifyContent_right_1mbam_gg_ .___SSortWrapper_1mbam_gg_{position:absolute}.___SColumn_1mbam_gg_._use_primary_1mbam_gg_._justifyContent_right_1mbam_gg_.__changeSortSize_1mbam_gg_.__isSorted_1mbam_gg_ .___SSortWrapper_1mbam_gg_,.___SColumn_1mbam_gg_._use_secondary_1mbam_gg_._justifyContent_right_1mbam_gg_.__changeSortSize_1mbam_gg_.__isSorted_1mbam_gg_ .___SSortWrapper_1mbam_gg_{position:relative}.___SColumn_1mbam_gg_._use_secondary_1mbam_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_1mbam_gg_._use_secondary_1mbam_gg_ .___SSortWrapper_1mbam_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1mbam_gg_._use_secondary_1mbam_gg_.__visibleSort_1mbam_gg_ .___SSortWrapper_1mbam_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1mbam_gg_._use_secondary_1mbam_gg_.__visibleSort_1mbam_gg_ .___SSortButton_1mbam_gg_{display:flex;opacity:1}.___SColumn_1mbam_gg_._use_secondary_1mbam_gg_._justifyContent_right_1mbam_gg_ .___SSortWrapper_1mbam_gg_{position:absolute}.___SColumn_1mbam_gg_.__gridArea_1mbam_gg_,.___SGroupTitle_1mbam_gg_.__gridArea_1mbam_gg_,.___SGroup_1mbam_gg_.__gridArea_1mbam_gg_{grid-area:var(--gridArea_1mbam)}.___SHead_1mbam_gg_ .___SColumn_1mbam_gg_.__fixed_1mbam_gg_,.___SHead_1mbam_gg_ .___SGroup_1mbam_gg_.__fixed_1mbam_gg_,.___SHead_1mbam_gg_.__sticky_1mbam_gg_ .___SColumn_1mbam_gg_.__fixed_1mbam_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_1mbam_gg_.__sortable_1mbam_gg_:hover{cursor:pointer}}.___SSortWrapper_1mbam_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_1mbam_gg_,.___SSortWrapper_1mbam_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1mbam_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1mbam_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_1mbam_gg_._sideIndents_wide_1mbam_gg_ .___SColumn_1mbam_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1mbam_gg_._sideIndents_wide_1mbam_gg_ .___SColumn_1mbam_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1mbam_gg_{cursor:pointer}.___SColumn_1mbam_gg_.__fixed_1mbam_gg_.__shadowVertical_1mbam_gg_:after,.___SGroup_1mbam_gg_.__fixed_1mbam_gg_.__shadowVertical_1mbam_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_median_1mbam_gg_,.___SColumn_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_start_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_median_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_start_1mbam_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_median_1mbam_gg_._use_primary_1mbam_gg_,.___SColumn_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_start_1mbam_gg_._use_primary_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_median_1mbam_gg_._use_primary_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_start_1mbam_gg_._use_primary_1mbam_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_median_1mbam_gg_._use_secondary_1mbam_gg_,.___SColumn_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_start_1mbam_gg_._use_secondary_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_median_1mbam_gg_._use_secondary_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_start_1mbam_gg_._use_secondary_1mbam_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_median_1mbam_gg_:after,.___SColumn_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_start_1mbam_gg_:after,.___SGroup_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_median_1mbam_gg_:after,.___SGroup_1mbam_gg_._fixed_left_1mbam_gg_._shadowVertical_start_1mbam_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_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_end_1mbam_gg_,.___SColumn_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_median_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_end_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_median_1mbam_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_end_1mbam_gg_._use_primary_1mbam_gg_,.___SColumn_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_median_1mbam_gg_._use_primary_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_end_1mbam_gg_._use_primary_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_median_1mbam_gg_._use_primary_1mbam_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_end_1mbam_gg_._use_secondary_1mbam_gg_,.___SColumn_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_median_1mbam_gg_._use_secondary_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_end_1mbam_gg_._use_secondary_1mbam_gg_,.___SGroup_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_median_1mbam_gg_._use_secondary_1mbam_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_end_1mbam_gg_:after,.___SColumn_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_median_1mbam_gg_:after,.___SGroup_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_end_1mbam_gg_:after,.___SGroup_1mbam_gg_._fixed_right_1mbam_gg_._shadowVertical_median_1mbam_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__*/"1mbam_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHead": "___SHead_16i6f_gg_",
-  "__SGroupContainer": "___SGroupContainer_16i6f_gg_",
-  "_isDataEmpty": "__isDataEmpty_16i6f_gg_",
-  "_gridTemplateColumns": "__gridTemplateColumns_16i6f_gg_",
-  "--gridTemplateColumns": "--gridTemplateColumns_16i6f",
-  "_animationDuration": "__animationDuration_16i6f_gg_",
-  "__SColumn": "___SColumn_16i6f_gg_",
-  "--animationDuration": "--animationDuration_16i6f",
-  "_sticky": "__sticky_16i6f_gg_",
-  "__SGroup": "___SGroup_16i6f_gg_",
-  "_compact": "__compact_16i6f_gg_",
-  "_use_secondary": "_use_secondary_16i6f_gg_",
-  "_borders_both": "_borders_both_16i6f_gg_",
-  "_borders_left": "_borders_left_16i6f_gg_",
-  "_borders_right": "_borders_right_16i6f_gg_",
-  "_gridArea": "__gridArea_16i6f_gg_",
-  "__SGroupTitle": "___SGroupTitle_16i6f_gg_",
-  "--gridArea": "--gridArea_16i6f",
-  "_fixed": "__fixed_16i6f_gg_",
-  "_sortable": "__sortable_16i6f_gg_",
-  "__SSortWrapper": "___SSortWrapper_16i6f_gg_",
-  "__SSortButton": "___SSortButton_16i6f_gg_",
-  "__SHeadCheckboxCol": "___SHeadCheckboxCol_16i6f_gg_",
-  "_use_primary": "_use_primary_16i6f_gg_",
-  "_visibleSort": "__visibleSort_16i6f_gg_",
-  "_justifyContent_right": "_justifyContent_right_16i6f_gg_",
-  "_changeSortSize": "__changeSortSize_16i6f_gg_",
-  "_isSorted": "__isSorted_16i6f_gg_",
-  "_sideIndents_wide": "_sideIndents_wide_16i6f_gg_",
-  "_shadowVertical": "__shadowVertical_16i6f_gg_",
-  "_fixed_left": "_fixed_left_16i6f_gg_",
-  "_shadowVertical_median": "_shadowVertical_median_16i6f_gg_",
-  "_shadowVertical_start": "_shadowVertical_start_16i6f_gg_",
-  "_fixed_right": "_fixed_right_16i6f_gg_",
-  "_shadowVertical_end": "_shadowVertical_end_16i6f_gg_"
+  "__SHead": "___SHead_1mbam_gg_",
+  "__SGroupContainer": "___SGroupContainer_1mbam_gg_",
+  "_isDataEmpty": "__isDataEmpty_1mbam_gg_",
+  "_gridTemplateColumns": "__gridTemplateColumns_1mbam_gg_",
+  "--gridTemplateColumns": "--gridTemplateColumns_1mbam",
+  "_animationDuration": "__animationDuration_1mbam_gg_",
+  "__SColumn": "___SColumn_1mbam_gg_",
+  "--animationDuration": "--animationDuration_1mbam",
+  "_sticky": "__sticky_1mbam_gg_",
+  "__SGroup": "___SGroup_1mbam_gg_",
+  "_compact": "__compact_1mbam_gg_",
+  "_use_secondary": "_use_secondary_1mbam_gg_",
+  "_borders_both": "_borders_both_1mbam_gg_",
+  "_borders_left": "_borders_left_1mbam_gg_",
+  "_borders_right": "_borders_right_1mbam_gg_",
+  "_gridArea": "__gridArea_1mbam_gg_",
+  "__SGroupTitle": "___SGroupTitle_1mbam_gg_",
+  "--gridArea": "--gridArea_1mbam",
+  "_fixed": "__fixed_1mbam_gg_",
+  "_sortable": "__sortable_1mbam_gg_",
+  "__SSortWrapper": "___SSortWrapper_1mbam_gg_",
+  "__SSortButton": "___SSortButton_1mbam_gg_",
+  "__SHeadCheckboxCol": "___SHeadCheckboxCol_1mbam_gg_",
+  "_use_primary": "_use_primary_1mbam_gg_",
+  "_visibleSort": "__visibleSort_1mbam_gg_",
+  "_justifyContent_right": "_justifyContent_right_1mbam_gg_",
+  "_changeSortSize": "__changeSortSize_1mbam_gg_",
+  "_isSorted": "__isSorted_1mbam_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_1mbam_gg_",
+  "_shadowVertical": "__shadowVertical_1mbam_gg_",
+  "_fixed_left": "_fixed_left_1mbam_gg_",
+  "_shadowVertical_median": "_shadowVertical_median_1mbam_gg_",
+  "_shadowVertical_start": "_shadowVertical_start_1mbam_gg_",
+  "_fixed_right": "_fixed_right_1mbam_gg_",
+  "_shadowVertical_end": "_shadowVertical_end_1mbam_gg_"
 });
 import { DataTable, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';
 class HeadRoot extends Component {

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

@@ -195,7 +195,6 @@ SSortButton {
   display: none;
   fill: var(--intergalactic-icon-secondary-neutral-hover-active, #878992);
   position: absolute;
-  top: calc(-1 * (1em * 1.25 - 16px));
   right: 0;
   margin-left: var(--intergalactic-spacing-1x, 4px);
   opacity: 0;