@semcore/data-table 16.0.2 → 16.0.3-prerelease.0

package/lib/es6/components/Body/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","names":["React","Component","Root","sstyled","createComponent","Box","Collapse","style","_sstyled","insert","Body","ACCORDION","SELECT_ALL","MergedColumnsCell","MergedRowsCell","Checkbox","RowRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","value","event","_this$asProps","asProps","row","rowIndex","onSelectRow","preventDefault","stopPropagation","_this$asProps2","e","key","onBackFromAccordion","cellIndex","_createClass","cellHasAccordion","cellValue","Boolean","render","_ref","_ref2","_this2","_scrollAreaRef$curren","SRow","SCollapseRow","SAccordionRows","SCell","Cell","SCheckboxCell","_this$asProps3","columns","rows","styles","ariaRowIndex","gridRowIndex","expanded","accordionDataGridArea","_this$asProps3$ariaL","ariaLevel","scrollAreaRef","selectedRows","uid","getFixedStyle","mergedRow","isAccordionRow","animationExpand","accordionRowIndex","accordionDuration","accordion","accordionType","undefined","cells","Object","values","cellWithAccordionIndex","findIndex","cellWithAccordion","accordionId","createElement","Fragment","cn","_objectSpread","_assignProps","includes","map","column","i","_ref3","checked","name","toString","handleClickCheckbox","handleSelectRow","index","fixed","_getFixedStyle","_getFixedStyle2","_slicedToArray","id","columnIndex","withAccordion","isValidElement","current","clientWidth","handleBackFromAccordion","isArray","subrow","Row","parent"],"sources":["../../../../src/components/Body/Row.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Component, Root, sstyled, createComponent } from '@semcore/core';\nimport { DataTableRowProps, RowPropsInner } from './Row.types';\nimport { Box, Collapse } from '@semcore/base-components';\nimport style from './style.shadow.css';\nimport { Body } from './Body';\nimport { ACCORDION, SELECT_ALL } from '../DataTable/DataTable';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport { DTValue } from '../DataTable/DataTable.types';\nimport Checkbox from '@semcore/checkbox';\n\nclass RowRoot extends Component<DataTableRowProps, {}, {}, [], RowPropsInner> {\n  static displayName = 'Row';\n  static style = style;\n\n  static defaultProps = {\n    'aria-level': undefined,\n  };\n\n  private cellIndex = -1;\n\n  cellHasAccordion(cellValue?: DTValue | MergedColumnsCell | MergedRowsCell): cellValue is DTValue {\n    return (\n      !(cellValue instanceof MergedRowsCell || cellValue instanceof MergedColumnsCell) &&\n      Boolean(cellValue?.[ACCORDION])\n    );\n  }\n\n  handleSelectRow = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n    const { row, rowIndex, onSelectRow } = this.asProps;\n\n    onSelectRow?.(value, rowIndex, row, event);\n  };\n\n  handleClickCheckbox = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n    event?.preventDefault();\n    event?.stopPropagation();\n    const { row, rowIndex, onSelectRow } = this.asProps;\n\n    onSelectRow?.(value, rowIndex, row, event);\n  };\n\n  handleBackFromAccordion = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      this.asProps.onBackFromAccordion(this.cellIndex);\n    }\n  };\n\n  render() {\n    const SRow = Root;\n    const SCollapseRow = Collapse;\n    const SAccordionRows = Box;\n    const SCell = Body.Cell;\n    const SCheckboxCell = Body.Cell;\n    const {\n      columns,\n      row,\n      rows,\n      styles,\n      rowIndex,\n      ariaRowIndex,\n      gridRowIndex,\n      expanded,\n      accordionDataGridArea,\n      'aria-level': ariaLevel = 1,\n      scrollAreaRef,\n      selectedRows,\n      uid,\n      getFixedStyle,\n      mergedRow,\n      isAccordionRow,\n      animationExpand,\n      accordionRowIndex,\n      accordionDuration,\n    } = this.asProps;\n\n    let accordion = row[ACCORDION];\n    const accordionType = accordion && !mergedRow ? 'row' : undefined;\n\n    if (!accordion) {\n      const cells = Object.values(row);\n      const cellWithAccordionIndex = cells.findIndex((value) => {\n        return this.cellHasAccordion(value);\n      });\n\n      this.cellIndex = cellWithAccordionIndex;\n\n      const cellWithAccordion = cells[cellWithAccordionIndex] as DTValue | undefined;\n\n      accordion = cellWithAccordion?.[ACCORDION];\n    }\n\n    const accordionId = `${uid}_${ariaRowIndex + 1}`;\n\n    return sstyled(styles)(\n      <>\n        <SRow\n          render={Box}\n          role={'row'}\n          aria-rowindex={ariaRowIndex}\n          accordionType={accordionType}\n          theme={selectedRows?.includes(rowIndex) ? 'info' : undefined}\n          use:expanded={expanded && !mergedRow}\n        >\n          {columns.map((column, i) => {\n            if (selectedRows && i === 0) {\n              const checked = selectedRows.includes(rowIndex);\n              return sstyled(styles)(\n                <SCheckboxCell\n                  key={i}\n                  row={row}\n                  rowIndex={rowIndex}\n                  // @ts-ignore\n                  column={{ name: SELECT_ALL.toString() }}\n                  columnIndex={0}\n                  gridRowIndex={gridRowIndex}\n                  onClick={this.handleClickCheckbox(!checked)}\n                >\n                  <Checkbox\n                    checked={checked}\n                    aria-labelledby={`${uid}_${ariaRowIndex}_1`}\n                    onChange={this.handleSelectRow}\n                  />\n                </SCheckboxCell>,\n              );\n            }\n\n            const index = i;\n            const cellValue: DTValue | MergedRowsCell | MergedColumnsCell | undefined =\n              row[column.name];\n\n            if (cellValue === undefined) {\n              return null;\n            }\n\n            const style: React.CSSProperties = {};\n\n            if (column.fixed) {\n              const [name, value] = getFixedStyle(column);\n\n              if (name !== undefined && value !== undefined) {\n                style[name] = value;\n              }\n            }\n\n            return (\n              <Body.Cell\n                key={index}\n                id={`${uid}_${ariaRowIndex}_${index}`}\n                accordionId={accordionId}\n                data-aria-level={index === 0 ? ariaLevel : undefined}\n                row={row}\n                rowIndex={rowIndex}\n                gridRowIndex={gridRowIndex}\n                columnIndex={index}\n                style={style}\n                column={column}\n                withAccordion={\n                  Boolean(cellValue instanceof MergedRowsCell && cellValue.accordion) ||\n                  this.cellHasAccordion(cellValue)\n                }\n                isAccordionRow={isAccordionRow}\n                animationExpand={animationExpand}\n                accordionRowIndex={accordionRowIndex}\n                rows={rows}\n              />\n            );\n          })}\n        </SRow>\n\n        {React.isValidElement(accordion) && (\n          <SCollapseRow\n            key={rowIndex}\n            role={'row'}\n            aria-rowindex={ariaRowIndex + 1}\n            id={accordionId}\n            visible={expanded}\n            interactive\n            gridArea={accordionDataGridArea}\n            duration={accordionDuration ?? 200}\n            zIndex={5}\n          >\n            <SCell\n              aria-colindex={1}\n              aria-level={ariaLevel + 1}\n              aria-setsize={1}\n              aria-posinset={1}\n              row={row}\n              rowIndex={rowIndex + 1}\n              columnIndex={1}\n              // @ts-ignore\n              column={{ name: ACCORDION }}\n              position={'sticky'}\n              left={0}\n              w={scrollAreaRef.current?.clientWidth}\n              onKeyDown={this.handleBackFromAccordion}\n            >\n              {accordion}\n            </SCell>\n          </SCollapseRow>\n        )}\n\n        {row[ACCORDION] && Array.isArray(row[ACCORDION]) && (\n          <SAccordionRows id={accordionId} role='rowgroup'>\n            {row[ACCORDION].map((subrow, i) => {\n              return (\n                <Row\n                  key={i}\n                  row={subrow}\n                  columns={columns}\n                  rows={row[ACCORDION]}\n                  rowIndex={rowIndex}\n                  aria-hidden={!expanded}\n                  aria-posinset={i + 1}\n                  aria-level={ariaLevel + 1}\n                  ariaRowIndex={ariaRowIndex + 1 + i}\n                  gridRowIndex={gridRowIndex + 1 + i}\n                  isAccordionRow={true}\n                  getFixedStyle={getFixedStyle}\n                  animationExpand={expanded}\n                  accordionRowIndex={i}\n                />\n              );\n            })}\n          </SAccordionRows>\n        )}\n      </>,\n    );\n  }\n}\n\n// @ts-ignore\nexport const Row = createComponent(RowRoot, {}, { parent: Body });\n"],"mappings":"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"}
+{"version":3,"file":"Row.js","names":["Box","Collapse","Checkbox","Component","Root","sstyled","createComponent","React","Body","MergedColumnsCell","MergedRowsCell","style","_sstyled","insert","ACCORDION","SELECT_ALL","RowRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","value","event","_this$asProps","asProps","row","rowIndex","onSelectRow","preventDefault","stopPropagation","_this$asProps2","e","key","onBackFromAccordion","cellIndex","_inherits","_createClass","cellHasAccordion","cellValue","Boolean","render","_ref","_ref2","_this2","_scrollAreaRef$curren","SRow","SCollapseRow","SAccordionRows","SCell","Cell","SCheckboxCell","_this$asProps3","columns","rows","styles","ariaRowIndex","gridRowIndex","expanded","accordionDataGridArea","_this$asProps3$ariaL","ariaLevel","scrollAreaRef","selectedRows","uid","getFixedStyle","mergedRow","isAccordionRow","animationExpand","accordionRowIndex","accordionDuration","accordion","accordionType","undefined","cells","Object","values","cellWithAccordionIndex","findIndex","cellWithAccordion","accordionId","createElement","Fragment","cn","_objectSpread","_assignProps","includes","map","column","i","_ref3","checked","name","toString","handleClickCheckbox","handleSelectRow","index","fixed","_getFixedStyle","_getFixedStyle2","_slicedToArray","id","columnIndex","withAccordion","isValidElement","current","clientWidth","handleBackFromAccordion","isArray","subrow","Row","parent"],"sources":["../../../../src/components/Body/Row.tsx"],"sourcesContent":["import { Box, Collapse } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, Root, sstyled, createComponent } from '@semcore/core';\nimport * as React from 'react';\n\nimport { Body } from './Body';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport type { DataTableRowProps, RowPropsInner } from './Row.types';\nimport style from './style.shadow.css';\nimport { ACCORDION, SELECT_ALL } from '../DataTable/DataTable';\nimport type { DTValue } from '../DataTable/DataTable.types';\n\nclass RowRoot extends Component<DataTableRowProps, {}, {}, [], RowPropsInner> {\n  static displayName = 'Row';\n  static style = style;\n\n  static defaultProps = {\n    'aria-level': undefined,\n  };\n\n  private cellIndex = -1;\n\n  cellHasAccordion(cellValue?: DTValue | MergedColumnsCell | MergedRowsCell): cellValue is DTValue {\n    return (\n      !(cellValue instanceof MergedRowsCell || cellValue instanceof MergedColumnsCell) &&\n      Boolean(cellValue?.[ACCORDION])\n    );\n  }\n\n  handleSelectRow = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n    const { row, rowIndex, onSelectRow } = this.asProps;\n\n    onSelectRow?.(value, rowIndex, row, event);\n  };\n\n  handleClickCheckbox = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n    event?.preventDefault();\n    event?.stopPropagation();\n    const { row, rowIndex, onSelectRow } = this.asProps;\n\n    onSelectRow?.(value, rowIndex, row, event);\n  };\n\n  handleBackFromAccordion = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      this.asProps.onBackFromAccordion(this.cellIndex);\n    }\n  };\n\n  render() {\n    const SRow = Root;\n    const SCollapseRow = Collapse;\n    const SAccordionRows = Box;\n    const SCell = Body.Cell;\n    const SCheckboxCell = Body.Cell;\n    const {\n      columns,\n      row,\n      rows,\n      styles,\n      rowIndex,\n      ariaRowIndex,\n      gridRowIndex,\n      expanded,\n      accordionDataGridArea,\n      'aria-level': ariaLevel = 1,\n      scrollAreaRef,\n      selectedRows,\n      uid,\n      getFixedStyle,\n      mergedRow,\n      isAccordionRow,\n      animationExpand,\n      accordionRowIndex,\n      accordionDuration,\n    } = this.asProps;\n\n    let accordion = row[ACCORDION];\n    const accordionType = accordion && !mergedRow ? 'row' : undefined;\n\n    if (!accordion) {\n      const cells = Object.values(row);\n      const cellWithAccordionIndex = cells.findIndex((value) => {\n        return this.cellHasAccordion(value);\n      });\n\n      this.cellIndex = cellWithAccordionIndex;\n\n      const cellWithAccordion = cells[cellWithAccordionIndex] as DTValue | undefined;\n\n      accordion = cellWithAccordion?.[ACCORDION];\n    }\n\n    const accordionId = `${uid}_${ariaRowIndex + 1}`;\n\n    return sstyled(styles)(\n      <>\n        <SRow\n          render={Box}\n          role='row'\n          aria-rowindex={ariaRowIndex}\n          accordionType={accordionType}\n          theme={selectedRows?.includes(rowIndex) ? 'info' : undefined}\n          use:expanded={expanded && !mergedRow}\n        >\n          {columns.map((column, i) => {\n            if (selectedRows && i === 0) {\n              const checked = selectedRows.includes(rowIndex);\n              return sstyled(styles)(\n                <SCheckboxCell\n                  key={i}\n                  row={row}\n                  rowIndex={rowIndex}\n                  // @ts-ignore\n                  column={{ name: SELECT_ALL.toString() }}\n                  columnIndex={0}\n                  gridRowIndex={gridRowIndex}\n                  onClick={this.handleClickCheckbox(!checked)}\n                >\n                  <Checkbox\n                    checked={checked}\n                    aria-labelledby={`${uid}_${ariaRowIndex}_1`}\n                    onChange={this.handleSelectRow}\n                  />\n                </SCheckboxCell>,\n              );\n            }\n\n            const index = i;\n            const cellValue: DTValue | MergedRowsCell | MergedColumnsCell | undefined =\n              row[column.name];\n\n            if (cellValue === undefined) {\n              return null;\n            }\n\n            const style: React.CSSProperties = {};\n\n            if (column.fixed) {\n              const [name, value] = getFixedStyle(column);\n\n              if (name !== undefined && value !== undefined) {\n                style[name] = value;\n              }\n            }\n\n            return (\n              <Body.Cell\n                key={index}\n                id={`${uid}_${ariaRowIndex}_${index}`}\n                accordionId={accordionId}\n                data-aria-level={index === 0 ? ariaLevel : undefined}\n                row={row}\n                rowIndex={rowIndex}\n                gridRowIndex={gridRowIndex}\n                columnIndex={index}\n                style={style}\n                column={column}\n                withAccordion={\n                  Boolean(cellValue instanceof MergedRowsCell && cellValue.accordion) ||\n                  this.cellHasAccordion(cellValue)\n                }\n                isAccordionRow={isAccordionRow}\n                animationExpand={animationExpand}\n                accordionRowIndex={accordionRowIndex}\n                rows={rows}\n              />\n            );\n          })}\n        </SRow>\n\n        {React.isValidElement(accordion) && (\n          <SCollapseRow\n            key={rowIndex}\n            role='row'\n            aria-rowindex={ariaRowIndex + 1}\n            id={accordionId}\n            visible={expanded}\n            interactive\n            gridArea={accordionDataGridArea}\n            duration={accordionDuration ?? 200}\n            zIndex={5}\n          >\n            <SCell\n              aria-colindex={1}\n              aria-level={ariaLevel + 1}\n              aria-setsize={1}\n              aria-posinset={1}\n              row={row}\n              rowIndex={rowIndex + 1}\n              columnIndex={1}\n              // @ts-ignore\n              column={{ name: ACCORDION }}\n              position='sticky'\n              left={0}\n              w={scrollAreaRef.current?.clientWidth}\n              onKeyDown={this.handleBackFromAccordion}\n            >\n              {accordion}\n            </SCell>\n          </SCollapseRow>\n        )}\n\n        {row[ACCORDION] && Array.isArray(row[ACCORDION]) && (\n          <SAccordionRows id={accordionId} role='rowgroup'>\n            {row[ACCORDION].map((subrow, i) => {\n              return (\n                <Row\n                  key={i}\n                  row={subrow}\n                  columns={columns}\n                  rows={row[ACCORDION]}\n                  rowIndex={rowIndex}\n                  aria-hidden={!expanded}\n                  aria-posinset={i + 1}\n                  aria-level={ariaLevel + 1}\n                  ariaRowIndex={ariaRowIndex + 1 + i}\n                  gridRowIndex={gridRowIndex + 1 + i}\n                  isAccordionRow={true}\n                  getFixedStyle={getFixedStyle}\n                  animationExpand={expanded}\n                  accordionRowIndex={i}\n                />\n              );\n            })}\n          </SAccordionRows>\n        )}\n      </>,\n    );\n  }\n}\n\n// @ts-ignore\nexport const Row = createComponent(RowRoot, {}, { parent: Body });\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/components/Body/Row.types.js

@@ -1,2 +1,2 @@
-import { ACCORDION, ROW_GROUP, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';
+export {};
 //# sourceMappingURL=Row.types.js.map

package/lib/es6/components/Body/Row.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.types.js","names":["ACCORDION","ROW_GROUP","ROW_INDEX","UNIQ_ROW_KEY"],"sources":["../../../../src/components/Body/Row.types.ts"],"sourcesContent":["import { DTValue, DTUse, DataTableData } from '../DataTable/DataTable.types';\nimport { DTColumn } from '../Head/Column.types';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport { ACCORDION, ROW_GROUP, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport { DataTableCellProps } from './Cell.types';\n\nexport type UniqRowKey = string;\n\nexport type DTRow = {\n  [UNIQ_ROW_KEY]: UniqRowKey;\n  [ROW_INDEX]: number;\n  [key: string]: DTValue | MergedRowsCell | MergedColumnsCell;\n  [ACCORDION]?: React.ReactNode | DataTableData | undefined;\n  [ROW_GROUP]?: Set<UniqRowKey>;\n};\nexport type DTRows = Array<DTRow | DTRow[]>;\n\nexport type DataTableRowProps = {\n  row: DTRow;\n  mergedRow?: boolean;\n\n  isAccordionRow?: DataTableCellProps['isAccordionRow'];\n  animationExpand?: DataTableCellProps['animationExpand'];\n  accordionRowIndex?: DataTableCellProps['accordionRowIndex'];\n};\n\nexport type RowPropsInner = JSX.IntrinsicElements['div'] & {\n  use: DTUse;\n  /**\n   * Expanded flag for rows with accordion\n   * @default false\n   */\n  expanded?: boolean;\n\n  /**\n   * Flag to show is row in a merged list or not.\n   */\n  mergedRow?: boolean;\n\n  columns: DTColumn[];\n  row: DTRow | DTRow[];\n  rows: DTRows;\n  rowIndex: number; // from 0\n  ariaRowIndex: number; // from 1 + 1 header\n  gridRowIndex: number; // from 1 + 1 (or 2 if it has group) header\n\n  expandedRows: Set<string>;\n  onExpandRow: (expandedRow: DTRow) => void;\n\n  gridTemplateAreas: string[];\n  gridTemplateColumns: string[];\n  accordionDataGridArea: string;\n\n  selectedRows?: number[];\n  onSelectRow?: (\n    isSelect: boolean,\n    selectedRowIndex: number,\n    row: DTRow,\n    event?: React.SyntheticEvent<HTMLElement>,\n  ) => void;\n\n  inert?: '';\n\n  accordionDuration?: number | [number, number];\n  onBackFromAccordion: (colIndex: number) => void;\n\n  scrollAreaRef: React.RefObject<HTMLDivElement>;\n  uid: string;\n  sideIndents?: 'wide';\n  getFixedStyle: (\n    cell: Pick<DTColumn, 'name' | 'fixed'>,\n  ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n};\n"],"mappings":"AAGA,SAASA,SAAS,EAAEC,SAAS,EAAEC,SAAS,EAAEC,YAAY,QAAQ,wBAAwB"}
+{"version":3,"file":"Row.types.js","names":[],"sources":["../../../../src/components/Body/Row.types.ts"],"sourcesContent":["import type { DataTableCellProps } from './Cell.types';\nimport type { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport type { ACCORDION, ROW_GROUP, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DTValue, DTUse, DataTableData } from '../DataTable/DataTable.types';\nimport type { DTColumn } from '../Head/Column.types';\n\nexport type UniqRowKey = string;\n\nexport type DTRow = {\n  [UNIQ_ROW_KEY]: UniqRowKey;\n  [ROW_INDEX]: number;\n  [key: string]: DTValue | MergedRowsCell | MergedColumnsCell;\n  [ACCORDION]?: React.ReactNode | DataTableData | undefined;\n  [ROW_GROUP]?: Set<UniqRowKey>;\n};\nexport type DTRows = Array<DTRow | DTRow[]>;\n\nexport type DataTableRowProps = {\n  row: DTRow;\n  mergedRow?: boolean;\n\n  isAccordionRow?: DataTableCellProps['isAccordionRow'];\n  animationExpand?: DataTableCellProps['animationExpand'];\n  accordionRowIndex?: DataTableCellProps['accordionRowIndex'];\n};\n\nexport type RowPropsInner = JSX.IntrinsicElements['div'] & {\n  use: DTUse;\n  /**\n   * Expanded flag for rows with accordion\n   * @default false\n   */\n  expanded?: boolean;\n\n  /**\n   * Flag to show is row in a merged list or not.\n   */\n  mergedRow?: boolean;\n\n  columns: DTColumn[];\n  row: DTRow | DTRow[];\n  rows: DTRows;\n  rowIndex: number; // from 0\n  ariaRowIndex: number; // from 1 + 1 header\n  gridRowIndex: number; // from 1 + 1 (or 2 if it has group) header\n\n  expandedRows: Set<string>;\n  onExpandRow: (expandedRow: DTRow) => void;\n\n  gridTemplateAreas: string[];\n  gridTemplateColumns: string[];\n  accordionDataGridArea: string;\n\n  selectedRows?: number[];\n  onSelectRow?: (\n    isSelect: boolean,\n    selectedRowIndex: number,\n    row: DTRow,\n    event?: React.SyntheticEvent<HTMLElement>,\n  ) => void;\n\n  inert?: '';\n\n  accordionDuration?: number | [number, number];\n  onBackFromAccordion: (colIndex: number) => void;\n\n  scrollAreaRef: React.RefObject<HTMLDivElement>;\n  uid: string;\n  sideIndents?: 'wide';\n  getFixedStyle: (\n    cell: Pick<DTColumn, 'name' | 'fixed'>,\n  ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -3,59 +3,61 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled2 } from "@semcore/core";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-import * as React from 'react';
-import { Component, createComponent, lastInteraction, Root, sstyled } from '@semcore/core';
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 import { Box, ScreenReaderOnly, ScrollArea } from '@semcore/base-components';
-import { Head } from '../Head/Head';
-import { Body } from '../Body/Body';
+import { Component, createComponent, lastInteraction, Root, sstyled } from '@semcore/core';
+import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
+import findComponent from '@semcore/core/lib/utils/findComponent';
+import { hasParent } from '@semcore/core/lib/utils/hasParent';
+import trottle from '@semcore/core/lib/utils/rafTrottle';
+import { forkRef } from '@semcore/core/lib/utils/ref';
+import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
+import { isFocusInside, hasFocusableIn } from '@semcore/core/lib/utils/use/useFocusLock';
+import { NoData } from '@semcore/widget-empty';
+import * as React from 'react';
 /*!__reshadow-styles__:"./dataTable.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDataTable_x73f6_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content}.___SDataTable_x73f6_gg_.__gridTemplateColumns_x73f6_gg_{grid-template-columns:var(--gridTemplateColumns_x73f6)}.___SDataTable_x73f6_gg_.__gridTemplateAreas_x73f6_gg_{grid-template-areas:var(--gridTemplateAreas_x73f6)}.___SDataTable_x73f6_gg_.__gridTemplateRows_x73f6_gg_{grid-template-rows:var(--gridTemplateRows_x73f6)}", /*__inner_css_end__*/"x73f6_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SDataTable_1k5kz_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content}.___SDataTable_1k5kz_gg_.__gridTemplateColumns_1k5kz_gg_{grid-template-columns:var(--gridTemplateColumns_1k5kz)}.___SDataTable_1k5kz_gg_.__gridTemplateAreas_1k5kz_gg_{grid-template-areas:var(--gridTemplateAreas_1k5kz)}.___SDataTable_1k5kz_gg_.__gridTemplateRows_1k5kz_gg_{grid-template-rows:var(--gridTemplateRows_1k5kz)}", /*__inner_css_end__*/"1k5kz_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SDataTable": "___SDataTable_x73f6_gg_",
-  "_gridTemplateColumns": "__gridTemplateColumns_x73f6_gg_",
-  "--gridTemplateColumns": "--gridTemplateColumns_x73f6",
-  "_gridTemplateAreas": "__gridTemplateAreas_x73f6_gg_",
-  "--gridTemplateAreas": "--gridTemplateAreas_x73f6",
-  "_gridTemplateRows": "__gridTemplateRows_x73f6_gg_",
-  "--gridTemplateRows": "--gridTemplateRows_x73f6"
+  "__SDataTable": "___SDataTable_1k5kz_gg_",
+  "_gridTemplateColumns": "__gridTemplateColumns_1k5kz_gg_",
+  "--gridTemplateColumns": "--gridTemplateColumns_1k5kz",
+  "_gridTemplateAreas": "__gridTemplateAreas_1k5kz_gg_",
+  "--gridTemplateAreas": "--gridTemplateAreas_1k5kz",
+  "_gridTemplateRows": "__gridTemplateRows_1k5kz_gg_",
+  "--gridTemplateRows": "--gridTemplateRows_1k5kz"
 });
-import { isFocusInside, hasFocusableIn } from '@semcore/core/lib/utils/use/useFocusLock';
-import findComponent from '@semcore/core/lib/utils/findComponent';
-import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
-import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
-import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
-import { forkRef } from '@semcore/core/lib/utils/ref';
 /*!__reshadow-styles__:"../../style/scroll-shadows.shadow.css"*/
-var scrollStyles = ( /*__reshadow_css_start__*/_sstyled2.insert( /*__inner_css_start__*/".___SScrollArea_fq5cd_gg_{width:-moz-fit-content;width:fit-content}.___SScrollArea_fq5cd_gg_ .___SContainer_fq5cd_gg_{overflow:visible;overflow:initial}.___SScrollArea_fq5cd_gg_ .___SContainer_fq5cd_gg_._scrollDirection_both_fq5cd_gg_{overflow:auto}.___SScrollArea_fq5cd_gg_ .___SContainer_fq5cd_gg_._scrollDirection_horizontal_fq5cd_gg_{overflow-x:auto;overflow-y:initial}.___SScrollArea_fq5cd_gg_ .___SContainer_fq5cd_gg_._scrollDirection_vertical_fq5cd_gg_{overflow-x:initial;overflow-y:auto}.___SScrollArea_fq5cd_gg_ .___SContainer_fq5cd_gg_.__loading_fq5cd_gg_{overflow:hidden}.___SScrollArea_fq5cd_gg_ .___SContainer_fq5cd_gg_.__headerHeight_fq5cd_gg_{scroll-padding-top:var(--headerHeight_fq5cd)}.___SScrollArea_fq5cd_gg_ .___SContainer_fq5cd_gg_.__leftScrollPadding_fq5cd_gg_{scroll-padding-left:var(--leftScrollPadding_fq5cd)}.___SScrollArea_fq5cd_gg_ .___SContainer_fq5cd_gg_.__rightScrollPadding_fq5cd_gg_{scroll-padding-right:var(--rightScrollPadding_fq5cd)}.___SScrollArea_fq5cd_gg_ .___SShadowVertical_fq5cd_gg_:before{display:none}.___SScrollArea_fq5cd_gg_ .___SShadowHorizontal_fq5cd_gg_:after,.___SScrollArea_fq5cd_gg_ .___SShadowHorizontal_fq5cd_gg_:before,.___SScrollArea_fq5cd_gg_ .___SShadowVertical_fq5cd_gg_:after{z-index:2}", /*__inner_css_end__*/"fq5cd_gg_"),
+var scrollStyles = (/*__reshadow_css_start__*/_sstyled2.insert(/*__inner_css_start__*/".___SScrollArea_qh4me_gg_{width:-moz-fit-content;width:fit-content}.___SScrollArea_qh4me_gg_ .___SContainer_qh4me_gg_{overflow:visible;overflow:initial}.___SScrollArea_qh4me_gg_ .___SContainer_qh4me_gg_._scrollDirection_both_qh4me_gg_{overflow:auto}.___SScrollArea_qh4me_gg_ .___SContainer_qh4me_gg_._scrollDirection_horizontal_qh4me_gg_{overflow-x:auto;overflow-y:initial}.___SScrollArea_qh4me_gg_ .___SContainer_qh4me_gg_._scrollDirection_vertical_qh4me_gg_{overflow-x:initial;overflow-y:auto}.___SScrollArea_qh4me_gg_ .___SContainer_qh4me_gg_.__loading_qh4me_gg_{overflow:hidden}.___SScrollArea_qh4me_gg_ .___SContainer_qh4me_gg_.__headerHeight_qh4me_gg_{scroll-padding-top:var(--headerHeight_qh4me)}.___SScrollArea_qh4me_gg_ .___SContainer_qh4me_gg_.__leftScrollPadding_qh4me_gg_{scroll-padding-left:var(--leftScrollPadding_qh4me)}.___SScrollArea_qh4me_gg_ .___SContainer_qh4me_gg_.__rightScrollPadding_qh4me_gg_{scroll-padding-right:var(--rightScrollPadding_qh4me)}.___SScrollArea_qh4me_gg_ .___SShadowVertical_qh4me_gg_:before{display:none}.___SScrollArea_qh4me_gg_ .___SShadowHorizontal_qh4me_gg_:after,.___SScrollArea_qh4me_gg_ .___SShadowHorizontal_qh4me_gg_:before,.___SScrollArea_qh4me_gg_ .___SShadowVertical_qh4me_gg_:after{z-index:2}", /*__inner_css_end__*/"qh4me_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SScrollArea": "___SScrollArea_fq5cd_gg_",
-  "__SContainer": "___SContainer_fq5cd_gg_",
-  "_scrollDirection_both": "_scrollDirection_both_fq5cd_gg_",
-  "_scrollDirection_horizontal": "_scrollDirection_horizontal_fq5cd_gg_",
-  "_scrollDirection_vertical": "_scrollDirection_vertical_fq5cd_gg_",
-  "_loading": "__loading_fq5cd_gg_",
-  "_headerHeight": "__headerHeight_fq5cd_gg_",
-  "--headerHeight": "--headerHeight_fq5cd",
-  "_leftScrollPadding": "__leftScrollPadding_fq5cd_gg_",
-  "--leftScrollPadding": "--leftScrollPadding_fq5cd",
-  "_rightScrollPadding": "__rightScrollPadding_fq5cd_gg_",
-  "--rightScrollPadding": "--rightScrollPadding_fq5cd",
-  "__SShadowVertical": "___SShadowVertical_fq5cd_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_fq5cd_gg_"
+  "__SScrollArea": "___SScrollArea_qh4me_gg_",
+  "__SContainer": "___SContainer_qh4me_gg_",
+  "_scrollDirection_both": "_scrollDirection_both_qh4me_gg_",
+  "_scrollDirection_horizontal": "_scrollDirection_horizontal_qh4me_gg_",
+  "_scrollDirection_vertical": "_scrollDirection_vertical_qh4me_gg_",
+  "_loading": "__loading_qh4me_gg_",
+  "_headerHeight": "__headerHeight_qh4me_gg_",
+  "--headerHeight": "--headerHeight_qh4me",
+  "_leftScrollPadding": "__leftScrollPadding_qh4me_gg_",
+  "--leftScrollPadding": "--leftScrollPadding_qh4me",
+  "_rightScrollPadding": "__rightScrollPadding_qh4me_gg_",
+  "--rightScrollPadding": "--rightScrollPadding_qh4me",
+  "__SShadowVertical": "___SShadowVertical_qh4me_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_qh4me_gg_"
 });
-import { hasParent } from '@semcore/core/lib/utils/hasParent';
-import trottle from '@semcore/core/lib/utils/rafTrottle';
+import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
+import { Body } from '../Body/Body';
 import { MergedColumnsCell, MergedRowsCell } from '../Body/MergedCells';
-import { NoData } from '@semcore/widget-empty';
+import { Head } from '../Head/Head';
 export var ACCORDION = Symbol('accordion');
 export var ROW_GROUP = Symbol('ROW_GROUP');
 export var UNIQ_ROW_KEY = Symbol('UNIQ_ROW_KEY');
@@ -63,37 +65,34 @@ export var SELECT_ALL = Symbol('SELECT_ALL');
 export var ROW_INDEX = Symbol('ROW_INDEX');
 var SCROLL_BAR_HEIGHT = 12;
 var DataTableRoot = /*#__PURE__*/function (_Component) {
-  _inherits(DataTableRoot, _Component);
-  var _super = _createSuper(DataTableRoot);
   function DataTableRoot(props) {
     var _this;
     _classCallCheck(this, DataTableRoot);
-    _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "columns", []);
-    _defineProperty(_assertThisInitialized(_this), "treeColumns", []);
-    _defineProperty(_assertThisInitialized(_this), "hasGroups", false);
-    _defineProperty(_assertThisInitialized(_this), "focusedCell", [-1, -1]);
-    _defineProperty(_assertThisInitialized(_this), "scrollAreaRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "tableContainerRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "tableRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "headerRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "spinnerRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "gridAreaGroupMap", new Map());
-    _defineProperty(_assertThisInitialized(_this), "columnsSplitter", '/');
-    _defineProperty(_assertThisInitialized(_this), "rows", []);
-    _defineProperty(_assertThisInitialized(_this), "flatRows", []);
-    _defineProperty(_assertThisInitialized(_this), "selectAllMessageTimer", 0);
-    _defineProperty(_assertThisInitialized(_this), "headerNodesMap", new Map());
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    _this = _callSuper(this, DataTableRoot, [props]);
+    _defineProperty(_this, "columns", []);
+    _defineProperty(_this, "treeColumns", []);
+    _defineProperty(_this, "hasGroups", false);
+    _defineProperty(_this, "focusedCell", [-1, -1]);
+    _defineProperty(_this, "scrollAreaRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_this, "tableContainerRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_this, "tableRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_this, "headerRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_this, "spinnerRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_this, "gridAreaGroupMap", new Map());
+    _defineProperty(_this, "columnsSplitter", '/');
+    _defineProperty(_this, "rows", []);
+    _defineProperty(_this, "flatRows", []);
+    _defineProperty(_this, "selectAllMessageTimer", 0);
+    _defineProperty(_this, "headerNodesMap", new Map());
+    _defineProperty(_this, "state", {
       scrollTop: 0,
       scrollDirection: 'down',
       selectAllMessage: ''
     });
-    _defineProperty(_assertThisInitialized(_this), "handleSelectRow", function (isSelected, selectedRowIndex, row, event) {
+    _defineProperty(_this, "handleSelectRow", function (isSelected, selectedRowIndex, row, event) {
       var _this$asProps = _this.asProps,
         selectedRows = _this$asProps.selectedRows,
-        onSelectedRowsChange = _this$asProps.onSelectedRowsChange,
-        data = _this$asProps.data;
+        onSelectedRowsChange = _this$asProps.onSelectedRowsChange;
       if (selectedRows && onSelectedRowsChange) {
         var newSelectedRows = new Set(selectedRows);
         if (isSelected && !newSelectedRows.has(selectedRowIndex)) {
@@ -108,7 +107,7 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         });
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "setSelectAllMessage", function (selectedAll) {
+    _defineProperty(_this, "setSelectAllMessage", function (selectedAll) {
       if (_this.selectAllMessageTimer) {
         clearTimeout(_this.selectAllMessageTimer);
       }
@@ -123,14 +122,14 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         });
       }, 5000);
     });
-    _defineProperty(_assertThisInitialized(_this), "getRow", function (index) {
+    _defineProperty(_this, "getRow", function (index) {
       var _this$tableRef$curren;
       return (_this$tableRef$curren = _this.tableRef.current) === null || _this$tableRef$curren === void 0 ? void 0 : _this$tableRef$curren.querySelector("[aria-rowindex=\"".concat(index + 1, "\"]:not([aria-hidden=\"true\"])"));
     });
-    _defineProperty(_assertThisInitialized(_this), "hasFocusableInHeader", function () {
+    _defineProperty(_this, "hasFocusableInHeader", function () {
       return _this.headerRef.current && hasFocusableIn(_this.headerRef.current);
     });
-    _defineProperty(_assertThisInitialized(_this), "onExpandRow", function (expandedRow) {
+    _defineProperty(_this, "onExpandRow", function (expandedRow) {
       var expandedRows = _this.asProps.expandedRows;
       if (expandedRows.has(expandedRow[UNIQ_ROW_KEY])) {
         expandedRows["delete"](expandedRow[UNIQ_ROW_KEY]);
@@ -142,7 +141,7 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         _this.handlers.expandedRows(new Set(_toConsumableArray(expandedRows)));
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "changeFocusCell", function (rowIndex, colIndex, direction) {
+    _defineProperty(_this, "changeFocusCell", function (rowIndex, colIndex, direction) {
       var _this$tableRef$curren2, _this$tableRef$curren3;
       var hasFocusable = _this.hasFocusableInHeader();
       var maxCol = _this.columns.length - 1;
@@ -165,9 +164,9 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
       var cell = row === null || row === void 0 ? void 0 : row.querySelector(":scope > div > [role=gridcell][aria-colindex=\"".concat(newCol + 1, "\"], :scope > [role=columnheader][aria-colindex=\"").concat(newCol + 1, "\"], :scope > div > [role=columnheader][aria-colindex=\"").concat(newCol + 1, "\"]"));
       if (cell instanceof HTMLElement && currentCell !== cell) {
         _this.focusedCell = [newRow, newCol];
-        currentCell === null || currentCell === void 0 ? void 0 : currentCell.setAttribute('inert', '');
+        currentCell === null || currentCell === void 0 || currentCell.setAttribute('inert', '');
         if (currentCell !== currentHeaderCell) {
-          currentCell === null || currentCell === void 0 ? void 0 : currentCell.removeAttribute('aria-describedby');
+          currentCell === null || currentCell === void 0 || currentCell.removeAttribute('aria-describedby');
         }
         var headerCell = headerCells === null || headerCells === void 0 ? void 0 : headerCells.item(newCol);
         var describedBy = headerCell === null || headerCell === void 0 ? void 0 : headerCell.getAttribute('aria-describedby');
@@ -175,24 +174,24 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         if (headerCell !== cell && describedBy) {
           cell.setAttribute('aria-describedby', describedBy);
         }
-        cell === null || cell === void 0 ? void 0 : cell.focus();
+        cell === null || cell === void 0 || cell.focus();
         if (newRow !== 0) {
-          currentHeaderCell === null || currentHeaderCell === void 0 ? void 0 : currentHeaderCell.setAttribute('inert', '');
+          currentHeaderCell === null || currentHeaderCell === void 0 || currentHeaderCell.setAttribute('inert', '');
           var _headerCell = headerCells === null || headerCells === void 0 ? void 0 : headerCells.item(newCol);
-          _headerCell === null || _headerCell === void 0 ? void 0 : _headerCell.removeAttribute('inert');
+          _headerCell === null || _headerCell === void 0 || _headerCell.removeAttribute('inert');
         }
       } else if (cell === null && currentCell instanceof HTMLElement) {
         var rowI = rowIndex;
         var colI = colIndex;
         if (direction === 'left' || direction === 'right') {
-          var _currentCell$parentEl, _currentCell$parentEl2, _currentCell$parentEl3, _currentCell$parentEl4, _row$children;
+          var _currentCell$parentEl, _currentCell$parentEl2, _row$children;
           // we need to skip Collapse Element with one big component from keyboard left/right pressing
-          if (((_currentCell$parentEl = currentCell.parentElement) === null || _currentCell$parentEl === void 0 ? void 0 : (_currentCell$parentEl2 = _currentCell$parentEl.parentElement) === null || _currentCell$parentEl2 === void 0 ? void 0 : _currentCell$parentEl2.dataset.uiName) === 'Collapse') {
+          if (((_currentCell$parentEl = currentCell.parentElement) === null || _currentCell$parentEl === void 0 || (_currentCell$parentEl = _currentCell$parentEl.parentElement) === null || _currentCell$parentEl === void 0 ? void 0 : _currentCell$parentEl.dataset.uiName) === 'Collapse') {
             return;
           }
 
           // left/right
-          if (currentCell.dataset.groupedBy === 'colgroup' || Number((_currentCell$parentEl3 = currentCell.parentElement) === null || _currentCell$parentEl3 === void 0 ? void 0 : (_currentCell$parentEl4 = _currentCell$parentEl3.parentElement) === null || _currentCell$parentEl4 === void 0 ? void 0 : _currentCell$parentEl4.getAttribute('aria-rowindex')) === 2 || currentCell.parentElement && Array.from((_row$children = row === null || row === void 0 ? void 0 : row.children) !== null && _row$children !== void 0 ? _row$children : []).indexOf(currentCell.parentElement) > 0) {
+          if (currentCell.dataset.groupedBy === 'colgroup' || Number((_currentCell$parentEl2 = currentCell.parentElement) === null || _currentCell$parentEl2 === void 0 || (_currentCell$parentEl2 = _currentCell$parentEl2.parentElement) === null || _currentCell$parentEl2 === void 0 ? void 0 : _currentCell$parentEl2.getAttribute('aria-rowindex')) === 2 || currentCell.parentElement && Array.from((_row$children = row === null || row === void 0 ? void 0 : row.children) !== null && _row$children !== void 0 ? _row$children : []).indexOf(currentCell.parentElement) > 0) {
             colI = direction === 'left' ? colI - 1 : colI + 1;
           } else {
             rowI = rowI - 1;
@@ -213,7 +212,7 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         _this.changeFocusCell(rowIndex + 1, colIndex, direction);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (e) {
+    _defineProperty(_this, "handleKeyDown", function (e) {
       switch (e.key) {
         case 'Tab':
           {
@@ -246,7 +245,7 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
           }
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "initFocusableCell", function () {
+    _defineProperty(_this, "initFocusableCell", function () {
       var hasFocusable = _this.hasFocusableInHeader();
       if (hasFocusable) {
         _this.focusedCell = [0, 0];
@@ -254,7 +253,7 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         _this.focusedCell = [1, 0];
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleScroll", trottle(function (e) {
+    _defineProperty(_this, "handleScroll", trottle(function (e) {
       var scrollTop = e.target.scrollTop;
       var scrollDirection = scrollTop > _this.state.scrollTop ? 'down' : 'up';
       _this.setState({
@@ -262,10 +261,10 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         scrollDirection: scrollDirection
       });
     }));
-    _defineProperty(_assertThisInitialized(_this), "handleFocus", function (e) {
+    _defineProperty(_this, "handleFocus", function (e) {
       if (_this.asProps.loading) {
         var _this$spinnerRef$curr;
-        (_this$spinnerRef$curr = _this.spinnerRef.current) === null || _this$spinnerRef$curr === void 0 ? void 0 : _this$spinnerRef$curr.focus();
+        (_this$spinnerRef$curr = _this.spinnerRef.current) === null || _this$spinnerRef$curr === void 0 || _this$spinnerRef$curr.focus();
         e.currentTarget.setAttribute('tabIndex', '-1');
       } else if ((!e.relatedTarget || !isFocusInside(e.currentTarget, e.relatedTarget)) && lastInteraction.isKeyboard()) {
         var _row;
@@ -281,18 +280,18 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         if (!row && _this.asProps.virtualScroll) {
           var _this$tableRef$curren4, _firstAvailableCell$p;
           var firstAvailableCell = (_this$tableRef$curren4 = _this.tableRef.current) === null || _this$tableRef$curren4 === void 0 ? void 0 : _this$tableRef$curren4.querySelector("[role=\"gridcell\"]");
-          var firstAvailableRow = firstAvailableCell === null || firstAvailableCell === void 0 ? void 0 : (_firstAvailableCell$p = firstAvailableCell.parentElement) === null || _firstAvailableCell$p === void 0 ? void 0 : _firstAvailableCell$p.parentElement;
+          var firstAvailableRow = firstAvailableCell === null || firstAvailableCell === void 0 || (_firstAvailableCell$p = firstAvailableCell.parentElement) === null || _firstAvailableCell$p === void 0 ? void 0 : _firstAvailableCell$p.parentElement;
           if (firstAvailableCell && firstAvailableRow) {
-            var _Number, _Number2;
-            var colIndex = ((_Number = Number(firstAvailableCell.getAttribute('aria-colindex'))) !== null && _Number !== void 0 ? _Number : 1) - 1;
-            var rowIndex = ((_Number2 = Number(firstAvailableRow.getAttribute('aria-rowindex'))) !== null && _Number2 !== void 0 ? _Number2 : 1) - 1;
+            var _firstAvailableCell$g, _firstAvailableRow$ge;
+            var colIndex = Number((_firstAvailableCell$g = firstAvailableCell.getAttribute('aria-colindex')) !== null && _firstAvailableCell$g !== void 0 ? _firstAvailableCell$g : 1) - 1;
+            var rowIndex = Number((_firstAvailableRow$ge = firstAvailableRow.getAttribute('aria-rowindex')) !== null && _firstAvailableRow$ge !== void 0 ? _firstAvailableRow$ge : 1) - 1;
             _this.focusedCell[0] = rowIndex;
             _this.focusedCell[1] = colIndex;
             row = firstAvailableRow;
           }
         }
         var cell = (_row = row) === null || _row === void 0 ? void 0 : _row.querySelectorAll('[role=gridcell], [role=columnheader]').item(_this.focusedCell[1]);
-        cell === null || cell === void 0 ? void 0 : cell.removeAttribute('inert');
+        cell === null || cell === void 0 || cell.removeAttribute('inert');
         if (cell instanceof HTMLElement) {
           if (hasParent(e.target, cell)) {
             e.target.focus();
@@ -303,7 +302,7 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         e.currentTarget.setAttribute('tabIndex', '-1');
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleBlur", function (e) {
+    _defineProperty(_this, "handleBlur", function (e) {
       var relatedTarget = e.relatedTarget;
       var tableElement = _this.tableRef.current;
       if (tableElement && (!relatedTarget || !isFocusInside(tableElement, relatedTarget) || !lastInteraction.isKeyboard())) {
@@ -311,13 +310,13 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         tableElement.setAttribute('tabIndex', '0');
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleMouseMove", function () {
+    _defineProperty(_this, "handleMouseMove", function () {
       _this.setInert(false);
     });
-    _defineProperty(_assertThisInitialized(_this), "handleBackFromAccordion", function (cellIndex) {
+    _defineProperty(_this, "handleBackFromAccordion", function (cellIndex) {
       _this.changeFocusCell(-1, cellIndex === -1 ? 0 : cellIndex, 'up');
     });
-    _defineProperty(_assertThisInitialized(_this), "getScrollOffsetValue", function () {
+    _defineProperty(_this, "getScrollOffsetValue", function () {
       if (!_this.headerRef.current) {
         return [0, 0];
       }
@@ -354,7 +353,7 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         return acc;
       }, [0, 0]);
     });
-    _defineProperty(_assertThisInitialized(_this), "getFixedStyle", function (cell) {
+    _defineProperty(_this, "getFixedStyle", function (cell) {
       var side = cell.fixed;
       if (!side) return [undefined, undefined];
       var names = cell.name.split('/');
@@ -394,7 +393,8 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
     _this.flatRows = _this.rows.flat();
     return _this;
   }
-  _createClass(DataTableRoot, [{
+  _inherits(DataTableRoot, _Component);
+  return _createClass(DataTableRoot, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
       return {
@@ -528,7 +528,7 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
           var selectedRowsIndexes = value ? new Array(_this3.totalRows).fill(undefined).map(function (_, i) {
             return i;
           }) : [];
-          onSelectedRowsChange === null || onSelectedRowsChange === void 0 ? void 0 : onSelectedRowsChange(selectedRowsIndexes, e);
+          onSelectedRowsChange === null || onSelectedRowsChange === void 0 || onSelectedRowsChange(selectedRowsIndexes, e);
         },
         getFixedStyle: this.getFixedStyle
       }, headerProps);
@@ -593,7 +593,7 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
     value: function setInert(value) {
       var _this$tableRef$curren5;
       var cells = (_this$tableRef$curren5 = this.tableRef.current) === null || _this$tableRef$curren5 === void 0 ? void 0 : _this$tableRef$curren5.querySelectorAll('[role=gridcell], [role=columnheader]');
-      cells === null || cells === void 0 ? void 0 : cells.forEach(function (cell) {
+      cells === null || cells === void 0 || cells.forEach(function (cell) {
         if (value === true) {
           cell.setAttribute('inert', '');
         } else {
@@ -722,7 +722,6 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         selectedRows = _this$props.selectedRows;
       var HeadComponent = findComponent(children, ['Head']);
       this.hasGroups = findComponent(HeadComponent.props.children, ['Head.Group']) !== undefined;
-      var columnIndex = 0;
       var groupIndex = 0;
       var gridColumnIndex = selectedRows ? 2 : 1;
       var calculateGridTemplateColumn = this.calculateGridTemplateColumn.bind(this);
@@ -765,7 +764,6 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         if (childIsColumn(child)) {
           var col = makeColumn(child);
           col.gridArea = "1 / ".concat(gridColumnIndex, " / ").concat(_this4.hasGroups ? '3' : '2', " / ").concat(gridColumnIndex + 1);
-          columnIndex++;
           gridColumnIndex++;
           columns.push(col);
         } else if (childIsGroup(child)) {
@@ -786,7 +784,6 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
                 _col.gridArea = "2 / ".concat(gridColumnIndex, " / 3 / ").concat(gridColumnIndex + 1);
               }
               _col.gridArea = "2 / ".concat(gridColumnIndex, " / 3 / ").concat(gridColumnIndex + 1);
-              columnIndex++;
               gridColumnIndex++;
               columns.push(_col);
             }
@@ -808,7 +805,6 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
       this.hasGroups = columns.some(function (column) {
         return 'columns' in column;
       });
-      var columnIndex = 0;
       var groupIndex = 0;
       var gridColumnIndex = selectedRows ? 2 : 1;
       var calculateGridTemplateColumn = this.calculateGridTemplateColumn.bind(this);
@@ -846,7 +842,6 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         if (childIsColumn(child)) {
           var col = makeColumn(child);
           col.gridArea = "1 / ".concat(gridColumnIndex, " / ").concat(_this5.hasGroups ? '3' : '2', " / ").concat(gridColumnIndex + 1);
-          columnIndex++;
           gridColumnIndex++;
           calculatedColumns.push(col);
           treeColumns.push(col);
@@ -870,10 +865,9 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
               col.gridArea = "2 / ".concat(gridColumnIndex, " / 3 / ").concat(gridColumnIndex + 1);
             }
             col.gridArea = "2 / ".concat(gridColumnIndex, " / 3 / ").concat(gridColumnIndex + 1);
-            columnIndex++;
             gridColumnIndex++;
             calculatedColumns.push(col);
-            (_Group$columns = Group.columns) === null || _Group$columns === void 0 ? void 0 : _Group$columns.push(col);
+            (_Group$columns = Group.columns) === null || _Group$columns === void 0 || _Group$columns.push(col);
           });
           treeColumns.push(Group);
           _this5.gridAreaGroupMap.set(groupIndex, "1 / ".concat(initGridColumn, " / 2 / ").concat(gridColumnIndex));
@@ -899,7 +893,6 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
       var id = 100000000; // need this for gen keys by toString(36)
 
       var makeDtRow = function makeDtRow(row, excludeColumns) {
-        var _Object$entries$reduc;
         var columns = new Set(columnNames);
         var dtRow = Object.entries(row).reduce(function (acc, _ref5) {
           var _ref6 = _slicedToArray(_ref5, 2),
@@ -922,8 +915,8 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
             acc[ACCORDION] = row[ACCORDION];
           }
           return acc;
-        }, (_Object$entries$reduc = {}, _defineProperty(_Object$entries$reduc, UNIQ_ROW_KEY, row[UNIQ_ROW_KEY] || "".concat(uid, "_").concat((rowIndex + id).toString(36))), _defineProperty(_Object$entries$reduc, ROW_INDEX, rowIndex), _Object$entries$reduc));
-        excludeColumns === null || excludeColumns === void 0 ? void 0 : excludeColumns.forEach(function (value) {
+        }, _defineProperty(_defineProperty({}, UNIQ_ROW_KEY, row[UNIQ_ROW_KEY] || "".concat(uid, "_").concat((rowIndex + id).toString(36))), ROW_INDEX, rowIndex));
+        excludeColumns === null || excludeColumns === void 0 || excludeColumns.forEach(function (value) {
           columns["delete"](value);
         });
         if (columns.size > 0) {
@@ -936,7 +929,6 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
       data.forEach(function (row) {
         var groupedRows = row[ROW_GROUP];
         if (groupedRows) {
-          var _Object$entries$reduc2;
           var innerRows = [];
           var groupedKeys = [];
           var groupedRowData = Object.entries(row).reduce(function (acc, _ref7) {
@@ -946,7 +938,7 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
             acc[key] = new MergedRowsCell(value, groupedRows.length, row[ACCORDION]);
             groupedKeys.push(key);
             return acc;
-          }, (_Object$entries$reduc2 = {}, _defineProperty(_Object$entries$reduc2, UNIQ_ROW_KEY, ''), _defineProperty(_Object$entries$reduc2, ROW_INDEX, -1), _Object$entries$reduc2));
+          }, _defineProperty(_defineProperty({}, UNIQ_ROW_KEY, ''), ROW_INDEX, -1));
           groupedRows.forEach(function (childRow, index) {
             var dtRow;
             if (index === 0) {
@@ -954,12 +946,12 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
               dtRow = makeDtRow(rowData);
               dtRow[ROW_GROUP] = new Set();
             } else {
-              var _innerRows$, _innerRows$$ROW_GROUP;
+              var _innerRows$;
               if (index === groupedRows.length - 1 && row[ACCORDION]) {
                 childRow[ACCORDION] = row[ACCORDION];
               }
               dtRow = makeDtRow(childRow, groupedKeys);
-              (_innerRows$ = innerRows[0]) === null || _innerRows$ === void 0 ? void 0 : (_innerRows$$ROW_GROUP = _innerRows$[ROW_GROUP]) === null || _innerRows$$ROW_GROUP === void 0 ? void 0 : _innerRows$$ROW_GROUP.add(dtRow[UNIQ_ROW_KEY]);
+              (_innerRows$ = innerRows[0]) === null || _innerRows$ === void 0 || (_innerRows$ = _innerRows$[ROW_GROUP]) === null || _innerRows$ === void 0 || _innerRows$.add(dtRow[UNIQ_ROW_KEY]);
             }
             innerRows.push(dtRow);
             rowIndex++;
@@ -987,7 +979,7 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
       var height = 0;
       for (var i = 0; i < ((_header$length = header === null || header === void 0 ? void 0 : header.length) !== null && _header$length !== void 0 ? _header$length : 0); i++) {
         var _header$length, _header$item;
-        var columnHeight = header === null || header === void 0 ? void 0 : (_header$item = header.item(i)) === null || _header$item === void 0 ? void 0 : _header$item.getBoundingClientRect().height;
+        var columnHeight = header === null || header === void 0 || (_header$item = header.item(i)) === null || _header$item === void 0 ? void 0 : _header$item.getBoundingClientRect().height;
         if (columnHeight) {
           height = columnHeight;
           break;
@@ -996,7 +988,6 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
       return height;
     }
   }]);
-  return DataTableRoot;
 }(Component);
 _defineProperty(DataTableRoot, "displayName", 'DataTable');
 _defineProperty(DataTableRoot, "style", style);
@@ -1010,9 +1001,9 @@ _defineProperty(DataTableRoot, "defaultProps", {
   renderEmptyData: function renderEmptyData() {
     return /*#__PURE__*/React.createElement(NoData, {
       py: 10,
-      type: 'nothing-found',
-      description: '',
-      w: '100%'
+      type: "nothing-found",
+      description: "",
+      w: "100%"
     });
   }
 });