@semcore/data-table 16.5.3 → 17.0.0-prerelease.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/components/AccordionRows/AccordionRows.js +144 -157
  3. package/lib/cjs/components/AccordionRows/AccordionRows.js.map +1 -1
  4. package/lib/cjs/components/Body/Body.js +373 -395
  5. package/lib/cjs/components/Body/Body.js.map +1 -1
  6. package/lib/cjs/components/Body/Cell.js +135 -151
  7. package/lib/cjs/components/Body/Cell.js.map +1 -1
  8. package/lib/cjs/components/Body/LimitOverlay.js +142 -158
  9. package/lib/cjs/components/Body/LimitOverlay.js.map +1 -1
  10. package/lib/cjs/components/Body/MergedCells.js +25 -23
  11. package/lib/cjs/components/Body/MergedCells.js.map +1 -1
  12. package/lib/cjs/components/Body/Row.js +498 -539
  13. package/lib/cjs/components/Body/Row.js.map +1 -1
  14. package/lib/cjs/components/DataTable/DataTable.js +867 -938
  15. package/lib/cjs/components/DataTable/DataTable.js.map +1 -1
  16. package/lib/cjs/components/Head/Column.js +208 -234
  17. package/lib/cjs/components/Head/Column.js.map +1 -1
  18. package/lib/cjs/components/Head/Group.js +79 -92
  19. package/lib/cjs/components/Head/Group.js.map +1 -1
  20. package/lib/cjs/components/Head/Head.js +229 -263
  21. package/lib/cjs/components/Head/Head.js.map +1 -1
  22. package/lib/cjs/enhancers/focusableCell.js +6 -14
  23. package/lib/cjs/enhancers/focusableCell.js.map +1 -1
  24. package/lib/cjs/index.js +7 -14
  25. package/lib/cjs/index.js.map +1 -1
  26. package/lib/cjs/translations/__intergalactic-dynamic-locales.js +16 -16
  27. package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
  28. package/lib/es6/components/AccordionRows/AccordionRows.js +142 -156
  29. package/lib/es6/components/AccordionRows/AccordionRows.js.map +1 -1
  30. package/lib/es6/components/Body/Body.js +370 -392
  31. package/lib/es6/components/Body/Body.js.map +1 -1
  32. package/lib/es6/components/Body/Cell.js +131 -147
  33. package/lib/es6/components/Body/Cell.js.map +1 -1
  34. package/lib/es6/components/Body/LimitOverlay.js +138 -154
  35. package/lib/es6/components/Body/LimitOverlay.js.map +1 -1
  36. package/lib/es6/components/Body/MergedCells.js +22 -22
  37. package/lib/es6/components/Body/MergedCells.js.map +1 -1
  38. package/lib/es6/components/Body/Row.js +493 -535
  39. package/lib/es6/components/Body/Row.js.map +1 -1
  40. package/lib/es6/components/DataTable/DataTable.js +861 -932
  41. package/lib/es6/components/DataTable/DataTable.js.map +1 -1
  42. package/lib/es6/components/Head/Column.js +201 -228
  43. package/lib/es6/components/Head/Column.js.map +1 -1
  44. package/lib/es6/components/Head/Group.js +74 -88
  45. package/lib/es6/components/Head/Group.js.map +1 -1
  46. package/lib/es6/components/Head/Head.js +228 -262
  47. package/lib/es6/components/Head/Head.js.map +1 -1
  48. package/lib/es6/enhancers/focusableCell.js +6 -14
  49. package/lib/es6/enhancers/focusableCell.js.map +1 -1
  50. package/lib/es6/index.js +3 -9
  51. package/lib/es6/index.js.map +1 -1
  52. package/lib/es6/translations/__intergalactic-dynamic-locales.js +15 -15
  53. package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
  54. package/lib/esm/components/AccordionRows/AccordionRows.mjs +143 -134
  55. package/lib/esm/components/Body/Body.mjs +377 -343
  56. package/lib/esm/components/Body/Cell.mjs +136 -135
  57. package/lib/esm/components/Body/LimitOverlay.mjs +141 -144
  58. package/lib/esm/components/Body/MergedCells.mjs +22 -22
  59. package/lib/esm/components/Body/Row.mjs +498 -458
  60. package/lib/esm/components/DataTable/DataTable.mjs +866 -842
  61. package/lib/esm/components/Head/Column.mjs +208 -201
  62. package/lib/esm/components/Head/Group.mjs +76 -84
  63. package/lib/esm/components/Head/Head.mjs +231 -216
  64. package/lib/esm/enhancers/focusableCell.mjs +7 -14
  65. package/lib/esm/index.mjs +2 -5
  66. package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +1 -1
  67. package/lib/types/components/Body/Cell.d.ts +1 -3
  68. package/lib/types/components/Body/Row.d.ts +1 -1
  69. package/lib/types/components/Head/Column.d.ts +2 -2
  70. package/lib/types/components/Head/Group.d.ts +1 -1
  71. package/lib/types/index.d.ts +2 -6
  72. package/package.json +20 -22
