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

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

@@ -1 +1 @@
-{"version":3,"file":"Column.js","names":["_core","require","_baseComponents","_button","_canUseDOM","_interopRequireDefault","_getFocusableIn","_isFocusInside","_m","_m2","React","_interopRequireWildcard","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","SORTING_ICON","desc","SortDesc","asc","SortAsc","ARIA_SORT","SORT_ICON_WIDTH","DEFAULT_DIRECTION","reversedSortDirection","Column","exports","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","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","relatedTarget","isFocusInside","currentTarget","lastInteraction","isKeyboard","_this$asProps","asProps","sort","onSortChange","name","sortable","isMouse","target","sortDirection","defaultDirection","lockedCell","focusableChildren","from","children","flatMap","getFocusableIn","_this$lockedCell$","focus","startsWith","stopPropagation","shiftKey","_focusableChildren","preventDefault","_focusableChildren$","_focusableChildren$2","_this$lockedCell$2","setAttribute","cellElement","_this$asProps2","onClick","columnIndex","handleSortClick","rowIndex","colIndex","_inherits2","_createClass2","value","componentDidMount","_this$asProps3","parent","sticky","changeSortSize","_columnElement$parent","columnElement","groupElement","parentElement","item","groupHeight","height","canUseDOM","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","Flex","SSortWrapper","SSortButton","ButtonLink","_this$asProps5","uid","sortableColumnDescribeId","Children","_ref3","undefined","_ref4","_slicedToArray2","sortBy","isSorted","SSortIcon","visibleSort","Boolean","state","ariaDescribedBy","push","ariaSortValue","cn","_objectSpread2","assignProps","handleMouseEnter","handleMouseLeave","handleFocusCell","handleBlur","handleKeyDown","handleClick","Addon","tag","Component"],"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":[]}
+{"version":3,"file":"Column.js","names":["_core","require","_baseComponents","_button","_canUseDOM","_interopRequireDefault","_getFocusableIn","_isFocusInside","_m","_m2","React","_interopRequireWildcard","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","SORTING_ICON","desc","SortDesc","asc","SortAsc","ARIA_SORT","SORT_ICON_WIDTH","DEFAULT_DIRECTION","reversedSortDirection","Column","exports","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","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","relatedTarget","isFocusInside","currentTarget","lastInteraction","isKeyboard","_this$asProps","asProps","sort","onSortChange","name","sortable","isMouse","target","sortDirection","defaultDirection","lockedCell","focusableChildren","from","children","flatMap","getFocusableIn","_this$lockedCell$","focus","startsWith","stopPropagation","shiftKey","_focusableChildren","preventDefault","_focusableChildren$","_focusableChildren$2","_this$lockedCell$2","setAttribute","cellElement","_this$asProps2","onClick","columnIndex","handleSortClick","rowIndex","colIndex","_inherits2","_createClass2","value","componentDidMount","_this$asProps3","parent","sticky","changeSortSize","scrollDirection","_columnElement$parent","columnElement","groupElement","parentElement","item","groupHeight","height","canUseDOM","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","Flex","SSortWrapper","SSortButton","ButtonLink","_this$asProps5","uid","sortableColumnDescribeId","Children","_ref3","undefined","_ref4","_slicedToArray2","sortBy","isSorted","SSortIcon","visibleSort","Boolean","state","ariaDescribedBy","push","ariaSortValue","cn","_objectSpread2","assignProps","handleMouseEnter","handleMouseLeave","handleFocusCell","handleBlur","handleKeyDown","handleClick","Addon","tag","Component"],"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, scrollDirection } = this.asProps;\n\n    if (parent && sticky && scrollDirection !== 'horizontal') {\n      const columnElement = this.columnRef.current;\n      const groupElement = columnElement?.parentElement?.children.item(0);\n\n      const 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/cjs/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 { 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":[]}
+{"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  scrollDirection?: 'horizontal' | 'vertical' | 'both';\n};\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/components/Head/Head.js

@@ -120,7 +120,8 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
         h = _this$asProps4.h,
         getFixedStyle = _this$asProps4.getFixedStyle,
         onCellClick = _this$asProps4.onCellClick,
-        shadowVertical = _this$asProps4.shadowVertical;
+        shadowVertical = _this$asProps4.shadowVertical,
+        scrollDirection = _this$asProps4.scrollDirection;
       var column = columns[index];
       if (index === 0 && selectedRows && columns[index + 1].fixed) {
         column.fixed = 'left';
@@ -130,7 +131,7 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
         name = _getFixedStyle2[0],
         value = _getFixedStyle2[1];
       var style = {};
-      if (top) {
+      if (top && scrollDirection !== 'horizontal') {
         style.top = "".concat(top, "px");
       }
       if (name !== undefined && value !== undefined) {
@@ -154,7 +155,8 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
         gridTemplateAreas: gridTemplateAreas,
         h: h,
         'onClick': onCellClick,
-        'shadowVertical': column.showShadowVertical ? shadowVertical : undefined
+        'shadowVertical': column.showShadowVertical ? shadowVertical : undefined,
+        scrollDirection: scrollDirection
       };
     }
   }, {

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

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

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

package/lib/es6/components/DataTable/DataTable.js

@@ -14,6 +14,7 @@ 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, ScreenReaderOnly, ScrollArea } from '@semcore/base-components';
 import { Component, createComponent, lastInteraction, Root, sstyled } from '@semcore/core';
+import canUseDOM from '@semcore/core/lib/utils/canUseDOM';
 import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
 import findComponent from '@semcore/core/lib/utils/findComponent';
 import { hasParent } from '@semcore/core/lib/utils/hasParent';
@@ -94,6 +95,37 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
       selectAllMessage: '',
       shadowVertical: ''
     });
