@semcore/data-table 16.0.0-prerelease.13 → 16.0.0-prerelease.14

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 (151) hide show
  1. package/lib/cjs/Body.js +476 -0
  2. package/lib/cjs/Body.js.map +1 -0
  3. package/lib/cjs/DataTable.js +622 -0
  4. package/lib/cjs/DataTable.js.map +1 -0
  5. package/lib/cjs/Head.js +399 -0
  6. package/lib/cjs/Head.js.map +1 -0
  7. package/lib/cjs/components/Body/Body.js +216 -0
  8. package/lib/cjs/components/Body/Body.js.map +1 -0
  9. package/lib/cjs/components/Body/Body.types.js +2 -0
  10. package/lib/cjs/components/Body/Body.types.js.map +1 -0
  11. package/lib/cjs/components/Body/Cell.js +133 -0
  12. package/lib/cjs/components/Body/Cell.js.map +1 -0
  13. package/lib/cjs/components/Body/Cell.types.js +2 -0
  14. package/lib/cjs/components/Body/Cell.types.js.map +1 -0
  15. package/lib/cjs/components/Body/MergedCells.js +27 -0
  16. package/lib/cjs/components/Body/MergedCells.js.map +1 -0
  17. package/lib/cjs/components/Body/Row.js +212 -0
  18. package/lib/cjs/components/Body/Row.js.map +1 -0
  19. package/lib/cjs/components/Body/Row.types.js +2 -0
  20. package/lib/cjs/components/Body/Row.types.js.map +1 -0
  21. package/lib/cjs/components/Body/style.shadow.css +190 -0
  22. package/lib/cjs/components/DataTable/DataTable.js +565 -0
  23. package/lib/cjs/components/DataTable/DataTable.js.map +1 -0
  24. package/lib/cjs/components/DataTable/DataTable.types.js +2 -0
  25. package/lib/cjs/components/DataTable/DataTable.types.js.map +1 -0
  26. package/lib/cjs/components/DataTable/dataTable.shadow.css +14 -0
  27. package/lib/cjs/components/Head/Column.js +277 -0
  28. package/lib/cjs/components/Head/Column.js.map +1 -0
  29. package/lib/cjs/components/Head/Column.types.js +2 -0
  30. package/lib/cjs/components/Head/Column.types.js.map +1 -0
  31. package/lib/cjs/components/Head/Group.js +98 -0
  32. package/lib/cjs/components/Head/Group.js.map +1 -0
  33. package/lib/cjs/components/Head/Group.type.js +2 -0
  34. package/lib/cjs/components/Head/Group.type.js.map +1 -0
  35. package/lib/cjs/components/Head/Head.js +152 -0
  36. package/lib/cjs/components/Head/Head.js.map +1 -0
  37. package/lib/cjs/components/Head/Head.types.js +2 -0
  38. package/lib/cjs/components/Head/Head.types.js.map +1 -0
  39. package/lib/cjs/components/Head/style.shadow.css +165 -0
  40. package/lib/cjs/index.js +42 -0
  41. package/lib/cjs/index.js.map +1 -0
  42. package/lib/cjs/style/data-table.shadow.css +394 -0
  43. package/lib/cjs/style/scroll-shadows.shadow.css +11 -0
  44. package/lib/cjs/translations/__intergalactic-dynamic-locales.js +39 -0
  45. package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -0
  46. package/lib/cjs/translations/de.json +3 -0
  47. package/lib/cjs/translations/en.json +5 -0
  48. package/lib/cjs/translations/es.json +3 -0
  49. package/lib/cjs/translations/fr.json +3 -0
  50. package/lib/cjs/translations/it.json +3 -0
  51. package/lib/cjs/translations/ja.json +3 -0
  52. package/lib/cjs/translations/ko.json +3 -0
  53. package/lib/cjs/translations/nl.json +3 -0
  54. package/lib/cjs/translations/pl.json +3 -0
  55. package/lib/cjs/translations/pt.json +3 -0
  56. package/lib/cjs/translations/sv.json +3 -0
  57. package/lib/cjs/translations/tr.json +3 -0
  58. package/lib/cjs/translations/vi.json +3 -0
  59. package/lib/cjs/translations/zh.json +3 -0
  60. package/lib/cjs/types.js +4 -0
  61. package/lib/cjs/types.js.map +1 -0
  62. package/lib/cjs/utils.js +66 -0
  63. package/lib/cjs/utils.js.map +1 -0
  64. package/lib/es6/Body.js +469 -0
  65. package/lib/es6/Body.js.map +1 -0
  66. package/lib/es6/DataTable.js +614 -0
  67. package/lib/es6/DataTable.js.map +1 -0
  68. package/lib/es6/Head.js +391 -0
  69. package/lib/es6/Head.js.map +1 -0
  70. package/lib/es6/components/Body/Body.js +209 -0
  71. package/lib/es6/components/Body/Body.js.map +1 -0
  72. package/lib/es6/components/Body/Body.types.js +2 -0
  73. package/lib/es6/components/Body/Body.types.js.map +1 -0
  74. package/lib/es6/components/Body/Cell.js +126 -0
  75. package/lib/es6/components/Body/Cell.js.map +1 -0
  76. package/lib/es6/components/Body/Cell.types.js +2 -0
  77. package/lib/es6/components/Body/Cell.types.js.map +1 -0
  78. package/lib/es6/components/Body/MergedCells.js +18 -0
  79. package/lib/es6/components/Body/MergedCells.js.map +1 -0
  80. package/lib/es6/components/Body/Row.js +205 -0
  81. package/lib/es6/components/Body/Row.js.map +1 -0
  82. package/lib/es6/components/Body/Row.types.js +2 -0
  83. package/lib/es6/components/Body/Row.types.js.map +1 -0
  84. package/lib/es6/components/Body/style.shadow.css +190 -0
  85. package/lib/es6/components/DataTable/DataTable.js +558 -0
  86. package/lib/es6/components/DataTable/DataTable.js.map +1 -0
  87. package/lib/es6/components/DataTable/DataTable.types.js +2 -0
  88. package/lib/es6/components/DataTable/DataTable.types.js.map +1 -0
  89. package/lib/es6/components/DataTable/dataTable.shadow.css +14 -0
  90. package/lib/es6/components/Head/Column.js +270 -0
  91. package/lib/es6/components/Head/Column.js.map +1 -0
  92. package/lib/es6/components/Head/Column.types.js +2 -0
  93. package/lib/es6/components/Head/Column.types.js.map +1 -0
  94. package/lib/es6/components/Head/Group.js +91 -0
  95. package/lib/es6/components/Head/Group.js.map +1 -0
  96. package/lib/es6/components/Head/Group.type.js +2 -0
  97. package/lib/es6/components/Head/Group.type.js.map +1 -0
  98. package/lib/es6/components/Head/Head.js +145 -0
  99. package/lib/es6/components/Head/Head.js.map +1 -0
  100. package/lib/es6/components/Head/Head.types.js +2 -0
  101. package/lib/es6/components/Head/Head.types.js.map +1 -0
  102. package/lib/es6/components/Head/style.shadow.css +165 -0
  103. package/lib/es6/index.js +5 -0
  104. package/lib/es6/index.js.map +1 -0
  105. package/lib/es6/style/data-table.shadow.css +394 -0
  106. package/lib/es6/style/scroll-shadows.shadow.css +11 -0
  107. package/lib/es6/translations/__intergalactic-dynamic-locales.js +31 -0
  108. package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -0
  109. package/lib/es6/translations/de.json +3 -0
  110. package/lib/es6/translations/en.json +5 -0
  111. package/lib/es6/translations/es.json +3 -0
  112. package/lib/es6/translations/fr.json +3 -0
  113. package/lib/es6/translations/it.json +3 -0
  114. package/lib/es6/translations/ja.json +3 -0
  115. package/lib/es6/translations/ko.json +3 -0
  116. package/lib/es6/translations/nl.json +3 -0
  117. package/lib/es6/translations/pl.json +3 -0
  118. package/lib/es6/translations/pt.json +3 -0
  119. package/lib/es6/translations/sv.json +3 -0
  120. package/lib/es6/translations/tr.json +3 -0
  121. package/lib/es6/translations/vi.json +3 -0
  122. package/lib/es6/translations/zh.json +3 -0
  123. package/lib/es6/types.js +2 -0
  124. package/lib/es6/types.js.map +1 -0
  125. package/lib/es6/utils.js +56 -0
  126. package/lib/es6/utils.js.map +1 -0
  127. package/lib/esm/components/Body/Body.mjs +1 -1
  128. package/lib/esm/components/Body/Row.mjs +1 -1
  129. package/lib/types/Body.d.ts +61 -0
  130. package/lib/types/DataTable.d.ts +205 -0
  131. package/lib/types/Head.d.ts +45 -0
  132. package/lib/types/components/Body/Body.d.ts +8 -0
  133. package/lib/types/components/Body/Body.types.d.ts +31 -0
  134. package/lib/types/components/Body/Cell.d.ts +3 -0
  135. package/lib/types/components/Body/Cell.types.d.ts +14 -0
  136. package/lib/types/components/Body/MergedCells.d.ts +10 -0
  137. package/lib/types/components/Body/Row.d.ts +3 -0
  138. package/lib/types/components/Body/Row.types.d.ts +24 -0
  139. package/lib/types/components/DataTable/DataTable.d.ts +9 -0
  140. package/lib/types/components/DataTable/DataTable.types.d.ts +50 -0
  141. package/lib/types/components/Head/Column.d.ts +26 -0
  142. package/lib/types/components/Head/Column.types.d.ts +80 -0
  143. package/lib/types/components/Head/Group.d.ts +12 -0
  144. package/lib/types/components/Head/Group.type.d.ts +10 -0
  145. package/lib/types/components/Head/Head.d.ts +8 -0
  146. package/lib/types/components/Head/Head.types.d.ts +26 -0
  147. package/lib/types/index.d.ts +4 -0
  148. package/lib/types/translations/__intergalactic-dynamic-locales.d.ts +46 -0
  149. package/lib/types/types.d.ts +73 -0
  150. package/lib/types/utils.d.ts +8 -0
  151. package/package.json +7 -6
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataTable.js","names":["_core","require","React","_interopRequireWildcard","_baseComponents","_Head","_Body","_useFocusLock","_syncScroll","_interopRequireDefault","_utils","_findComponent","_intergalacticDynamicLocales","_i18nEnhance","_uniqueID","_index","_MergedCells","_ref8","style","sstyled","insert","scrollStyles","ACCORDION","Symbol","exports","DataTableRoot","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","createRef","Map","index","_this$tableRef$curren","tableRef","current","querySelector","concat","hasFocusable","columns","some","column","columnElement","ref","hasFocusableIn","rowIndex","colIndex","direction","_this$tableRef$curren2","_this$tableRef$curren3","hasFocusableInHeader","maxCol","length","maxRow","totalRows","currentRow","focusedCell","headerCells","querySelectorAll","currentCell","currentHeaderCell","item","changed","newRow","newCol","row","getRow","cell","HTMLElement","setAttribute","removeAttribute","headerCell","describedBy","getAttribute","focus","rowI","colI","dataset","groupedBy","changeFocusCell","e","key","setInert","preventDefault","relatedTarget","isFocusInside","currentTarget","lastInteraction","isKeyboard","_row","initFocusableCell","tableElement","syncScroll","scrollBodyRef","scrollHeadRef","calculateColumns","_createClass2","value","componentDidMount","forceUpdate","get","asProps","calculateRows","gridTemplateColumns","map","c","gridColumnWidth","gridTemplateAreas","name","getHeadProps","_this$asProps","use","compact","sort","onSortChange","getI18nText","uid","_this$gridSettings","gridSettings","Boolean","headerRef","gridAreaGroupMap","getBodyProps","_header$children","_this$asProps2","loading","rows","_this$gridSettings2","header","headerHeight","Array","from","children","reduce","maxHeight","col","rect","getBoundingClientRect","height","scrollRef","headerRows","parent","_this$tableRef$curren4","cells","forEach","render","_ref","_ref2","SDataTable","Box","_this$asProps3","Children","styles","w","wMax","wMin","h","hMax","hMin","_getScrollOffsetValue","getScrollOffsetValue","_getScrollOffsetValue2","_slicedToArray2","offsetLeftSum","offsetRightSum","_this$gridSettings3","Head","findComponent","Body","width","undefined","createElement","ScrollArea","cn","tableContainerRef","Container","tabIndex","_objectSpread2","assignProps","forkRef","handleKeyDown","handleMouseMove","handleFocus","handleBlur","join","Bar","orientation","_this2","_this$props","data","HeadComponent","hasGroup","columnIndex","groupIndex","gridColumnIndex","calculateGridTemplateColumn","bind","makeColumn","isFirst","isLast","_columnElement$props$","_ref3","_columnElement$props$2","leftBordersFromParent","borders","rightBordersFromParent","node","calculatedWidth","calculatedHeight","fixed","flexWrap","alignItems","alignContent","justifyContent","child","i","isValidElement","type","Column","gridArea","push","Group","childCount","count","initGridColumn","j","d","set","filter","_this3","addToRows","dtRow","Object","entries","acc","_ref4","_ref5","columnsToRow","split","columnsSplitter","MergedColumnsCell","groupedRows","ROW_GROUP","childRow","rowData","_ref6","_ref7","MergedRowsCell","_c$props$gtcWidth","gtcWidth","defaultGridTemplateColumnWidth","Component","uniqueIDEnhancement","i18nEnhance","localizedMessages","DataTable","createComponent"],"sources":["../../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n Component,\n createComponent,\n Intergalactic,\n lastInteraction,\n Root,\n sstyled,\n} from '@semcore/core';\nimport { Box, ScrollArea } from '@semcore/base-components';\n\nimport { DataTableProps, ColIndex, RowIndex, DataTableData, DTKey } from './DataTable.types';\nimport { Head } from '../Head/Head';\nimport { Body } from '../Body/Body';\nimport { DataTableColumnProps, DTColumn } from '../Head/Column.types';\n\nimport style from './dataTable.shadow.css';\nimport { DTRow } from '../Body/Row.types';\nimport { isFocusInside, hasFocusableIn } from '@semcore/core/lib/utils/use/useFocusLock';\n\nimport { ReactElement } from 'react';\nimport syncScroll from '@semcore/core/lib/utils/syncScroll';\nimport { getScrollOffsetValue } from '../../utils';\nimport findComponent from '@semcore/core/lib/utils/findComponent';\nimport { DataTableHeadProps, HeadPropsInner } from '../Head/Head.types';\nimport { BodyPropsInner } from '../Body/Body.types';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { ROW_GROUP } from '../../index';\nimport { MergedColumnsCell, MergedRowsCell } from '../Body/MergedCells';\nimport { forkRef } from '@semcore/core/lib/utils/ref';\nimport scrollStyles from '../../style/scroll-shadows.shadow.css';\n\nexport const ACCORDION = Symbol('accordion');\n\nclass DataTableRoot extends Component<\n DataTableProps,\n {},\n {},\n typeof DataTableRoot.enhance,\n { use: DTRow }\n> {\n static displayName = 'DataTable';\n static style = style;\n\n static enhance = [uniqueIDEnhancement(), i18nEnhance(localizedMessages)] as const;\n\n static defaultProps = {\n use: 'primary',\n defaultGridTemplateColumnWidth: 'auto',\n h: 'auto',\n };\n\n private columnsSplitter = '/';\n\n private columns: DTColumn[] = [];\n\n private focusedCell: [RowIndex, ColIndex] = [-1, -1];\n\n private tableContainerRef = React.createRef<HTMLDivElement>();\n private tableRef = React.createRef<HTMLDivElement>();\n private headerRef = React.createRef<HTMLDivElement>();\n private scrollBodyRef: ReturnType<ReturnType<typeof syncScroll>>;\n private scrollHeadRef: ReturnType<ReturnType<typeof syncScroll>>;\n\n private gridAreaGroupMap = new Map<number, string>();\n\n constructor(props: DataTableProps) {\n super(props);\n\n const createRef = syncScroll();\n // first create body ref for master scroll\n this.scrollBodyRef = createRef('body');\n this.scrollHeadRef = createRef('head');\n\n this.columns = this.calculateColumns();\n }\n\n componentDidMount() {\n this.forceUpdate();\n }\n\n get totalRows() {\n const { totalRows } = this.asProps;\n\n return totalRows ?? this.calculateRows().length;\n }\n\n get gridSettings() {\n const gridTemplateColumns = this.columns.map((c) => c.gridColumnWidth);\n const gridTemplateAreas = this.columns.map((c) => c.name);\n\n return {\n gridTemplateColumns,\n gridTemplateAreas,\n };\n }\n\n getHeadProps(): HeadPropsInner {\n const { use, compact, sort, onSortChange, getI18nText, uid } = this.asProps;\n const { gridTemplateColumns, gridTemplateAreas } = this.gridSettings;\n\n return {\n columns: this.columns,\n use,\n tableRef: this.tableRef,\n compact: Boolean(compact),\n sort,\n onSortChange,\n getI18nText,\n uid,\n ref: this.headerRef,\n gridAreaGroupMap: this.gridAreaGroupMap,\n gridTemplateColumns,\n gridTemplateAreas,\n };\n }\n\n getBodyProps(): BodyPropsInner {\n const { use, compact, loading, getI18nText } = this.asProps;\n const rows = this.calculateRows();\n\n const { gridTemplateColumns, gridTemplateAreas } = this.gridSettings;\n const header = this.headerRef.current;\n const headerHeight = Array.from(header?.children ?? []).reduce((maxHeight, col) => {\n const rect = col.getBoundingClientRect();\n if (rect.height > maxHeight) {\n maxHeight = rect.height;\n }\n\n return maxHeight;\n }, 0);\n\n return {\n columns: this.columns,\n rows,\n use,\n scrollRef: this.scrollBodyRef,\n headerRows: this.columns.some((column) => Boolean(column.parent)) ? 2 : 1,\n compact: Boolean(compact),\n gridTemplateColumns,\n gridTemplateAreas,\n loading,\n headerHeight,\n getI18nText,\n };\n }\n\n setInert(value: boolean) {\n const cells = this.tableRef.current?.querySelectorAll<HTMLDivElement>(\n '[role=gridcell], [role=columnheader]',\n );\n\n cells?.forEach((cell) => {\n if (value === true) {\n cell.setAttribute('inert', '');\n } else {\n cell.removeAttribute('inert');\n }\n });\n }\n\n getRow = (index: number) => {\n return this.tableRef.current?.querySelector(`[aria-rowindex=\"${index + 1}\"]`);\n };\n\n hasFocusableInHeader = () => {\n const hasFocusable = this.columns.some((column) => {\n const columnElement = column.ref.current;\n\n return columnElement && hasFocusableIn(columnElement);\n });\n\n return hasFocusable;\n };\n\n changeFocusCell = (\n rowIndex: RowIndex,\n colIndex: ColIndex,\n direction?: 'up' | 'down' | 'left' | 'right',\n ) => {\n const hasFocusable = this.hasFocusableInHeader();\n\n const maxCol = this.columns.length - 1;\n const maxRow = this.totalRows;\n\n const currentRow = this.tableRef.current?.querySelector(\n `[aria-rowindex=\"${this.focusedCell[0] + 1}\"]`,\n );\n\n const headerCells = this.tableRef.current?.querySelectorAll('[role=columnheader]');\n const currentCell = currentRow?.querySelector(\n `[role=gridcell][aria-colindex='${this.focusedCell[1] + 1}']`,\n );\n const currentHeaderCell = headerCells?.item(this.focusedCell[1]);\n\n let changed = true;\n const newRow = this.focusedCell[0] + rowIndex;\n const newCol = this.focusedCell[1] + colIndex;\n\n if (\n ((hasFocusable && newRow < 0) || (!hasFocusable && newRow < 1) || newRow > maxRow) &&\n newRow !== this.focusedCell[0]\n ) {\n changed = false;\n }\n if ((newCol < 0 || newCol > maxCol) && newCol !== this.focusedCell[1]) {\n changed = false;\n }\n\n if (!changed) return;\n\n const row = this.getRow(newRow);\n const cell = row?.querySelector(\n `[role=gridcell][aria-colindex=\"${newCol + 1}\"], [role=columnheader][aria-colindex=\"${\n newCol + 1\n }\"]`,\n );\n\n if (cell instanceof HTMLElement && currentCell !== cell) {\n this.focusedCell = [newRow, newCol];\n\n currentCell?.setAttribute('inert', '');\n\n if (currentCell !== currentHeaderCell) {\n currentCell?.removeAttribute('aria-describedby');\n }\n\n const headerCell = headerCells?.item(newCol);\n const describedBy = headerCell?.getAttribute('aria-describedby');\n\n cell.removeAttribute('inert');\n if (headerCell !== cell && describedBy) {\n cell.setAttribute('aria-describedby', describedBy);\n }\n\n cell?.focus();\n\n if (newRow !== 0) {\n currentHeaderCell?.setAttribute('inert', '');\n const headerCell = headerCells?.item(newCol);\n\n headerCell?.removeAttribute('inert');\n }\n } else if (cell === null && currentCell instanceof HTMLElement) {\n let rowI = rowIndex;\n let colI = colIndex;\n\n if (direction === 'left' || direction === 'right') {\n // left/right\n if (currentCell.dataset.groupedBy === 'columns') {\n colI = direction === 'left' ? colI - 1 : colI + 1;\n } else {\n rowI = rowI - 1;\n }\n } else if (direction === 'up' || direction === 'down') {\n // top/bottom\n if (currentCell.dataset.groupedBy === 'rows') {\n rowI = direction === 'up' ? rowI - 1 : rowI + 1;\n } else {\n colI = colI - 1;\n }\n }\n this.changeFocusCell(rowI, colI, direction);\n }\n };\n\n handleKeyDown = (e: React.KeyboardEvent) => {\n switch (e.key) {\n case 'Tab': {\n this.setInert(true);\n break;\n }\n case 'ArrowLeft': {\n e.preventDefault();\n this.changeFocusCell(0, -1, 'left');\n break;\n }\n case 'ArrowRight': {\n e.preventDefault();\n this.changeFocusCell(0, 1, 'right');\n break;\n }\n case 'ArrowUp': {\n e.preventDefault();\n this.changeFocusCell(-1, 0, 'up');\n break;\n }\n case 'ArrowDown': {\n e.preventDefault();\n this.changeFocusCell(1, 0, 'down');\n break;\n }\n }\n };\n\n initFocusableCell = () => {\n const hasFocusable = this.hasFocusableInHeader();\n\n if (hasFocusable) {\n this.focusedCell = [0, 0];\n } else {\n this.focusedCell = [1, 0];\n }\n };\n\n handleFocus = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n if (\n (!e.relatedTarget || !isFocusInside(e.currentTarget, e.relatedTarget)) &&\n lastInteraction.isKeyboard()\n ) {\n if (this.focusedCell[0] === -1 && this.focusedCell[1] === -1) {\n this.initFocusableCell();\n }\n\n this.setInert(true);\n\n let row = this.getRow(this.focusedCell[0]);\n\n if (!row) {\n this.initFocusableCell();\n row = this.getRow(this.focusedCell[0]);\n }\n\n const cell = row\n ?.querySelectorAll('[role=gridcell], [role=columnheader]')\n .item(this.focusedCell[1]);\n\n cell?.removeAttribute('inert');\n cell instanceof HTMLElement && cell.focus();\n\n e.currentTarget.setAttribute('tabIndex', '-1');\n }\n };\n\n handleBlur = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n const relatedTarget = e.relatedTarget;\n const tableElement = this.tableRef.current;\n\n if (\n tableElement &&\n (!relatedTarget ||\n !isFocusInside(tableElement, relatedTarget) ||\n !lastInteraction.isKeyboard())\n ) {\n this.setInert(false);\n tableElement.setAttribute('tabIndex', '0');\n }\n };\n\n handleMouseMove = () => {\n this.setInert(false);\n };\n\n render() {\n const SDataTable = Root;\n const { Children, styles, w, wMax, wMin, h, hMax, hMin, loading } = this.asProps;\n\n const [offsetLeftSum, offsetRightSum] = getScrollOffsetValue(this.columns);\n const { gridTemplateColumns, gridTemplateAreas } = this.gridSettings;\n\n const Head = findComponent(Children, ['DataTable.Head']);\n const Body = findComponent(Children, ['DataTable.Body']);\n\n const width =\n w ??\n (this.columns.some((c) => c.gridColumnWidth === 'auto' || c.gridColumnWidth === '1fr')\n ? '100%'\n : undefined);\n\n return sstyled(styles)(\n <ScrollArea\n leftOffset={offsetLeftSum}\n rightOffset={offsetRightSum}\n w={width}\n wMax={wMax}\n wMin={wMin}\n h={h}\n hMax={hMax}\n hMin={hMin}\n shadow={true}\n container={this.tableContainerRef}\n styles={scrollStyles}\n >\n <ScrollArea.Container tabIndex={-1}>\n <SDataTable\n render={Box}\n ref={forkRef(this.tableRef, this.tableContainerRef)}\n role='grid'\n onKeyDown={this.handleKeyDown}\n onMouseMove={this.handleMouseMove}\n tabIndex={0}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n aria-rowcount={this.totalRows}\n aria-colcount={this.columns.length}\n gridTemplateColumns={gridTemplateColumns.join(' ')}\n gridTemplateAreas={gridTemplateAreas.join(' ')}\n w={'100%'}\n use:data={undefined}\n use:w={undefined}\n use:wMax={undefined}\n use:wMin={undefined}\n use:h={undefined}\n use:hMax={undefined}\n use:hMin={undefined}\n >\n {Body}\n {Head}\n </SDataTable>\n </ScrollArea.Container>\n\n <ScrollArea.Bar orientation='horizontal' />\n <ScrollArea.Bar orientation='vertical' />\n </ScrollArea>,\n );\n }\n\n private calculateColumns(): DTColumn[] {\n const { children, data } = this.props;\n const HeadComponent = findComponent(children, ['Head']) as ReactElement<DataTableHeadProps> & {\n props: { children: Array<ReactElement<DataTableColumnProps>> };\n };\n\n const hasGroup = findComponent(HeadComponent.props.children, ['Head.Group']) !== undefined;\n\n let columnIndex = 0;\n let groupIndex = 0;\n let gridColumnIndex = 1;\n\n const calculateGridTemplateColumn = this.calculateGridTemplateColumn.bind(this);\n\n const columns: DTColumn[] = [];\n\n const makeColumn = (\n columnElement: ReactElement<DataTableColumnProps>,\n parent?: any,\n isFirst?: boolean,\n isLast?: boolean,\n ): DTColumn => {\n const leftBordersFromParent =\n isFirst && (parent?.props.borders === 'both' || parent?.props.borders === 'left')\n ? 'left'\n : undefined;\n const rightBordersFromParent =\n isLast && (parent?.props.borders === 'both' || parent?.props.borders === 'right')\n ? 'right'\n : undefined;\n\n const column: DTColumn = {\n name: columnElement.props.name,\n // @ts-ignore\n ref: function (node: HTMLElement | null) {\n if (node) {\n const calculatedWidth = node.getBoundingClientRect().width;\n const calculatedHeight = node.getBoundingClientRect().height;\n column.calculatedWidth = calculatedWidth;\n column.calculatedHeight = calculatedHeight;\n }\n\n this.ref.current = node;\n },\n gridColumnWidth: calculateGridTemplateColumn(columnElement),\n fixed: columnElement.props.fixed ?? parent?.props.fixed,\n calculatedWidth: 0,\n calculatedHeight: 0,\n borders: columnElement.props.borders ?? leftBordersFromParent ?? rightBordersFromParent,\n parent,\n\n flexWrap: columnElement.props.flexWrap,\n alignItems: columnElement.props.alignItems,\n alignContent: columnElement.props.alignContent,\n justifyContent: columnElement.props.justifyContent,\n };\n\n // this.gridAreaColumnMap.set(\n // columnIndex,\n // `1 / ${gridColumnIndex} / ${hasGroup ? '3' : '2'} / ${gridColumnIndex + 1}`,\n // );\n // columnIndex++;\n // gridColumnIndex++;\n\n return column;\n // columns.push(column);\n };\n\n React.Children.forEach(HeadComponent.props.children, (child, i) => {\n if (!React.isValidElement(child)) return;\n\n if (child.type === Head.Column) {\n const col = makeColumn(child);\n\n col.gridArea = `1 / ${gridColumnIndex} / ${hasGroup ? '3' : '2'} / ${gridColumnIndex + 1}`;\n\n columnIndex++;\n gridColumnIndex++;\n\n columns.push(col);\n } else if (child.type === Head.Group) {\n const Group = child;\n const childCount = React.Children.count(child.props.children);\n\n const initGridColumn = gridColumnIndex;\n\n React.Children.forEach(child.props.children, (child, j) => {\n if (child?.type === Head.Column) {\n const isFirst = j === 0;\n const isLast = j === childCount - 1;\n const col = makeColumn(child, Group, isFirst, isLast);\n\n if (i === 0 && j === 0 && data.some((d) => d[ACCORDION])) {\n gridColumnIndex++;\n col.gridArea = `2 / ${gridColumnIndex - 1} / 3 / ${gridColumnIndex + 1}`;\n } else {\n col.gridArea = `2 / ${gridColumnIndex} / 3 / ${gridColumnIndex + 1}`;\n }\n\n col.gridArea = `2 / ${gridColumnIndex} / 3 / ${gridColumnIndex + 1}`;\n columnIndex++;\n gridColumnIndex++;\n\n columns.push(col);\n }\n });\n\n this.gridAreaGroupMap.set(groupIndex, `1 / ${initGridColumn} / 2 / ${gridColumnIndex}`);\n groupIndex++;\n }\n });\n\n return columns.filter(Boolean);\n\n // return Columns.map((c) => {\n // const column = {\n // name: c.props.name,\n // ref: (node: HTMLElement | null) => {\n // if (node) {\n // const calculatedWidth = node.getBoundingClientRect().width;\n // column.calculatedWidth = calculatedWidth;\n // }\n //\n // return { current: node };\n // },\n // gridColumnWidth: calculateGridTemplateColumn(c),\n // fixed: c.props.fixed,\n // calculatedWidth: 0,\n // };\n //\n // return column;\n // });\n\n // return columns;\n }\n\n private calculateRows(): DTRow[] {\n const { data } = this.asProps;\n\n const rows: DTRow[] = [];\n\n let rowIndex = 0;\n\n const addToRows = (row: Record<DTKey, any>) => {\n const dtRow = Object.entries(row).reduce<DTRow>((acc, [key, value]) => {\n const columnsToRow = key.split(this.columnsSplitter);\n\n if (columnsToRow.length === 1) {\n acc[key] = value;\n } else {\n acc[columnsToRow[0]] = new MergedColumnsCell(value, columnsToRow.length);\n }\n\n if (row[ACCORDION]) {\n acc[ACCORDION] = row[ACCORDION];\n }\n\n return acc;\n }, {});\n\n rows.push(dtRow);\n rowIndex++;\n };\n\n data.forEach((row, rowIndex) => {\n const groupedRows: DataTableData | undefined = row[ROW_GROUP];\n\n if (groupedRows) {\n groupedRows.forEach((childRow, index) => {\n if (index === 0) {\n const rowData = {\n ...childRow,\n ...Object.entries(row).reduce<DTRow>((acc, [key, value]) => {\n acc[key] = new MergedRowsCell(value, groupedRows.length);\n return acc;\n }, {}),\n };\n\n addToRows(rowData);\n } else {\n addToRows(childRow);\n }\n });\n } else {\n addToRows(row);\n }\n });\n\n return rows;\n }\n\n private calculateGridTemplateColumn(c: ReactElement<DataTableColumnProps>): string {\n return c.props.gtcWidth ?? (this.props.defaultGridTemplateColumnWidth as string);\n }\n}\n\nexport const DataTable = createComponent(DataTableRoot, {\n Head,\n Body,\n}) as Intergalactic.Component<'div', DataTableProps> & {\n Head: typeof Head;\n Body: typeof Body;\n};\n"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=DataTable.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataTable.types.js","names":[],"sources":["../../../../src/components/DataTable/DataTable.types.ts"],"sourcesContent":["import { Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/base-components';\n\n/**\n * Datatable must have an accessible name (aria-table-name).\n * It should describe table content.\n */\ntype DataTableAriaProps = Intergalactic.RequireAtLeastOne<{\n 'aria-label'?: string;\n 'aria-labelledby'?: string;\n title?: string;\n}>;\n\nexport type SortDirection = 'asc' | 'desc';\nexport type DataTableSort<Column = string> = [sortBy: Column, sortDirection: SortDirection];\n\nexport type DTKey = string | symbol;\nexport type DTValue = string | number | boolean;\nexport type DataTableData = Array<Record<DTKey, any>>;\n\nexport type DTUse = 'primary' | 'secondary';\n\ntype Sizes = Pick<BoxProps, 'w' | 'wMax' | 'wMin' | 'h' | 'hMax' | 'hMin'>;\n\nexport type DataTableProps = DataTableAriaProps &\n Sizes & {\n /** Data for table */\n data: DataTableData;\n /** Count of total rows if table using virtual scroll. Needs for accessibility */\n totalRows?: number;\n\n /** Table theme according to visual hierarchy on the page\n * @default primary\n * */\n use?: DTUse;\n\n /** Active sort object */\n sort?: DataTableSort;\n /** Handler call when request will change sort */\n onSortChange?: (sort: DataTableSort, e?: React.SyntheticEvent) => void;\n\n /**\n *\n * @default auto\n */\n defaultGridTemplateColumnWidth?: 'auto' | '1fr';\n\n /**\n * Flag for compact view (less paddings)\n */\n compact?: boolean;\n\n /**\n * Flag for showing spinner on table body\n */\n loading?: boolean;\n\n children?: any;\n };\n\nexport type RowIndex = number;\nexport type ColIndex = number;\n"],"mappings":""}
@@ -0,0 +1,14 @@
1
+ SDataTable {
2
+ display: grid;
3
+ position: relative;
4
+ align-items: start;
5
+ min-width: fit-content;
6
+ }
7
+
8
+ SDataTable[gridTemplateColumns] {
9
+ grid-template-columns: var(--gridTemplateColumns);
10
+ }
11
+
12
+ SDataTable[gridTemplateAreas] {
13
+ grid-template-areas: var(--gridTemplateAreas);
14
+ }
@@ -0,0 +1,277 @@
1
+ "use strict";
2
+
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.Column = void 0;
9
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
10
+ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
+ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
12
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
13
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
14
+ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
15
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
+ var _core = require("@semcore/core");
17
+ var React = _interopRequireWildcard(require("react"));
18
+ var _baseComponents = require("@semcore/base-components");
19
+ var _m = _interopRequireDefault(require("@semcore/icon/SortDesc/m"));
20
+ var _m2 = _interopRequireDefault(require("@semcore/icon/SortAsc/m"));
21
+ var _button = require("@semcore/button");
22
+ var _getFocusableIn = require("@semcore/core/lib/utils/focus-lock/getFocusableIn");
23
+ var _Head = require("../../Head");
24
+ var _canUseDOM = _interopRequireDefault(require("@semcore/core/lib/utils/canUseDOM"));
25
+ /*__reshadow-styles__:"./style.shadow.css"*/
26
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SHead_182z1_gg_{display:contents}.___SHead_182z1_gg_.__sticky_182z1_gg_>.___SColumn_182z1_gg_{position:sticky;top:0;z-index:1}.___SHead_182z1_gg_.__sticky_182z1_gg_ .___SGroup_182z1_gg_{top:0}.___SHead_182z1_gg_.__sticky_182z1_gg_ .___SGroupContainer_182z1_gg_>.___SColumn_182z1_gg_{position:sticky;top:40px;z-index:1}.___SHead_182z1_gg_.__compact_182z1_gg_ .___SColumn_182z1_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_182z1_gg_,.___SGroup_182z1_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}.___SGroup_182z1_gg_._use_primary_182z1_gg_{justify-content:center;padding:var(--intergalactic-spacing-3x, 12px);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_182z1_gg_._use_secondary_182z1_gg_{justify-content:center;padding:var(--intergalactic-spacing-2x, 8px);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SGroup_182z1_gg_:has(.___SColumn_182z1_gg_.__visibleSort_182z1_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_182z1_gg_._borders_both_182z1_gg_,.___SColumn_182z1_gg_._borders_left_182z1_gg_,.___SGroup_182z1_gg_._borders_both_182z1_gg_,.___SGroup_182z1_gg_._borders_left_182z1_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_182z1_gg_._borders_both_182z1_gg_,.___SColumn_182z1_gg_._borders_right_182z1_gg_,.___SGroup_182z1_gg_._borders_both_182z1_gg_,.___SGroup_182z1_gg_._borders_right_182z1_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_182z1_gg_._use_primary_182z1_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_182z1_gg_._use_primary_182z1_gg_ .___SSortWrapper_182z1_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_182z1_gg_._use_primary_182z1_gg_.__visibleSort_182z1_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_182z1_gg_._use_primary_182z1_gg_.__visibleSort_182z1_gg_ .___SSortWrapper_182z1_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_182z1_gg_._use_primary_182z1_gg_.__visibleSort_182z1_gg_ .___SSortButton_182z1_gg_,.___SColumn_182z1_gg_._use_primary_182z1_gg_.__visibleSort_182z1_gg_ .___SSortWrapper_182z1_gg_::before,.___SColumn_182z1_gg_._use_secondary_182z1_gg_.__visibleSort_182z1_gg_ .___SSortWrapper_182z1_gg_::before{display:flex;opacity:1}.___SColumn_182z1_gg_._use_secondary_182z1_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_182z1_gg_._use_secondary_182z1_gg_ .___SSortWrapper_182z1_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_182z1_gg_._use_secondary_182z1_gg_.__visibleSort_182z1_gg_ .___SSortWrapper_182z1_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_182z1_gg_._use_secondary_182z1_gg_.__visibleSort_182z1_gg_ .___SSortButton_182z1_gg_{display:flex;opacity:1}.___SColumn_182z1_gg_.__gridArea_182z1_gg_,.___SGroupTitle_182z1_gg_.__gridArea_182z1_gg_,.___SGroup_182z1_gg_.__gridArea_182z1_gg_{grid-area:var(--gridArea_182z1)}.___SHead_182z1_gg_ .___SColumn_182z1_gg_.__fixed_182z1_gg_,.___SHead_182z1_gg_ .___SGroup_182z1_gg_.__fixed_182z1_gg_,.___SHead_182z1_gg_.__sticky_182z1_gg_ .___SColumn_182z1_gg_.__fixed_182z1_gg_,.___SHead_182z1_gg_.__sticky_182z1_gg_ .___SGroup_182z1_gg_{position:sticky;z-index:2}@media (hover:hover){.___SColumn_182z1_gg_.__sortable_182z1_gg_:hover{cursor:pointer}}.___SSortWrapper_182z1_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_182z1_gg_,.___SSortWrapper_182z1_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_182z1_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_182z1_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}" /*__inner_css_end__*/, "182z1_gg_") /*__reshadow_css_end__*/, {
27
+ "__SHead": "___SHead_182z1_gg_",
28
+ "_sticky": "__sticky_182z1_gg_",
29
+ "__SColumn": "___SColumn_182z1_gg_",
30
+ "__SGroup": "___SGroup_182z1_gg_",
31
+ "__SGroupContainer": "___SGroupContainer_182z1_gg_",
32
+ "_compact": "__compact_182z1_gg_",
33
+ "_use_primary": "_use_primary_182z1_gg_",
34
+ "_use_secondary": "_use_secondary_182z1_gg_",
35
+ "_visibleSort": "__visibleSort_182z1_gg_",
36
+ "_borders_both": "_borders_both_182z1_gg_",
37
+ "_borders_left": "_borders_left_182z1_gg_",
38
+ "_borders_right": "_borders_right_182z1_gg_",
39
+ "_gridArea": "__gridArea_182z1_gg_",
40
+ "__SGroupTitle": "___SGroupTitle_182z1_gg_",
41
+ "--gridArea": "--gridArea_182z1",
42
+ "_fixed": "__fixed_182z1_gg_",
43
+ "_sortable": "__sortable_182z1_gg_",
44
+ "__SSortWrapper": "___SSortWrapper_182z1_gg_",
45
+ "__SSortButton": "___SSortButton_182z1_gg_"
46
+ });
47
+ var SORTING_ICON = {
48
+ desc: _m["default"],
49
+ asc: _m2["default"]
50
+ };
51
+ var ARIA_SORT = {
52
+ desc: 'descending',
53
+ asc: 'ascending'
54
+ };
55
+ var DEFAULT_DIRECTION = 'desc';
56
+ var reversedSortDirection = {
57
+ desc: 'asc',
58
+ asc: 'desc'
59
+ };
60
+ var Column = /*#__PURE__*/function (_Component) {
61
+ (0, _inherits2["default"])(Column, _Component);
62
+ var _super = (0, _createSuper2["default"])(Column);
63
+ function Column() {
64
+ var _this;
65
+ (0, _classCallCheck2["default"])(this, Column);
66
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
67
+ args[_key] = arguments[_key];
68
+ }
69
+ _this = _super.call.apply(_super, [this].concat(args));
70
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "lockedCell", [null, false]);
71
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "columnRef", /*#__PURE__*/React.createRef());
72
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "sortWrapperRef", /*#__PURE__*/React.createRef());
73
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
74
+ sortVisible: false
75
+ });
76
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "calculateActiveColumnMinWidth", function () {
77
+ var node = _this.columnRef.current;
78
+ if (node) {
79
+ var _this$columnRef$curre, _this$columnRef$curre2;
80
+ var clonedColumn = document.createElement('div');
81
+ var computedStyle = window.getComputedStyle(node);
82
+ node.childNodes.forEach(function (node) {
83
+ if (_this.sortWrapperRef.current !== node) {
84
+ clonedColumn.append(node.cloneNode(true));
85
+ }
86
+ });
87
+ clonedColumn.style.setProperty('visibility', 'hidden', 'important');
88
+ var styles = ['display', 'flex', 'margin', 'padding', 'background', 'font-style', 'font-width', 'font-size', 'font-weight'];
89
+ styles.forEach(function (key) {
90
+ clonedColumn.style.setProperty(key, computedStyle.getPropertyValue(key), computedStyle.getPropertyPriority(key));
91
+ });
92
+ clonedColumn.style.setProperty('width', 'fit-content', 'important');
93
+ document.body.appendChild(clonedColumn);
94
+ var computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);
95
+ document.body.removeChild(clonedColumn);
96
+ var defaultNodeWidth = (_this$columnRef$curre = (_this$columnRef$curre2 = _this.columnRef.current) === null || _this$columnRef$curre2 === void 0 ? void 0 : _this$columnRef$curre2.clientWidth) !== null && _this$columnRef$curre !== void 0 ? _this$columnRef$curre : 0;
97
+ if (computedWidth >= defaultNodeWidth) {
98
+ return defaultNodeWidth + _Head.SORT_ICON_WIDTH;
99
+ } else {
100
+ var freeSpace = defaultNodeWidth - computedWidth;
101
+ if (freeSpace < _Head.SORT_ICON_WIDTH) {
102
+ return computedWidth + _Head.SORT_ICON_WIDTH;
103
+ }
104
+ }
105
+ }
106
+ return null;
107
+ });
108
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseEnter", function () {
109
+ _this.setState({
110
+ sortVisible: true
111
+ });
112
+ });
113
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseLeave", function () {
114
+ _this.setState({
115
+ sortVisible: false
116
+ });
117
+ });
118
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleBlur", function () {
119
+ _this.setState({
120
+ sortVisible: false
121
+ });
122
+ });
123
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleSortClick", function (e) {
124
+ var _this$asProps = _this.asProps,
125
+ sort = _this$asProps.sort,
126
+ onSortChange = _this$asProps.onSortChange,
127
+ name = _this$asProps.name;
128
+ if (sort && onSortChange) {
129
+ var sortDirection = sort[0] === name ? reversedSortDirection[sort[1]] : DEFAULT_DIRECTION;
130
+ onSortChange([name, sortDirection], e);
131
+ }
132
+ });
133
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleKeyDown", function (e) {
134
+ if (e.currentTarget === _this.lockedCell[0]) {
135
+ var focusableChildren = Array.from(_this.lockedCell[0].children).flatMap(function (node) {
136
+ return (0, _getFocusableIn.getFocusableIn)(node);
137
+ });
138
+ if (_this.lockedCell[1]) {
139
+ if (e.key === 'Escape') {
140
+ var _this$lockedCell$;
141
+ (_this$lockedCell$ = _this.lockedCell[0]) === null || _this$lockedCell$ === void 0 ? void 0 : _this$lockedCell$.focus();
142
+ _this.lockedCell[1] = false;
143
+ }
144
+ if (e.key.startsWith('Arrow')) {
145
+ e.stopPropagation();
146
+ }
147
+ if (e.key === 'Tab') {
148
+ if (e.target === focusableChildren[0] && e.shiftKey) {
149
+ var _focusableChildren;
150
+ (_focusableChildren = focusableChildren[focusableChildren.length - 1]) === null || _focusableChildren === void 0 ? void 0 : _focusableChildren.focus();
151
+ e.preventDefault();
152
+ } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {
153
+ var _focusableChildren$;
154
+ (_focusableChildren$ = focusableChildren[0]) === null || _focusableChildren$ === void 0 ? void 0 : _focusableChildren$.focus();
155
+ e.preventDefault();
156
+ }
157
+ }
158
+ } else if (e.key === 'Enter') {
159
+ var _focusableChildren$2;
160
+ _this.lockedCell[1] = true;
161
+ (_focusableChildren$2 = focusableChildren[0]) === null || _focusableChildren$2 === void 0 ? void 0 : _focusableChildren$2.focus();
162
+ } else if (e.key === 'Tab') {
163
+ var _this$lockedCell$2;
164
+ (_this$lockedCell$2 = _this.lockedCell[0]) === null || _this$lockedCell$2 === void 0 ? void 0 : _this$lockedCell$2.setAttribute('inert', '');
165
+ }
166
+ }
167
+ });
168
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleFocusCell", function (e) {
169
+ var cellElement = e.currentTarget;
170
+ var target = e.target;
171
+ _this.setState({
172
+ sortVisible: true
173
+ }, function () {
174
+ if (target === cellElement) {
175
+ var focusableChildren = Array.from(cellElement.children).flatMap(function (node) {
176
+ return (0, _getFocusableIn.getFocusableIn)(node);
177
+ });
178
+ if (focusableChildren.length === 1) {
179
+ focusableChildren[0].focus();
180
+ } else if (focusableChildren.length > 1) {
181
+ _this.lockedCell = [cellElement, false];
182
+ }
183
+ }
184
+ });
185
+ });
186
+ return _this;
187
+ }
188
+ (0, _createClass2["default"])(Column, [{
189
+ key: "componentDidUpdate",
190
+ value: function componentDidUpdate(prevProps) {
191
+ var _prevProps$sort, _this$asProps$sort;
192
+ if (this.asProps.changeSortSize && (0, _canUseDOM["default"])() && ((_prevProps$sort = prevProps.sort) === null || _prevProps$sort === void 0 ? void 0 : _prevProps$sort[0]) !== ((_this$asProps$sort = this.asProps.sort) === null || _this$asProps$sort === void 0 ? void 0 : _this$asProps$sort[0])) {
193
+ var _this$asProps$sort2, _this$asProps$sort3;
194
+ var _this$asProps2 = this.asProps,
195
+ tableRef = _this$asProps2.tableRef,
196
+ gridTemplateColumns = _this$asProps2.gridTemplateColumns,
197
+ columnIndex = _this$asProps2.columnIndex;
198
+ if (((_this$asProps$sort2 = this.asProps.sort) === null || _this$asProps$sort2 === void 0 ? void 0 : _this$asProps$sort2[0]) === this.asProps.name) {
199
+ var newWidth = this.calculateActiveColumnMinWidth();
200
+ setTimeout(function () {
201
+ if (tableRef.current && newWidth !== null) {
202
+ tableRef.current.style.setProperty('grid-template-columns', gridTemplateColumns.map(function (gtcWidth, index) {
203
+ if (index === columnIndex) {
204
+ return "".concat(newWidth, "px");
205
+ }
206
+ return gtcWidth;
207
+ }).join(' '));
208
+ }
209
+ });
210
+ } else if (((_this$asProps$sort3 = this.asProps.sort) === null || _this$asProps$sort3 === void 0 ? void 0 : _this$asProps$sort3[0]) !== this.asProps.name) {
211
+ setTimeout(function () {
212
+ if (tableRef.current) {
213
+ tableRef.current.style.setProperty('grid-template-columns', gridTemplateColumns.join(' '));
214
+ }
215
+ });
216
+ }
217
+ }
218
+ }
219
+ }, {
220
+ key: "render",
221
+ value: function render() {
222
+ var _ref = this.asProps,
223
+ _ref2;
224
+ var SColumn = _baseComponents.Flex;
225
+ var SSortWrapper = 'div';
226
+ var SSortButton = _button.ButtonLink;
227
+ var _this$asProps3 = this.asProps,
228
+ styles = _this$asProps3.styles,
229
+ sortable = _this$asProps3.sortable,
230
+ sort = _this$asProps3.sort,
231
+ uid = _this$asProps3.uid,
232
+ name = _this$asProps3.name,
233
+ parent = _this$asProps3.parent,
234
+ sortableColumnDescribeId = _this$asProps3.sortableColumnDescribeId;
235
+ var SSortIcon = sort ? SORTING_ICON[sort[1]] : SORTING_ICON['asc'];
236
+ var isSorted = (sort === null || sort === void 0 ? void 0 : sort[0]) === name;
237
+ var visibleSort = sortable && (this.state.sortVisible || isSorted);
238
+ var ariaDescribedBy = [];
239
+ if (isSorted) {
240
+ ariaDescribedBy.push(sortableColumnDescribeId);
241
+ }
242
+ if (parent) {
243
+ ariaDescribedBy.push("igc-table-".concat(uid, "-").concat(parent.name, "-group"));
244
+ }
245
+ var ariaSortValue = sort !== null && sort !== void 0 && sort[1] ? ARIA_SORT[sort[1]] : undefined;
246
+ return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SColumn, _ref2.cn("SColumn", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
247
+ "ref": this.columnRef,
248
+ "role": 'columnheader',
249
+ "tabIndex": -1,
250
+ "onMouseEnter": this.handleMouseEnter,
251
+ "onMouseLeave": this.handleMouseLeave,
252
+ "onFocus": this.handleFocusCell,
253
+ "onBlur": this.handleBlur,
254
+ "onKeyDown": this.handleKeyDown,
255
+ "visibleSort": visibleSort,
256
+ "isSorted": isSorted,
257
+ "innerOutline": true,
258
+ "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined,
259
+ "aria-sort": ariaSortValue,
260
+ "onClick": this.handleSortClick
261
+ }, _ref))), this.asProps.children, sortable && /*#__PURE__*/React.createElement(SSortWrapper, _ref2.cn("SSortWrapper", {
262
+ "ref": this.sortWrapperRef
263
+ }), /*#__PURE__*/React.createElement(SSortButton, _ref2.cn("SSortButton", {
264
+ "onClick": this.handleSortClick,
265
+ "aria-label": ariaSortValue,
266
+ "color": '--intergalactic-icon-primary-neutral'
267
+ }), /*#__PURE__*/React.createElement(SSortButton.Addon, {
268
+ tag: SSortIcon
269
+ }))));
270
+ }
271
+ }]);
272
+ return Column;
273
+ }(_core.Component);
274
+ exports.Column = Column;
275
+ (0, _defineProperty2["default"])(Column, "displayName", 'Column');
276
+ (0, _defineProperty2["default"])(Column, "style", style);
277
+ //# sourceMappingURL=Column.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Column.js","names":["_core","require","React","_interopRequireWildcard","_baseComponents","_m","_interopRequireDefault","_m2","_button","_getFocusableIn","_Head","_canUseDOM","style","sstyled","insert","SORTING_ICON","desc","SortDesc","asc","SortAsc","ARIA_SORT","DEFAULT_DIRECTION","reversedSortDirection","Column","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","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","SORT_ICON_WIDTH","freeSpace","setState","e","_this$asProps","asProps","sort","onSortChange","name","sortDirection","currentTarget","lockedCell","focusableChildren","from","children","flatMap","getFocusableIn","_this$lockedCell$","focus","startsWith","stopPropagation","target","shiftKey","_focusableChildren","preventDefault","_focusableChildren$","_focusableChildren$2","_this$lockedCell$2","setAttribute","cellElement","_createClass2","value","componentDidUpdate","prevProps","_prevProps$sort","_this$asProps$sort","changeSortSize","canUseDOM","_this$asProps$sort2","_this$asProps$sort3","_this$asProps2","tableRef","gridTemplateColumns","columnIndex","newWidth","calculateActiveColumnMinWidth","setTimeout","map","gtcWidth","index","join","render","_ref","_ref2","SColumn","Flex","SSortWrapper","SSortButton","ButtonLink","_this$asProps3","sortable","uid","parent","sortableColumnDescribeId","SSortIcon","isSorted","visibleSort","state","ariaDescribedBy","push","ariaSortValue","undefined","cn","_objectSpread2","assignProps","handleMouseEnter","handleMouseLeave","handleFocusCell","handleBlur","handleKeyDown","handleSortClick","Addon","tag","Component","exports"],"sources":["../../../../src/components/Head/Column.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport { ColumnPropsInner, DataTableColumnProps } from './Column.types';\nimport { Flex } from '@semcore/base-components';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport SortAsc from '@semcore/icon/SortAsc/m';\n\nimport style from './style.shadow.css';\nimport { ButtonLink } from '@semcore/button';\nimport type { SortDirection } from '../DataTable/DataTable.types';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { SORT_ICON_WIDTH } from '../../Head';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\n\nconst SORTING_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 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 extends Component<DataTableColumnProps, {}, {}, [], ColumnPropsInner> {\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 componentDidUpdate(prevProps: DataTableColumnProps & ColumnPropsInner): void {\n if (\n this.asProps.changeSortSize &&\n canUseDOM() &&\n prevProps.sort?.[0] !== this.asProps.sort?.[0]\n ) {\n const { tableRef, gridTemplateColumns, columnIndex } = this.asProps;\n\n if (this.asProps.sort?.[0] === this.asProps.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 (this.asProps.sort?.[0] !== this.asProps.name) {\n setTimeout(() => {\n if (tableRef.current) {\n tableRef.current.style.setProperty(\n 'grid-template-columns',\n gridTemplateColumns.join(' '),\n );\n }\n });\n }\n }\n }\n\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 handleMouseEnter = () => {\n this.setState({ sortVisible: true });\n };\n\n handleMouseLeave = () => {\n this.setState({ sortVisible: false });\n };\n\n handleBlur = () => {\n this.setState({ sortVisible: false });\n };\n\n handleSortClick = (e: React.SyntheticEvent<HTMLButtonElement>) => {\n const { sort, onSortChange, name } = this.asProps;\n\n if (sort && onSortChange) {\n const sortDirection = sort[0] === name ? reversedSortDirection[sort[1]] : DEFAULT_DIRECTION;\n\n onSortChange([name, sortDirection], e);\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 } else if (e.key === 'Enter') {\n this.lockedCell[1] = true;\n focusableChildren[0]?.focus();\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 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 render() {\n const SColumn = Root;\n const SSortWrapper = 'div';\n const SSortButton = ButtonLink;\n const { styles, sortable, sort, uid, name, parent, sortableColumnDescribeId } = this.asProps;\n\n const SSortIcon = sort ? SORTING_ICON[sort[1]] : SORTING_ICON['asc'];\n const isSorted = sort?.[0] === name;\n const visibleSort = sortable && (this.state.sortVisible || isSorted);\n\n const ariaDescribedBy = [];\n if (isSorted) {\n ariaDescribedBy.push(sortableColumnDescribeId);\n }\n if (parent) {\n ariaDescribedBy.push(`igc-table-${uid}-${parent.name}-group`);\n }\n\n const ariaSortValue = sort?.[1] ? ARIA_SORT[sort[1]] : 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 onClick={this.handleSortClick}\n >\n {this.asProps.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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"}
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=Column.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Column.types.js","names":[],"sources":["../../../../src/components/Head/Column.types.ts"],"sourcesContent":["import { DataTableProps, DTUse } from '../DataTable/DataTable.types';\nimport { Property } from 'csstype';\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;\n /**\n * Fixes column to some side of table\n */\n fixed?: 'left' | 'right';\n /**\n * Adds vertical border(s)\n */\n borders?: 'both' | 'left' | 'right';\n /**\n * It manages the `flex-wrap` property\n */\n flexWrap?: boolean;\n /**\n * It manages the `align-items` property\n */\n alignItems?: Property.AlignItems;\n /**\n * It manages the `align-content` property\n */\n alignContent?: Property.AlignContent;\n /**\n * CSS `justify-content` property\n */\n justifyContent?: Property.JustifyContent;\n};\n\nexport type DTColumn = CommonColumnType & {\n ref: React.RefCallback<HTMLElement> & { current: HTMLElement | null };\n /**\n * Width for grid-template-columns\n */\n gridColumnWidth: string;\n\n /**\n * Width of column by getBoundaryRect() value\n */\n calculatedWidth: number;\n /**\n * Height of column by getBoundaryRect() value\n */\n calculatedHeight: number;\n\n parent?: DTColumn;\n // children?: Array<Omit<DTColumn[], 'children'>>;\n\n gridArea?: string;\n};\n\nexport type DataTableColumnProps = CommonColumnType & {\n /**\n * Value for grid-template-columns for current column\n */\n gtcWidth?: string;\n\n /**\n * Flag for change column size if sorted by it\n */\n changeSortSize?: boolean;\n\n children?: React.ReactElement[];\n};\n\nexport type ColumnPropsInner = {\n use: DTUse;\n borders?: 'both' | 'left' | 'right';\n sort?: DataTableProps['sort'];\n onSortChange?: DataTableProps['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};\n"],"mappings":""}
@@ -0,0 +1,98 @@
1
+ "use strict";
2
+
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.Group = void 0;
9
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
10
+ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
+ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
12
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
13
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
14
+ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
15
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
+ var _core = require("@semcore/core");
17
+ var React = _interopRequireWildcard(require("react"));
18
+ var _baseComponents = require("@semcore/base-components");
19
+ var _getOriginChildren = _interopRequireDefault(require("@semcore/core/lib/utils/getOriginChildren"));
20
+ /*__reshadow-styles__:"./style.shadow.css"*/
21
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SHead_182z1_gg_{display:contents}.___SHead_182z1_gg_.__sticky_182z1_gg_>.___SColumn_182z1_gg_{position:sticky;top:0;z-index:1}.___SHead_182z1_gg_.__sticky_182z1_gg_ .___SGroup_182z1_gg_{top:0}.___SHead_182z1_gg_.__sticky_182z1_gg_ .___SGroupContainer_182z1_gg_>.___SColumn_182z1_gg_{position:sticky;top:40px;z-index:1}.___SHead_182z1_gg_.__compact_182z1_gg_ .___SColumn_182z1_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_182z1_gg_,.___SGroup_182z1_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}.___SGroup_182z1_gg_._use_primary_182z1_gg_{justify-content:center;padding:var(--intergalactic-spacing-3x, 12px);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_182z1_gg_._use_secondary_182z1_gg_{justify-content:center;padding:var(--intergalactic-spacing-2x, 8px);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SGroup_182z1_gg_:has(.___SColumn_182z1_gg_.__visibleSort_182z1_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_182z1_gg_._borders_both_182z1_gg_,.___SColumn_182z1_gg_._borders_left_182z1_gg_,.___SGroup_182z1_gg_._borders_both_182z1_gg_,.___SGroup_182z1_gg_._borders_left_182z1_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_182z1_gg_._borders_both_182z1_gg_,.___SColumn_182z1_gg_._borders_right_182z1_gg_,.___SGroup_182z1_gg_._borders_both_182z1_gg_,.___SGroup_182z1_gg_._borders_right_182z1_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_182z1_gg_._use_primary_182z1_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_182z1_gg_._use_primary_182z1_gg_ .___SSortWrapper_182z1_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_182z1_gg_._use_primary_182z1_gg_.__visibleSort_182z1_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_182z1_gg_._use_primary_182z1_gg_.__visibleSort_182z1_gg_ .___SSortWrapper_182z1_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_182z1_gg_._use_primary_182z1_gg_.__visibleSort_182z1_gg_ .___SSortButton_182z1_gg_,.___SColumn_182z1_gg_._use_primary_182z1_gg_.__visibleSort_182z1_gg_ .___SSortWrapper_182z1_gg_::before,.___SColumn_182z1_gg_._use_secondary_182z1_gg_.__visibleSort_182z1_gg_ .___SSortWrapper_182z1_gg_::before{display:flex;opacity:1}.___SColumn_182z1_gg_._use_secondary_182z1_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_182z1_gg_._use_secondary_182z1_gg_ .___SSortWrapper_182z1_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_182z1_gg_._use_secondary_182z1_gg_.__visibleSort_182z1_gg_ .___SSortWrapper_182z1_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_182z1_gg_._use_secondary_182z1_gg_.__visibleSort_182z1_gg_ .___SSortButton_182z1_gg_{display:flex;opacity:1}.___SColumn_182z1_gg_.__gridArea_182z1_gg_,.___SGroupTitle_182z1_gg_.__gridArea_182z1_gg_,.___SGroup_182z1_gg_.__gridArea_182z1_gg_{grid-area:var(--gridArea_182z1)}.___SHead_182z1_gg_ .___SColumn_182z1_gg_.__fixed_182z1_gg_,.___SHead_182z1_gg_ .___SGroup_182z1_gg_.__fixed_182z1_gg_,.___SHead_182z1_gg_.__sticky_182z1_gg_ .___SColumn_182z1_gg_.__fixed_182z1_gg_,.___SHead_182z1_gg_.__sticky_182z1_gg_ .___SGroup_182z1_gg_{position:sticky;z-index:2}@media (hover:hover){.___SColumn_182z1_gg_.__sortable_182z1_gg_:hover{cursor:pointer}}.___SSortWrapper_182z1_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_182z1_gg_,.___SSortWrapper_182z1_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_182z1_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_182z1_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}" /*__inner_css_end__*/, "182z1_gg_") /*__reshadow_css_end__*/, {
22
+ "__SHead": "___SHead_182z1_gg_",
23
+ "_sticky": "__sticky_182z1_gg_",
24
+ "__SColumn": "___SColumn_182z1_gg_",
25
+ "__SGroup": "___SGroup_182z1_gg_",
26
+ "__SGroupContainer": "___SGroupContainer_182z1_gg_",
27
+ "_compact": "__compact_182z1_gg_",
28
+ "_use_primary": "_use_primary_182z1_gg_",
29
+ "_use_secondary": "_use_secondary_182z1_gg_",
30
+ "_visibleSort": "__visibleSort_182z1_gg_",
31
+ "_borders_both": "_borders_both_182z1_gg_",
32
+ "_borders_left": "_borders_left_182z1_gg_",
33
+ "_borders_right": "_borders_right_182z1_gg_",
34
+ "_gridArea": "__gridArea_182z1_gg_",
35
+ "__SGroupTitle": "___SGroupTitle_182z1_gg_",
36
+ "--gridArea": "--gridArea_182z1",
37
+ "_fixed": "__fixed_182z1_gg_",
38
+ "_sortable": "__sortable_182z1_gg_",
39
+ "__SSortWrapper": "___SSortWrapper_182z1_gg_",
40
+ "__SSortButton": "___SSortButton_182z1_gg_"
41
+ });
42
+ var Group = /*#__PURE__*/function (_Component) {
43
+ (0, _inherits2["default"])(Group, _Component);
44
+ var _super = (0, _createSuper2["default"])(Group);
45
+ function Group() {
46
+ var _this;
47
+ (0, _classCallCheck2["default"])(this, Group);
48
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
49
+ args[_key] = arguments[_key];
50
+ }
51
+ _this = _super.call.apply(_super, [this].concat(args));
52
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "mounted", false);
53
+ return _this;
54
+ }
55
+ (0, _createClass2["default"])(Group, [{
56
+ key: "componentDidMount",
57
+ value: function componentDidMount() {
58
+ this.mounted = true;
59
+ this.forceUpdate();
60
+ }
61
+ }, {
62
+ key: "render",
63
+ value: function render() {
64
+ var _ref = this.asProps,
65
+ _ref2,
66
+ _children$,
67
+ _children;
68
+ var SGroupContainer = _baseComponents.Box;
69
+ var SGroup = _baseComponents.Box;
70
+ var _this$asProps = this.asProps,
71
+ styles = _this$asProps.styles,
72
+ Children = _this$asProps.Children,
73
+ title = _this$asProps.title,
74
+ fixed = _this$asProps.fixed,
75
+ fixedColumnsMap = _this$asProps.fixedColumnsMap;
76
+ var children = (0, _getOriginChildren["default"])(Children);
77
+ var firstName = (_children$ = children[0]) === null || _children$ === void 0 ? void 0 : _children$.props.name;
78
+ var lastName = (_children = children[children.length - 1]) === null || _children === void 0 ? void 0 : _children.props.name;
79
+ var style = {};
80
+ if (fixed === 'left' && firstName) {
81
+ style.left = fixedColumnsMap.get(firstName);
82
+ }
83
+ if (fixed === 'right') {
84
+ style.right = fixedColumnsMap.get(lastName);
85
+ }
86
+ return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SGroupContainer, _ref2.cn("SGroupContainer", {
87
+ "display": 'contents'
88
+ }), this.mounted && /*#__PURE__*/React.createElement(SGroup, _ref2.cn("SGroup", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
89
+ "style": style
90
+ }, _ref))), title), /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})));
91
+ }
92
+ }]);
93
+ return Group;
94
+ }(_core.Component);
95
+ exports.Group = Group;
96
+ (0, _defineProperty2["default"])(Group, "displayName", 'Group');
97
+ (0, _defineProperty2["default"])(Group, "style", style);
98
+ //# sourceMappingURL=Group.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Group.js","names":["_core","require","React","_interopRequireWildcard","_baseComponents","_getOriginChildren","_interopRequireDefault","style","sstyled","insert","Group","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","_createClass2","key","value","componentDidMount","mounted","forceUpdate","render","_ref","asProps","_ref2","_children$","_children","SGroupContainer","Box","SGroup","_this$asProps","styles","Children","title","fixed","fixedColumnsMap","children","getOriginChildren","firstName","props","name","lastName","left","get","right","createElement","cn","_objectSpread2","assignProps","Component","exports"],"sources":["../../../../src/components/Head/Group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/base-components';\n\nimport style from './style.shadow.css';\nimport { DataTableGroupProps, GroupPropsInner } from './Group.type';\nimport getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';\n\nexport class Group extends Component<DataTableGroupProps, {}, {}, [], GroupPropsInner> {\n static displayName = 'Group';\n static style = style;\n\n mounted = false;\n\n componentDidMount() {\n this.mounted = true;\n this.forceUpdate();\n }\n\n render() {\n const SGroupContainer = Box;\n const SGroup = Root;\n const { styles, Children, title, fixed, fixedColumnsMap } = this.asProps;\n const children = getOriginChildren(Children);\n const firstName = children[0]?.props.name;\n const lastName = children[children.length - 1]?.props.name;\n\n const style: any = {};\n\n if (fixed === 'left' && firstName) {\n style.left = fixedColumnsMap.get(firstName);\n }\n if (fixed === 'right') {\n style.right = fixedColumnsMap.get(lastName);\n }\n\n return sstyled(styles)(\n <SGroupContainer display={'contents'}>\n {this.mounted && (\n <SGroup render={Box} style={style}>\n {title}\n </SGroup>\n )}\n <Children />\n </SGroupContainer>,\n );\n }\n}\n"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=Group.type.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Group.type.js","names":[],"sources":["../../../../src/components/Head/Group.type.ts"],"sourcesContent":["import { DTUse } from '../DataTable/DataTable.types';\n\nexport type DataTableGroupProps = {\n title: string;\n\n borders?: 'both' | 'left' | 'right';\n\n fixed?: 'left' | 'right';\n};\n\nexport type GroupPropsInner = {\n use: DTUse;\n fixedColumnsMap: Map<string, any>;\n};\n"],"mappings":""}