@@ -1 +1 @@
1
- {"version":3,"file":"Column.js","names":["Flex","ButtonLink","Component","lastInteraction","Root","sstyled","canUseDOM","cssToIntDefault","getFocusableIn","isFocusInside","isInteractiveElement","SortAsc","SortDesc","React","style","_sstyled","insert","handleFocusCell","handleKeydownFocusCell","SORTING_ICON","desc","asc","ARIA_SORT","SORT_ICON_WIDTH","DEFAULT_DIRECTION","reversedSortDirection","Column","_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","stopPropagation","_this$asProps","asProps","sort","onSortChange","name","sortable","isMouse","target","sortDirection","defaultDirection","lockedCell","cellElement","_this$columnRef$curre3","_this$columnRef$curre4","focusableChildren","from","children","flatMap","_this$columnRef$curre5","_this$columnRef$curre6","_this$asProps2","onClick","columnIndex","handleSortClick","rowIndex","colIndex","_inherits","_createClass","value","componentDidMount","_this$asProps3","parent","sticky","changeSortSize","scrollDirection","_columnElement$parent","_groupElement$getBoun","columnElement","groupElement","parentElement","item","groupRectHeight","height","topOffset","HTMLElement","top","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","handleFocusableCellFocus","handleBlur","handleFocusableCellKeyDown","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 cssToIntDefault from '@semcore/core/lib/utils/cssToIntDefault';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\nimport { isInteractiveElement } from '@semcore/core/lib/utils/isInteractiveElement';\nimport 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 { IFocusableCell, LockedCell } from '../../enhancers/focusableCell';\nimport { handleFocusCell, handleKeydownFocusCell } from '../../enhancers/focusableCell';\nimport type { ROW_GROUP } from '../DataTable/DataTable';\nimport type { DataTableData, SortDirection } from '../DataTable/DataTable.types';\n\nconst SORTING_ICON: { [key in SortDirection]: 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 (Data[number] extends { [ROW_GROUP]: DataTableData } ? keyof Data[number][typeof ROW_GROUP][number] : keyof Data[number]),\n UniqKeyType extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? Data[number][typeof ROW_GROUP][number][UniqKey] : Data[number][UniqKey]),\n> extends Component<\n DataTableColumnProps,\n {},\n {},\n [],\n ColumnPropsInner<Data, UniqKey, UniqKeyType>\n > implements IFocusableCell {\n lockedCell: LockedCell = [null, false];\n\n static displayName = 'Column';\n static style = style;\n\n columnRef = React.createRef<HTMLDivElement>();\n sortWrapperRef = React.createRef<HTMLDivElement>();\n\n state: State = {\n sortVisible: false,\n };\n\n componentDidMount() {\n const { parent, sticky, changeSortSize, name, sort, scrollDirection } = this.asProps;\n\n if (parent && sticky && scrollDirection !== 'horizontal') {\n const columnElement = this.columnRef.current;\n const groupElement = columnElement?.parentElement?.children.item(0);\n\n const groupRectHeight = groupElement?.getBoundingClientRect().height ?? 0;\n const topOffset = (groupElement instanceof HTMLElement) ? cssToIntDefault(groupElement.style.top) : 0;\n\n columnElement?.style.setProperty('top', `${groupRectHeight + topOffset}px`);\n }\n\n if (canUseDOM() && changeSortSize && sort?.[0] === name) {\n this.changeTemplateColumnBySort();\n }\n }\n\n componentDidUpdate(prevProps: DataTableColumnProps & ColumnPropsInner<Data, UniqKey, UniqKeyType>): void {\n if (\n this.asProps.changeSortSize &&\n canUseDOM() &&\n prevProps.sort?.[0] !== this.asProps.sort?.[0]\n ) {\n this.changeTemplateColumnBySort();\n }\n }\n\n changeTemplateColumnBySort() {\n const { tableRef, gridTemplateColumns, columnIndex, sort, name } = this.asProps;\n\n if (sort?.[0] === name) {\n const newWidth = this.calculateActiveColumnMinWidth();\n\n setTimeout(() => {\n if (tableRef.current && newWidth !== null) {\n tableRef.current.style.setProperty(\n 'grid-template-columns',\n gridTemplateColumns\n .map((gtcWidth, index) => {\n if (index === columnIndex) {\n return `${newWidth}px`;\n }\n return gtcWidth;\n })\n .join(' '),\n );\n }\n });\n } else if (sort?.[0] !== name) {\n setTimeout(() => {\n if (tableRef.current) {\n const currentGridTemplateColumns = tableRef.current.style.getPropertyValue('grid-template-columns');\n\n if (currentGridTemplateColumns) {\n tableRef.current.style.setProperty(\n 'grid-template-columns',\n currentGridTemplateColumns.split(' ')\n .map((gtcWidth, index) => {\n if (index === columnIndex) {\n return gridTemplateColumns[index];\n }\n return gtcWidth;\n })\n .join(' '),\n );\n }\n }\n });\n }\n }\n\n calculateActiveColumnMinWidth = (): number | null => {\n const node = this.columnRef.current;\n\n if (node) {\n const clonedColumn = document.createElement('div');\n const computedStyle = window.getComputedStyle(node);\n\n node.childNodes.forEach((node) => {\n if (this.sortWrapperRef.current !== node) {\n clonedColumn.append(node.cloneNode(true));\n }\n });\n\n clonedColumn.style.setProperty('visibility', 'hidden', 'important');\n\n const styles = [\n 'display',\n 'flex',\n 'margin',\n 'padding',\n 'background',\n 'font-style',\n 'font-width',\n 'font-size',\n 'font-weight',\n ];\n\n styles.forEach((key) => {\n clonedColumn.style.setProperty(\n key,\n computedStyle.getPropertyValue(key),\n computedStyle.getPropertyPriority(key),\n );\n });\n\n clonedColumn.style.setProperty('width', 'fit-content', 'important');\n\n document.body.appendChild(clonedColumn);\n\n const computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);\n\n document.body.removeChild(clonedColumn);\n\n const defaultNodeWidth = this.columnRef.current?.clientWidth ?? 0;\n\n if (computedWidth >= defaultNodeWidth) {\n return defaultNodeWidth + SORT_ICON_WIDTH;\n } else {\n const freeSpace = defaultNodeWidth - computedWidth;\n\n if (freeSpace < SORT_ICON_WIDTH) {\n return computedWidth + SORT_ICON_WIDTH;\n }\n }\n }\n\n return null;\n };\n\n get defaultDirection() {\n const { sortable } = this.asProps;\n\n if (typeof sortable === 'string') {\n return sortable;\n }\n\n return DEFAULT_DIRECTION;\n }\n\n handleMouseEnter = () => {\n this.setState({ sortVisible: true });\n };\n\n handleMouseLeave = () => {\n this.setState({ sortVisible: false });\n };\n\n handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n const relatedTarget = e.relatedTarget as HTMLElement | undefined;\n if (!isFocusInside(e.currentTarget, relatedTarget) && lastInteraction.isKeyboard()) {\n this.setState({ sortVisible: false });\n }\n };\n\n handleSortClick = (e: React.SyntheticEvent<HTMLElement>) => {\n e.stopPropagation();\n\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 handleFocusableCellKeyDown = (e: React.KeyboardEvent) => {\n handleKeydownFocusCell(this.lockedCell, e);\n };\n\n handleFocusableCellFocus = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n const cellElement = e.currentTarget;\n const target = e.target;\n\n if (lastInteraction.isKeyboard()) {\n this.setState({ sortVisible: true }, () => {\n handleFocusCell(this.lockedCell, target, cellElement);\n });\n } else {\n const focusableChildren = Array.from(this.columnRef.current?.children ?? []).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (isInteractiveElement(e.target) && this.columnRef.current && focusableChildren.length > 1) {\n this.lockedCell[0] = this.columnRef.current;\n this.lockedCell[1] = true;\n }\n }\n };\n\n handleClick = (e: React.SyntheticEvent<HTMLElement>) => {\n const { sortable, onClick, columnIndex } = this.asProps;\n if (sortable) {\n this.handleSortClick(e);\n }\n\n const focusableChildren = Array.from(this.columnRef.current?.children ?? []).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (isInteractiveElement(e.target) && this.columnRef.current && focusableChildren.length > 1) {\n this.lockedCell[0] = this.columnRef.current;\n this.lockedCell[1] = true;\n }\n\n onClick?.(e, { rowIndex: -1, colIndex: columnIndex });\n };\n\n render() {\n const SColumn = Root;\n const SSortWrapper = 'div';\n const SSortButton = ButtonLink;\n const { styles, sortable, sort, uid, name, parent, sortableColumnDescribeId, Children } =\n this.asProps;\n\n const [sortBy, sortDirection] = sort ?? [undefined, undefined];\n const isSorted = sortBy === name && !!sortDirection;\n\n const SSortIcon = isSorted ? SORTING_ICON[sortDirection] : SORTING_ICON[this.defaultDirection];\n\n const visibleSort = Boolean(sortable) && (this.state.sortVisible || isSorted);\n\n const ariaDescribedBy = [];\n if (sortable) {\n ariaDescribedBy.push(sortableColumnDescribeId);\n }\n if (parent) {\n ariaDescribedBy.push(`igc-table-${uid}-${parent.name}-group`);\n }\n\n const ariaSortValue = isSorted ? ARIA_SORT[sortDirection] : undefined;\n\n return sstyled(styles)(\n <SColumn\n render={Flex}\n ref={this.columnRef}\n role='columnheader'\n tabIndex={-1}\n onMouseEnter={this.handleMouseEnter}\n onMouseLeave={this.handleMouseLeave}\n onFocus={this.handleFocusableCellFocus}\n onBlur={this.handleBlur}\n onKeyDown={this.handleFocusableCellKeyDown}\n visibleSort={visibleSort}\n isSorted={isSorted}\n innerOutline\n aria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n aria-sort={ariaSortValue}\n use:onClick={this.handleClick}\n >\n <Children />\n\n {sortable && (\n <SSortWrapper ref={this.sortWrapperRef}>\n <SSortButton\n 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":[]}
1
+ {"version":3,"file":"Column.js","names":["Flex","ButtonLink","Component","lastInteraction","Root","sstyled","canUseDOM","cssToIntDefault","getFocusableIn","isFocusInside","isInteractiveElement","SortAsc","SortDesc","React","style","_sstyled","insert","handleFocusCell","handleKeydownFocusCell","SORTING_ICON","desc","asc","ARIA_SORT","SORT_ICON_WIDTH","DEFAULT_DIRECTION","reversedSortDirection","Column","constructor","args","_defineProperty","createRef","sortVisible","node","columnRef","current","clonedColumn","document","createElement","computedStyle","window","getComputedStyle","childNodes","forEach","sortWrapperRef","append","cloneNode","setProperty","styles","key","getPropertyValue","getPropertyPriority","body","appendChild","computedWidth","Math","ceil","getBoundingClientRect","width","removeChild","defaultNodeWidth","clientWidth","freeSpace","setState","e","relatedTarget","currentTarget","isKeyboard","stopPropagation","sort","onSortChange","name","sortable","asProps","isMouse","target","sortDirection","defaultDirection","lockedCell","cellElement","focusableChildren","Array","from","children","flatMap","length","onClick","columnIndex","handleSortClick","rowIndex","colIndex","componentDidMount","parent","sticky","changeSortSize","scrollDirection","columnElement","groupElement","parentElement","item","groupRectHeight","height","topOffset","HTMLElement","top","changeTemplateColumnBySort","componentDidUpdate","prevProps","tableRef","gridTemplateColumns","newWidth","calculateActiveColumnMinWidth","setTimeout","map","gtcWidth","index","join","currentGridTemplateColumns","split","render","_ref","_ref2","SColumn","SSortWrapper","SSortButton","uid","sortableColumnDescribeId","Children","sortBy","undefined","isSorted","SSortIcon","visibleSort","Boolean","state","ariaDescribedBy","push","ariaSortValue","cn","_assignProps","handleMouseEnter","handleMouseLeave","handleFocusableCellFocus","handleBlur","handleFocusableCellKeyDown","handleClick","Addon","tag"],"sources":["../../../../src/components/Head/Column.tsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\nimport { ButtonLink } from '@semcore/button';\nimport { Component, lastInteraction, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport cssToIntDefault from '@semcore/core/lib/utils/cssToIntDefault';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\nimport { isInteractiveElement } from '@semcore/core/lib/utils/isInteractiveElement';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport * as React from 'react';\n\nimport type { ColumnPropsInner, DataTableColumnProps } from './Column.types';\nimport style from './style.shadow.css';\nimport type { IFocusableCell, LockedCell } from '../../enhancers/focusableCell';\nimport { handleFocusCell, handleKeydownFocusCell } from '../../enhancers/focusableCell';\nimport type { ROW_GROUP } from '../DataTable/DataTable';\nimport type { DataTableData, SortDirection } from '../DataTable/DataTable.types';\n\nconst SORTING_ICON: { [key in SortDirection]: React.FC<React.SVGProps<SVGSVGElement>> } = {\n desc: SortDesc,\n asc: SortAsc,\n} as const;\n\nconst ARIA_SORT = {\n desc: 'descending',\n asc: 'ascending',\n} as const;\n\nconst SORT_ICON_WIDTH = 20;\n\nconst DEFAULT_DIRECTION = 'desc';\n\nconst reversedSortDirection: { [direction in SortDirection]: SortDirection } = {\n desc: 'asc',\n asc: 'desc',\n};\n\ntype State = {\n sortVisible: boolean;\n};\n\nexport class Column<\n Data extends DataTableData,\n UniqKey extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? keyof Data[number][typeof ROW_GROUP][number] : keyof Data[number]),\n UniqKeyType extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? Data[number][typeof ROW_GROUP][number][UniqKey] : Data[number][UniqKey]),\n> extends Component<\n DataTableColumnProps,\n [],\n {},\n ColumnPropsInner<Data, UniqKey, UniqKeyType>,\n State\n > implements IFocusableCell {\n lockedCell: LockedCell = [null, false];\n\n static displayName = 'Column';\n static style = style;\n\n columnRef = React.createRef<HTMLDivElement>();\n sortWrapperRef = React.createRef<HTMLDivElement>();\n\n state: State = {\n sortVisible: false,\n };\n\n componentDidMount() {\n const { parent, sticky, changeSortSize, name, sort, scrollDirection } = this.asProps;\n\n if (parent && sticky && scrollDirection !== 'horizontal') {\n const columnElement = this.columnRef.current;\n const groupElement = columnElement?.parentElement?.children.item(0);\n\n const groupRectHeight = groupElement?.getBoundingClientRect().height ?? 0;\n const topOffset = (groupElement instanceof HTMLElement) ? cssToIntDefault(groupElement.style.top) : 0;\n\n columnElement?.style.setProperty('top', `${groupRectHeight + topOffset}px`);\n }\n\n if (canUseDOM() && changeSortSize && sort?.[0] === name) {\n this.changeTemplateColumnBySort();\n }\n }\n\n componentDidUpdate(prevProps: DataTableColumnProps & ColumnPropsInner<Data, UniqKey, UniqKeyType>): void {\n if (\n this.asProps.changeSortSize &&\n canUseDOM() &&\n prevProps.sort?.[0] !== this.asProps.sort?.[0]\n ) {\n this.changeTemplateColumnBySort();\n }\n }\n\n changeTemplateColumnBySort() {\n const { tableRef, gridTemplateColumns, columnIndex, sort, name } = this.asProps;\n\n if (sort?.[0] === name) {\n const newWidth = this.calculateActiveColumnMinWidth();\n\n setTimeout(() => {\n if (tableRef.current && newWidth !== null) {\n tableRef.current.style.setProperty(\n 'grid-template-columns',\n gridTemplateColumns\n .map((gtcWidth, index) => {\n if (index === columnIndex) {\n return `${newWidth}px`;\n }\n return gtcWidth;\n })\n .join(' '),\n );\n }\n });\n } else if (sort?.[0] !== name) {\n setTimeout(() => {\n if (tableRef.current) {\n const currentGridTemplateColumns = tableRef.current.style.getPropertyValue('grid-template-columns');\n\n if (currentGridTemplateColumns) {\n tableRef.current.style.setProperty(\n 'grid-template-columns',\n currentGridTemplateColumns.split(' ')\n .map((gtcWidth, index) => {\n if (index === columnIndex) {\n return gridTemplateColumns[index];\n }\n return gtcWidth;\n })\n .join(' '),\n );\n }\n }\n });\n }\n }\n\n calculateActiveColumnMinWidth = (): number | null => {\n const node = this.columnRef.current;\n\n if (node) {\n const clonedColumn = document.createElement('div');\n const computedStyle = window.getComputedStyle(node);\n\n node.childNodes.forEach((node) => {\n if (this.sortWrapperRef.current !== node) {\n clonedColumn.append(node.cloneNode(true));\n }\n });\n\n clonedColumn.style.setProperty('visibility', 'hidden', 'important');\n\n const styles = [\n 'display',\n 'flex',\n 'margin',\n 'padding',\n 'background',\n 'font-style',\n 'font-width',\n 'font-size',\n 'font-weight',\n ];\n\n styles.forEach((key) => {\n clonedColumn.style.setProperty(\n key,\n computedStyle.getPropertyValue(key),\n computedStyle.getPropertyPriority(key),\n );\n });\n\n clonedColumn.style.setProperty('width', 'fit-content', 'important');\n\n document.body.appendChild(clonedColumn);\n\n const computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);\n\n document.body.removeChild(clonedColumn);\n\n const defaultNodeWidth = this.columnRef.current?.clientWidth ?? 0;\n\n if (computedWidth >= defaultNodeWidth) {\n return defaultNodeWidth + SORT_ICON_WIDTH;\n } else {\n const freeSpace = defaultNodeWidth - computedWidth;\n\n if (freeSpace < SORT_ICON_WIDTH) {\n return computedWidth + SORT_ICON_WIDTH;\n }\n }\n }\n\n return null;\n };\n\n get defaultDirection() {\n const { sortable } = this.asProps;\n\n if (typeof sortable === 'string') {\n return sortable;\n }\n\n return DEFAULT_DIRECTION;\n }\n\n handleMouseEnter = () => {\n this.setState({ sortVisible: true });\n };\n\n handleMouseLeave = () => {\n this.setState({ sortVisible: false });\n };\n\n handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n const relatedTarget = e.relatedTarget as HTMLElement | undefined;\n if (!isFocusInside(e.currentTarget, relatedTarget) && lastInteraction.isKeyboard()) {\n this.setState({ sortVisible: false });\n }\n };\n\n handleSortClick = (e: React.SyntheticEvent<HTMLElement>) => {\n e.stopPropagation();\n\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 handleFocusableCellKeyDown = (e: React.KeyboardEvent) => {\n handleKeydownFocusCell(this.lockedCell, e);\n };\n\n handleFocusableCellFocus = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n const cellElement = e.currentTarget;\n const target = e.target;\n\n if (lastInteraction.isKeyboard()) {\n this.setState({ sortVisible: true }, () => {\n handleFocusCell(this.lockedCell, target, cellElement);\n });\n } else {\n const focusableChildren = Array.from(this.columnRef.current?.children ?? []).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (isInteractiveElement(e.target) && this.columnRef.current && focusableChildren.length > 1) {\n this.lockedCell[0] = this.columnRef.current;\n this.lockedCell[1] = true;\n }\n }\n };\n\n handleClick = (e: React.SyntheticEvent<HTMLElement>) => {\n const { sortable, onClick, columnIndex } = this.asProps;\n if (sortable) {\n this.handleSortClick(e);\n }\n\n const focusableChildren = Array.from(this.columnRef.current?.children ?? []).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (isInteractiveElement(e.target) && this.columnRef.current && focusableChildren.length > 1) {\n this.lockedCell[0] = this.columnRef.current;\n this.lockedCell[1] = true;\n }\n\n onClick?.(e, { rowIndex: -1, colIndex: columnIndex });\n };\n\n render() {\n const SColumn = Root;\n const SSortWrapper = 'div';\n const SSortButton = ButtonLink;\n const { styles, sortable, sort, uid, name, parent, sortableColumnDescribeId, Children } =\n this.asProps;\n\n const [sortBy, sortDirection] = sort ?? [undefined, undefined];\n const isSorted = sortBy === name && !!sortDirection;\n\n const SSortIcon = isSorted ? SORTING_ICON[sortDirection] : SORTING_ICON[this.defaultDirection];\n\n const visibleSort = Boolean(sortable) && (this.state.sortVisible || isSorted);\n\n const ariaDescribedBy = [];\n if (sortable) {\n ariaDescribedBy.push(sortableColumnDescribeId);\n }\n if (parent) {\n ariaDescribedBy.push(`igc-table-${uid}-${parent.name}-group`);\n }\n\n const ariaSortValue = isSorted ? ARIA_SORT[sortDirection] : undefined;\n\n return sstyled(styles)(\n <SColumn\n render={Flex}\n ref={this.columnRef}\n role='columnheader'\n tabIndex={-1}\n onMouseEnter={this.handleMouseEnter}\n onMouseLeave={this.handleMouseLeave}\n onFocus={this.handleFocusableCellFocus}\n onBlur={this.handleBlur}\n onKeyDown={this.handleFocusableCellKeyDown}\n visibleSort={visibleSort}\n isSorted={isSorted}\n innerOutline\n aria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n aria-sort={ariaSortValue}\n use:onClick={this.handleClick}\n >\n <Children />\n\n {sortable && (\n <SSortWrapper ref={this.sortWrapperRef}>\n <SSortButton\n 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":[]}
@@ -1,9 +1,4 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
- import _objectSpread from "@babel/runtime/helpers/objectSpread2";
3
- import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
4
- import _createClass from "@babel/runtime/helpers/createClass";
5
- import _callSuper from "@babel/runtime/helpers/callSuper";
6
- import _inherits from "@babel/runtime/helpers/inherits";
7
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
3
  import { sstyled as _sstyled } from "@semcore/core";
9
4
  import { assignProps as _assignProps } from "@semcore/core";
@@ -12,97 +7,88 @@ import { Component, Root, sstyled } from '@semcore/core';
12
7
  import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
13
8
  import React from 'react';
14
9
  /*!__reshadow-styles__:"./style.shadow.css"*/
15
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_1141v_gg_,.___SHead_1141v_gg_{display:contents}.___SHead_1141v_gg_.__isDataEmpty_1141v_gg_.__gridTemplateColumns_1141v_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_1141v);overflow:auto;scrollbar-width:thin}.___SHead_1141v_gg_.__animationDuration_1141v_gg_>.___SColumn_1141v_gg_{transition:top var(--animationDuration_1141v) ease-out}.___SHead_1141v_gg_.__sticky_1141v_gg_ .___SColumn_1141v_gg_,.___SHead_1141v_gg_.__sticky_1141v_gg_ .___SGroup_1141v_gg_{position:sticky;top:0;z-index:18}.___SHead_1141v_gg_.__sticky_1141v_gg_ .___SGroupContainer_1141v_gg_>.___SColumn_1141v_gg_{position:sticky;z-index:18}.___SHead_1141v_gg_.__compact_1141v_gg_ .___SColumn_1141v_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1141v_gg_,.___SGroup_1141v_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_1141v_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1141v_gg_._use_primary_1141v_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1141v_gg_._use_primary_1141v_gg_:has(~.___SColumn_1141v_gg_.__visibleSort_1141v_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1141v_gg_._use_secondary_1141v_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1141v_gg_._borders_both_1141v_gg_,.___SColumn_1141v_gg_._borders_left_1141v_gg_,.___SGroup_1141v_gg_._borders_both_1141v_gg_,.___SGroup_1141v_gg_._borders_left_1141v_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1141v_gg_._borders_both_1141v_gg_,.___SColumn_1141v_gg_._borders_right_1141v_gg_,.___SGroup_1141v_gg_._borders_both_1141v_gg_,.___SGroup_1141v_gg_._borders_right_1141v_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1141v_gg_._use_primary_1141v_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_1141v_gg_._use_primary_1141v_gg_ .___SSortWrapper_1141v_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1141v_gg_._use_primary_1141v_gg_.__visibleSort_1141v_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1141v_gg_._use_primary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortWrapper_1141v_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1141v_gg_._use_primary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortButton_1141v_gg_,.___SColumn_1141v_gg_._use_primary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortWrapper_1141v_gg_::before,.___SColumn_1141v_gg_._use_secondary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortWrapper_1141v_gg_::before{display:flex;opacity:1}.___SColumn_1141v_gg_._use_primary_1141v_gg_._justifyContent_right_1141v_gg_ .___SSortWrapper_1141v_gg_{position:absolute}.___SColumn_1141v_gg_._use_primary_1141v_gg_._justifyContent_right_1141v_gg_.__changeSortSize_1141v_gg_.__isSorted_1141v_gg_ .___SSortWrapper_1141v_gg_,.___SColumn_1141v_gg_._use_secondary_1141v_gg_._justifyContent_right_1141v_gg_.__changeSortSize_1141v_gg_.__isSorted_1141v_gg_ .___SSortWrapper_1141v_gg_{position:relative}.___SColumn_1141v_gg_._use_secondary_1141v_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_1141v_gg_._use_secondary_1141v_gg_ .___SSortWrapper_1141v_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1141v_gg_._use_secondary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortWrapper_1141v_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1141v_gg_._use_secondary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortButton_1141v_gg_{display:flex;opacity:1}.___SColumn_1141v_gg_._use_secondary_1141v_gg_._justifyContent_right_1141v_gg_ .___SSortWrapper_1141v_gg_{position:absolute}.___SColumn_1141v_gg_.__gridArea_1141v_gg_,.___SGroupTitle_1141v_gg_.__gridArea_1141v_gg_,.___SGroup_1141v_gg_.__gridArea_1141v_gg_{grid-area:var(--gridArea_1141v)}.___SHead_1141v_gg_ .___SColumn_1141v_gg_.__fixed_1141v_gg_,.___SHead_1141v_gg_ .___SGroup_1141v_gg_.__fixed_1141v_gg_,.___SHead_1141v_gg_.__sticky_1141v_gg_ .___SColumn_1141v_gg_.__fixed_1141v_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_1141v_gg_.__sortable_1141v_gg_:hover{cursor:pointer}}.___SSortWrapper_1141v_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_1141v_gg_,.___SSortWrapper_1141v_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1141v_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1141v_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_1141v_gg_._sideIndents_wide_1141v_gg_ .___SColumn_1141v_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1141v_gg_._sideIndents_wide_1141v_gg_ .___SColumn_1141v_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1141v_gg_{cursor:pointer}.___SColumn_1141v_gg_.__fixed_1141v_gg_.__shadowVertical_1141v_gg_:after,.___SGroup_1141v_gg_.__fixed_1141v_gg_.__shadowVertical_1141v_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_,.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_._use_primary_1141v_gg_,.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_._use_primary_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_._use_primary_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_._use_primary_1141v_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_._use_secondary_1141v_gg_,.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_._use_secondary_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_._use_secondary_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_._use_secondary_1141v_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_:after,.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_:after,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_:after,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_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_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_,.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_._use_primary_1141v_gg_,.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_._use_primary_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_._use_primary_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_._use_primary_1141v_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_._use_secondary_1141v_gg_,.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_._use_secondary_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_._use_secondary_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_._use_secondary_1141v_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_:after,.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_:after,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_:after,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_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__*/"1141v_gg_"),
10
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_16i6f_gg_,.___SHead_16i6f_gg_{display:contents}.___SHead_16i6f_gg_.__isDataEmpty_16i6f_gg_.__gridTemplateColumns_16i6f_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_16i6f);overflow:auto;scrollbar-width:thin}.___SHead_16i6f_gg_.__animationDuration_16i6f_gg_>.___SColumn_16i6f_gg_{transition:top var(--animationDuration_16i6f) ease-out}.___SHead_16i6f_gg_.__sticky_16i6f_gg_ .___SColumn_16i6f_gg_,.___SHead_16i6f_gg_.__sticky_16i6f_gg_ .___SGroup_16i6f_gg_{position:sticky;top:0;z-index:18}.___SHead_16i6f_gg_.__sticky_16i6f_gg_ .___SGroupContainer_16i6f_gg_>.___SColumn_16i6f_gg_{position:sticky;z-index:18}.___SHead_16i6f_gg_.__compact_16i6f_gg_ .___SColumn_16i6f_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_16i6f_gg_,.___SGroup_16i6f_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden;line-height:var(--intergalactic-lh-100, 133%)}.___SGroup_16i6f_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_16i6f_gg_._use_primary_16i6f_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_16i6f_gg_._use_primary_16i6f_gg_:has(~.___SColumn_16i6f_gg_.__visibleSort_16i6f_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_16i6f_gg_._use_secondary_16i6f_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_16i6f_gg_._borders_both_16i6f_gg_,.___SColumn_16i6f_gg_._borders_left_16i6f_gg_,.___SGroup_16i6f_gg_._borders_both_16i6f_gg_,.___SGroup_16i6f_gg_._borders_left_16i6f_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_16i6f_gg_._borders_both_16i6f_gg_,.___SColumn_16i6f_gg_._borders_right_16i6f_gg_,.___SGroup_16i6f_gg_._borders_both_16i6f_gg_,.___SGroup_16i6f_gg_._borders_right_16i6f_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_ .___SSortWrapper_16i6f_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_.__visibleSort_16i6f_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortWrapper_16i6f_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortButton_16i6f_gg_,.___SColumn_16i6f_gg_._use_primary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortWrapper_16i6f_gg_::before,.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortWrapper_16i6f_gg_::before{display:flex;opacity:1}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_._justifyContent_right_16i6f_gg_ .___SSortWrapper_16i6f_gg_{position:absolute}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_._justifyContent_right_16i6f_gg_.__changeSortSize_16i6f_gg_.__isSorted_16i6f_gg_ .___SSortWrapper_16i6f_gg_,.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_._justifyContent_right_16i6f_gg_.__changeSortSize_16i6f_gg_.__isSorted_16i6f_gg_ .___SSortWrapper_16i6f_gg_{position:relative}.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_ .___SSortWrapper_16i6f_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortWrapper_16i6f_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortButton_16i6f_gg_{display:flex;opacity:1}.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_._justifyContent_right_16i6f_gg_ .___SSortWrapper_16i6f_gg_{position:absolute}.___SColumn_16i6f_gg_.__gridArea_16i6f_gg_,.___SGroupTitle_16i6f_gg_.__gridArea_16i6f_gg_,.___SGroup_16i6f_gg_.__gridArea_16i6f_gg_{grid-area:var(--gridArea_16i6f)}.___SHead_16i6f_gg_ .___SColumn_16i6f_gg_.__fixed_16i6f_gg_,.___SHead_16i6f_gg_ .___SGroup_16i6f_gg_.__fixed_16i6f_gg_,.___SHead_16i6f_gg_.__sticky_16i6f_gg_ .___SColumn_16i6f_gg_.__fixed_16i6f_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_16i6f_gg_.__sortable_16i6f_gg_:hover{cursor:pointer}}.___SSortWrapper_16i6f_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_16i6f_gg_,.___SSortWrapper_16i6f_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_16i6f_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_16i6f_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_16i6f_gg_._sideIndents_wide_16i6f_gg_ .___SColumn_16i6f_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_16i6f_gg_._sideIndents_wide_16i6f_gg_ .___SColumn_16i6f_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_16i6f_gg_{cursor:pointer}.___SColumn_16i6f_gg_.__fixed_16i6f_gg_.__shadowVertical_16i6f_gg_:after,.___SGroup_16i6f_gg_.__fixed_16i6f_gg_.__shadowVertical_16i6f_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_primary_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_._use_primary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_primary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_._use_primary_16i6f_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_secondary_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_._use_secondary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_secondary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_._use_secondary_16i6f_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_:after,.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_:after,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_:after,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_._use_primary_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_primary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_._use_primary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_primary_16i6f_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_._use_secondary_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_secondary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_._use_secondary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_secondary_16i6f_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_:after,.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_:after,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_:after,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}", /*__inner_css_end__*/"16i6f_gg_"),
16
11
  /*__reshadow_css_end__*/
