@semcore/data-table 4.51.0-prerelease.1 → 4.51.0-prerelease.5

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

@@ -0,0 +1 @@
+{"version":3,"file":"LimitOverlay.js","names":["Box","Flex","Component","createComponent","sstyled","hasParent","React","style","_sstyled","insert","handleFocusCell","handleKeydownFocusCell","ACCORDION","GRID_ROW_INDEX","LimitOverlayRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","e","lockedCell","tableElement","asProps","tableRef","current","relatedTarget","target","HTMLElement","dataset","skipTargetFocus","undefined","currentTarget","_inherits","_createClass","key","get","_this$asProps","columns","hasGroups","flatRows","limit","fromRow","fromColumn","rowOffset","rowStart","rowEnd","lastRow","isArray","columnStart","columnEnd","_this$asProps2","scrollAreaRef","some","c","fixed","limitWrapperRef","scrollAreaRect","getBoundingClientRect","limitWrapperRect","left","x","width","value","render","_ref","SLimitOverlayCellWrapper","_this$asProps3","rows","styles","rowsLimit","columnsLimit","renderOverlay","colIndex","colSpan","rowsSpan","_this$sizes","sizes","createElement","cn","limitOverlayGridArea","onClick","stopPropagation","handleFocusableCellFocus","handleFocusableCellKeyDown","LimitOverlay"],"sources":["../../../../src/components/Body/LimitOverlay.tsx"],"sourcesContent":["import { Box, Flex } from '@semcore/base-components';\nimport { Component, createComponent, type Intergalactic, sstyled } from '@semcore/core';\nimport { hasParent } from '@semcore/core/lib/utils/hasParent';\nimport * as React from 'react';\n\nimport type { DTRow, DTRows } from './Row.types';\nimport style from './style.shadow.css';\nimport type { IFocusableCell, LockedCell } from '../../enhancers/focusableCell';\nimport { handleFocusCell, handleKeydownFocusCell } from '../../enhancers/focusableCell';\nimport { ACCORDION, GRID_ROW_INDEX } from '../DataTable/DataTable';\nimport type { DataTableProps } from '../DataTable/DataTable.types';\nimport type { DTColumn } from '../Head/Column.types';\n\ntype LimitOverlayProps<UniqKeyType> = {\n  columns: DTColumn[];\n  rows: DTRows<UniqKeyType>;\n  limit: Exclude<DataTableProps<any, any, any>['limit'], undefined>;\n  flatRows: DTRow<UniqKeyType>[];\n  hasGroups: boolean;\n  tableRef: React.RefObject<HTMLDivElement>;\n  scrollAreaRef: React.RefObject<HTMLDivElement>;\n};\n\nclass LimitOverlayRoot<UniqKeyType> extends Component<LimitOverlayProps<UniqKeyType>> implements IFocusableCell {\n  lockedCell: LockedCell = [null, false];\n\n  limitWrapperRef = React.createRef<HTMLDivElement>();\n\n  static displayName = 'LimitOverlay';\n  static style = style;\n\n  get limitOverlayGridArea() {\n    const {\n      columns,\n      hasGroups,\n      flatRows,\n      limit,\n    } = this.asProps;\n\n    const { fromRow, fromColumn } = limit;\n\n    const rowOffset = hasGroups ? 3 : 2;\n\n    const rowStart = fromRow !== undefined\n      ? rowOffset + flatRows[fromRow][GRID_ROW_INDEX]\n      : rowOffset;\n    let rowEnd = rowOffset;\n\n    const lastRow = flatRows[flatRows.length - 1];\n    if (lastRow[ACCORDION]) {\n      rowEnd = rowEnd + lastRow[GRID_ROW_INDEX] + 1 + (Array.isArray(lastRow[ACCORDION]) ? lastRow[ACCORDION].length : 1);\n    } else {\n      rowEnd = rowEnd + lastRow[GRID_ROW_INDEX] + 1;\n    }\n\n    const columnStart = fromColumn !== undefined ? fromColumn + 1 : 1;\n    const columnEnd = columns.length + 1;\n\n    return `${rowStart} / ${columnStart} / ${rowEnd} / ${columnEnd}`;\n  }\n\n  get sizes() {\n    const { scrollAreaRef, columns } = this.asProps;\n\n    if (columns.some((c) => c.fixed) && this.limitWrapperRef.current && scrollAreaRef.current) {\n      const scrollAreaRect = scrollAreaRef.current.getBoundingClientRect();\n      const limitWrapperRect = this.limitWrapperRef.current.getBoundingClientRect();\n\n      const left = limitWrapperRect.x - scrollAreaRect.x;\n      const width = scrollAreaRect.width - limitWrapperRect.x + scrollAreaRect.x;\n\n      return {\n        left,\n        width,\n      };\n    }\n\n    return {\n      left: 0,\n      width: 0,\n    };\n  }\n\n  handleFocusableCellKeyDown = (e: React.KeyboardEvent) => {\n    handleKeydownFocusCell(this.lockedCell, e);\n  };\n\n  handleFocusableCellFocus = (e: React.FocusEvent) => {\n    const tableElement = this.asProps.tableRef.current;\n    if (tableElement && !hasParent(e.relatedTarget, tableElement)) {\n      if (e.target instanceof HTMLElement) {\n        e.target.dataset.skipTargetFocus = 'true';\n      }\n    } else {\n      if (e.target instanceof HTMLElement) {\n        e.target.dataset.skipTargetFocus = undefined;\n      }\n\n      handleFocusCell(this.lockedCell, e.target, e.currentTarget);\n    }\n  };\n\n  render() {\n    const SLimitOverlayCellWrapper = Flex;\n    const { columns, rows, styles, limit } = this.asProps;\n\n    const rowsLimit = limit.fromRow;\n    const columnsLimit = limit.fromColumn;\n    const renderOverlay = limit.renderOverlay;\n\n    const colIndex = columnsLimit ? columnsLimit + 1 : 1;\n    const colSpan = columns.length - (columnsLimit ?? 0);\n    const rowsSpan = rows.length - (rowsLimit ?? 0);\n    const { width, left } = this.sizes;\n\n    return sstyled(styles)(\n      <SLimitOverlayCellWrapper\n        ref={this.limitWrapperRef}\n        // @ts-ignore\n        gridArea={this.limitOverlayGridArea}\n        w={width ? width : undefined}\n        left={left ? left : undefined}\n        onClick={(e: React.SyntheticEvent) => e.stopPropagation()}\n      >\n        <Box\n          role='gridcell'\n          aria-colindex={colIndex}\n          aria-colspan={colSpan}\n          aria-rowspan={rowsSpan}\n          tabIndex={-1}\n          onFocus={this.handleFocusableCellFocus}\n          onKeyDown={this.handleFocusableCellKeyDown}\n        >\n          {renderOverlay?.()}\n        </Box>\n      </SLimitOverlayCellWrapper>,\n    );\n  }\n}\n\ntype LimitOverlayType = (<\n  UniqKeyType,\n  Tag extends Intergalactic.Tag = 'div',\n>(\n  props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', LimitOverlayProps<UniqKeyType>>\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', 'div', LimitOverlayProps<any>>;\n\nexport const LimitOverlay = createComponent(LimitOverlayRoot) as LimitOverlayType;\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/components/Body/MergedCells.js

@@ -0,0 +1,24 @@
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+export var MergedRowsCell = /*#__PURE__*/_createClass(function MergedRowsCell(value, rowsCount, accordion) {
+  _classCallCheck(this, MergedRowsCell);
+  _defineProperty(this, "value", void 0);
+  _defineProperty(this, "rowsCount", void 0);
+  _defineProperty(this, "accordion", void 0);
+  this.value = value;
+  this.rowsCount = rowsCount;
+  this.accordion = accordion;
+});
+export var MergedColumnsCell = /*#__PURE__*/_createClass(function MergedColumnsCell(value, options, accordion) {
+  _classCallCheck(this, MergedColumnsCell);
+  _defineProperty(this, "value", void 0);
+  _defineProperty(this, "columnsCount", void 0);
+  _defineProperty(this, "dataKey", void 0);
+  _defineProperty(this, "accordion", void 0);
+  this.value = value;
+  this.columnsCount = options.size;
+  this.dataKey = options.dataKey;
+  this.accordion = accordion;
+});
+//# sourceMappingURL=MergedCells.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MergedCells.js","names":["MergedRowsCell","_createClass","value","rowsCount","accordion","_classCallCheck","_defineProperty","MergedColumnsCell","options","columnsCount","size","dataKey"],"sources":["../../../../src/components/Body/MergedCells.ts"],"sourcesContent":["import type { DTRows } from './Row.types';\n\nexport class MergedRowsCell {\n  public readonly value: any;\n  public readonly rowsCount: number;\n  public readonly accordion?: React.ReactNode | DTRows<any>;\n\n  constructor(value: any, rowsCount: number, accordion?: React.ReactNode | DTRows<any>) {\n    this.value = value;\n    this.rowsCount = rowsCount;\n    this.accordion = accordion;\n  }\n}\n\nexport class MergedColumnsCell {\n  public readonly value: any;\n  public readonly columnsCount: number;\n  public readonly dataKey: string;\n  public readonly accordion?: React.ReactNode | DTRows<any>;\n\n  constructor(\n    value: any,\n    options: { size: number; dataKey: string },\n    accordion?: React.ReactNode | DTRows<any>,\n  ) {\n    this.value = value;\n    this.columnsCount = options.size;\n    this.dataKey = options.dataKey;\n    this.accordion = accordion;\n  }\n}\n"],"mappings":";;;AAEA,WAAaA,cAAc,gBAAAC,YAAA,CAKzB,SAAAD,eAAYE,KAAU,EAAEC,SAAiB,EAAEC,SAAyC,EAAE;EAAAC,eAAA,OAAAL,cAAA;EAAAM,eAAA;EAAAA,eAAA;EAAAA,eAAA;EACpF,IAAI,CAACJ,KAAK,GAAGA,KAAK;EAClB,IAAI,CAACC,SAAS,GAAGA,SAAS;EAC1B,IAAI,CAACC,SAAS,GAAGA,SAAS;AAC5B,CAAC;AAGH,WAAaG,iBAAiB,gBAAAN,YAAA,CAM5B,SAAAM,kBACEL,KAAU,EACVM,OAA0C,EAC1CJ,SAAyC,EACzC;EAAAC,eAAA,OAAAE,iBAAA;EAAAD,eAAA;EAAAA,eAAA;EAAAA,eAAA;EAAAA,eAAA;EACA,IAAI,CAACJ,KAAK,GAAGA,KAAK;EAClB,IAAI,CAACO,YAAY,GAAGD,OAAO,CAACE,IAAI;EAChC,IAAI,CAACC,OAAO,GAAGH,OAAO,CAACG,OAAO;EAC9B,IAAI,CAACP,SAAS,GAAGA,SAAS;AAC5B,CAAC","ignoreList":[]}