@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.
- package/lib/cjs/Body.js +476 -0
- package/lib/cjs/Body.js.map +1 -0
- package/lib/cjs/DataTable.js +622 -0
- package/lib/cjs/DataTable.js.map +1 -0
- package/lib/cjs/Head.js +399 -0
- package/lib/cjs/Head.js.map +1 -0
- package/lib/cjs/components/Body/Body.js +216 -0
- package/lib/cjs/components/Body/Body.js.map +1 -0
- package/lib/cjs/components/Body/Body.types.js +2 -0
- package/lib/cjs/components/Body/Body.types.js.map +1 -0
- package/lib/cjs/components/Body/Cell.js +133 -0
- package/lib/cjs/components/Body/Cell.js.map +1 -0
- package/lib/cjs/components/Body/Cell.types.js +2 -0
- package/lib/cjs/components/Body/Cell.types.js.map +1 -0
- package/lib/cjs/components/Body/MergedCells.js +27 -0
- package/lib/cjs/components/Body/MergedCells.js.map +1 -0
- package/lib/cjs/components/Body/Row.js +212 -0
- package/lib/cjs/components/Body/Row.js.map +1 -0
- package/lib/cjs/components/Body/Row.types.js +2 -0
- package/lib/cjs/components/Body/Row.types.js.map +1 -0
- package/lib/cjs/components/Body/style.shadow.css +190 -0
- package/lib/cjs/components/DataTable/DataTable.js +565 -0
- package/lib/cjs/components/DataTable/DataTable.js.map +1 -0
- package/lib/cjs/components/DataTable/DataTable.types.js +2 -0
- package/lib/cjs/components/DataTable/DataTable.types.js.map +1 -0
- package/lib/cjs/components/DataTable/dataTable.shadow.css +14 -0
- package/lib/cjs/components/Head/Column.js +277 -0
- package/lib/cjs/components/Head/Column.js.map +1 -0
- package/lib/cjs/components/Head/Column.types.js +2 -0
- package/lib/cjs/components/Head/Column.types.js.map +1 -0
- package/lib/cjs/components/Head/Group.js +98 -0
- package/lib/cjs/components/Head/Group.js.map +1 -0
- package/lib/cjs/components/Head/Group.type.js +2 -0
- package/lib/cjs/components/Head/Group.type.js.map +1 -0
- package/lib/cjs/components/Head/Head.js +152 -0
- package/lib/cjs/components/Head/Head.js.map +1 -0
- package/lib/cjs/components/Head/Head.types.js +2 -0
- package/lib/cjs/components/Head/Head.types.js.map +1 -0
- package/lib/cjs/components/Head/style.shadow.css +165 -0
- package/lib/cjs/index.js +42 -0
- package/lib/cjs/index.js.map +1 -0
- package/lib/cjs/style/data-table.shadow.css +394 -0
- package/lib/cjs/style/scroll-shadows.shadow.css +11 -0
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +39 -0
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -0
- package/lib/cjs/translations/de.json +3 -0
- package/lib/cjs/translations/en.json +5 -0
- package/lib/cjs/translations/es.json +3 -0
- package/lib/cjs/translations/fr.json +3 -0
- package/lib/cjs/translations/it.json +3 -0
- package/lib/cjs/translations/ja.json +3 -0
- package/lib/cjs/translations/ko.json +3 -0
- package/lib/cjs/translations/nl.json +3 -0
- package/lib/cjs/translations/pl.json +3 -0
- package/lib/cjs/translations/pt.json +3 -0
- package/lib/cjs/translations/sv.json +3 -0
- package/lib/cjs/translations/tr.json +3 -0
- package/lib/cjs/translations/vi.json +3 -0
- package/lib/cjs/translations/zh.json +3 -0
- package/lib/cjs/types.js +4 -0
- package/lib/cjs/types.js.map +1 -0
- package/lib/cjs/utils.js +66 -0
- package/lib/cjs/utils.js.map +1 -0
- package/lib/es6/Body.js +469 -0
- package/lib/es6/Body.js.map +1 -0
- package/lib/es6/DataTable.js +614 -0
- package/lib/es6/DataTable.js.map +1 -0
- package/lib/es6/Head.js +391 -0
- package/lib/es6/Head.js.map +1 -0
- package/lib/es6/components/Body/Body.js +209 -0
- package/lib/es6/components/Body/Body.js.map +1 -0
- package/lib/es6/components/Body/Body.types.js +2 -0
- package/lib/es6/components/Body/Body.types.js.map +1 -0
- package/lib/es6/components/Body/Cell.js +126 -0
- package/lib/es6/components/Body/Cell.js.map +1 -0
- package/lib/es6/components/Body/Cell.types.js +2 -0
- package/lib/es6/components/Body/Cell.types.js.map +1 -0
- package/lib/es6/components/Body/MergedCells.js +18 -0
- package/lib/es6/components/Body/MergedCells.js.map +1 -0
- package/lib/es6/components/Body/Row.js +205 -0
- package/lib/es6/components/Body/Row.js.map +1 -0
- package/lib/es6/components/Body/Row.types.js +2 -0
- package/lib/es6/components/Body/Row.types.js.map +1 -0
- package/lib/es6/components/Body/style.shadow.css +190 -0
- package/lib/es6/components/DataTable/DataTable.js +558 -0
- package/lib/es6/components/DataTable/DataTable.js.map +1 -0
- package/lib/es6/components/DataTable/DataTable.types.js +2 -0
- package/lib/es6/components/DataTable/DataTable.types.js.map +1 -0
- package/lib/es6/components/DataTable/dataTable.shadow.css +14 -0
- package/lib/es6/components/Head/Column.js +270 -0
- package/lib/es6/components/Head/Column.js.map +1 -0
- package/lib/es6/components/Head/Column.types.js +2 -0
- package/lib/es6/components/Head/Column.types.js.map +1 -0
- package/lib/es6/components/Head/Group.js +91 -0
- package/lib/es6/components/Head/Group.js.map +1 -0
- package/lib/es6/components/Head/Group.type.js +2 -0
- package/lib/es6/components/Head/Group.type.js.map +1 -0
- package/lib/es6/components/Head/Head.js +145 -0
- package/lib/es6/components/Head/Head.js.map +1 -0
- package/lib/es6/components/Head/Head.types.js +2 -0
- package/lib/es6/components/Head/Head.types.js.map +1 -0
- package/lib/es6/components/Head/style.shadow.css +165 -0
- package/lib/es6/index.js +5 -0
- package/lib/es6/index.js.map +1 -0
- package/lib/es6/style/data-table.shadow.css +394 -0
- package/lib/es6/style/scroll-shadows.shadow.css +11 -0
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +31 -0
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -0
- package/lib/es6/translations/de.json +3 -0
- package/lib/es6/translations/en.json +5 -0
- package/lib/es6/translations/es.json +3 -0
- package/lib/es6/translations/fr.json +3 -0
- package/lib/es6/translations/it.json +3 -0
- package/lib/es6/translations/ja.json +3 -0
- package/lib/es6/translations/ko.json +3 -0
- package/lib/es6/translations/nl.json +3 -0
- package/lib/es6/translations/pl.json +3 -0
- package/lib/es6/translations/pt.json +3 -0
- package/lib/es6/translations/sv.json +3 -0
- package/lib/es6/translations/tr.json +3 -0
- package/lib/es6/translations/vi.json +3 -0
- package/lib/es6/translations/zh.json +3 -0
- package/lib/es6/types.js +2 -0
- package/lib/es6/types.js.map +1 -0
- package/lib/es6/utils.js +56 -0
- package/lib/es6/utils.js.map +1 -0
- package/lib/esm/components/Body/Body.mjs +1 -1
- package/lib/esm/components/Body/Row.mjs +1 -1
- package/lib/types/Body.d.ts +61 -0
- package/lib/types/DataTable.d.ts +205 -0
- package/lib/types/Head.d.ts +45 -0
- package/lib/types/components/Body/Body.d.ts +8 -0
- package/lib/types/components/Body/Body.types.d.ts +31 -0
- package/lib/types/components/Body/Cell.d.ts +3 -0
- package/lib/types/components/Body/Cell.types.d.ts +14 -0
- package/lib/types/components/Body/MergedCells.d.ts +10 -0
- package/lib/types/components/Body/Row.d.ts +3 -0
- package/lib/types/components/Body/Row.types.d.ts +24 -0
- package/lib/types/components/DataTable/DataTable.d.ts +9 -0
- package/lib/types/components/DataTable/DataTable.types.d.ts +50 -0
- package/lib/types/components/Head/Column.d.ts +26 -0
- package/lib/types/components/Head/Column.types.d.ts +80 -0
- package/lib/types/components/Head/Group.d.ts +12 -0
- package/lib/types/components/Head/Group.type.d.ts +10 -0
- package/lib/types/components/Head/Head.d.ts +8 -0
- package/lib/types/components/Head/Head.types.d.ts +26 -0
- package/lib/types/index.d.ts +4 -0
- package/lib/types/translations/__intergalactic-dynamic-locales.d.ts +46 -0
- package/lib/types/types.d.ts +73 -0
- package/lib/types/utils.d.ts +8 -0
- 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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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":""}
|