@semcore/data-table 4.50.2-prerelease.0 → 4.51.0-prerelease.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"LimitOverlay.js","names":["_core","require","_baseComponents","_hasParent","React","_interopRequireWildcard","_focusableCell","_DataTable","style","sstyled","insert","LimitOverlayRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","createRef","e","handleKeydownFocusCell","lockedCell","tableElement","asProps","tableRef","current","hasParent","relatedTarget","target","HTMLElement","dataset","skipTargetFocus","undefined","handleFocusCell","currentTarget","_inherits2","_createClass2","key","get","_this$asProps","columns","hasGroups","flatRows","limit","fromRow","fromColumn","rowOffset","rowStart","GRID_ROW_INDEX","rowEnd","lastRow","ACCORDION","isArray","columnStart","columnEnd","_this$asProps2","scrollAreaRef","some","c","fixed","limitWrapperRef","scrollAreaRect","getBoundingClientRect","limitWrapperRect","left","x","width","value","render","_ref","SLimitOverlayCellWrapper","Flex","_this$asProps3","rows","styles","rowsLimit","columnsLimit","renderOverlay","colIndex","colSpan","rowsSpan","_this$sizes","sizes","createElement","cn","limitOverlayGridArea","onClick","stopPropagation","Box","handleFocusableCellFocus","handleFocusableCellKeyDown","Component","LimitOverlay","exports","createComponent"],"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/cjs/components/Body/MergedCells.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MergedRowsCell = exports.MergedColumnsCell = void 0;
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var MergedRowsCell = exports.MergedRowsCell = /*#__PURE__*/(0, _createClass2["default"])(function MergedRowsCell(value, rowsCount, accordion) {
+  (0, _classCallCheck2["default"])(this, MergedRowsCell);
+  (0, _defineProperty2["default"])(this, "value", void 0);
+  (0, _defineProperty2["default"])(this, "rowsCount", void 0);
+  (0, _defineProperty2["default"])(this, "accordion", void 0);
+  this.value = value;
+  this.rowsCount = rowsCount;
+  this.accordion = accordion;
+});
+var MergedColumnsCell = exports.MergedColumnsCell = /*#__PURE__*/(0, _createClass2["default"])(function MergedColumnsCell(value, options, accordion) {
+  (0, _classCallCheck2["default"])(this, MergedColumnsCell);
+  (0, _defineProperty2["default"])(this, "value", void 0);
+  (0, _defineProperty2["default"])(this, "columnsCount", void 0);
+  (0, _defineProperty2["default"])(this, "dataKey", void 0);
+  (0, _defineProperty2["default"])(this, "accordion", void 0);
+  this.value = value;
+  this.columnsCount = options.size;
+  this.dataKey = options.dataKey;
+  this.accordion = accordion;
+});
+//# sourceMappingURL=MergedCells.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MergedCells.js","names":["MergedRowsCell","exports","_createClass2","value","rowsCount","accordion","_classCallCheck2","_defineProperty2","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":";;;;;;;;;;IAEaA,cAAc,GAAAC,OAAA,CAAAD,cAAA,oBAAAE,aAAA,aAKzB,SAAAF,eAAYG,KAAU,EAAEC,SAAiB,EAAEC,SAAyC,EAAE;EAAA,IAAAC,gBAAA,mBAAAN,cAAA;EAAA,IAAAO,gBAAA;EAAA,IAAAA,gBAAA;EAAA,IAAAA,gBAAA;EACpF,IAAI,CAACJ,KAAK,GAAGA,KAAK;EAClB,IAAI,CAACC,SAAS,GAAGA,SAAS;EAC1B,IAAI,CAACC,SAAS,GAAGA,SAAS;AAC5B,CAAC;AAAA,IAGUG,iBAAiB,GAAAP,OAAA,CAAAO,iBAAA,oBAAAN,aAAA,aAM5B,SAAAM,kBACEL,KAAU,EACVM,OAA0C,EAC1CJ,SAAyC,EACzC;EAAA,IAAAC,gBAAA,mBAAAE,iBAAA;EAAA,IAAAD,gBAAA;EAAA,IAAAA,gBAAA;EAAA,IAAAA,gBAAA;EAAA,IAAAA,gBAAA;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":[]}