@semcore/data-table 16.0.7 → 16.1.0-prerelease.2

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

@@ -1 +1 @@
-{"version":3,"file":"Column.js","names":["Flex","ButtonLink","Component","lastInteraction","Root","sstyled","canUseDOM","getFocusableIn","isFocusInside","SortAsc","SortDesc","React","style","_sstyled","insert","SORTING_ICON","desc","asc","ARIA_SORT","SORT_ICON_WIDTH","DEFAULT_DIRECTION","reversedSortDirection","Column","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","sortVisible","node","columnRef","current","_this$columnRef$curre","_this$columnRef$curre2","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","isKeyboard","_this$asProps","asProps","sort","onSortChange","name","sortable","isMouse","target","sortDirection","defaultDirection","lockedCell","focusableChildren","from","children","flatMap","_this$lockedCell$","focus","startsWith","stopPropagation","shiftKey","_focusableChildren","preventDefault","_focusableChildren$","_focusableChildren$2","_this$lockedCell$2","setAttribute","cellElement","_this$asProps2","onClick","columnIndex","handleSortClick","rowIndex","colIndex","_inherits","_createClass","value","componentDidMount","_this$asProps3","parent","sticky","changeSortSize","_columnElement$parent","columnElement","groupElement","parentElement","item","groupHeight","height","changeTemplateColumnBySort","componentDidUpdate","prevProps","_prevProps$sort","_this$asProps$sort","_this$asProps4","tableRef","gridTemplateColumns","newWidth","calculateActiveColumnMinWidth","setTimeout","map","gtcWidth","index","join","get","render","_ref","_ref2","SColumn","SSortWrapper","SSortButton","_this$asProps5","uid","sortableColumnDescribeId","Children","_ref3","undefined","_ref4","_slicedToArray","sortBy","isSorted","SSortIcon","visibleSort","Boolean","state","ariaDescribedBy","push","ariaSortValue","cn","_objectSpread","_assignProps","handleMouseEnter","handleMouseLeave","handleFocusCell","handleBlur","handleKeyDown","handleClick","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 { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\nimport type Icon from '@semcore/icon';\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 { DataTableData, SortDirection } from '../DataTable/DataTable.types';\n\nconst SORTING_ICON: { [key in SortDirection]: typeof Icon } = {\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<D extends DataTableData> extends Component<\n  DataTableColumnProps,\n  {},\n  {},\n  [],\n  ColumnPropsInner<D>\n> {\n  static displayName = 'Column';\n  static style = style;\n\n  lockedCell: [HTMLElement | null, boolean] = [null, false];\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 } = this.asProps;\n\n    if (parent && sticky) {\n      const columnElement = this.columnRef.current;\n      const groupElement = columnElement?.parentElement?.children.item(0);\n\n      const groupHeight = groupElement?.getBoundingClientRect().height;\n\n      if (groupHeight) {\n        columnElement?.style.setProperty('top', `${groupHeight}px`);\n      }\n    }\n\n    if (canUseDOM() && changeSortSize && sort?.[0] === name) {\n      this.changeTemplateColumnBySort();\n    }\n  }\n\n  componentDidUpdate(prevProps: DataTableColumnProps & ColumnPropsInner<D>): 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          tableRef.current.style.setProperty(\n            'grid-template-columns',\n            gridTemplateColumns.join(' '),\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) && lastInteraction.isKeyboard()) {\n      this.setState({ sortVisible: false });\n    }\n  };\n\n  handleSortClick = (e: React.SyntheticEvent<HTMLElement>) => {\n    const { sort, onSortChange, name, sortable } = this.asProps;\n\n    if (\n      lastInteraction.isMouse() ||\n      (lastInteraction.isKeyboard() && e.target === e.currentTarget)\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\n  handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.currentTarget === this.lockedCell[0]) {\n      const focusableChildren = Array.from(this.lockedCell[0].children).flatMap((node) =>\n        getFocusableIn(node as HTMLElement),\n      );\n\n      if (this.lockedCell[1]) {\n        if (e.key === 'Escape') {\n          this.lockedCell[0]?.focus();\n          this.lockedCell[1] = false;\n        }\n        if (e.key.startsWith('Arrow')) {\n          e.stopPropagation();\n        }\n        if (e.key === 'Tab') {\n          if (e.target === focusableChildren[0] && e.shiftKey) {\n            focusableChildren[focusableChildren.length - 1]?.focus();\n            e.preventDefault();\n          } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {\n            focusableChildren[0]?.focus();\n            e.preventDefault();\n          }\n\n          e.stopPropagation();\n        }\n      } else if (e.key === 'Enter') {\n        this.lockedCell[1] = true;\n        focusableChildren[0]?.focus();\n        e.preventDefault();\n        e.stopPropagation();\n      } else if (e.key === 'Tab') {\n        this.lockedCell[0]?.setAttribute('inert', '');\n      }\n    }\n  };\n\n  handleFocusCell = (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        if (target === cellElement) {\n          const focusableChildren = Array.from(cellElement.children).flatMap((node) =>\n            getFocusableIn(node as HTMLElement),\n          );\n\n          if (focusableChildren.length === 1) {\n            focusableChildren[0].focus();\n          } else if (focusableChildren.length > 1) {\n            this.lockedCell = [cellElement, false];\n          }\n        }\n      });\n    }\n  };\n\n  handleClick = (e: React.SyntheticEvent<HTMLElement>) => {\n    const { sortable, onClick, columnIndex } = this.asProps;\n    if (sortable) {\n      this.handleSortClick(e);\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.handleFocusCell}\n        onBlur={this.handleBlur}\n        onKeyDown={this.handleKeyDown}\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              onClick={this.handleSortClick}\n              aria-label={ariaSortValue}\n              color='--intergalactic-icon-primary-neutral'\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","getFocusableIn","isFocusInside","SortAsc","SortDesc","React","style","_sstyled","insert","SORTING_ICON","desc","asc","ARIA_SORT","SORT_ICON_WIDTH","DEFAULT_DIRECTION","reversedSortDirection","Column","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","sortVisible","node","columnRef","current","_this$columnRef$curre","_this$columnRef$curre2","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","isKeyboard","_this$asProps","asProps","sort","onSortChange","name","sortable","isMouse","target","sortDirection","defaultDirection","lockedCell","focusableChildren","from","children","flatMap","_this$lockedCell$","focus","startsWith","stopPropagation","shiftKey","_focusableChildren","preventDefault","_focusableChildren$","_focusableChildren$2","_this$lockedCell$2","setAttribute","cellElement","_this$asProps2","onClick","columnIndex","handleSortClick","rowIndex","colIndex","_inherits","_createClass","value","componentDidMount","_this$asProps3","parent","sticky","changeSortSize","_columnElement$parent","columnElement","groupElement","parentElement","item","groupHeight","height","changeTemplateColumnBySort","componentDidUpdate","prevProps","_prevProps$sort","_this$asProps$sort","_this$asProps4","tableRef","gridTemplateColumns","newWidth","calculateActiveColumnMinWidth","setTimeout","map","gtcWidth","index","join","currentGridTemplateColumns","split","get","render","_ref","_ref2","SColumn","SSortWrapper","SSortButton","_this$asProps5","uid","sortableColumnDescribeId","Children","_ref3","undefined","_ref4","_slicedToArray","sortBy","isSorted","SSortIcon","visibleSort","Boolean","state","ariaDescribedBy","push","ariaSortValue","cn","_objectSpread","_assignProps","handleMouseEnter","handleMouseLeave","handleFocusCell","handleBlur","handleKeyDown","handleClick","Addon","tag"],"sources":["../../../../src/components/Head/Column.tsx"],"sourcesContent":["import { Box, 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 { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\nimport type Icon from '@semcore/icon';\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 { DataTableData, SortDirection } from '../DataTable/DataTable.types';\n\nconst SORTING_ICON: { [key in SortDirection]: typeof Icon } = {\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 keyof Data[number],\n  UniqKeyType extends Data[number][UniqKey],\n> extends Component<\n    DataTableColumnProps,\n    {},\n    {},\n    [],\n    ColumnPropsInner<Data, UniqKey, UniqKeyType>\n  > {\n  static displayName = 'Column';\n  static style = style;\n\n  lockedCell: [HTMLElement | null, boolean] = [null, false];\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 } = this.asProps;\n\n    if (parent && sticky) {\n      const columnElement = this.columnRef.current;\n      const groupElement = columnElement?.parentElement?.children.item(0);\n\n      const groupHeight = groupElement?.getBoundingClientRect().height;\n\n      if (groupHeight) {\n        columnElement?.style.setProperty('top', `${groupHeight}px`);\n      }\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) && lastInteraction.isKeyboard()) {\n      this.setState({ sortVisible: false });\n    }\n  };\n\n  handleSortClick = (e: React.SyntheticEvent<HTMLElement>) => {\n    const { sort, onSortChange, name, sortable } = this.asProps;\n\n    if (\n      lastInteraction.isMouse() ||\n      (lastInteraction.isKeyboard() && e.target === e.currentTarget)\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\n  handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.currentTarget === this.lockedCell[0]) {\n      const focusableChildren = Array.from(this.lockedCell[0].children).flatMap((node) =>\n        getFocusableIn(node as HTMLElement),\n      );\n\n      if (this.lockedCell[1]) {\n        if (e.key === 'Escape') {\n          this.lockedCell[0]?.focus();\n          this.lockedCell[1] = false;\n        }\n        if (e.key.startsWith('Arrow')) {\n          e.stopPropagation();\n        }\n        if (e.key === 'Tab') {\n          if (e.target === focusableChildren[0] && e.shiftKey) {\n            focusableChildren[focusableChildren.length - 1]?.focus();\n            e.preventDefault();\n          } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {\n            focusableChildren[0]?.focus();\n            e.preventDefault();\n          }\n\n          e.stopPropagation();\n        }\n      } else if (e.key === 'Enter') {\n        this.lockedCell[1] = true;\n        focusableChildren[0]?.focus();\n        e.preventDefault();\n        e.stopPropagation();\n      } else if (e.key === 'Tab') {\n        this.lockedCell[0]?.setAttribute('inert', '');\n      }\n    }\n  };\n\n  handleFocusCell = (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        if (target === cellElement) {\n          const focusableChildren = Array.from(cellElement.children).flatMap((node) =>\n            getFocusableIn(node as HTMLElement),\n          );\n\n          if (focusableChildren.length === 1) {\n            focusableChildren[0].focus();\n          } else if (focusableChildren.length > 1) {\n            this.lockedCell = [cellElement, false];\n          }\n        }\n      });\n    }\n  };\n\n  handleClick = (e: React.SyntheticEvent<HTMLElement>) => {\n    const { sortable, onClick, columnIndex } = this.asProps;\n    if (sortable) {\n      this.handleSortClick(e);\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.handleFocusCell}\n        onBlur={this.handleBlur}\n        onKeyDown={this.handleKeyDown}\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              onClick={this.handleSortClick}\n              aria-label={ariaSortValue}\n              color='--intergalactic-icon-primary-neutral'\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/Column.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Column.types.js","names":[],"sources":["../../../../src/components/Head/Column.types.ts"],"sourcesContent":["import type { Property } from 'csstype';\n\nimport type { CellPropsInner } from '../Body/Cell.types';\nimport type {\n  ColumnGroupConfig,\n  ColumnItemConfig,\n  DataTableData,\n  DataTableProps,\n  DTUse,\n  SortDirection,\n} from '../DataTable/DataTable.types';\n\nexport type CommonColumnType = {\n  /**\n   * Name of column for mapping with data\n   */\n  name: string;\n  /**\n   * Flag to define column as sortable\n   */\n  sortable?: boolean | SortDirection;\n  /**\n   * Fixes column to some side of table\n   */\n  fixed?: 'left' | 'right';\n  /**\n   * Adds vertical border(s)\n   */\n  borders?: 'both' | 'left' | 'right';\n  /**\n   * It manages the `flex-wrap` property\n   */\n  flexWrap?: boolean;\n  /**\n   * It manages the `align-items` property\n   */\n  alignItems?: Property.AlignItems;\n  /**\n   * It manages the `align-content` property\n   */\n  alignContent?: Property.AlignContent;\n  /**\n   * CSS `justify-content` property\n   */\n  justifyContent?: Property.JustifyContent;\n};\n\nexport type DTColumn = ColumnItemConfig &\n  CommonColumnType & {\n    /**\n     * Width for grid-template-columns\n     */\n    gtcWidth: string;\n\n    parent?: DTColumn | ColumnGroupConfig;\n\n    columns?: DTColumn[];\n    children?: React.ReactNode | React.FC;\n\n    gridArea?: string;\n  };\n\nexport type DataTableColumnProps = CommonColumnType & {\n  /**\n   * Value for grid-template-columns for current column\n   */\n  gtcWidth?: string;\n\n  /**\n   * Flag for change column size if sorted by it\n   */\n  changeSortSize?: boolean;\n};\n\nexport type ColumnPropsInner<D extends DataTableData> = {\n  use: DTUse;\n  borders?: 'both' | 'left' | 'right';\n  sort?: DataTableProps<D>['sort'];\n  onSortChange?: DataTableProps<D>['onSortChange'];\n  uid: string;\n  parent?: DTColumn;\n  sortableColumnDescribeId: string;\n  columnIndex: number;\n  tableRef: React.RefObject<HTMLElement>;\n  gridTemplateColumns: string[];\n  gridTemplateAreas: string[];\n  sticky: boolean;\n  onClick: CellPropsInner['onClick'];\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Column.types.js","names":[],"sources":["../../../../src/components/Head/Column.types.ts"],"sourcesContent":["import type { Property } from 'csstype';\n\nimport type { BodyPropsInner } from '../Body/Body.types';\nimport type { CellPropsInner } from '../Body/Cell.types';\nimport type {\n  ColumnGroupConfig,\n  ColumnItemConfig,\n  DataTableData,\n  DataTableProps,\n  DTUse,\n  SortDirection,\n} from '../DataTable/DataTable.types';\n\nexport type CommonColumnType = {\n  /**\n   * Name of column for mapping with data\n   */\n  name: string;\n  /**\n   * Flag to define column as sortable\n   */\n  sortable?: boolean | SortDirection;\n  /**\n   * Fixes column to some side of table\n   */\n  fixed?: 'left' | 'right';\n  /**\n   * Adds vertical border(s)\n   */\n  borders?: 'both' | 'left' | 'right';\n  /**\n   * It manages the `flex-wrap` property\n   */\n  flexWrap?: boolean;\n  /**\n   * It manages the `align-items` property\n   */\n  alignItems?: Property.AlignItems;\n  /**\n   * It manages the `align-content` property\n   */\n  alignContent?: Property.AlignContent;\n  /**\n   * CSS `justify-content` property\n   */\n  justifyContent?: Property.JustifyContent;\n  /**\n   * CSS `text-align` property\n   */\n  textAlign?: Property.TextAlign;\n};\n\nexport type DTColumn = ColumnItemConfig &\n  CommonColumnType & {\n    /**\n     * Width for grid-template-columns\n     */\n    gtcWidth: string;\n\n    parent?: DTColumn | ColumnGroupConfig;\n\n    columns?: DTColumn[];\n    children?: React.ReactNode | React.FC;\n\n    gridArea?: string;\n\n    showShadowVertical?: boolean;\n  };\n\nexport type DataTableColumnProps = CommonColumnType & {\n  /**\n   * Value for grid-template-columns for current column\n   */\n  gtcWidth?: string;\n\n  /**\n   * Flag for change column size if sorted by it\n   */\n  changeSortSize?: boolean;\n};\n\nexport type ColumnPropsInner<\n  Data extends DataTableData,\n  UniqKey extends keyof Data[number],\n  UniqKeyType extends Data[number][UniqKey],\n> = {\n  use: DTUse;\n  borders?: 'both' | 'left' | 'right';\n  sort?: DataTableProps<Data, UniqKey, UniqKeyType>['sort'];\n  onSortChange?: DataTableProps<Data, UniqKey, UniqKeyType>['onSortChange'];\n  uid: string;\n  parent?: DTColumn;\n  sortableColumnDescribeId: string;\n  columnIndex: number;\n  tableRef: React.RefObject<HTMLElement>;\n  gridTemplateColumns: string[];\n  gridTemplateAreas: string[];\n  sticky: boolean;\n  onClick: CellPropsInner<UniqKeyType>['onClick'];\n  shadowVertical?: BodyPropsInner<UniqKeyType>['shadowVertical'];\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -13,36 +13,41 @@ import { assignProps as _assignProps } from "@semcore/core";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 import { Box } from '@semcore/base-components';
 import { Component, Root, sstyled } from '@semcore/core';
-import getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';
 import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
 import React from 'react';
 /*!__reshadow-styles__:"./style.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_1uo6g_gg_,.___SHead_1uo6g_gg_{display:contents}.___SHead_1uo6g_gg_.__animationDuration_1uo6g_gg_>.___SColumn_1uo6g_gg_{transition:top var(--animationDuration_1uo6g) ease-out}.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SColumn_1uo6g_gg_,.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SGroup_1uo6g_gg_{position:sticky;top:0;z-index:2}.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SGroupContainer_1uo6g_gg_>.___SColumn_1uo6g_gg_{position:sticky;z-index:2}.___SHead_1uo6g_gg_.__compact_1uo6g_gg_ .___SColumn_1uo6g_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1uo6g_gg_,.___SGroup_1uo6g_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}.___SGroup_1uo6g_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1uo6g_gg_._use_primary_1uo6g_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1uo6g_gg_._use_primary_1uo6g_gg_:has(~.___SColumn_1uo6g_gg_.__visibleSort_1uo6g_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1uo6g_gg_._use_secondary_1uo6g_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1uo6g_gg_._borders_both_1uo6g_gg_,.___SColumn_1uo6g_gg_._borders_left_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_both_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_left_1uo6g_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1uo6g_gg_._borders_both_1uo6g_gg_,.___SColumn_1uo6g_gg_._borders_right_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_both_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_right_1uo6g_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_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_1uo6g_gg_._use_primary_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortButton_1uo6g_gg_,.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before,.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before{display:flex;opacity:1}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_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_1uo6g_gg_._use_secondary_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortButton_1uo6g_gg_{display:flex;opacity:1}.___SColumn_1uo6g_gg_.__gridArea_1uo6g_gg_,.___SGroupTitle_1uo6g_gg_.__gridArea_1uo6g_gg_,.___SGroup_1uo6g_gg_.__gridArea_1uo6g_gg_{grid-area:var(--gridArea_1uo6g)}.___SHead_1uo6g_gg_ .___SColumn_1uo6g_gg_.__fixed_1uo6g_gg_,.___SHead_1uo6g_gg_ .___SGroup_1uo6g_gg_.__fixed_1uo6g_gg_,.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SColumn_1uo6g_gg_.__fixed_1uo6g_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_1uo6g_gg_.__sortable_1uo6g_gg_:hover{cursor:pointer}}.___SSortWrapper_1uo6g_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_1uo6g_gg_,.___SSortWrapper_1uo6g_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1uo6g_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1uo6g_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_1uo6g_gg_._sideIndents_wide_1uo6g_gg_ .___SColumn_1uo6g_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1uo6g_gg_._sideIndents_wide_1uo6g_gg_ .___SColumn_1uo6g_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1uo6g_gg_{cursor:pointer}", /*__inner_css_end__*/"1uo6g_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_1ndk0_gg_,.___SHead_1ndk0_gg_{display:contents}.___SHead_1ndk0_gg_.__animationDuration_1ndk0_gg_>.___SColumn_1ndk0_gg_{transition:top var(--animationDuration_1ndk0) ease-out}.___SHead_1ndk0_gg_.__sticky_1ndk0_gg_ .___SColumn_1ndk0_gg_,.___SHead_1ndk0_gg_.__sticky_1ndk0_gg_ .___SGroup_1ndk0_gg_{position:sticky;top:0;z-index:18}.___SHead_1ndk0_gg_.__sticky_1ndk0_gg_ .___SGroupContainer_1ndk0_gg_>.___SColumn_1ndk0_gg_{position:sticky;z-index:18}.___SHead_1ndk0_gg_.__compact_1ndk0_gg_ .___SColumn_1ndk0_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1ndk0_gg_,.___SGroup_1ndk0_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_1ndk0_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1ndk0_gg_._use_primary_1ndk0_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1ndk0_gg_._use_primary_1ndk0_gg_:has(~.___SColumn_1ndk0_gg_.__visibleSort_1ndk0_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1ndk0_gg_._use_secondary_1ndk0_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1ndk0_gg_._borders_both_1ndk0_gg_,.___SColumn_1ndk0_gg_._borders_left_1ndk0_gg_,.___SGroup_1ndk0_gg_._borders_both_1ndk0_gg_,.___SGroup_1ndk0_gg_._borders_left_1ndk0_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1ndk0_gg_._borders_both_1ndk0_gg_,.___SColumn_1ndk0_gg_._borders_right_1ndk0_gg_,.___SGroup_1ndk0_gg_._borders_both_1ndk0_gg_,.___SGroup_1ndk0_gg_._borders_right_1ndk0_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1ndk0_gg_._use_primary_1ndk0_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_1ndk0_gg_._use_primary_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1ndk0_gg_._use_primary_1ndk0_gg_.__visibleSort_1ndk0_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1ndk0_gg_._use_primary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1ndk0_gg_._use_primary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortButton_1ndk0_gg_,.___SColumn_1ndk0_gg_._use_primary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_::before,.___SColumn_1ndk0_gg_._use_secondary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_::before{display:flex;opacity:1}.___SColumn_1ndk0_gg_._use_secondary_1ndk0_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_1ndk0_gg_._use_secondary_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1ndk0_gg_._use_secondary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1ndk0_gg_._use_secondary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortButton_1ndk0_gg_{display:flex;opacity:1}.___SColumn_1ndk0_gg_.__gridArea_1ndk0_gg_,.___SGroupTitle_1ndk0_gg_.__gridArea_1ndk0_gg_,.___SGroup_1ndk0_gg_.__gridArea_1ndk0_gg_{grid-area:var(--gridArea_1ndk0)}.___SHead_1ndk0_gg_ .___SColumn_1ndk0_gg_.__fixed_1ndk0_gg_,.___SHead_1ndk0_gg_ .___SGroup_1ndk0_gg_.__fixed_1ndk0_gg_,.___SHead_1ndk0_gg_.__sticky_1ndk0_gg_ .___SColumn_1ndk0_gg_.__fixed_1ndk0_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_1ndk0_gg_.__sortable_1ndk0_gg_:hover{cursor:pointer}}.___SSortWrapper_1ndk0_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_1ndk0_gg_,.___SSortWrapper_1ndk0_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1ndk0_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1ndk0_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_1ndk0_gg_._sideIndents_wide_1ndk0_gg_ .___SColumn_1ndk0_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1ndk0_gg_._sideIndents_wide_1ndk0_gg_ .___SColumn_1ndk0_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1ndk0_gg_{cursor:pointer}.___SColumn_1ndk0_gg_.__fixed_1ndk0_gg_.__shadowVertical_1ndk0_gg_:after,.___SGroup_1ndk0_gg_.__fixed_1ndk0_gg_.__shadowVertical_1ndk0_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_primary_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_._use_primary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_primary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_._use_primary_1ndk0_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_._use_secondary_1ndk0_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_:after,.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_:after,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_:after,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_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_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_._use_primary_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_primary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_._use_primary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_primary_1ndk0_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_secondary_1ndk0_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_:after,.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_:after,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_:after,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_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__*/"1ndk0_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHead": "___SHead_1uo6g_gg_",
-  "__SGroupContainer": "___SGroupContainer_1uo6g_gg_",
-  "_animationDuration": "__animationDuration_1uo6g_gg_",
-  "__SColumn": "___SColumn_1uo6g_gg_",
-  "--animationDuration": "--animationDuration_1uo6g",
-  "_sticky": "__sticky_1uo6g_gg_",
-  "__SGroup": "___SGroup_1uo6g_gg_",
-  "_compact": "__compact_1uo6g_gg_",
-  "_use_secondary": "_use_secondary_1uo6g_gg_",
-  "_borders_both": "_borders_both_1uo6g_gg_",
-  "_borders_left": "_borders_left_1uo6g_gg_",
-  "_borders_right": "_borders_right_1uo6g_gg_",
-  "_gridArea": "__gridArea_1uo6g_gg_",
-  "__SGroupTitle": "___SGroupTitle_1uo6g_gg_",
-  "--gridArea": "--gridArea_1uo6g",
-  "_fixed": "__fixed_1uo6g_gg_",
-  "_sortable": "__sortable_1uo6g_gg_",
-  "__SSortWrapper": "___SSortWrapper_1uo6g_gg_",
-  "__SSortButton": "___SSortButton_1uo6g_gg_",
-  "__SHeadCheckboxCol": "___SHeadCheckboxCol_1uo6g_gg_",
-  "_use_primary": "_use_primary_1uo6g_gg_",
-  "_visibleSort": "__visibleSort_1uo6g_gg_",
-  "_sideIndents_wide": "_sideIndents_wide_1uo6g_gg_"
+  "__SHead": "___SHead_1ndk0_gg_",
+  "__SGroupContainer": "___SGroupContainer_1ndk0_gg_",
+  "_animationDuration": "__animationDuration_1ndk0_gg_",
+  "__SColumn": "___SColumn_1ndk0_gg_",
+  "--animationDuration": "--animationDuration_1ndk0",
+  "_sticky": "__sticky_1ndk0_gg_",
+  "__SGroup": "___SGroup_1ndk0_gg_",
+  "_compact": "__compact_1ndk0_gg_",
+  "_use_secondary": "_use_secondary_1ndk0_gg_",
+  "_borders_both": "_borders_both_1ndk0_gg_",
+  "_borders_left": "_borders_left_1ndk0_gg_",
+  "_borders_right": "_borders_right_1ndk0_gg_",
+  "_gridArea": "__gridArea_1ndk0_gg_",
+  "__SGroupTitle": "___SGroupTitle_1ndk0_gg_",
+  "--gridArea": "--gridArea_1ndk0",
+  "_fixed": "__fixed_1ndk0_gg_",
+  "_sortable": "__sortable_1ndk0_gg_",
+  "__SSortWrapper": "___SSortWrapper_1ndk0_gg_",
+  "__SSortButton": "___SSortButton_1ndk0_gg_",
+  "__SHeadCheckboxCol": "___SHeadCheckboxCol_1ndk0_gg_",
+  "_use_primary": "_use_primary_1ndk0_gg_",
+  "_visibleSort": "__visibleSort_1ndk0_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_1ndk0_gg_",
+  "_shadowVertical": "__shadowVertical_1ndk0_gg_",
+  "_fixed_left": "_fixed_left_1ndk0_gg_",
+  "_shadowVertical_median": "_shadowVertical_median_1ndk0_gg_",
+  "_shadowVertical_start": "_shadowVertical_start_1ndk0_gg_",
+  "_fixed_right": "_fixed_right_1ndk0_gg_",
+  "_shadowVertical_end": "_shadowVertical_end_1ndk0_gg_"
 });
 import { DataTableInternal } from '../DataTable/DataTable';
 export var Group = /*#__PURE__*/function (_Component) {
@@ -80,14 +85,17 @@ export var Group = /*#__PURE__*/function (_Component) {
         fixed = _this$asProps.fixed,
         columns = _this$asProps.columns,
         withConfig = _this$asProps.withConfig,
-        getFixedStyle = _this$asProps.getFixedStyle;
+        getFixedStyle = _this$asProps.getFixedStyle,
+        shadowVertical = _this$asProps.shadowVertical;
       var groupColumns = columns !== null && columns !== void 0 ? columns : [];
-      var children = getOriginChildren(Children);
       var firstColumn = groupColumns[0];
       var lastColumn = groupColumns[groupColumns.length - 1];
       var style = {};
       if (fixed === 'left' && firstColumn) {
-        var _getFixedStyle = getFixedStyle(firstColumn),
+        var _getFixedStyle = getFixedStyle({
+            name: firstColumn.name,
+            fixed: 'left'
+          }),
           _getFixedStyle2 = _slicedToArray(_getFixedStyle, 2),
           name = _getFixedStyle2[0],
           value = _getFixedStyle2[1];
@@ -96,7 +104,10 @@ export var Group = /*#__PURE__*/function (_Component) {
         }
       }
       if (fixed === 'right' && lastColumn) {
-        var _getFixedStyle3 = getFixedStyle(lastColumn),
+        var _getFixedStyle3 = getFixedStyle({
+            name: lastColumn.name,
+            fixed: 'right'
+          }),
           _getFixedStyle4 = _slicedToArray(_getFixedStyle3, 2),
           _name = _getFixedStyle4[0],
           _value = _getFixedStyle4[1];
@@ -109,8 +120,9 @@ export var Group = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/React.createElement(SGroup, _ref2.cn("SGroup", _objectSpread({}, _assignProps({
         "style": style,
         "__excludeProps": ['title'],
-        "id": this.groupId
-      }, _ref))), withConfig ? children : title), withConfig ? groupColumns.map(function (column, _i) {
+        "id": this.groupId,
+        "use:shadowVertical": firstColumn.showShadowVertical || lastColumn.showShadowVertical ? shadowVertical : undefined
+      }, _ref))), withConfig ? /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})) : title), withConfig ? groupColumns.map(function (column, _i) {
         return /*#__PURE__*/React.createElement(DataTableInternal.Head.Column, _extends({
           key: column.name
         }, column, {

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

@@ -1 +1 @@
-{"version":3,"file":"Group.js","names":["Box","Component","Root","sstyled","getOriginChildren","uniqueIDEnhancement","React","style","_sstyled","insert","DataTableInternal","Group","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","componentDidMount","_this","setTimeout","forceUpdate","get","uid","asProps","concat","render","_ref","_ref2","_this2","SGroupContainer","SGroup","_this$asProps","styles","Children","title","fixed","columns","withConfig","getFixedStyle","groupColumns","children","firstColumn","lastColumn","length","_getFixedStyle","_getFixedStyle2","_slicedToArray","name","undefined","_getFixedStyle3","_getFixedStyle4","createElement","cn","_objectSpread","_assignProps","groupId","map","column","_i","Head","Column","_extends","_defineProperty"],"sources":["../../../../src/components/Head/Group.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport type { DataTableGroupProps, GroupPropsInner } from './Group.type';\nimport style from './style.shadow.css';\nimport { DataTableInternal } from '../DataTable/DataTable';\n\nexport class Group extends Component<\n  DataTableGroupProps,\n  {},\n  {},\n  typeof Group.enhance,\n  GroupPropsInner\n> {\n  static displayName = 'Group';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()] as const;\n\n  componentDidMount() {\n    setTimeout(() => {\n      this.forceUpdate();\n    }, 0);\n  }\n\n  get groupId() {\n    const { uid } = this.asProps;\n\n    return `${uid}_columns_group`;\n  }\n\n  render() {\n    const SGroupContainer = Box;\n    const SGroup = Root;\n    const { styles, Children, title, fixed, columns, withConfig, getFixedStyle } = this.asProps;\n    const groupColumns = columns ?? [];\n    const children = getOriginChildren(Children);\n\n    const firstColumn = groupColumns[0];\n    const lastColumn = groupColumns[groupColumns.length - 1];\n\n    const style: any = {};\n\n    if (fixed === 'left' && firstColumn) {\n      const [name, value] = getFixedStyle(firstColumn);\n      if (name !== undefined && value !== undefined) {\n        style[name] = value;\n      }\n    }\n    if (fixed === 'right' && lastColumn) {\n      const [name, value] = getFixedStyle(lastColumn);\n      if (name !== undefined && value !== undefined) {\n        style[name] = value;\n      }\n    }\n\n    return sstyled(styles)(\n      <SGroupContainer data-group-container>\n        <SGroup render={Box} style={style} __excludeProps={['title']} id={this.groupId}>\n          {withConfig ? children : title}\n        </SGroup>\n        {withConfig\n          ? (\n              groupColumns.map((column, _i) => {\n                return (\n                  <DataTableInternal.Head.Column\n                    key={column.name}\n                    {...column}\n                    aria-describedby={this.groupId}\n                  />\n                );\n              })\n            )\n          : (\n              <Children />\n            )}\n      </SGroupContainer>,\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Group.js","names":["Box","Component","Root","sstyled","uniqueIDEnhancement","React","style","_sstyled","insert","DataTableInternal","Group","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","componentDidMount","_this","setTimeout","forceUpdate","get","uid","asProps","concat","render","_ref","_ref2","_this2","SGroupContainer","SGroup","_this$asProps","styles","Children","title","fixed","columns","withConfig","getFixedStyle","shadowVertical","groupColumns","firstColumn","lastColumn","length","_getFixedStyle","name","_getFixedStyle2","_slicedToArray","undefined","_getFixedStyle3","_getFixedStyle4","createElement","cn","_objectSpread","_assignProps","groupId","showShadowVertical","map","column","_i","Head","Column","_extends","_defineProperty"],"sources":["../../../../src/components/Head/Group.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport type { DataTableGroupProps, GroupPropsInner } from './Group.type';\nimport style from './style.shadow.css';\nimport { DataTableInternal } from '../DataTable/DataTable';\n\nexport class Group extends Component<\n  DataTableGroupProps,\n  {},\n  {},\n  typeof Group.enhance,\n  GroupPropsInner\n> {\n  static displayName = 'Group';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()] as const;\n\n  componentDidMount() {\n    setTimeout(() => {\n      this.forceUpdate();\n    }, 0);\n  }\n\n  get groupId() {\n    const { uid } = this.asProps;\n\n    return `${uid}_columns_group`;\n  }\n\n  render() {\n    const SGroupContainer = Box;\n    const SGroup = Root;\n    const { styles, Children, title, fixed, columns, withConfig, getFixedStyle, shadowVertical } = this.asProps;\n    const groupColumns = columns ?? [];\n\n    const firstColumn = groupColumns[0];\n    const lastColumn = groupColumns[groupColumns.length - 1];\n\n    const style: any = {};\n\n    if (fixed === 'left' && firstColumn) {\n      const [name, value] = getFixedStyle({ name: firstColumn.name, fixed: 'left' });\n      if (name !== undefined && value !== undefined) {\n        style[name] = value;\n      }\n    }\n    if (fixed === 'right' && lastColumn) {\n      const [name, value] = getFixedStyle({ name: lastColumn.name, fixed: 'right' });\n      if (name !== undefined && value !== undefined) {\n        style[name] = value;\n      }\n    }\n\n    return sstyled(styles)(\n      <SGroupContainer data-group-container>\n        <SGroup\n          render={Box}\n          style={style}\n          __excludeProps={['title']}\n          id={this.groupId}\n          use:shadowVertical={(firstColumn.showShadowVertical || lastColumn.showShadowVertical) ? shadowVertical : undefined}\n        >\n          {withConfig ? <Children /> : title}\n        </SGroup>\n        {withConfig\n          ? (\n              groupColumns.map((column, _i) => {\n                return (\n                  <DataTableInternal.Head.Column\n                    key={column.name}\n                    {...column}\n                    aria-describedby={this.groupId}\n                  />\n                );\n              })\n            )\n          : (\n              <Children />\n            )}\n      </SGroupContainer>,\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Group.type.js","names":[],"sources":["../../../../src/components/Head/Group.type.ts"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport type { DataTableColumnProps, DTColumn } from './Column.types';\nimport type { DTUse } from '../DataTable/DataTable.types';\n\nexport type DataTableGroupProps = {\n  title: React.ReactNode;\n\n  borders?: 'both' | 'left' | 'right';\n\n  fixed?: 'left' | 'right';\n\n  children: Array<ReactElement<DataTableColumnProps>>;\n\n  name?: string;\n  columns?: DTColumn[];\n};\n\nexport type GroupPropsInner = {\n  use: DTUse;\n  withConfig: boolean;\n  getFixedStyle: (\n    cell: Pick<DTColumn, 'name' | 'fixed'>,\n  ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Group.type.js","names":[],"sources":["../../../../src/components/Head/Group.type.ts"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport type { DataTableColumnProps, DTColumn } from './Column.types';\nimport type { BodyPropsInner } from '../Body/Body.types';\nimport type { DTUse } from '../DataTable/DataTable.types';\n\nexport type DataTableGroupProps = {\n  title: React.ReactNode;\n\n  borders?: 'both' | 'left' | 'right';\n\n  fixed?: 'left' | 'right';\n\n  children: Array<ReactElement<DataTableColumnProps>>;\n\n  name?: string;\n  columns?: DTColumn[];\n};\n\nexport type GroupPropsInner = {\n  use: DTUse;\n  withConfig: boolean;\n  getFixedStyle: (\n    cell: Pick<DTColumn, 'name' | 'fixed'>,\n  ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n  shadowVertical?: BodyPropsInner<any>['shadowVertical'];\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -18,32 +18,38 @@ import React from 'react';
 import { Column } from './Column';
 import { Group } from './Group';
 /*!__reshadow-styles__:"./style.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_1uo6g_gg_,.___SHead_1uo6g_gg_{display:contents}.___SHead_1uo6g_gg_.__animationDuration_1uo6g_gg_>.___SColumn_1uo6g_gg_{transition:top var(--animationDuration_1uo6g) ease-out}.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SColumn_1uo6g_gg_,.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SGroup_1uo6g_gg_{position:sticky;top:0;z-index:2}.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SGroupContainer_1uo6g_gg_>.___SColumn_1uo6g_gg_{position:sticky;z-index:2}.___SHead_1uo6g_gg_.__compact_1uo6g_gg_ .___SColumn_1uo6g_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1uo6g_gg_,.___SGroup_1uo6g_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}.___SGroup_1uo6g_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1uo6g_gg_._use_primary_1uo6g_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1uo6g_gg_._use_primary_1uo6g_gg_:has(~.___SColumn_1uo6g_gg_.__visibleSort_1uo6g_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1uo6g_gg_._use_secondary_1uo6g_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1uo6g_gg_._borders_both_1uo6g_gg_,.___SColumn_1uo6g_gg_._borders_left_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_both_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_left_1uo6g_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1uo6g_gg_._borders_both_1uo6g_gg_,.___SColumn_1uo6g_gg_._borders_right_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_both_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_right_1uo6g_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_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_1uo6g_gg_._use_primary_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortButton_1uo6g_gg_,.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before,.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before{display:flex;opacity:1}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_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_1uo6g_gg_._use_secondary_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortButton_1uo6g_gg_{display:flex;opacity:1}.___SColumn_1uo6g_gg_.__gridArea_1uo6g_gg_,.___SGroupTitle_1uo6g_gg_.__gridArea_1uo6g_gg_,.___SGroup_1uo6g_gg_.__gridArea_1uo6g_gg_{grid-area:var(--gridArea_1uo6g)}.___SHead_1uo6g_gg_ .___SColumn_1uo6g_gg_.__fixed_1uo6g_gg_,.___SHead_1uo6g_gg_ .___SGroup_1uo6g_gg_.__fixed_1uo6g_gg_,.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SColumn_1uo6g_gg_.__fixed_1uo6g_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_1uo6g_gg_.__sortable_1uo6g_gg_:hover{cursor:pointer}}.___SSortWrapper_1uo6g_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_1uo6g_gg_,.___SSortWrapper_1uo6g_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1uo6g_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1uo6g_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_1uo6g_gg_._sideIndents_wide_1uo6g_gg_ .___SColumn_1uo6g_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1uo6g_gg_._sideIndents_wide_1uo6g_gg_ .___SColumn_1uo6g_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1uo6g_gg_{cursor:pointer}", /*__inner_css_end__*/"1uo6g_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_1ndk0_gg_,.___SHead_1ndk0_gg_{display:contents}.___SHead_1ndk0_gg_.__animationDuration_1ndk0_gg_>.___SColumn_1ndk0_gg_{transition:top var(--animationDuration_1ndk0) ease-out}.___SHead_1ndk0_gg_.__sticky_1ndk0_gg_ .___SColumn_1ndk0_gg_,.___SHead_1ndk0_gg_.__sticky_1ndk0_gg_ .___SGroup_1ndk0_gg_{position:sticky;top:0;z-index:18}.___SHead_1ndk0_gg_.__sticky_1ndk0_gg_ .___SGroupContainer_1ndk0_gg_>.___SColumn_1ndk0_gg_{position:sticky;z-index:18}.___SHead_1ndk0_gg_.__compact_1ndk0_gg_ .___SColumn_1ndk0_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1ndk0_gg_,.___SGroup_1ndk0_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_1ndk0_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1ndk0_gg_._use_primary_1ndk0_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1ndk0_gg_._use_primary_1ndk0_gg_:has(~.___SColumn_1ndk0_gg_.__visibleSort_1ndk0_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1ndk0_gg_._use_secondary_1ndk0_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1ndk0_gg_._borders_both_1ndk0_gg_,.___SColumn_1ndk0_gg_._borders_left_1ndk0_gg_,.___SGroup_1ndk0_gg_._borders_both_1ndk0_gg_,.___SGroup_1ndk0_gg_._borders_left_1ndk0_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1ndk0_gg_._borders_both_1ndk0_gg_,.___SColumn_1ndk0_gg_._borders_right_1ndk0_gg_,.___SGroup_1ndk0_gg_._borders_both_1ndk0_gg_,.___SGroup_1ndk0_gg_._borders_right_1ndk0_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1ndk0_gg_._use_primary_1ndk0_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_1ndk0_gg_._use_primary_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1ndk0_gg_._use_primary_1ndk0_gg_.__visibleSort_1ndk0_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1ndk0_gg_._use_primary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1ndk0_gg_._use_primary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortButton_1ndk0_gg_,.___SColumn_1ndk0_gg_._use_primary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_::before,.___SColumn_1ndk0_gg_._use_secondary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_::before{display:flex;opacity:1}.___SColumn_1ndk0_gg_._use_secondary_1ndk0_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_1ndk0_gg_._use_secondary_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1ndk0_gg_._use_secondary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1ndk0_gg_._use_secondary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortButton_1ndk0_gg_{display:flex;opacity:1}.___SColumn_1ndk0_gg_.__gridArea_1ndk0_gg_,.___SGroupTitle_1ndk0_gg_.__gridArea_1ndk0_gg_,.___SGroup_1ndk0_gg_.__gridArea_1ndk0_gg_{grid-area:var(--gridArea_1ndk0)}.___SHead_1ndk0_gg_ .___SColumn_1ndk0_gg_.__fixed_1ndk0_gg_,.___SHead_1ndk0_gg_ .___SGroup_1ndk0_gg_.__fixed_1ndk0_gg_,.___SHead_1ndk0_gg_.__sticky_1ndk0_gg_ .___SColumn_1ndk0_gg_.__fixed_1ndk0_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_1ndk0_gg_.__sortable_1ndk0_gg_:hover{cursor:pointer}}.___SSortWrapper_1ndk0_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_1ndk0_gg_,.___SSortWrapper_1ndk0_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1ndk0_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1ndk0_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_1ndk0_gg_._sideIndents_wide_1ndk0_gg_ .___SColumn_1ndk0_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1ndk0_gg_._sideIndents_wide_1ndk0_gg_ .___SColumn_1ndk0_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1ndk0_gg_{cursor:pointer}.___SColumn_1ndk0_gg_.__fixed_1ndk0_gg_.__shadowVertical_1ndk0_gg_:after,.___SGroup_1ndk0_gg_.__fixed_1ndk0_gg_.__shadowVertical_1ndk0_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_primary_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_._use_primary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_primary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_._use_primary_1ndk0_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_._use_secondary_1ndk0_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_:after,.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_:after,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_:after,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_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_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_._use_primary_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_primary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_._use_primary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_primary_1ndk0_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_secondary_1ndk0_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_:after,.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_:after,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_:after,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_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__*/"1ndk0_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHead": "___SHead_1uo6g_gg_",
-  "__SGroupContainer": "___SGroupContainer_1uo6g_gg_",
-  "_animationDuration": "__animationDuration_1uo6g_gg_",
-  "__SColumn": "___SColumn_1uo6g_gg_",
-  "--animationDuration": "--animationDuration_1uo6g",
-  "_sticky": "__sticky_1uo6g_gg_",
-  "__SGroup": "___SGroup_1uo6g_gg_",
-  "_compact": "__compact_1uo6g_gg_",
-  "_use_secondary": "_use_secondary_1uo6g_gg_",
-  "_borders_both": "_borders_both_1uo6g_gg_",
-  "_borders_left": "_borders_left_1uo6g_gg_",
-  "_borders_right": "_borders_right_1uo6g_gg_",
-  "_gridArea": "__gridArea_1uo6g_gg_",
-  "__SGroupTitle": "___SGroupTitle_1uo6g_gg_",
-  "--gridArea": "--gridArea_1uo6g",
-  "_fixed": "__fixed_1uo6g_gg_",
-  "_sortable": "__sortable_1uo6g_gg_",
-  "__SSortWrapper": "___SSortWrapper_1uo6g_gg_",
-  "__SSortButton": "___SSortButton_1uo6g_gg_",
-  "__SHeadCheckboxCol": "___SHeadCheckboxCol_1uo6g_gg_",
-  "_use_primary": "_use_primary_1uo6g_gg_",
-  "_visibleSort": "__visibleSort_1uo6g_gg_",
-  "_sideIndents_wide": "_sideIndents_wide_1uo6g_gg_"
+  "__SHead": "___SHead_1ndk0_gg_",
+  "__SGroupContainer": "___SGroupContainer_1ndk0_gg_",
+  "_animationDuration": "__animationDuration_1ndk0_gg_",
+  "__SColumn": "___SColumn_1ndk0_gg_",
+  "--animationDuration": "--animationDuration_1ndk0",
+  "_sticky": "__sticky_1ndk0_gg_",
+  "__SGroup": "___SGroup_1ndk0_gg_",
+  "_compact": "__compact_1ndk0_gg_",
+  "_use_secondary": "_use_secondary_1ndk0_gg_",
+  "_borders_both": "_borders_both_1ndk0_gg_",
+  "_borders_left": "_borders_left_1ndk0_gg_",
+  "_borders_right": "_borders_right_1ndk0_gg_",
+  "_gridArea": "__gridArea_1ndk0_gg_",
+  "__SGroupTitle": "___SGroupTitle_1ndk0_gg_",
+  "--gridArea": "--gridArea_1ndk0",
+  "_fixed": "__fixed_1ndk0_gg_",
+  "_sortable": "__sortable_1ndk0_gg_",
+  "__SSortWrapper": "___SSortWrapper_1ndk0_gg_",
+  "__SSortButton": "___SSortButton_1ndk0_gg_",
+  "__SHeadCheckboxCol": "___SHeadCheckboxCol_1ndk0_gg_",
+  "_use_primary": "_use_primary_1ndk0_gg_",
+  "_visibleSort": "__visibleSort_1ndk0_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_1ndk0_gg_",
+  "_shadowVertical": "__shadowVertical_1ndk0_gg_",
+  "_fixed_left": "_fixed_left_1ndk0_gg_",
+  "_shadowVertical_median": "_shadowVertical_median_1ndk0_gg_",
+  "_shadowVertical_start": "_shadowVertical_start_1ndk0_gg_",
+  "_fixed_right": "_fixed_right_1ndk0_gg_",
+  "_shadowVertical_end": "_shadowVertical_end_1ndk0_gg_"
 });
 import { DataTableInternal, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';
 var HeadRoot = /*#__PURE__*/function (_Component) {
@@ -82,12 +88,14 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
         use = _this$asProps3.use,
         gridAreaGroupMap = _this$asProps3.gridAreaGroupMap,
         children = _this$asProps3.children,
-        getFixedStyle = _this$asProps3.getFixedStyle;
+        getFixedStyle = _this$asProps3.getFixedStyle,
+        shadowVertical = _this$asProps3.shadowVertical;
       return {
         use: use,
         gridArea: gridAreaGroupMap.get(index),
         withConfig: children === undefined,
-        getFixedStyle: getFixedStyle
+        getFixedStyle: getFixedStyle,
+        shadowVertical: shadowVertical
       };
     }
   }, {
@@ -106,7 +114,8 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
         selectedRows = _this$asProps4.selectedRows,
         h = _this$asProps4.h,
         getFixedStyle = _this$asProps4.getFixedStyle,
-        onCellClick = _this$asProps4.onCellClick;
+        onCellClick = _this$asProps4.onCellClick,
+        shadowVertical = _this$asProps4.shadowVertical;
       var column = columns[index];
       if (index === 0 && selectedRows && columns[index + 1].fixed) {
         column.fixed = 'left';
@@ -139,16 +148,18 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
         gridTemplateColumns: gridTemplateColumns,
         gridTemplateAreas: gridTemplateAreas,
         h: h,
-        'onClick': onCellClick
+        'onClick': onCellClick,
+        'shadowVertical': column.showShadowVertical ? shadowVertical : undefined
       };
     }
   }, {
     key: "areAllRowsSelected",
     get: function get() {
       var _this$asProps5 = this.asProps,
-        selectedRows = _this$asProps5.selectedRows,
+        _this$asProps5$select = _this$asProps5.selectedRows,
+        selectedRows = _this$asProps5$select === void 0 ? [] : _this$asProps5$select,
         flatRows = _this$asProps5.flatRows;
-      return flatRows.every(function (row) {
+      return selectedRows.length > 0 && flatRows.every(function (row) {
         return selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.includes(row[UNIQ_ROW_KEY]);
       });
     }

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","gridArea","get","withConfig","undefined","getColumnProps","_this$asProps4","columns","sort","onSortChange","tableRef","gridTemplateColumns","gridTemplateAreas","sticky","top","selectedRows","h","onCellClick","column","fixed","_getFixedStyle","_getFixedStyle2","_slicedToArray","name","borders","parent","_this$asProps5","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<D extends DataTableData> extends Component<\n  DataTableHeadProps,\n  {},\n  {},\n  [],\n  HeadPropsInner<D>\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 } = this.asProps;\n\n    return {\n      use,\n      gridArea: gridAreaGroupMap.get(index),\n      withConfig: children === undefined,\n      getFixedStyle,\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    } = 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) {\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    };\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 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","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    } = 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) {\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    };\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":[]}

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 { DTColumn } from './Column.types';\nimport type { CellPropsInner } from '../Body/Cell.types';\nimport type { DTRow, UniqRowKey } 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\nexport type HeadPropsInner<D extends DataTableData> = {\n  use: DTUse;\n  tableRef: React.RefObject<HTMLElement>;\n  columns: DTColumn[];\n  treeColumns: DTColumn[];\n  compact: boolean;\n  sort?: DataTableProps<D>['sort'];\n  onSortChange?: DataTableProps<D>['onSortChange'];\n  getI18nText: (key: string) => string;\n  uid: string;\n  ref: React.RefObject<HTMLDivElement>;\n\n  gridAreaGroupMap: Map<number, string>;\n  gridTemplateColumns: string[];\n  gridTemplateAreas: string[];\n  sideIndents?: 'wide';\n\n  totalRows: number;\n  selectedRows?: UniqRowKey[];\n  onChangeSelectAll?: (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => void;\n  flatRows: DTRow[];\n\n  getFixedStyle: (\n    cell: Pick<DTColumn, 'name' | 'fixed'>,\n  ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n  onCellClick: CellPropsInner['onClick'];\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Head.types.js","names":[],"sources":["../../../../src/components/Head/Head.types.ts"],"sourcesContent":["import type { 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<UniqKeyType>['onClick'];\n  shadowVertical?: BodyPropsInner<UniqKeyType>['shadowVertical'];\n};\n"],"mappings":"","ignoreList":[]}