+    _defineProperty(_this, "handleDocumentScroll", trottle(function () {
+      var _headerProps$top, _this$scrollAreaRef$c;
+      var tableContainer = _this.tableContainerRef.current;
+      if (!tableContainer) return;
+      var tableContainerTop = tableContainer.getBoundingClientRect().top;
+      var headerProps = _this.asProps.headerProps;
+      var headerContainer = _this.headerRef.current;
+      var elements = headerContainer === null || headerContainer === void 0 ? void 0 : headerContainer.querySelectorAll('[role="columnheader"], [data-ui-name="Head.Group"]');
+      var top = tableContainerTop - ((_headerProps$top = headerProps === null || headerProps === void 0 ? void 0 : headerProps.top) !== null && _headerProps$top !== void 0 ? _headerProps$top : 0);
+      var headerScrollBar = headerProps !== null && headerProps !== void 0 && headerProps.withScrollBar ? (_this$scrollAreaRef$c = _this.scrollAreaRef.current) === null || _this$scrollAreaRef$c === void 0 ? void 0 : _this$scrollAreaRef$c.querySelector("[role=scrollbar][aria-orientation=horizontal]") : undefined;
+      if (top && top < 0) {
+        var translate = "translateY(".concat(Math.abs(top), "px)");
+        elements === null || elements === void 0 || elements.forEach(function (column) {
+          if (column instanceof HTMLElement) {
+            column.style.setProperty('transform', translate);
+          }
+        });
+        if (headerScrollBar instanceof HTMLElement) {
+          headerScrollBar.style.setProperty('transform', translate);
+        }
+      } else {
+        elements === null || elements === void 0 || elements.forEach(function (column) {
+          if (column instanceof HTMLElement) {
+            column.style.removeProperty('transform');
+          }
+        });
+        if (headerScrollBar instanceof HTMLElement) {
+          headerScrollBar.style.removeProperty('transform');
+        }
+      }
+    }));
     _defineProperty(_this, "handleCellClick", function (e, opt) {
       if (lastInteraction.isMouse()) {
         _this.initFocusableCell([_this.hasFocusableInHeader() ? opt.rowIndex + 1 : opt.rowIndex, opt.colIndex]);
@@ -456,6 +488,9 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
           _this2.calculateVerticalShadow();
         });
       }