17
12
  {
18
- "__SHead": "___SHead_1141v_gg_",
19
- "__SGroupContainer": "___SGroupContainer_1141v_gg_",
20
- "_isDataEmpty": "__isDataEmpty_1141v_gg_",
21
- "_gridTemplateColumns": "__gridTemplateColumns_1141v_gg_",
22
- "--gridTemplateColumns": "--gridTemplateColumns_1141v",
23
- "_animationDuration": "__animationDuration_1141v_gg_",
24
- "__SColumn": "___SColumn_1141v_gg_",
25
- "--animationDuration": "--animationDuration_1141v",
26
- "_sticky": "__sticky_1141v_gg_",
27
- "__SGroup": "___SGroup_1141v_gg_",
28
- "_compact": "__compact_1141v_gg_",
29
- "_use_secondary": "_use_secondary_1141v_gg_",
30
- "_borders_both": "_borders_both_1141v_gg_",
31
- "_borders_left": "_borders_left_1141v_gg_",
32
- "_borders_right": "_borders_right_1141v_gg_",
33
- "_gridArea": "__gridArea_1141v_gg_",
34
- "__SGroupTitle": "___SGroupTitle_1141v_gg_",
35
- "--gridArea": "--gridArea_1141v",
36
- "_fixed": "__fixed_1141v_gg_",
37
- "_sortable": "__sortable_1141v_gg_",
38
- "__SSortWrapper": "___SSortWrapper_1141v_gg_",
39
- "__SSortButton": "___SSortButton_1141v_gg_",
40
- "__SHeadCheckboxCol": "___SHeadCheckboxCol_1141v_gg_",
41
- "_use_primary": "_use_primary_1141v_gg_",
42
- "_visibleSort": "__visibleSort_1141v_gg_",
43
- "_justifyContent_right": "_justifyContent_right_1141v_gg_",
44
- "_changeSortSize": "__changeSortSize_1141v_gg_",
45
- "_isSorted": "__isSorted_1141v_gg_",
46
- "_sideIndents_wide": "_sideIndents_wide_1141v_gg_",
47
- "_shadowVertical": "__shadowVertical_1141v_gg_",
48
- "_fixed_left": "_fixed_left_1141v_gg_",
49
- "_shadowVertical_median": "_shadowVertical_median_1141v_gg_",
50
- "_shadowVertical_start": "_shadowVertical_start_1141v_gg_",
51
- "_fixed_right": "_fixed_right_1141v_gg_",
52
- "_shadowVertical_end": "_shadowVertical_end_1141v_gg_"
13
+ "__SHead": "___SHead_16i6f_gg_",
14
+ "__SGroupContainer": "___SGroupContainer_16i6f_gg_",
15
+ "_isDataEmpty": "__isDataEmpty_16i6f_gg_",
16
+ "_gridTemplateColumns": "__gridTemplateColumns_16i6f_gg_",
17
+ "--gridTemplateColumns": "--gridTemplateColumns_16i6f",
18
+ "_animationDuration": "__animationDuration_16i6f_gg_",
19
+ "__SColumn": "___SColumn_16i6f_gg_",
20
+ "--animationDuration": "--animationDuration_16i6f",
21
+ "_sticky": "__sticky_16i6f_gg_",
22
+ "__SGroup": "___SGroup_16i6f_gg_",
23
+ "_compact": "__compact_16i6f_gg_",
24
+ "_use_secondary": "_use_secondary_16i6f_gg_",
25
+ "_borders_both": "_borders_both_16i6f_gg_",
26
+ "_borders_left": "_borders_left_16i6f_gg_",
27
+ "_borders_right": "_borders_right_16i6f_gg_",
28
+ "_gridArea": "__gridArea_16i6f_gg_",
29
+ "__SGroupTitle": "___SGroupTitle_16i6f_gg_",
30
+ "--gridArea": "--gridArea_16i6f",
31
+ "_fixed": "__fixed_16i6f_gg_",
32
+ "_sortable": "__sortable_16i6f_gg_",
33
+ "__SSortWrapper": "___SSortWrapper_16i6f_gg_",
34
+ "__SSortButton": "___SSortButton_16i6f_gg_",
35
+ "__SHeadCheckboxCol": "___SHeadCheckboxCol_16i6f_gg_",
36
+ "_use_primary": "_use_primary_16i6f_gg_",
37
+ "_visibleSort": "__visibleSort_16i6f_gg_",
38
+ "_justifyContent_right": "_justifyContent_right_16i6f_gg_",
39
+ "_changeSortSize": "__changeSortSize_16i6f_gg_",
40
+ "_isSorted": "__isSorted_16i6f_gg_",
41
+ "_sideIndents_wide": "_sideIndents_wide_16i6f_gg_",
42
+ "_shadowVertical": "__shadowVertical_16i6f_gg_",
43
+ "_fixed_left": "_fixed_left_16i6f_gg_",
44
+ "_shadowVertical_median": "_shadowVertical_median_16i6f_gg_",
45
+ "_shadowVertical_start": "_shadowVertical_start_16i6f_gg_",
46
+ "_fixed_right": "_fixed_right_16i6f_gg_",
47
+ "_shadowVertical_end": "_shadowVertical_end_16i6f_gg_"
53
48
  });
