@semcore/data-table 16.0.6 → 16.0.7-prerelease.0
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/CHANGELOG.md +13 -0
- package/lib/cjs/components/Body/Body.js +39 -37
- package/lib/cjs/components/Body/Body.js.map +1 -1
- package/lib/cjs/components/Body/Cell.js +37 -36
- package/lib/cjs/components/Body/Cell.js.map +1 -1
- package/lib/cjs/components/Body/Row.js +37 -36
- package/lib/cjs/components/Body/Row.js.map +1 -1
- package/lib/cjs/components/Body/Row.types.js.map +1 -1
- package/lib/cjs/components/Body/style.shadow.css +33 -33
- package/lib/cjs/components/DataTable/DataTable.js +45 -42
- package/lib/cjs/components/DataTable/DataTable.js.map +1 -1
- package/lib/cjs/components/DataTable/DataTable.types.js.map +1 -1
- package/lib/cjs/components/Head/Column.js +24 -22
- package/lib/cjs/components/Head/Column.js.map +1 -1
- package/lib/cjs/components/Head/Group.js +24 -22
- package/lib/cjs/components/Head/Group.js.map +1 -1
- package/lib/cjs/components/Head/Head.js +60 -35
- package/lib/cjs/components/Head/Head.js.map +1 -1
- package/lib/cjs/components/Head/Head.types.js.map +1 -1
- package/lib/cjs/components/Head/style.shadow.css +4 -0
- package/lib/cjs/style/scroll-shadows.shadow.css +12 -4
- package/lib/es6/components/Body/Body.js +39 -37
- package/lib/es6/components/Body/Body.js.map +1 -1
- package/lib/es6/components/Body/Cell.js +37 -36
- package/lib/es6/components/Body/Cell.js.map +1 -1
- package/lib/es6/components/Body/Row.js +37 -36
- package/lib/es6/components/Body/Row.js.map +1 -1
- package/lib/es6/components/Body/Row.types.js.map +1 -1
- package/lib/es6/components/Body/style.shadow.css +33 -33
- package/lib/es6/components/DataTable/DataTable.js +45 -42
- package/lib/es6/components/DataTable/DataTable.js.map +1 -1
- package/lib/es6/components/DataTable/DataTable.types.js.map +1 -1
- package/lib/es6/components/Head/Column.js +24 -22
- package/lib/es6/components/Head/Column.js.map +1 -1
- package/lib/es6/components/Head/Group.js +24 -22
- package/lib/es6/components/Head/Group.js.map +1 -1
- package/lib/es6/components/Head/Head.js +61 -36
- package/lib/es6/components/Head/Head.js.map +1 -1
- package/lib/es6/components/Head/Head.types.js.map +1 -1
- package/lib/es6/components/Head/style.shadow.css +4 -0
- package/lib/es6/style/scroll-shadows.shadow.css +12 -4
- package/lib/esm/components/Body/Body.mjs +40 -38
- package/lib/esm/components/Body/Cell.mjs +38 -37
- package/lib/esm/components/Body/Row.mjs +38 -37
- package/lib/esm/components/Body/style.shadow.css +33 -33
- package/lib/esm/components/DataTable/DataTable.mjs +46 -43
- package/lib/esm/components/Head/Column.mjs +25 -23
- package/lib/esm/components/Head/Group.mjs +25 -23
- package/lib/esm/components/Head/Head.mjs +50 -30
- package/lib/esm/components/Head/style.shadow.css +4 -0
- package/lib/esm/style/scroll-shadows.shadow.css +12 -4
- package/lib/types/components/Body/Row.types.d.ts +1 -0
- package/lib/types/components/DataTable/DataTable.types.d.ts +2 -17
- package/lib/types/components/Head/Head.types.d.ts +4 -1
- package/package.json +22 -22
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Column.js","names":["_core","require","_baseComponents","_button","_canUseDOM","_interopRequireDefault","_getFocusableIn","_isFocusInside","_m","_m2","React","_interopRequireWildcard","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","SORTING_ICON","desc","SortDesc","asc","SortAsc","ARIA_SORT","SORT_ICON_WIDTH","DEFAULT_DIRECTION","reversedSortDirection","Column","exports","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","createRef","sortVisible","node","columnRef","current","_this$columnRef$curre","_this$columnRef$curre2","clonedColumn","document","createElement","computedStyle","window","getComputedStyle","childNodes","forEach","sortWrapperRef","append","cloneNode","setProperty","styles","key","getPropertyValue","getPropertyPriority","body","appendChild","computedWidth","Math","ceil","getBoundingClientRect","width","removeChild","defaultNodeWidth","clientWidth","freeSpace","setState","relatedTarget","isFocusInside","currentTarget","lastInteraction","isKeyboard","_this$asProps","asProps","sort","onSortChange","name","sortable","isMouse","target","sortDirection","defaultDirection","lockedCell","focusableChildren","from","children","flatMap","getFocusableIn","_this$lockedCell$","focus","startsWith","stopPropagation","shiftKey","_focusableChildren","preventDefault","_focusableChildren$","_focusableChildren$2","_this$lockedCell$2","setAttribute","cellElement","_this$asProps2","onClick","columnIndex","handleSortClick","rowIndex","colIndex","_inherits2","_createClass2","value","componentDidMount","_this$asProps3","parent","sticky","changeSortSize","_columnElement$parent","columnElement","groupElement","parentElement","item","groupHeight","height","canUseDOM","changeTemplateColumnBySort","componentDidUpdate","prevProps","_prevProps$sort","_this$asProps$sort","_this$asProps4","tableRef","gridTemplateColumns","newWidth","calculateActiveColumnMinWidth","setTimeout","map","gtcWidth","index","join","get","render","_ref","_ref2","SColumn","Flex","SSortWrapper","SSortButton","ButtonLink","_this$asProps5","uid","sortableColumnDescribeId","Children","_ref3","undefined","_ref4","_slicedToArray2","sortBy","isSorted","SSortIcon","visibleSort","Boolean","state","ariaDescribedBy","push","ariaSortValue","cn","_objectSpread2","assignProps","handleMouseEnter","handleMouseLeave","handleFocusCell","handleBlur","handleKeyDown","handleClick","Addon","tag","Component"],"sources":["../../../../src/components/Head/Column.tsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\nimport { ButtonLink } from '@semcore/button';\nimport { Component, lastInteraction, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\nimport type Icon from '@semcore/icon';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport * as React from 'react';\n\nimport type { ColumnPropsInner, DataTableColumnProps } from './Column.types';\nimport style from './style.shadow.css';\nimport type { DataTableData, SortDirection } from '../DataTable/DataTable.types';\n\nconst SORTING_ICON: { [key in SortDirection]: typeof Icon } = {\n desc: SortDesc,\n asc: SortAsc,\n} as const;\n\nconst ARIA_SORT = {\n desc: 'descending',\n asc: 'ascending',\n} as const;\n\nconst SORT_ICON_WIDTH = 20;\n\nconst DEFAULT_DIRECTION = 'desc';\n\nconst reversedSortDirection: { [direction in SortDirection]: SortDirection } = {\n desc: 'asc',\n asc: 'desc',\n};\n\ntype State = {\n sortVisible: boolean;\n};\n\nexport class Column<D extends DataTableData> extends Component<\n DataTableColumnProps,\n {},\n {},\n [],\n ColumnPropsInner<D>\n> {\n static displayName = 'Column';\n static style = style;\n\n lockedCell: [HTMLElement | null, boolean] = [null, false];\n\n columnRef = React.createRef<HTMLDivElement>();\n sortWrapperRef = React.createRef<HTMLDivElement>();\n\n state: State = {\n sortVisible: false,\n };\n\n componentDidMount() {\n const { parent, sticky, changeSortSize, name, sort } = this.asProps;\n\n if (parent && sticky) {\n const columnElement = this.columnRef.current;\n const groupElement = columnElement?.parentElement?.children.item(0);\n\n const groupHeight = groupElement?.getBoundingClientRect().height;\n\n if (groupHeight) {\n columnElement?.style.setProperty('top', `${groupHeight}px`);\n }\n }\n\n if (canUseDOM() && changeSortSize && sort?.[0] === name) {\n this.changeTemplateColumnBySort();\n }\n }\n\n componentDidUpdate(prevProps: DataTableColumnProps & ColumnPropsInner<D>): void {\n if (\n this.asProps.changeSortSize &&\n canUseDOM() &&\n prevProps.sort?.[0] !== this.asProps.sort?.[0]\n ) {\n this.changeTemplateColumnBySort();\n }\n }\n\n changeTemplateColumnBySort() {\n const { tableRef, gridTemplateColumns, columnIndex, sort, name } = this.asProps;\n\n if (sort?.[0] === name) {\n const newWidth = this.calculateActiveColumnMinWidth();\n\n setTimeout(() => {\n if (tableRef.current && newWidth !== null) {\n tableRef.current.style.setProperty(\n 'grid-template-columns',\n gridTemplateColumns\n .map((gtcWidth, index) => {\n if (index === columnIndex) {\n return `${newWidth}px`;\n }\n return gtcWidth;\n })\n .join(' '),\n );\n }\n });\n } else if (sort?.[0] !== name) {\n setTimeout(() => {\n if (tableRef.current) {\n tableRef.current.style.setProperty(\n 'grid-template-columns',\n gridTemplateColumns.join(' '),\n );\n }\n });\n }\n }\n\n calculateActiveColumnMinWidth = (): number | null => {\n const node = this.columnRef.current;\n\n if (node) {\n const clonedColumn = document.createElement('div');\n const computedStyle = window.getComputedStyle(node);\n\n node.childNodes.forEach((node) => {\n if (this.sortWrapperRef.current !== node) {\n clonedColumn.append(node.cloneNode(true));\n }\n });\n\n clonedColumn.style.setProperty('visibility', 'hidden', 'important');\n\n const styles = [\n 'display',\n 'flex',\n 'margin',\n 'padding',\n 'background',\n 'font-style',\n 'font-width',\n 'font-size',\n 'font-weight',\n ];\n\n styles.forEach((key) => {\n clonedColumn.style.setProperty(\n key,\n computedStyle.getPropertyValue(key),\n computedStyle.getPropertyPriority(key),\n );\n });\n\n clonedColumn.style.setProperty('width', 'fit-content', 'important');\n\n document.body.appendChild(clonedColumn);\n\n const computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);\n\n document.body.removeChild(clonedColumn);\n\n const defaultNodeWidth = this.columnRef.current?.clientWidth ?? 0;\n\n if (computedWidth >= defaultNodeWidth) {\n return defaultNodeWidth + SORT_ICON_WIDTH;\n } else {\n const freeSpace = defaultNodeWidth - computedWidth;\n\n if (freeSpace < SORT_ICON_WIDTH) {\n return computedWidth + SORT_ICON_WIDTH;\n }\n }\n }\n\n return null;\n };\n\n get defaultDirection() {\n const { sortable } = this.asProps;\n\n if (typeof sortable === 'string') {\n return sortable;\n }\n\n return DEFAULT_DIRECTION;\n }\n\n handleMouseEnter = () => {\n this.setState({ sortVisible: true });\n };\n\n handleMouseLeave = () => {\n this.setState({ sortVisible: false });\n };\n\n handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n const relatedTarget = e.relatedTarget as HTMLElement | undefined;\n if (!isFocusInside(e.currentTarget, relatedTarget) && lastInteraction.isKeyboard()) {\n this.setState({ sortVisible: false });\n }\n };\n\n handleSortClick = (e: React.SyntheticEvent<HTMLElement>) => {\n const { sort, onSortChange, name, sortable } = this.asProps;\n\n if (\n lastInteraction.isMouse() ||\n (lastInteraction.isKeyboard() && e.target === e.currentTarget)\n ) {\n if (sortable && onSortChange) {\n const sortDirection =\n sort?.[0] === name ? reversedSortDirection[sort[1]] : this.defaultDirection;\n\n onSortChange([name, sortDirection], e);\n }\n }\n };\n\n handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.currentTarget === this.lockedCell[0]) {\n const focusableChildren = Array.from(this.lockedCell[0].children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (this.lockedCell[1]) {\n if (e.key === 'Escape') {\n this.lockedCell[0]?.focus();\n this.lockedCell[1] = false;\n }\n if (e.key.startsWith('Arrow')) {\n e.stopPropagation();\n }\n if (e.key === 'Tab') {\n if (e.target === focusableChildren[0] && e.shiftKey) {\n focusableChildren[focusableChildren.length - 1]?.focus();\n e.preventDefault();\n } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {\n focusableChildren[0]?.focus();\n e.preventDefault();\n }\n\n e.stopPropagation();\n }\n } else if (e.key === 'Enter') {\n this.lockedCell[1] = true;\n focusableChildren[0]?.focus();\n e.preventDefault();\n e.stopPropagation();\n } else if (e.key === 'Tab') {\n this.lockedCell[0]?.setAttribute('inert', '');\n }\n }\n };\n\n handleFocusCell = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n const cellElement = e.currentTarget;\n const target = e.target;\n\n if (lastInteraction.isKeyboard()) {\n this.setState({ sortVisible: true }, () => {\n if (target === cellElement) {\n const focusableChildren = Array.from(cellElement.children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (focusableChildren.length === 1) {\n focusableChildren[0].focus();\n } else if (focusableChildren.length > 1) {\n this.lockedCell = [cellElement, false];\n }\n }\n });\n }\n };\n\n handleClick = (e: React.SyntheticEvent<HTMLElement>) => {\n const { sortable, onClick, columnIndex } = this.asProps;\n if (sortable) {\n this.handleSortClick(e);\n }\n\n onClick?.(e, { rowIndex: -1, colIndex: columnIndex });\n };\n\n render() {\n const SColumn = Root;\n const SSortWrapper = 'div';\n const SSortButton = ButtonLink;\n const { styles, sortable, sort, uid, name, parent, sortableColumnDescribeId, Children } =\n this.asProps;\n\n const [sortBy, sortDirection] = sort ?? [undefined, undefined];\n const isSorted = sortBy === name && !!sortDirection;\n\n const SSortIcon = isSorted ? SORTING_ICON[sortDirection] : SORTING_ICON[this.defaultDirection];\n\n const visibleSort = Boolean(sortable) && (this.state.sortVisible || isSorted);\n\n const ariaDescribedBy = [];\n if (sortable) {\n ariaDescribedBy.push(sortableColumnDescribeId);\n }\n if (parent) {\n ariaDescribedBy.push(`igc-table-${uid}-${parent.name}-group`);\n }\n\n const ariaSortValue = isSorted ? ARIA_SORT[sortDirection] : undefined;\n\n return sstyled(styles)(\n <SColumn\n render={Flex}\n ref={this.columnRef}\n role='columnheader'\n tabIndex={-1}\n onMouseEnter={this.handleMouseEnter}\n onMouseLeave={this.handleMouseLeave}\n onFocus={this.handleFocusCell}\n onBlur={this.handleBlur}\n onKeyDown={this.handleKeyDown}\n visibleSort={visibleSort}\n isSorted={isSorted}\n innerOutline\n aria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n aria-sort={ariaSortValue}\n use:onClick={this.handleClick}\n >\n <Children />\n\n {sortable && (\n <SSortWrapper ref={this.sortWrapperRef}>\n <SSortButton\n onClick={this.handleSortClick}\n aria-label={ariaSortValue}\n color='--intergalactic-icon-primary-neutral'\n >\n <SSortButton.Addon tag={SSortIcon} />\n </SSortButton>\n </SSortWrapper>\n )}\n </SColumn>,\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Column.js","names":["_core","require","_baseComponents","_button","_canUseDOM","_interopRequireDefault","_getFocusableIn","_isFocusInside","_m","_m2","React","_interopRequireWildcard","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","SORTING_ICON","desc","SortDesc","asc","SortAsc","ARIA_SORT","SORT_ICON_WIDTH","DEFAULT_DIRECTION","reversedSortDirection","Column","exports","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","createRef","sortVisible","node","columnRef","current","_this$columnRef$curre","_this$columnRef$curre2","clonedColumn","document","createElement","computedStyle","window","getComputedStyle","childNodes","forEach","sortWrapperRef","append","cloneNode","setProperty","styles","key","getPropertyValue","getPropertyPriority","body","appendChild","computedWidth","Math","ceil","getBoundingClientRect","width","removeChild","defaultNodeWidth","clientWidth","freeSpace","setState","relatedTarget","isFocusInside","currentTarget","lastInteraction","isKeyboard","_this$asProps","asProps","sort","onSortChange","name","sortable","isMouse","target","sortDirection","defaultDirection","lockedCell","focusableChildren","from","children","flatMap","getFocusableIn","_this$lockedCell$","focus","startsWith","stopPropagation","shiftKey","_focusableChildren","preventDefault","_focusableChildren$","_focusableChildren$2","_this$lockedCell$2","setAttribute","cellElement","_this$asProps2","onClick","columnIndex","handleSortClick","rowIndex","colIndex","_inherits2","_createClass2","value","componentDidMount","_this$asProps3","parent","sticky","changeSortSize","_columnElement$parent","columnElement","groupElement","parentElement","item","groupHeight","height","canUseDOM","changeTemplateColumnBySort","componentDidUpdate","prevProps","_prevProps$sort","_this$asProps$sort","_this$asProps4","tableRef","gridTemplateColumns","newWidth","calculateActiveColumnMinWidth","setTimeout","map","gtcWidth","index","join","get","render","_ref","_ref2","SColumn","Flex","SSortWrapper","SSortButton","ButtonLink","_this$asProps5","uid","sortableColumnDescribeId","Children","_ref3","undefined","_ref4","_slicedToArray2","sortBy","isSorted","SSortIcon","visibleSort","Boolean","state","ariaDescribedBy","push","ariaSortValue","cn","_objectSpread2","assignProps","handleMouseEnter","handleMouseLeave","handleFocusCell","handleBlur","handleKeyDown","handleClick","Addon","tag","Component"],"sources":["../../../../src/components/Head/Column.tsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\nimport { ButtonLink } from '@semcore/button';\nimport { Component, lastInteraction, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\nimport type Icon from '@semcore/icon';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport * as React from 'react';\n\nimport type { ColumnPropsInner, DataTableColumnProps } from './Column.types';\nimport style from './style.shadow.css';\nimport type { DataTableData, SortDirection } from '../DataTable/DataTable.types';\n\nconst SORTING_ICON: { [key in SortDirection]: typeof Icon } = {\n desc: SortDesc,\n asc: SortAsc,\n} as const;\n\nconst ARIA_SORT = {\n desc: 'descending',\n asc: 'ascending',\n} as const;\n\nconst SORT_ICON_WIDTH = 20;\n\nconst DEFAULT_DIRECTION = 'desc';\n\nconst reversedSortDirection: { [direction in SortDirection]: SortDirection } = {\n desc: 'asc',\n asc: 'desc',\n};\n\ntype State = {\n sortVisible: boolean;\n};\n\nexport class Column<D extends DataTableData> extends Component<\n DataTableColumnProps,\n {},\n {},\n [],\n ColumnPropsInner<D>\n> {\n static displayName = 'Column';\n static style = style;\n\n lockedCell: [HTMLElement | null, boolean] = [null, false];\n\n columnRef = React.createRef<HTMLDivElement>();\n sortWrapperRef = React.createRef<HTMLDivElement>();\n\n state: State = {\n sortVisible: false,\n };\n\n componentDidMount() {\n const { parent, sticky, changeSortSize, name, sort } = this.asProps;\n\n if (parent && sticky) {\n const columnElement = this.columnRef.current;\n const groupElement = columnElement?.parentElement?.children.item(0);\n\n const groupHeight = groupElement?.getBoundingClientRect().height;\n\n if (groupHeight) {\n columnElement?.style.setProperty('top', `${groupHeight}px`);\n }\n }\n\n if (canUseDOM() && changeSortSize && sort?.[0] === name) {\n this.changeTemplateColumnBySort();\n }\n }\n\n componentDidUpdate(prevProps: DataTableColumnProps & ColumnPropsInner<D>): void {\n if (\n this.asProps.changeSortSize &&\n canUseDOM() &&\n prevProps.sort?.[0] !== this.asProps.sort?.[0]\n ) {\n this.changeTemplateColumnBySort();\n }\n }\n\n changeTemplateColumnBySort() {\n const { tableRef, gridTemplateColumns, columnIndex, sort, name } = this.asProps;\n\n if (sort?.[0] === name) {\n const newWidth = this.calculateActiveColumnMinWidth();\n\n setTimeout(() => {\n if (tableRef.current && newWidth !== null) {\n tableRef.current.style.setProperty(\n 'grid-template-columns',\n gridTemplateColumns\n .map((gtcWidth, index) => {\n if (index === columnIndex) {\n return `${newWidth}px`;\n }\n return gtcWidth;\n })\n .join(' '),\n );\n }\n });\n } else if (sort?.[0] !== name) {\n setTimeout(() => {\n if (tableRef.current) {\n tableRef.current.style.setProperty(\n 'grid-template-columns',\n gridTemplateColumns.join(' '),\n );\n }\n });\n }\n }\n\n calculateActiveColumnMinWidth = (): number | null => {\n const node = this.columnRef.current;\n\n if (node) {\n const clonedColumn = document.createElement('div');\n const computedStyle = window.getComputedStyle(node);\n\n node.childNodes.forEach((node) => {\n if (this.sortWrapperRef.current !== node) {\n clonedColumn.append(node.cloneNode(true));\n }\n });\n\n clonedColumn.style.setProperty('visibility', 'hidden', 'important');\n\n const styles = [\n 'display',\n 'flex',\n 'margin',\n 'padding',\n 'background',\n 'font-style',\n 'font-width',\n 'font-size',\n 'font-weight',\n ];\n\n styles.forEach((key) => {\n clonedColumn.style.setProperty(\n key,\n computedStyle.getPropertyValue(key),\n computedStyle.getPropertyPriority(key),\n );\n });\n\n clonedColumn.style.setProperty('width', 'fit-content', 'important');\n\n document.body.appendChild(clonedColumn);\n\n const computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);\n\n document.body.removeChild(clonedColumn);\n\n const defaultNodeWidth = this.columnRef.current?.clientWidth ?? 0;\n\n if (computedWidth >= defaultNodeWidth) {\n return defaultNodeWidth + SORT_ICON_WIDTH;\n } else {\n const freeSpace = defaultNodeWidth - computedWidth;\n\n if (freeSpace < SORT_ICON_WIDTH) {\n return computedWidth + SORT_ICON_WIDTH;\n }\n }\n }\n\n return null;\n };\n\n get defaultDirection() {\n const { sortable } = this.asProps;\n\n if (typeof sortable === 'string') {\n return sortable;\n }\n\n return DEFAULT_DIRECTION;\n }\n\n handleMouseEnter = () => {\n this.setState({ sortVisible: true });\n };\n\n handleMouseLeave = () => {\n this.setState({ sortVisible: false });\n };\n\n handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n const relatedTarget = e.relatedTarget as HTMLElement | undefined;\n if (!isFocusInside(e.currentTarget, relatedTarget) && lastInteraction.isKeyboard()) {\n this.setState({ sortVisible: false });\n }\n };\n\n handleSortClick = (e: React.SyntheticEvent<HTMLElement>) => {\n const { sort, onSortChange, name, sortable } = this.asProps;\n\n if (\n lastInteraction.isMouse() ||\n (lastInteraction.isKeyboard() && e.target === e.currentTarget)\n ) {\n if (sortable && onSortChange) {\n const sortDirection =\n sort?.[0] === name ? reversedSortDirection[sort[1]] : this.defaultDirection;\n\n onSortChange([name, sortDirection], e);\n }\n }\n };\n\n handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.currentTarget === this.lockedCell[0]) {\n const focusableChildren = Array.from(this.lockedCell[0].children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (this.lockedCell[1]) {\n if (e.key === 'Escape') {\n this.lockedCell[0]?.focus();\n this.lockedCell[1] = false;\n }\n if (e.key.startsWith('Arrow')) {\n e.stopPropagation();\n }\n if (e.key === 'Tab') {\n if (e.target === focusableChildren[0] && e.shiftKey) {\n focusableChildren[focusableChildren.length - 1]?.focus();\n e.preventDefault();\n } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {\n focusableChildren[0]?.focus();\n e.preventDefault();\n }\n\n e.stopPropagation();\n }\n } else if (e.key === 'Enter') {\n this.lockedCell[1] = true;\n focusableChildren[0]?.focus();\n e.preventDefault();\n e.stopPropagation();\n } else if (e.key === 'Tab') {\n this.lockedCell[0]?.setAttribute('inert', '');\n }\n }\n };\n\n handleFocusCell = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n const cellElement = e.currentTarget;\n const target = e.target;\n\n if (lastInteraction.isKeyboard()) {\n this.setState({ sortVisible: true }, () => {\n if (target === cellElement) {\n const focusableChildren = Array.from(cellElement.children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (focusableChildren.length === 1) {\n focusableChildren[0].focus();\n } else if (focusableChildren.length > 1) {\n this.lockedCell = [cellElement, false];\n }\n }\n });\n }\n };\n\n handleClick = (e: React.SyntheticEvent<HTMLElement>) => {\n const { sortable, onClick, columnIndex } = this.asProps;\n if (sortable) {\n this.handleSortClick(e);\n }\n\n onClick?.(e, { rowIndex: -1, colIndex: columnIndex });\n };\n\n render() {\n const SColumn = Root;\n const SSortWrapper = 'div';\n const SSortButton = ButtonLink;\n const { styles, sortable, sort, uid, name, parent, sortableColumnDescribeId, Children } =\n this.asProps;\n\n const [sortBy, sortDirection] = sort ?? [undefined, undefined];\n const isSorted = sortBy === name && !!sortDirection;\n\n const SSortIcon = isSorted ? SORTING_ICON[sortDirection] : SORTING_ICON[this.defaultDirection];\n\n const visibleSort = Boolean(sortable) && (this.state.sortVisible || isSorted);\n\n const ariaDescribedBy = [];\n if (sortable) {\n ariaDescribedBy.push(sortableColumnDescribeId);\n }\n if (parent) {\n ariaDescribedBy.push(`igc-table-${uid}-${parent.name}-group`);\n }\n\n const ariaSortValue = isSorted ? ARIA_SORT[sortDirection] : undefined;\n\n return sstyled(styles)(\n <SColumn\n render={Flex}\n ref={this.columnRef}\n role='columnheader'\n tabIndex={-1}\n onMouseEnter={this.handleMouseEnter}\n onMouseLeave={this.handleMouseLeave}\n onFocus={this.handleFocusCell}\n onBlur={this.handleBlur}\n onKeyDown={this.handleKeyDown}\n visibleSort={visibleSort}\n isSorted={isSorted}\n innerOutline\n aria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n aria-sort={ariaSortValue}\n use:onClick={this.handleClick}\n >\n <Children />\n\n {sortable && (\n <SSortWrapper ref={this.sortWrapperRef}>\n <SSortButton\n onClick={this.handleSortClick}\n aria-label={ariaSortValue}\n color='--intergalactic-icon-primary-neutral'\n >\n <SSortButton.Addon tag={SSortIcon} />\n </SSortButton>\n </SSortWrapper>\n )}\n </SColumn>,\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -23,30 +23,32 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
23
23
|
var _DataTable = require("../DataTable/DataTable");
|
|
24
24
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
25
25
|
/*!__reshadow-styles__:"./style.shadow.css"*/
|
|
26
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
26
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_1uo6g_gg_,.___SHead_1uo6g_gg_{display:contents}.___SHead_1uo6g_gg_.__animationDuration_1uo6g_gg_>.___SColumn_1uo6g_gg_{transition:top var(--animationDuration_1uo6g) ease-out}.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SColumn_1uo6g_gg_,.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SGroup_1uo6g_gg_{position:sticky;top:0;z-index:2}.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SGroupContainer_1uo6g_gg_>.___SColumn_1uo6g_gg_{position:sticky;z-index:2}.___SHead_1uo6g_gg_.__compact_1uo6g_gg_ .___SColumn_1uo6g_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1uo6g_gg_,.___SGroup_1uo6g_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden}.___SGroup_1uo6g_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1uo6g_gg_._use_primary_1uo6g_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1uo6g_gg_._use_primary_1uo6g_gg_:has(~.___SColumn_1uo6g_gg_.__visibleSort_1uo6g_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1uo6g_gg_._use_secondary_1uo6g_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1uo6g_gg_._borders_both_1uo6g_gg_,.___SColumn_1uo6g_gg_._borders_left_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_both_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_left_1uo6g_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1uo6g_gg_._borders_both_1uo6g_gg_,.___SColumn_1uo6g_gg_._borders_right_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_both_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_right_1uo6g_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortButton_1uo6g_gg_,.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before,.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before{display:flex;opacity:1}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortButton_1uo6g_gg_{display:flex;opacity:1}.___SColumn_1uo6g_gg_.__gridArea_1uo6g_gg_,.___SGroupTitle_1uo6g_gg_.__gridArea_1uo6g_gg_,.___SGroup_1uo6g_gg_.__gridArea_1uo6g_gg_{grid-area:var(--gridArea_1uo6g)}.___SHead_1uo6g_gg_ .___SColumn_1uo6g_gg_.__fixed_1uo6g_gg_,.___SHead_1uo6g_gg_ .___SGroup_1uo6g_gg_.__fixed_1uo6g_gg_,.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SColumn_1uo6g_gg_.__fixed_1uo6g_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_1uo6g_gg_.__sortable_1uo6g_gg_:hover{cursor:pointer}}.___SSortWrapper_1uo6g_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_1uo6g_gg_,.___SSortWrapper_1uo6g_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1uo6g_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1uo6g_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_1uo6g_gg_._sideIndents_wide_1uo6g_gg_ .___SColumn_1uo6g_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1uo6g_gg_._sideIndents_wide_1uo6g_gg_ .___SColumn_1uo6g_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1uo6g_gg_{cursor:pointer}", /*__inner_css_end__*/"1uo6g_gg_"),
|
|
27
27
|
/*__reshadow_css_end__*/
|
|
28
28
|
{
|
|
29
|
-
"__SHead": "
|
|
30
|
-
"__SGroupContainer": "
|
|
31
|
-
"
|
|
32
|
-
"__SColumn": "
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
29
|
+
"__SHead": "___SHead_1uo6g_gg_",
|
|
30
|
+
"__SGroupContainer": "___SGroupContainer_1uo6g_gg_",
|
|
31
|
+
"_animationDuration": "__animationDuration_1uo6g_gg_",
|
|
32
|
+
"__SColumn": "___SColumn_1uo6g_gg_",
|
|
33
|
+
"--animationDuration": "--animationDuration_1uo6g",
|
|
34
|
+
"_sticky": "__sticky_1uo6g_gg_",
|
|
35
|
+
"__SGroup": "___SGroup_1uo6g_gg_",
|
|
36
|
+
"_compact": "__compact_1uo6g_gg_",
|
|
37
|
+
"_use_secondary": "_use_secondary_1uo6g_gg_",
|
|
38
|
+
"_borders_both": "_borders_both_1uo6g_gg_",
|
|
39
|
+
"_borders_left": "_borders_left_1uo6g_gg_",
|
|
40
|
+
"_borders_right": "_borders_right_1uo6g_gg_",
|
|
41
|
+
"_gridArea": "__gridArea_1uo6g_gg_",
|
|
42
|
+
"__SGroupTitle": "___SGroupTitle_1uo6g_gg_",
|
|
43
|
+
"--gridArea": "--gridArea_1uo6g",
|
|
44
|
+
"_fixed": "__fixed_1uo6g_gg_",
|
|
45
|
+
"_sortable": "__sortable_1uo6g_gg_",
|
|
46
|
+
"__SSortWrapper": "___SSortWrapper_1uo6g_gg_",
|
|
47
|
+
"__SSortButton": "___SSortButton_1uo6g_gg_",
|
|
48
|
+
"__SHeadCheckboxCol": "___SHeadCheckboxCol_1uo6g_gg_",
|
|
49
|
+
"_use_primary": "_use_primary_1uo6g_gg_",
|
|
50
|
+
"_visibleSort": "__visibleSort_1uo6g_gg_",
|
|
51
|
+
"_sideIndents_wide": "_sideIndents_wide_1uo6g_gg_"
|
|
50
52
|
});
|
|
51
53
|
var Group = exports.Group = /*#__PURE__*/function (_Component) {
|
|
52
54
|
function Group() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Group.js","names":["_core","require","_baseComponents","_getOriginChildren","_interopRequireDefault","_uniqueID","_react","_DataTable","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","Group","exports","_Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","componentDidMount","_this","setTimeout","forceUpdate","get","uid","asProps","concat","render","_ref","_ref2","_this2","SGroupContainer","Box","SGroup","_this$asProps","styles","Children","title","fixed","columns","withConfig","getFixedStyle","groupColumns","children","getOriginChildren","firstColumn","lastColumn","length","_getFixedStyle","_getFixedStyle2","_slicedToArray2","name","undefined","_getFixedStyle3","_getFixedStyle4","createElement","cn","_objectSpread2","assignProps","groupId","map","column","_i","DataTableInternal","Head","Column","_extends2","Component","_defineProperty2","uniqueIDEnhancement"],"sources":["../../../../src/components/Head/Group.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport type { DataTableGroupProps, GroupPropsInner } from './Group.type';\nimport style from './style.shadow.css';\nimport { DataTableInternal } from '../DataTable/DataTable';\n\nexport class Group extends Component<\n DataTableGroupProps,\n {},\n {},\n typeof Group.enhance,\n GroupPropsInner\n> {\n static displayName = 'Group';\n static style = style;\n static enhance = [uniqueIDEnhancement()] as const;\n\n componentDidMount() {\n setTimeout(() => {\n this.forceUpdate();\n }, 0);\n }\n\n get groupId() {\n const { uid } = this.asProps;\n\n return `${uid}_columns_group`;\n }\n\n render() {\n const SGroupContainer = Box;\n const SGroup = Root;\n const { styles, Children, title, fixed, columns, withConfig, getFixedStyle } = this.asProps;\n const groupColumns = columns ?? [];\n const children = getOriginChildren(Children);\n\n const firstColumn = groupColumns[0];\n const lastColumn = groupColumns[groupColumns.length - 1];\n\n const style: any = {};\n\n if (fixed === 'left' && firstColumn) {\n const [name, value] = getFixedStyle(firstColumn);\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n }\n if (fixed === 'right' && lastColumn) {\n const [name, value] = getFixedStyle(lastColumn);\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n }\n\n return sstyled(styles)(\n <SGroupContainer data-group-container>\n <SGroup render={Box} style={style} __excludeProps={['title']} id={this.groupId}>\n {withConfig ? children : title}\n </SGroup>\n {withConfig\n ? (\n groupColumns.map((column, _i) => {\n return (\n <DataTableInternal.Head.Column\n key={column.name}\n {...column}\n aria-describedby={this.groupId}\n />\n );\n })\n )\n : (\n <Children />\n )}\n </SGroupContainer>,\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Group.js","names":["_core","require","_baseComponents","_getOriginChildren","_interopRequireDefault","_uniqueID","_react","_DataTable","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","Group","exports","_Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","componentDidMount","_this","setTimeout","forceUpdate","get","uid","asProps","concat","render","_ref","_ref2","_this2","SGroupContainer","Box","SGroup","_this$asProps","styles","Children","title","fixed","columns","withConfig","getFixedStyle","groupColumns","children","getOriginChildren","firstColumn","lastColumn","length","_getFixedStyle","_getFixedStyle2","_slicedToArray2","name","undefined","_getFixedStyle3","_getFixedStyle4","createElement","cn","_objectSpread2","assignProps","groupId","map","column","_i","DataTableInternal","Head","Column","_extends2","Component","_defineProperty2","uniqueIDEnhancement"],"sources":["../../../../src/components/Head/Group.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport type { DataTableGroupProps, GroupPropsInner } from './Group.type';\nimport style from './style.shadow.css';\nimport { DataTableInternal } from '../DataTable/DataTable';\n\nexport class Group extends Component<\n DataTableGroupProps,\n {},\n {},\n typeof Group.enhance,\n GroupPropsInner\n> {\n static displayName = 'Group';\n static style = style;\n static enhance = [uniqueIDEnhancement()] as const;\n\n componentDidMount() {\n setTimeout(() => {\n this.forceUpdate();\n }, 0);\n }\n\n get groupId() {\n const { uid } = this.asProps;\n\n return `${uid}_columns_group`;\n }\n\n render() {\n const SGroupContainer = Box;\n const SGroup = Root;\n const { styles, Children, title, fixed, columns, withConfig, getFixedStyle } = this.asProps;\n const groupColumns = columns ?? [];\n const children = getOriginChildren(Children);\n\n const firstColumn = groupColumns[0];\n const lastColumn = groupColumns[groupColumns.length - 1];\n\n const style: any = {};\n\n if (fixed === 'left' && firstColumn) {\n const [name, value] = getFixedStyle(firstColumn);\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n }\n if (fixed === 'right' && lastColumn) {\n const [name, value] = getFixedStyle(lastColumn);\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n }\n\n return sstyled(styles)(\n <SGroupContainer data-group-container>\n <SGroup render={Box} style={style} __excludeProps={['title']} id={this.groupId}>\n {withConfig ? children : title}\n </SGroup>\n {withConfig\n ? (\n groupColumns.map((column, _i) => {\n return (\n <DataTableInternal.Head.Column\n key={column.name}\n {...column}\n aria-describedby={this.groupId}\n />\n );\n })\n )\n : (\n <Children />\n )}\n </SGroupContainer>,\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -24,30 +24,32 @@ var _Group = require("./Group");
|
|
|
24
24
|
var _DataTable = require("../DataTable/DataTable");
|
|
25
25
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
26
26
|
/*!__reshadow-styles__:"./style.shadow.css"*/
|
|
27
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
27
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_1uo6g_gg_,.___SHead_1uo6g_gg_{display:contents}.___SHead_1uo6g_gg_.__animationDuration_1uo6g_gg_>.___SColumn_1uo6g_gg_{transition:top var(--animationDuration_1uo6g) ease-out}.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SColumn_1uo6g_gg_,.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SGroup_1uo6g_gg_{position:sticky;top:0;z-index:2}.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SGroupContainer_1uo6g_gg_>.___SColumn_1uo6g_gg_{position:sticky;z-index:2}.___SHead_1uo6g_gg_.__compact_1uo6g_gg_ .___SColumn_1uo6g_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1uo6g_gg_,.___SGroup_1uo6g_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden}.___SGroup_1uo6g_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1uo6g_gg_._use_primary_1uo6g_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1uo6g_gg_._use_primary_1uo6g_gg_:has(~.___SColumn_1uo6g_gg_.__visibleSort_1uo6g_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1uo6g_gg_._use_secondary_1uo6g_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1uo6g_gg_._borders_both_1uo6g_gg_,.___SColumn_1uo6g_gg_._borders_left_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_both_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_left_1uo6g_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1uo6g_gg_._borders_both_1uo6g_gg_,.___SColumn_1uo6g_gg_._borders_right_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_both_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_right_1uo6g_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortButton_1uo6g_gg_,.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before,.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before{display:flex;opacity:1}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortButton_1uo6g_gg_{display:flex;opacity:1}.___SColumn_1uo6g_gg_.__gridArea_1uo6g_gg_,.___SGroupTitle_1uo6g_gg_.__gridArea_1uo6g_gg_,.___SGroup_1uo6g_gg_.__gridArea_1uo6g_gg_{grid-area:var(--gridArea_1uo6g)}.___SHead_1uo6g_gg_ .___SColumn_1uo6g_gg_.__fixed_1uo6g_gg_,.___SHead_1uo6g_gg_ .___SGroup_1uo6g_gg_.__fixed_1uo6g_gg_,.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SColumn_1uo6g_gg_.__fixed_1uo6g_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_1uo6g_gg_.__sortable_1uo6g_gg_:hover{cursor:pointer}}.___SSortWrapper_1uo6g_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_1uo6g_gg_,.___SSortWrapper_1uo6g_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1uo6g_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1uo6g_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_1uo6g_gg_._sideIndents_wide_1uo6g_gg_ .___SColumn_1uo6g_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1uo6g_gg_._sideIndents_wide_1uo6g_gg_ .___SColumn_1uo6g_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1uo6g_gg_{cursor:pointer}", /*__inner_css_end__*/"1uo6g_gg_"),
|
|
28
28
|
/*__reshadow_css_end__*/
|
|
29
29
|
{
|
|
30
|
-
"__SHead": "
|
|
31
|
-
"__SGroupContainer": "
|
|
32
|
-
"
|
|
33
|
-
"__SColumn": "
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
30
|
+
"__SHead": "___SHead_1uo6g_gg_",
|
|
31
|
+
"__SGroupContainer": "___SGroupContainer_1uo6g_gg_",
|
|
32
|
+
"_animationDuration": "__animationDuration_1uo6g_gg_",
|
|
33
|
+
"__SColumn": "___SColumn_1uo6g_gg_",
|
|
34
|
+
"--animationDuration": "--animationDuration_1uo6g",
|
|
35
|
+
"_sticky": "__sticky_1uo6g_gg_",
|
|
36
|
+
"__SGroup": "___SGroup_1uo6g_gg_",
|
|
37
|
+
"_compact": "__compact_1uo6g_gg_",
|
|
38
|
+
"_use_secondary": "_use_secondary_1uo6g_gg_",
|
|
39
|
+
"_borders_both": "_borders_both_1uo6g_gg_",
|
|
40
|
+
"_borders_left": "_borders_left_1uo6g_gg_",
|
|
41
|
+
"_borders_right": "_borders_right_1uo6g_gg_",
|
|
42
|
+
"_gridArea": "__gridArea_1uo6g_gg_",
|
|
43
|
+
"__SGroupTitle": "___SGroupTitle_1uo6g_gg_",
|
|
44
|
+
"--gridArea": "--gridArea_1uo6g",
|
|
45
|
+
"_fixed": "__fixed_1uo6g_gg_",
|
|
46
|
+
"_sortable": "__sortable_1uo6g_gg_",
|
|
47
|
+
"__SSortWrapper": "___SSortWrapper_1uo6g_gg_",
|
|
48
|
+
"__SSortButton": "___SSortButton_1uo6g_gg_",
|
|
49
|
+
"__SHeadCheckboxCol": "___SHeadCheckboxCol_1uo6g_gg_",
|
|
50
|
+
"_use_primary": "_use_primary_1uo6g_gg_",
|
|
51
|
+
"_visibleSort": "__visibleSort_1uo6g_gg_",
|
|
52
|
+
"_sideIndents_wide": "_sideIndents_wide_1uo6g_gg_"
|
|
51
53
|
});
|
|
52
54
|
var HeadRoot = /*#__PURE__*/function (_Component) {
|
|
53
55
|
function HeadRoot() {
|
|
@@ -145,6 +147,26 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
|
|
|
145
147
|
'onClick': onCellClick
|
|
146
148
|
};
|
|
147
149
|
}
|
|
150
|
+
}, {
|
|
151
|
+
key: "areAllRowsSelected",
|
|
152
|
+
get: function get() {
|
|
153
|
+
var _this$asProps5 = this.asProps,
|
|
154
|
+
selectedRows = _this$asProps5.selectedRows,
|
|
155
|
+
flatRows = _this$asProps5.flatRows;
|
|
156
|
+
return flatRows.every(function (row) {
|
|
157
|
+
return selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.includes(row[_DataTable.UNIQ_ROW_KEY]);
|
|
158
|
+
});
|
|
159
|
+
}
|
|
160
|
+
}, {
|
|
161
|
+
key: "isIndeterminate",
|
|
162
|
+
get: function get() {
|
|
163
|
+
var _this$asProps6 = this.asProps,
|
|
164
|
+
flatRows = _this$asProps6.flatRows,
|
|
165
|
+
selectedRows = _this$asProps6.selectedRows;
|
|
166
|
+
return flatRows.some(function (row) {
|
|
167
|
+
return selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.includes(row[_DataTable.UNIQ_ROW_KEY]);
|
|
168
|
+
});
|
|
169
|
+
}
|
|
148
170
|
}, {
|
|
149
171
|
key: "render",
|
|
150
172
|
value: function render() {
|
|
@@ -152,24 +174,27 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
|
|
|
152
174
|
_ref2;
|
|
153
175
|
var SHead = _baseComponents.Box;
|
|
154
176
|
var SHeadCheckboxCol = Head.Column;
|
|
155
|
-
var _this$
|
|
156
|
-
Children = _this$
|
|
157
|
-
styles = _this$
|
|
158
|
-
getI18nText = _this$
|
|
159
|
-
children = _this$
|
|
160
|
-
treeColumns = _this$
|
|
161
|
-
selectedRows = _this$
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
var
|
|
177
|
+
var _this$asProps7 = this.asProps,
|
|
178
|
+
Children = _this$asProps7.Children,
|
|
179
|
+
styles = _this$asProps7.styles,
|
|
180
|
+
getI18nText = _this$asProps7.getI18nText,
|
|
181
|
+
children = _this$asProps7.children,
|
|
182
|
+
treeColumns = _this$asProps7.treeColumns,
|
|
183
|
+
selectedRows = _this$asProps7.selectedRows,
|
|
184
|
+
sticky = _this$asProps7.sticky,
|
|
185
|
+
animationDuration = _this$asProps7.animationDuration;
|
|
186
|
+
var areAllRowsSelected = this.areAllRowsSelected;
|
|
187
|
+
var indeterminate = this.isIndeterminate && !areAllRowsSelected;
|
|
165
188
|
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SHead, _ref2.cn("SHead", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
166
189
|
"role": 'row',
|
|
167
|
-
"aria-rowindex": 1
|
|
190
|
+
"aria-rowindex": 1,
|
|
191
|
+
"sticky": sticky,
|
|
192
|
+
"use:animationDuration": animationDuration ? "".concat(animationDuration, "ms") : undefined
|
|
168
193
|
}, _ref))), selectedRows && /*#__PURE__*/_react["default"].createElement(SHeadCheckboxCol, _ref2.cn("SHeadCheckboxCol", {
|
|
169
194
|
"name": _DataTable.SELECT_ALL.toString(),
|
|
170
|
-
"onClick": this.handleClickSelectAll(!
|
|
195
|
+
"onClick": this.handleClickSelectAll(!areAllRowsSelected)
|
|
171
196
|
}), /*#__PURE__*/_react["default"].createElement(_checkbox["default"], _ref2.cn("Checkbox", {
|
|
172
|
-
"checked":
|
|
197
|
+
"checked": areAllRowsSelected,
|
|
173
198
|
"indeterminate": indeterminate,
|
|
174
199
|
"aria-label": getI18nText('DataTable.Header.selectAllCheckbox:aria-label'),
|
|
175
200
|
"onChange": this.handleSelectAll
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Head.js","names":["_core","require","_baseComponents","_checkbox","_interopRequireDefault","_react","_Column","_Group","_DataTable","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","HeadRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","value","event","_this$asProps$onChang","_this$asProps","asProps","onChangeSelectAll","call","_this$asProps$onChang2","_this$asProps2","preventDefault","stopPropagation","_inherits2","_createClass2","key","sortableColumnDescribeId","uid","getGroupProps","_","index","_this$asProps3","use","gridAreaGroupMap","children","getFixedStyle","gridArea","get","withConfig","undefined","getColumnProps","_this$asProps4","columns","sort","onSortChange","tableRef","gridTemplateColumns","gridTemplateAreas","sticky","top","selectedRows","h","onCellClick","column","fixed","_getFixedStyle","_getFixedStyle2","_slicedToArray2","name","borders","parent","render","_ref","_ref2","SHead","Box","SHeadCheckboxCol","Head","Column","_this$asProps5","Children","styles","getI18nText","treeColumns","totalRows","checked","indeterminate","createElement","Fragment","cn","_objectSpread2","assignProps","SELECT_ALL","toString","handleClickSelectAll","handleSelectAll","Value","Control","CheckMark","mt","map","_i","_column$columns","DataTableInternal","Group","_extends2","c","join","title","ScreenReaderOnly","Component","exports","createComponent"],"sources":["../../../../src/components/Head/Head.tsx"],"sourcesContent":["import { Box, ScreenReaderOnly } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, createComponent, type Intergalactic, Root, sstyled } from '@semcore/core';\nimport type Tooltip from '@semcore/tooltip';\nimport React from 'react';\n\nimport { Column } from './Column';\nimport type { DataTableColumnProps } from './Column.types';\nimport { Group } from './Group';\nimport type { DataTableGroupProps } from './Group.type';\nimport type { DataTableHeadProps, HeadPropsInner } from './Head.types';\nimport style from './style.shadow.css';\nimport { DataTableInternal, SELECT_ALL } from '../DataTable/DataTable';\nimport type { DataTableData } from '../DataTable/DataTable.types';\n\nclass HeadRoot<D extends DataTableData> extends Component<\n DataTableHeadProps,\n {},\n {},\n [],\n HeadPropsInner<D>\n> {\n static displayName = 'Head';\n static style = style;\n\n sortableColumnDescribeId() {\n const { uid } = this.asProps;\n return `${uid}-column-sortable-describer`;\n }\n\n getGroupProps(_: any, index: number) {\n const { use, gridAreaGroupMap, children, getFixedStyle } = this.asProps;\n\n return {\n use,\n gridArea: gridAreaGroupMap.get(index),\n withConfig: children === undefined,\n getFixedStyle,\n };\n }\n\n getColumnProps(_: any, index: number) {\n const {\n use,\n columns,\n sort,\n onSortChange,\n tableRef,\n gridTemplateColumns,\n gridTemplateAreas,\n sticky,\n top,\n selectedRows,\n h,\n getFixedStyle,\n onCellClick,\n } = this.asProps;\n const column = columns[index];\n\n if (index === 0 && selectedRows && columns[index + 1].fixed) {\n column.fixed = 'left';\n }\n\n const [name, value] = getFixedStyle(column);\n const style: any = {};\n\n if (top) {\n style.top = `${top}px`;\n }\n\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n\n return {\n use,\n 'aria-colindex': index + 1,\n style,\n 'gridArea': column.gridArea,\n 'fixed': column.fixed,\n sticky,\n 'borders': column.borders,\n sort,\n onSortChange,\n 'parent': column.parent,\n 'sortableColumnDescribeId': this.sortableColumnDescribeId(),\n 'columnIndex': index,\n tableRef,\n gridTemplateColumns,\n gridTemplateAreas,\n h,\n 'onClick': onCellClick,\n };\n }\n\n handleSelectAll = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n this.asProps.onChangeSelectAll?.(value, event);\n };\n\n handleClickSelectAll = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n event?.preventDefault();\n event?.stopPropagation();\n this.asProps.onChangeSelectAll?.(value, event);\n };\n\n render() {\n const SHead = Root;\n const SHeadCheckboxCol = Head.Column;\n const { Children, styles, getI18nText, children, treeColumns, selectedRows, totalRows } =\n this.asProps;\n\n const checked = selectedRows && selectedRows.length === totalRows && totalRows > 0;\n const indeterminate = selectedRows && selectedRows.length > 0 && !checked;\n\n return sstyled(styles)(\n <>\n <SHead render={Box} role='row' aria-rowindex={1}>\n {selectedRows && (\n <SHeadCheckboxCol\n name={SELECT_ALL.toString()}\n onClick={this.handleClickSelectAll(!checked)}\n >\n <Checkbox\n checked={checked}\n indeterminate={indeterminate}\n aria-label={getI18nText('DataTable.Header.selectAllCheckbox:aria-label')}\n onChange={this.handleSelectAll}\n >\n <Checkbox.Value>\n <Checkbox.Value.Control />\n <Checkbox.Value.CheckMark mt={0} />\n </Checkbox.Value>\n </Checkbox>\n </SHeadCheckboxCol>\n )}\n\n {children\n ? (\n <Children />\n )\n : (\n <>\n {treeColumns.map((column, _i) => {\n if ('columns' in column) {\n return (\n <DataTableInternal.Head.Group\n key={column.name}\n {...column}\n name={column.columns?.map((c) => c.name).join('/')}\n title=''\n />\n );\n }\n\n return <DataTableInternal.Head.Column key={column.name} {...column} />;\n })}\n </>\n )}\n </SHead>\n\n <ScreenReaderOnly aria-hidden={true} id={this.sortableColumnDescribeId()}>\n {getI18nText('sortableColumn')}\n </ScreenReaderOnly>\n </>,\n );\n }\n}\n\nexport const Head = createComponent(HeadRoot, { Column, Group }) as Intergalactic.Component<\n 'div',\n DataTableHeadProps\n> & {\n Column: <Tag extends 'div' | typeof Tooltip = 'div'>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableColumnProps, {}, []>,\n ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n Group: <Tag extends 'div' | typeof Tooltip = 'div'>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableGroupProps, {}, []>,\n ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Head.js","names":["_core","require","_baseComponents","_checkbox","_interopRequireDefault","_react","_Column","_Group","_DataTable","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","HeadRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","value","event","_this$asProps$onChang","_this$asProps","asProps","onChangeSelectAll","call","_this$asProps$onChang2","_this$asProps2","preventDefault","stopPropagation","_inherits2","_createClass2","key","sortableColumnDescribeId","uid","getGroupProps","_","index","_this$asProps3","use","gridAreaGroupMap","children","getFixedStyle","gridArea","get","withConfig","undefined","getColumnProps","_this$asProps4","columns","sort","onSortChange","tableRef","gridTemplateColumns","gridTemplateAreas","sticky","top","selectedRows","h","onCellClick","column","fixed","_getFixedStyle","_getFixedStyle2","_slicedToArray2","name","borders","parent","_this$asProps5","flatRows","every","row","includes","UNIQ_ROW_KEY","_this$asProps6","some","render","_ref","_ref2","SHead","Box","SHeadCheckboxCol","Head","Column","_this$asProps7","Children","styles","getI18nText","treeColumns","animationDuration","areAllRowsSelected","indeterminate","isIndeterminate","createElement","Fragment","cn","_objectSpread2","assignProps","SELECT_ALL","toString","handleClickSelectAll","handleSelectAll","Value","Control","CheckMark","mt","map","_i","_column$columns","DataTableInternal","Group","_extends2","c","join","title","ScreenReaderOnly","Component","exports","createComponent"],"sources":["../../../../src/components/Head/Head.tsx"],"sourcesContent":["import { Box, ScreenReaderOnly } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, createComponent, type Intergalactic, Root, sstyled } from '@semcore/core';\nimport type Tooltip from '@semcore/tooltip';\nimport React from 'react';\n\nimport { Column } from './Column';\nimport type { DataTableColumnProps } from './Column.types';\nimport { Group } from './Group';\nimport type { DataTableGroupProps } from './Group.type';\nimport type { DataTableHeadProps, HeadPropsInner } from './Head.types';\nimport style from './style.shadow.css';\nimport { DataTableInternal, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DataTableData } from '../DataTable/DataTable.types';\n\nclass HeadRoot<D extends DataTableData> extends Component<\n DataTableHeadProps,\n {},\n {},\n [],\n HeadPropsInner<D>\n> {\n static displayName = 'Head';\n static style = style;\n\n sortableColumnDescribeId() {\n const { uid } = this.asProps;\n return `${uid}-column-sortable-describer`;\n }\n\n getGroupProps(_: any, index: number) {\n const { use, gridAreaGroupMap, children, getFixedStyle } = this.asProps;\n\n return {\n use,\n gridArea: gridAreaGroupMap.get(index),\n withConfig: children === undefined,\n getFixedStyle,\n };\n }\n\n getColumnProps(_: any, index: number) {\n const {\n use,\n columns,\n sort,\n onSortChange,\n tableRef,\n gridTemplateColumns,\n gridTemplateAreas,\n sticky,\n top,\n selectedRows,\n h,\n getFixedStyle,\n onCellClick,\n } = this.asProps;\n const column = columns[index];\n\n if (index === 0 && selectedRows && columns[index + 1].fixed) {\n column.fixed = 'left';\n }\n\n const [name, value] = getFixedStyle(column);\n const style: any = {};\n\n if (top) {\n style.top = `${top}px`;\n }\n\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n\n return {\n use,\n 'aria-colindex': index + 1,\n style,\n 'gridArea': column.gridArea,\n 'fixed': column.fixed,\n sticky,\n 'borders': column.borders,\n sort,\n onSortChange,\n 'parent': column.parent,\n 'sortableColumnDescribeId': this.sortableColumnDescribeId(),\n 'columnIndex': index,\n tableRef,\n gridTemplateColumns,\n gridTemplateAreas,\n h,\n 'onClick': onCellClick,\n };\n }\n\n handleSelectAll = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n this.asProps.onChangeSelectAll?.(value, event);\n };\n\n handleClickSelectAll = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n event?.preventDefault();\n event?.stopPropagation();\n this.asProps.onChangeSelectAll?.(value, event);\n };\n\n get areAllRowsSelected() {\n const { selectedRows, flatRows } = this.asProps;\n\n return flatRows.every((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n }\n\n get isIndeterminate() {\n const { flatRows, selectedRows } = this.asProps;\n\n return flatRows.some((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n }\n\n render() {\n const SHead = Root;\n const SHeadCheckboxCol = Head.Column;\n const { Children, styles, getI18nText, children, treeColumns, selectedRows, sticky, animationDuration } = this.asProps;\n\n const areAllRowsSelected = this.areAllRowsSelected;\n const indeterminate = this.isIndeterminate && !areAllRowsSelected;\n\n return sstyled(styles)(\n <>\n <SHead\n render={Box}\n role='row'\n aria-rowindex={1}\n sticky={sticky}\n use:animationDuration={animationDuration ? `${animationDuration}ms` : undefined}\n >\n {selectedRows && (\n <SHeadCheckboxCol\n name={SELECT_ALL.toString()}\n onClick={this.handleClickSelectAll(!areAllRowsSelected)}\n >\n <Checkbox\n checked={areAllRowsSelected}\n indeterminate={indeterminate}\n aria-label={getI18nText('DataTable.Header.selectAllCheckbox:aria-label')}\n onChange={this.handleSelectAll}\n >\n <Checkbox.Value>\n <Checkbox.Value.Control />\n <Checkbox.Value.CheckMark mt={0} />\n </Checkbox.Value>\n </Checkbox>\n </SHeadCheckboxCol>\n )}\n\n {children\n ? (\n <Children />\n )\n : (\n <>\n {treeColumns.map((column, _i) => {\n if ('columns' in column) {\n return (\n <DataTableInternal.Head.Group\n key={column.name}\n {...column}\n name={column.columns?.map((c) => c.name).join('/')}\n title=''\n />\n );\n }\n\n return <DataTableInternal.Head.Column key={column.name} {...column} />;\n })}\n </>\n )}\n </SHead>\n\n <ScreenReaderOnly aria-hidden={true} id={this.sortableColumnDescribeId()}>\n {getI18nText('sortableColumn')}\n </ScreenReaderOnly>\n </>,\n );\n }\n}\n\nexport const Head = createComponent(HeadRoot, { Column, Group }) as Intergalactic.Component<\n 'div',\n DataTableHeadProps\n> & {\n Column: <Tag extends 'div' | typeof Tooltip = 'div'>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableColumnProps, {}, []>,\n ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n Group: <Tag extends 'div' | typeof Tooltip = 'div'>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableGroupProps, {}, []>,\n ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Head.types.js","names":[],"sources":["../../../../src/components/Head/Head.types.ts"],"sourcesContent":["import type { DTColumn } from './Column.types';\nimport type { CellPropsInner } from '../Body/Cell.types';\nimport type { UniqRowKey } from '../Body/Row.types';\nimport type { DataTableData, DataTableProps, DTUse } from '../DataTable/DataTable.types';\n\nexport type DataTableHeadProps = {\n /**\n * Sticky header\n * @default false\n */\n sticky?: boolean;\n\n /**\n * offset for sticky header\n */\n top?: number;\n\n /**\n * Height of header in px\n */\n h?: number;\n\n /** Enable scroll bar element in header */\n withScrollBar?: boolean;\n};\n\nexport type HeadPropsInner<D extends DataTableData> = {\n use: DTUse;\n tableRef: React.RefObject<HTMLElement>;\n columns: DTColumn[];\n treeColumns: DTColumn[];\n compact: boolean;\n sort?: DataTableProps<D>['sort'];\n onSortChange?: DataTableProps<D>['onSortChange'];\n getI18nText: (key: string) => string;\n uid: string;\n ref: React.RefObject<HTMLDivElement>;\n\n gridAreaGroupMap: Map<number, string>;\n gridTemplateColumns: string[];\n gridTemplateAreas: string[];\n sideIndents?: 'wide';\n\n totalRows: number;\n selectedRows?: UniqRowKey[];\n onChangeSelectAll?: (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => void;\n\n getFixedStyle: (\n cell: Pick<DTColumn, 'name' | 'fixed'>,\n ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n onCellClick: CellPropsInner['onClick'];\n};\n"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Head.types.js","names":[],"sources":["../../../../src/components/Head/Head.types.ts"],"sourcesContent":["import type { DTColumn } from './Column.types';\nimport type { CellPropsInner } from '../Body/Cell.types';\nimport type { DTRow, UniqRowKey } from '../Body/Row.types';\nimport type { DataTableData, DataTableProps, DTUse } from '../DataTable/DataTable.types';\n\nexport type DataTableHeadProps = {\n /**\n * Sticky header\n * @default false\n */\n sticky?: boolean;\n\n /**\n * offset for sticky header\n */\n top?: number;\n\n /**\n * Height of header in px\n */\n h?: number;\n\n /** Enable scroll bar element in header */\n withScrollBar?: boolean;\n\n /** Animation duration for a top property. When it's set adds animation for top changes */\n animationDuration?: number;\n};\n\nexport type HeadPropsInner<D extends DataTableData> = {\n use: DTUse;\n tableRef: React.RefObject<HTMLElement>;\n columns: DTColumn[];\n treeColumns: DTColumn[];\n compact: boolean;\n sort?: DataTableProps<D>['sort'];\n onSortChange?: DataTableProps<D>['onSortChange'];\n getI18nText: (key: string) => string;\n uid: string;\n ref: React.RefObject<HTMLDivElement>;\n\n gridAreaGroupMap: Map<number, string>;\n gridTemplateColumns: string[];\n gridTemplateAreas: string[];\n sideIndents?: 'wide';\n\n totalRows: number;\n selectedRows?: UniqRowKey[];\n onChangeSelectAll?: (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => void;\n flatRows: DTRow[];\n\n getFixedStyle: (\n cell: Pick<DTColumn, 'name' | 'fixed'>,\n ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n onCellClick: CellPropsInner['onClick'];\n};\n"],"mappings":"","ignoreList":[]}
|
|
@@ -6,19 +6,27 @@ SScrollArea {
|
|
|
6
6
|
|
|
7
7
|
&[scrollDirection='both'] {
|
|
8
8
|
overflow: auto;
|
|
9
|
+
|
|
10
|
+
&[loading] {
|
|
11
|
+
overflow: hidden;
|
|
12
|
+
}
|
|
9
13
|
}
|
|
10
14
|
&[scrollDirection='horizontal'] {
|
|
11
15
|
overflow-x: auto;
|
|
12
16
|
overflow-y: unset;
|
|
17
|
+
|
|
18
|
+
&[loading] {
|
|
19
|
+
overflow: hidden;
|
|
20
|
+
}
|
|
13
21
|
}
|
|
14
22
|
&[scrollDirection='vertical'] {
|
|
15
23
|
overflow-x: unset;
|
|
16
24
|
overflow-y: auto;
|
|
17
|
-
}
|
|
18
|
-
&[loading] {
|
|
19
|
-
overflow: hidden;
|
|
20
|
-
}
|
|
21
25
|
|
|
26
|
+
&[loading] {
|
|
27
|
+
overflow: hidden;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
22
30
|
&[headerHeight] {
|
|
23
31
|
scroll-padding-top: var(--headerHeight);
|
|
24
32
|
}
|