+      if (headerProps !== null && headerProps !== void 0 && headerProps.sticky && canUseDOM() && this.scrollDirection === 'horizontal') {
+        document.addEventListener('scroll', this.handleDocumentScroll);
+      }
     }
   }, {
     key: "componentDidUpdate",
@@ -485,6 +520,13 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         }
       }
     }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (canUseDOM()) {
+        document.removeEventListener('scroll', this.handleDocumentScroll);
+      }
+    }
   }, {
     key: "totalRows",
     get: function get() {
@@ -533,21 +575,41 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         gridTemplateAreas: gridTemplateAreas
       };
     }
+  }, {
+    key: "scrollDirection",
+    get: function get() {
+      var _this$asProps6 = this.asProps,
+        w = _this$asProps6.w,
+        wMax = _this$asProps6.wMax,
+        h = _this$asProps6.h,
+        hMax = _this$asProps6.hMax;
+      var scrollDirection = undefined;
+      var hasWidthSettings = Boolean(w) || Boolean(wMax);
+      var hasHeightSettings = Boolean(h) && h !== 'fit-content' || Boolean(hMax);
+      if (hasWidthSettings && !hasHeightSettings) {
+        scrollDirection = 'horizontal';
+      } else if (hasHeightSettings && !hasWidthSettings) {
+        scrollDirection = 'vertical';
+      } else if (hasWidthSettings && hasHeightSettings) {
+        scrollDirection = 'both';
+      }
+      return scrollDirection;
+    }
   }, {
     key: "getHeadProps",
     value: function getHeadProps() {
       var _this3 = this;
-      var _this$asProps6 = this.asProps,
-        use = _this$asProps6.use,
-        compact = _this$asProps6.compact,
-        sort = _this$asProps6.sort,
-        onSortChange = _this$asProps6.onSortChange,
-        getI18nText = _this$asProps6.getI18nText,
-        uid = _this$asProps6.uid,
-        headerProps = _this$asProps6.headerProps,
-        onSelectedRowsChange = _this$asProps6.onSelectedRowsChange,
-        selectedRows = _this$asProps6.selectedRows,
-        sideIndents = _this$asProps6.sideIndents;
+      var _this$asProps7 = this.asProps,
+        use = _this$asProps7.use,
+        compact = _this$asProps7.compact,
+        sort = _this$asProps7.sort,
+        onSortChange = _this$asProps7.onSortChange,
+        getI18nText = _this$asProps7.getI18nText,
+        uid = _this$asProps7.uid,
+        headerProps = _this$asProps7.headerProps,
+        onSelectedRowsChange = _this$asProps7.onSelectedRowsChange,
+        selectedRows = _this$asProps7.selectedRows,
+        sideIndents = _this$asProps7.sideIndents;
       var _this$gridSettings = this.gridSettings,
         gridTemplateColumns = _this$gridSettings.gridTemplateColumns,
         gridTemplateAreas = _this$gridSettings.gridTemplateAreas;
@@ -584,30 +646,31 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         },
         getFixedStyle: this.getFixedStyle,
         onCellClick: this.handleCellClick,
-        shadowVertical: shadowVertical
+        shadowVertical: shadowVertical,
+        scrollDirection: this.scrollDirection
       });
     }
   }, {
     key: "getBodyProps",
     value: function getBodyProps() {
-      var _this$asProps7 = this.asProps,
-        use = _this$asProps7.use,
-        compact = _this$asProps7.compact,
-        loading = _this$asProps7.loading,
-        getI18nText = _this$asProps7.getI18nText,
-        expandedRows = _this$asProps7.expandedRows,
-        virtualScroll = _this$asProps7.virtualScroll,
-        uid = _this$asProps7.uid,
-        rowProps = _this$asProps7.rowProps,
-        renderCell = _this$asProps7.renderCell,
-        headerProps = _this$asProps7.headerProps,
-        renderEmptyData = _this$asProps7.renderEmptyData,
-        sideIndents = _this$asProps7.sideIndents,
-        selectedRows = _this$asProps7.selectedRows,
-        accordionDuration = _this$asProps7.accordionDuration,
-        accordionMode = _this$asProps7.accordionMode,
-        rawData = _this$asProps7.data,
-        renderCellOverlay = _this$asProps7.renderCellOverlay;
+      var _this$asProps8 = this.asProps,
+        use = _this$asProps8.use,
+        compact = _this$asProps8.compact,
+        loading = _this$asProps8.loading,
+        getI18nText = _this$asProps8.getI18nText,
+        expandedRows = _this$asProps8.expandedRows,
+        virtualScroll = _this$asProps8.virtualScroll,
+        uid = _this$asProps8.uid,
+        rowProps = _this$asProps8.rowProps,
+        renderCell = _this$asProps8.renderCell,
+        headerProps = _this$asProps8.headerProps,
+        renderEmptyData = _this$asProps8.renderEmptyData,
+        sideIndents = _this$asProps8.sideIndents,
+        selectedRows = _this$asProps8.selectedRows,
+        accordionDuration = _this$asProps8.accordionDuration,
+        accordionMode = _this$asProps8.accordionMode,
+        rawData = _this$asProps8.data,
+        renderCellOverlay = _this$asProps8.renderCellOverlay;
       var _this$gridSettings2 = this.gridSettings,
         gridTemplateColumns = _this$gridSettings2.gridTemplateColumns,
         gridTemplateAreas = _this$gridSettings2.gridTemplateAreas;
@@ -683,20 +746,20 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
       var _ref = this.asProps,
         _ref2;
       var SDataTable = Box;
-      var _this$asProps8 = this.asProps,
-        Children = _this$asProps8.Children,
-        styles = _this$asProps8.styles,
-        w = _this$asProps8.w,
-        wMax = _this$asProps8.wMax,
-        wMin = _this$asProps8.wMin,
-        h = _this$asProps8.h,
-        hMax = _this$asProps8.hMax,
-        hMin = _this$asProps8.hMin,
-        virtualScroll = _this$asProps8.virtualScroll,
-        children = _this$asProps8.children,
-        headerProps = _this$asProps8.headerProps,
-        loading = _this$asProps8.loading,
-        selectedRows = _this$asProps8.selectedRows;
+      var _this$asProps9 = this.asProps,
+        Children = _this$asProps9.Children,
+        styles = _this$asProps9.styles,
+        w = _this$asProps9.w,
+        wMax = _this$asProps9.wMax,
+        wMin = _this$asProps9.wMin,
+        h = _this$asProps9.h,
+        hMax = _this$asProps9.hMax,
+        hMin = _this$asProps9.hMin,
+        virtualScroll = _this$asProps9.virtualScroll,
+        children = _this$asProps9.children,
+        headerProps = _this$asProps9.headerProps,
+        loading = _this$asProps9.loading,
+        selectedRows = _this$asProps9.selectedRows;
       var _this$getScrollOffset = this.getScrollOffsetValue(),
         _this$getScrollOffset2 = _slicedToArray(_this$getScrollOffset, 2),
         offsetLeftSum = _this$getScrollOffset2[0],
@@ -715,16 +778,6 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
       if (virtualScroll && typeof virtualScroll !== 'boolean' && 'rowHeight' in virtualScroll) {
         gridTemplateRows = "auto auto repeat(".concat(this.totalRows, ", minmax(").concat(virtualScroll.rowHeight, "px, auto)");
       }
-      var scrollDirection = undefined;
-      var hasWidthSettings = Boolean(w) || Boolean(wMax);
-      var hasHeightSettings = Boolean(h) && h !== 'fit-content' || Boolean(hMax);
-      if (hasWidthSettings && !hasHeightSettings) {
-        scrollDirection = 'horizontal';
-      } else if (hasHeightSettings && !hasWidthSettings) {
-        scrollDirection = 'vertical';
-      } else if (hasWidthSettings && hasHeightSettings) {
-        scrollDirection = 'both';
-      }
       return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(ScrollArea, _ref2.cn("ScrollArea", {
         "leftOffset": offsetLeftSum,
         "rightOffset": offsetRightSum,
@@ -745,7 +798,7 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         tabIndex: -1
         // @ts-ignore
         ,
-        scrollDirection: scrollDirection
+        scrollDirection: this.scrollDirection
         // @ts-ignore
         ,
         loading: loading,