54
49
  import { DataTable } from '../DataTable/DataTable';
55
- export var Group = /*#__PURE__*/function (_Component) {
56
- function Group() {
57
- _classCallCheck(this, Group);
58
- return _callSuper(this, Group, arguments);
50
+ export class Group extends Component {
51
+ componentDidMount() {
52
+ setTimeout(() => {
53
+ this.forceUpdate();
54
+ }, 0);
59
55
  }
60
- _inherits(Group, _Component);
61
- return _createClass(Group, [{
62
- key: "componentDidMount",
63
- value: function componentDidMount() {
64
- var _this = this;
65
- setTimeout(function () {
66
- _this.forceUpdate();
67
- }, 0);
68
- }
69
- }, {
70
- key: "groupId",
71
- get: function get() {
72
- var uid = this.asProps.uid;
73
- return "".concat(uid, "_columns_group");
74
- }
75
- }, {
76
- key: "render",
77
- value: function render() {
78
- var _ref = this.asProps,
79
- _ref2,
80
- _this2 = this;
81
- var SGroupContainer = Box;
82
- var SGroup = Box;
83
- var _this$asProps = this.asProps,
84
- styles = _this$asProps.styles,
85
- Children = _this$asProps.Children,
86
- title = _this$asProps.title,
87
- columns = _this$asProps.columns,
88
- withConfig = _this$asProps.withConfig;
89
- var groupColumns = columns !== null && columns !== void 0 ? columns : [];
90
- return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SGroupContainer, _ref2.cn("SGroupContainer", {
91
- "data-group-container": true
92
- }), /*#__PURE__*/React.createElement(SGroup, _ref2.cn("SGroup", _objectSpread({}, _assignProps({
56
+ get groupId() {
57
+ const {
58
+ uid
59
+ } = this.asProps;
60
+ return `${uid}_columns_group`;
61
+ }
62
+ render() {
63
+ var _ref = this.asProps,
64
+ _ref2;
65
+ const SGroupContainer = Box;
66
+ const SGroup = Box;
67
+ const {
68
+ styles,
69
+ Children,
70
+ title,
71
+ columns,
72
+ withConfig
73
+ } = this.asProps;
74
+ const groupColumns = columns ?? [];
75
+ return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SGroupContainer, _ref2.cn("SGroupContainer", {
76
+ "data-group-container": true
77
+ }), /*#__PURE__*/React.createElement(SGroup, _ref2.cn("SGroup", {
78
+ ..._assignProps({
93
79
  "style": style,
94
80
  "__excludeProps": ['title'],
95
81
  "id": this.groupId
96
- }, _ref))), withConfig ? /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})) : title), withConfig ? groupColumns.map(function (column, _i) {
97
- return /*#__PURE__*/React.createElement(DataTable.Head.Column, _extends({
98
- key: column.name
99
- }, column, {
100
- "aria-describedby": _this2.groupId
101
- }));
102
- }) : /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})));
103
- }
104
- }]);
105
- }(Component);
82
+ }, _ref)
83
+ }), withConfig ? /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})) : title), withConfig ? groupColumns.map((column, _i) => {
84
+ return /*#__PURE__*/React.createElement(DataTable.Head.Column, _extends({
85
+ key: column.name
86
+ }, column, {
87
+ "aria-describedby": this.groupId
88
+ }));
89
+ }) : /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})));
90
+ }
91
+ }
106
92
  _defineProperty(Group, "displayName", 'Group');
107
93
  _defineProperty(Group, "style", style);
108
94
  _defineProperty(Group, "enhance", [uniqueIDEnhancement()]);
@@ -1 +1 @@
1
- {"version":3,"file":"Group.js","names":["Box","Component","Root","sstyled","uniqueIDEnhancement","React","style","_sstyled","insert","DataTable","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","columns","withConfig","groupColumns","createElement","cn","_objectSpread","_assignProps","groupId","map","column","_i","Head","Column","_extends","name","_defineProperty"],"sources":["../../../../src/components/Head/Group.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { Component, Root, sstyled } from '@semcore/core';\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 { DataTable } 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, columns, withConfig } = this.asProps;\n const groupColumns = columns ?? [];\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 >\n {withConfig ? <Children /> : title}\n </SGroup>\n {withConfig\n ? (\n groupColumns.map((column, _i) => {\n return (\n <DataTable.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":[]}
1
+ {"version":3,"file":"Group.js","names":["Box","Component","Root","sstyled","uniqueIDEnhancement","React","style","_sstyled","insert","DataTable","Group","componentDidMount","setTimeout","forceUpdate","groupId","uid","asProps","render","_ref","_ref2","SGroupContainer","SGroup","styles","Children","title","columns","withConfig","groupColumns","createElement","cn","_assignProps","map","column","_i","Head","Column","_extends","key","name","_defineProperty"],"sources":["../../../../src/components/Head/Group.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { Component, Root, sstyled } from '@semcore/core';\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 { DataTable } from '../DataTable/DataTable';\n\nexport class Group extends Component<\n DataTableGroupProps,\n typeof Group.enhance,\n {},\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, columns, withConfig } = this.asProps;\n const groupColumns = columns ?? [];\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 >\n {withConfig ? <Children /> : title}\n </SGroup>\n {withConfig\n ? (\n groupColumns.map((column, _i) => {\n return (\n <DataTable.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":";;;;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACxD,OAAOC,mBAAmB,MAAM,kCAAkC;AAClE,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,SAAS,QAAQ,wBAAwB;AAElD,OAAO,MAAMC,KAAK,SAAST,SAAS,CAKlC;EAKAU,iBAAiBA,CAAA,EAAG;IAClBC,UAAU,CAAC,MAAM;MACf,IAAI,CAACC,WAAW,CAAC,CAAC;IACpB,CAAC,EAAE,CAAC,CAAC;EACP;EAEA,IAAIC,OAAOA,CAAA,EAAG;IACZ,MAAM;MAAEC;IAAI,CAAC,GAAG,IAAI,CAACC,OAAO;IAE5B,OAAO,GAAGD,GAAG,gBAAgB;EAC/B;EAEAE,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAF,OAAA;MAAAG,KAAA;IACP,MAAMC,eAAe,GAAGpB,GAAG;IAC3B,MAAMqB,MAAM,GAOErB,GAAG;IANjB,MAAM;MAAEsB,MAAM;MAAEC,QAAQ;MAAEC,KAAK;MAAEC,OAAO;MAAEC;IAAW,CAAC,GAAG,IAAI,CAACV,OAAO;IACrE,MAAMW,YAAY,GAAGF,OAAO,IAAI,EAAE;IAElC,OAAAN,KAAA,GAAOhB,OAAO,CAACmB,MAAM,CAAC,eACpBjB,KAAA,CAAAuB,aAAA,CAACR,eAAe,EAAAD,KAAA,CAAAU,EAAA;MAAA;IAAA,iBACdxB,KAAA,CAAAuB,aAAA,CAACP,MAAM,EAAAF,KAAA,CAAAU,EAAA;MAAA,GAAAC,YAAA;QAAA,SAEExB,KAAK;QAAA,kBACI,CAAC,OAAO,CAAC;QAAA,MACrB,IAAI,CAACQ;MAAO,GAAAI,IAAA;IAAA,IAEfQ,UAAU,gBAAGrB,KAAA,CAAAuB,aAAA,CAACL,QAAQ,EAAAJ,KAAA,CAAAU,EAAA,gBAAE,CAAC,GAAGL,KACvB,CAAC,EACRE,UAAU,GAELC,YAAY,CAACI,GAAG,CAAC,CAACC,MAAM,EAAEC,EAAE,KAAK;MAC/B,oBACE5B,KAAA,CAAAuB,aAAA,CAACnB,SAAS,CAACyB,IAAI,CAACC,MAAM,EAAAC,QAAA;QACpBC,GAAG,EAAEL,MAAM,CAACM;MAAK,GACbN,MAAM;QACV,oBAAkB,IAAI,CAAClB;MAAQ,EAChC,CAAC;IAEN,CAAC,CAAC,gBAGFT,KAAA,CAAAuB,aAAA,CAACL,QAAQ,EAAAJ,KAAA,CAAAU,EAAA,gBAAE,CAEF,CAAC;EAEtB;AACF;AAACU,eAAA,CAxDY7B,KAAK,iBAMK,OAAO;AAAA6B,eAAA,CANjB7B,KAAK,WAODJ,KAAK;AAAAiC,eAAA,CAPT7B,KAAK,aAQC,CAACN,mBAAmB,CAAC,CAAC,CAAC","ignoreList":[]}