@cube-dev/ui-kit 0.181.0 → 0.183.0

package/dist/components/data/DataTable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","names":[],"sources":["../../../../src/components/data/DataTable/DataTable.tsx"],"sourcesContent":["import { useCollator } from '@react-aria/i18n';\nimport { SelectionManager } from '@react-stately/selection';\nimport { useControlledState } from '@react-stately/utils';\nimport { CONTAINER_STYLES } from '@tenphi/tasty';\nimport { forwardRef, useMemo, useRef, useState } from 'react';\nimport { useMultipleSelectionState } from 'react-stately';\n\nimport { useEvent, useWarn } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\nimport { useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { clampPage, getPageInfo } from '../../navigation/Pagination';\nimport { DraggableCollection } from '../../shared/DraggableCollection';\nimport { ItemTableFooter } from '../ItemTable/ItemTableFooter';\nimport { RowCollection } from '../TableBase/RowCollection';\nimport {\n  buildTableTree,\n  flattenTableTree,\n  reindexTableTree,\n  sortTableTree,\n} from '../TableBase/table-tree';\nimport { TableView } from '../TableBase/TableView';\nimport { selectionRowKey } from '../TableBase/types';\nimport { useCellSelection } from '../TableBase/use-cell-selection';\nimport {\n  getDraggableColumnKeys,\n  isColumnDraggable,\n  useColumnOrder,\n} from '../TableBase/use-column-order';\nimport { useContainerWidth } from '../TableBase/use-container-width';\nimport {\n  freezeColumnWidths,\n  getColumnText,\n  useTableColumns,\n} from '../TableBase/use-table-columns';\nimport { ROW_NUMBER_COLUMN_KEY } from '../TableBase/use-table-selection';\nimport { compareByColumn } from '../TableBase/use-table-sort';\nimport { useTableSorts } from '../TableBase/use-table-sorts';\nimport { useTableStorage } from '../TableBase/use-table-storage';\nimport { useTableTreeState } from '../TableBase/use-table-tree-state';\n\nimport type { Key } from '@react-types/shared';\nimport type { ForwardedRef, ReactElement } from 'react';\nimport type {\n  CubeTableColumnGroupHeader,\n  CubeTableColumnLayout,\n  CubeTableRowSection,\n} from '../TableBase/types';\nimport type {\n  CubeDataTableColumn,\n  CubeDataTableColumnDefinition,\n  CubeDataTableColumnGroup,\n  CubeDataTableProps,\n} from './types';\n\n/** Wide enough for five digits at the dense default. */\nconst ROW_NUMBER_WIDTH = 56;\n\nconst EMPTY_WIDTHS: Record<string, number> = {};\n\ninterface DataTableColumnModel<T> {\n  columns: CubeDataTableColumn<T>[];\n  headerPaths: Map<string, readonly CubeTableColumnGroupHeader[]>;\n}\n\nfunction isColumnGroup<T>(\n  column: CubeDataTableColumnDefinition<T>,\n): column is CubeDataTableColumnGroup<T> {\n  return 'children' in column;\n}\n\n/** Flattens the public column tree while retaining each leaf's header path. */\nfunction buildColumnModel<T>(\n  definitions: readonly CubeDataTableColumnDefinition<T>[],\n): DataTableColumnModel<T> {\n  const columns: CubeDataTableColumn<T>[] = [];\n  const headerPaths = new Map<string, readonly CubeTableColumnGroupHeader[]>();\n\n  function visit(\n    entries: readonly CubeDataTableColumnDefinition<T>[],\n    path: readonly CubeTableColumnGroupHeader[],\n  ) {\n    for (const entry of entries) {\n      if (isColumnGroup(entry)) {\n        visit(entry.children, [\n          ...path,\n          { key: entry.key, title: entry.title },\n        ]);\n      } else {\n        columns.push(entry);\n        if (path.length) headerPaths.set(entry.key, path);\n      }\n    }\n  }\n\n  visit(definitions, []);\n\n  return { columns, headerPaths };\n}\n\nfunction defaultGetRowKey<T>(rowKey: string) {\n  return (row: T, index: number): Key => {\n    const value = (row as any)?.[rowKey];\n\n    return value == null ? index : (value as Key);\n  };\n}\n\n/**\n * A grid for query results.\n *\n * The same engine as `ItemTable` — one `TableView`, one column layout, one\n * value pipeline — with the defaults an analytical grid wants rather than a\n * list's: denser type, banded rows, resizable columns, multi-column sort, and\n * rows pinned for totals.\n *\n * It knows nothing about Cube. Measures, dimensions, pivots and drill-downs\n * reach it as leaf columns, presentational column groups, `render` output and\n * `column.header.menu` content, which is what keeps the ~34 kB of Cloud's\n * column-header menu in Cloud.\n */\nfunction DataTable<T = any>(\n  props: CubeDataTableProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    data,\n    columns,\n    rowKey = 'id',\n    getRowKey,\n    getRowChildren,\n    treeColumnKey,\n    expandedKeys,\n    defaultExpandedKeys,\n    onExpand,\n    pinnedTopRows,\n    pinnedBottomRows,\n    isLoading = false,\n    loadingIndicator = 'overlay',\n    skeletonRowCount,\n    error,\n    emptyLabel,\n    noResultsLabel,\n    isFiltered,\n    shape = 'plain',\n    // Denser than `ItemTable`'s `medium`: a result grid is read as a block, and\n    // more rows on screen is the point of it.\n    size = 'small',\n    rowSize,\n    rowHeight,\n    headerHeight,\n    isStriped = true,\n    isHeaderHidden,\n    isHeaderSticky,\n    isAutoHeight = false,\n    showRowNumbers = false,\n    sortMode,\n    sorts: sortsProp,\n    defaultSorts,\n    onSortsChange,\n    paginationMode = 'client',\n    page: pageProp,\n    defaultPage,\n    onPageChange,\n    pageSize: pageSizeProp,\n    defaultPageSize = 100,\n    onPageSizeChange,\n    pageSizeOptions,\n    total: totalProp,\n    totalPages,\n    hasNextPage,\n    summary = true,\n    autoHidePagination = true,\n    footerStart,\n    footerCenter,\n    footerEnd,\n    cellSelectionMode = 'range',\n    isCellSelectable,\n    selectedCellRange,\n    defaultSelectedCellRange,\n    onCellRangeChange,\n    isRowMoveAnimated,\n    isResizable = true,\n    columnWidths: columnWidthsProp,\n    defaultColumnWidths,\n    onColumnResize,\n    isColumnReorderable = false,\n    columnOrder,\n    defaultColumnOrder,\n    onColumnOrderChange,\n    columnContextMenu,\n    onColumnMenuAction,\n    columnMenuTriggerProps,\n    columnMenuProps,\n    isVirtualized,\n    virtualizeThreshold,\n    overscan,\n    getRowProps,\n    storageKey,\n    styles,\n    headerStyles,\n    headerCellStyles,\n    bodyStyles,\n    rowStyles,\n    cellStyles,\n    footerStyles,\n    ariaLabel,\n    qa,\n    mods,\n    ...rest\n  } = props;\n\n  const localRef = useRef<HTMLDivElement>(null);\n  const rootRef = useCombinedRefs(ref, localRef);\n  const [scrollerEl, setScrollerEl] = useState<HTMLElement | null>(null);\n  const containerWidth = useContainerWidth(scrollerEl);\n\n  const resolvedGetRowKey = useMemo(\n    () => getRowKey ?? defaultGetRowKey<T>(rowKey),\n    [getRowKey, rowKey],\n  );\n\n  const treeModel = useMemo(\n    () =>\n      getRowChildren\n        ? buildTableTree(data, getRowChildren, resolvedGetRowKey)\n        : null,\n    [data, getRowChildren, resolvedGetRowKey],\n  );\n\n  useWarn(treeModel != null && treeModel.duplicateKeys.length > 0, {\n    key: ['data-table-tree-duplicate-keys'],\n    args: [\n      'DataTable:',\n      'Tree row keys must be unique across the complete hierarchy. Duplicate rows were ignored.',\n    ],\n  });\n  useWarn(treeModel != null && treeModel.cyclicKeys.length > 0, {\n    key: ['data-table-tree-cyclic-keys'],\n    args: [\n      'DataTable:',\n      'Tree data contains a cycle. Cyclic descendants were ignored.',\n    ],\n  });\n\n  const storage = useTableStorage(storageKey);\n\n  const columnModel = useMemo(() => buildColumnModel(columns), [columns]);\n  const hasColumnGroups = columnModel.headerPaths.size > 0;\n\n  /**\n   * `dataType` is presentational, so it is folded into the column here rather\n   * than reaching the renderer: `number` right-aligns and takes tabular figures\n   * so digits line up down the column.\n   */\n  const resolvedColumns = useMemo(\n    () =>\n      columnModel.columns.map((column) => {\n        const isNumeric = column.dataType === 'number';\n\n        return {\n          ...column,\n          align: column.align ?? (isNumeric ? 'end' : 'start'),\n          cellStyles: isNumeric\n            ? {\n                fontVariantNumeric: 'tabular-nums',\n                ...(typeof column.cellStyles === 'object'\n                  ? column.cellStyles\n                  : null),\n              }\n            : column.cellStyles,\n        } as CubeDataTableColumn<T>;\n      }),\n    [columnModel.columns],\n  );\n\n  // Applied to the SOURCE columns, before `useTableColumns`, so hidden-column\n  // filtering, structural injection and pinned hoisting all still happen\n  // downstream and `columnOrder` can never fight `pin`.\n  const columnOrderState = useColumnOrder<T>({\n    columns: resolvedColumns,\n    columnOrder,\n    defaultColumnOrder,\n    onColumnOrderChange,\n    storage,\n  });\n  const orderedColumns = columnOrderState.columns;\n\n  const resolvedTreeColumnKey = useMemo(() => {\n    if (!treeModel) return undefined;\n    const visibleColumns = orderedColumns.filter((column) => !column.isHidden);\n    return visibleColumns.some((column) => column.key === treeColumnKey)\n      ? treeColumnKey\n      : visibleColumns[0]?.key;\n  }, [treeModel, orderedColumns, treeColumnKey]);\n\n  useWarn(\n    treeModel != null &&\n      treeColumnKey != null &&\n      resolvedTreeColumnKey !== treeColumnKey,\n    {\n      key: ['data-table-tree-column-invalid', treeColumnKey],\n      args: [\n        'DataTable:',\n        '`treeColumnKey` must identify a visible data column. Falling back to the first visible column.',\n      ],\n    },\n  );\n\n  const {\n    sorts,\n    sortedRows,\n    toggleSort,\n    setColumnSort,\n    mode: resolvedSortMode,\n  } = useTableSorts<T>({\n    columns: orderedColumns,\n    rows: treeModel ? treeModel.roots.map((node) => node.row) : data,\n    mode: treeModel ? 'server' : sortMode,\n    sorts: sortsProp,\n    defaultSorts,\n    onSortsChange,\n  });\n\n  const collator = useCollator({ numeric: true, sensitivity: 'base' });\n  const treeSortMode = treeModel\n    ? sortMode ??\n      (orderedColumns.some((column) => column.isSortable) ? 'client' : 'off')\n    : resolvedSortMode;\n  const processedTreeRoots = useMemo(() => {\n    const roots = treeModel?.roots ?? [];\n    if (treeSortMode !== 'client' || !sorts.length) return roots;\n\n    const active = sorts\n      .map((sort) => ({\n        sort,\n        column: orderedColumns.find((column) => column.key === sort.columnKey),\n      }))\n      .filter((entry) => entry.column != null);\n\n    return sortTableTree(roots, (a, b) => {\n      for (const { sort, column } of active) {\n        const result = compareByColumn(\n          column!,\n          collator,\n          a.row,\n          a.sourceIndex,\n          b.row,\n          b.sourceIndex,\n        );\n        if (result !== 0) {\n          return result * (sort.direction === 'asc' ? 1 : -1);\n        }\n      }\n      return a.siblingIndex - b.siblingIndex;\n    });\n  }, [treeModel, treeSortMode, sorts, orderedColumns, collator]);\n\n  const [pageSize, setPageSizeState] = useControlledState<number>(\n    pageSizeProp as number,\n    (pageSizeProp === undefined && storage.has('pageSize')\n      ? storage.initial.pageSize ?? defaultPageSize\n      : defaultPageSize) as number,\n    onPageSizeChange as (value: number) => void,\n  );\n  const [page, setPageState] = useControlledState<number>(\n    pageProp as number,\n    defaultPage ?? 1,\n    onPageChange as (value: number) => void,\n  );\n\n  const isPaginated = paginationMode !== 'off';\n  const isServerPaginated = paginationMode === 'server';\n  const total = isServerPaginated\n    ? totalProp ?? 0\n    : treeModel\n      ? processedTreeRoots.length\n      : sortedRows.length;\n\n  const pageInfo = getPageInfo({\n    page,\n    pageSize,\n    total,\n    totalPages: isServerPaginated ? totalPages : undefined,\n  });\n\n  const setPage = useEvent((next: number) =>\n    setPageState(clampPage(next, pageInfo.totalPages)),\n  );\n  const setPageSize = useEvent((next: number) => {\n    setPageSizeState(next);\n    setPageState(1);\n\n    if (pageSizeProp === undefined) storage.write({ pageSize: next });\n  });\n\n  const flatVisibleRows =\n    paginationMode === 'client'\n      ? sortedRows.slice(\n          (pageInfo.page - 1) * pageSize,\n          pageInfo.page * pageSize,\n        )\n      : sortedRows;\n\n  const pageTreeRoots = useMemo(\n    () =>\n      reindexTableTree(\n        paginationMode === 'client'\n          ? processedTreeRoots.slice(\n              (pageInfo.page - 1) * pageSize,\n              pageInfo.page * pageSize,\n            )\n          : processedTreeRoots,\n      ),\n    [processedTreeRoots, paginationMode, pageInfo.page, pageSize],\n  );\n\n  const treeState = useTableTreeState<T>({\n    roots: pageTreeRoots,\n    allNodesByKey: treeModel?.byKey ?? new Map(),\n    expandedKeys,\n    defaultExpandedKeys,\n    getTextValue: (node) => {\n      const column = orderedColumns.find(\n        (entry) => entry.key === resolvedTreeColumnKey,\n      );\n      return column\n        ? getColumnText(column, node.row, node.sourceIndex) ?? String(node.key)\n        : String(node.key);\n    },\n    onExpand,\n    ariaLabel,\n  });\n\n  const visibleTreeEntries = treeModel ? treeState.visibleEntries : [];\n  const visibleRows = treeModel\n    ? visibleTreeEntries.map((entry) => entry.row)\n    : flatVisibleRows;\n  const visibleRowKeys = treeModel\n    ? visibleTreeEntries.map((entry) => entry.key)\n    : undefined;\n\n  const [ownColumnWidths, setOwnColumnWidths] = useState<\n    Record<string, number>\n  >(\n    () =>\n      (columnWidthsProp === undefined && storage.has('columnWidths')\n        ? storage.initial.columnWidths ?? defaultColumnWidths\n        : defaultColumnWidths) ?? EMPTY_WIDTHS,\n  );\n  const [draftColumnWidths, setDraftColumnWidths] = useState<Record<\n    string,\n    number\n  > | null>(null);\n  const draftRef = useRef<Record<string, number> | null>(null);\n\n  const baseColumnWidths = columnWidthsProp ?? ownColumnWidths;\n  const columnWidths = draftColumnWidths ?? baseColumnWidths;\n\n  /**\n   * The resolved widths, for the freeze below. A ref because `layout` is\n   * computed *after* this handler is defined, and `useEvent` only reads it when\n   * the drag actually runs.\n   */\n  const layoutRef = useRef<CubeTableColumnLayout<T> | null>(null);\n\n  const handleColumnResize = useEvent((key: string, width: number) => {\n    // First move of a drag freezes every column, so this changes exactly one\n    // width instead of re-splitting the flex pool. See `freezeColumnWidths`.\n    const base =\n      draftRef.current ??\n      freezeColumnWidths(layoutRef.current, baseColumnWidths);\n\n    draftRef.current = { ...base, [key]: Math.round(width) };\n    setDraftColumnWidths(draftRef.current);\n  });\n\n  const handleColumnResizeEnd = useEvent((key: string) => {\n    const next = draftRef.current ?? baseColumnWidths;\n\n    if (columnWidthsProp === undefined) {\n      setOwnColumnWidths(next);\n      storage.write({ columnWidths: next });\n    }\n\n    onColumnResize?.(key, next[key], next);\n    draftRef.current = null;\n    setDraftColumnWidths(null);\n  });\n\n  const leadingColumns = useMemo(\n    () =>\n      showRowNumbers\n        ? [{ key: ROW_NUMBER_COLUMN_KEY, width: ROW_NUMBER_WIDTH }]\n        : undefined,\n    [showRowNumbers],\n  );\n\n  const layout = useTableColumns<T>({\n    columns: orderedColumns,\n    containerWidth,\n    columnWidths,\n    leadingColumns,\n  });\n\n  layoutRef.current = layout;\n\n  const { t } = useI18n();\n\n  // Every row a range can reach, in the order they appear on screen. Pinned rows\n  // are in it: a total is a figure like any other, and having to copy it\n  // separately from the column it sums is the wrong trade.\n  //\n  // The keys are built here rather than inside the hook so they cannot disagree\n  // with the ones the renderer stamps — a pinned row is keyed by its own index\n  // within its group, exactly as `renderPinnedRow` keys it.\n  const selectionRows = useMemo(\n    () => [\n      ...(pinnedTopRows ?? []),\n      ...visibleRows,\n      ...(pinnedBottomRows ?? []),\n    ],\n    [pinnedTopRows, visibleRows, pinnedBottomRows],\n  );\n  const selectionRowKeys = useMemo(\n    () => [\n      // Section-qualified, matching what the renderer stamps: the same record\n      // is routinely pinned at both edges, and one flat key space collapsed the\n      // two into whichever came first.\n      ...(pinnedTopRows ?? []).map((row, index) =>\n        selectionRowKey('pinnedTop', resolvedGetRowKey(row, index)),\n      ),\n      ...visibleRows.map(\n        (row, index) =>\n          visibleRowKeys?.[index] ?? resolvedGetRowKey(row, index),\n      ),\n      ...(pinnedBottomRows ?? []).map((row, index) =>\n        selectionRowKey('pinnedBottom', resolvedGetRowKey(row, index)),\n      ),\n    ],\n    [\n      pinnedTopRows,\n      visibleRows,\n      visibleRowKeys,\n      pinnedBottomRows,\n      resolvedGetRowKey,\n    ],\n  );\n\n  // The hook works in one flat row order; the section a row belongs to is a\n  // property of where it sits in that order, so it is resolved here rather than\n  // asking the consumer to track it.\n  const resolveCellSelectable = useEvent(\n    (row: T, rowKey: Key, columnKey: string) => {\n      if (!isCellSelectable) return true;\n\n      const index = selectionRowKeys.indexOf(rowKey);\n      const topCount = pinnedTopRows?.length ?? 0;\n      const section: CubeTableRowSection =\n        index < topCount\n          ? 'pinnedTop'\n          : index < topCount + visibleRows.length\n            ? 'body'\n            : 'pinnedBottom';\n\n      return isCellSelectable({ row, rowKey, columnKey, section });\n    },\n  );\n\n  const cellSelection = useCellSelection<T>({\n    mode: cellSelectionMode,\n    columns: layout.columns,\n    rows: selectionRows,\n    rowKeys: selectionRowKeys,\n    isCellSelectable: isCellSelectable ? resolveCellSelectable : undefined,\n    range: selectedCellRange,\n    defaultRange: defaultSelectedCellRange,\n    onRangeChange: onCellRangeChange,\n  });\n\n  const rootStyles = { ...extractStyles(props, CONTAINER_STYLES), ...styles };\n\n  const smallestPageSize = pageSizeOptions?.length\n    ? Math.min(...pageSizeOptions)\n    : pageSize;\n\n  const showPagination =\n    isPaginated &&\n    !(\n      autoHidePagination &&\n      !hasNextPage &&\n      pageInfo.totalPages <= 1 &&\n      total <= smallestPageSize\n    );\n\n  const hasFooter =\n    showPagination ||\n    footerStart != null ||\n    footerCenter != null ||\n    footerEnd != null;\n\n  /* ── column reordering ────────────────────────────────────────────────── */\n\n  useWarn(isColumnReorderable && hasColumnGroups, {\n    key: ['data-table-grouped-column-reorder'],\n    args: [\n      'DataTable:',\n      '`isColumnReorderable` is ignored when columns contain header groups.',\n    ],\n  });\n\n  const canReorderColumns = isColumnReorderable && !hasColumnGroups;\n\n  const headRowRef = useRef<HTMLTableRowElement>(null);\n  const draggableColumnKeys = useMemo(\n    () => getDraggableColumnKeys(layout.columns, canReorderColumns),\n    [layout.columns, canReorderColumns],\n  );\n  const columnCollection = useMemo(\n    () =>\n      new RowCollection(\n        layout.columns.filter((column) =>\n          isColumnDraggable(column, canReorderColumns),\n        ),\n        (column) => column.key,\n        new Set(),\n        // The drag announcements read this — otherwise a screen reader hears\n        // \"Insert between  and \".\n        (column) =>\n          typeof column.title === 'string' ? column.title : column.key,\n      ),\n    [layout.columns, canReorderColumns],\n  );\n  /**\n   * `'single'`, not `'none'`.\n   *\n   * `useDraggableItem` only deletes its own `onClick` — the one that would\n   * hijack a screen-reader click away from the sort — when the selection mode is\n   * not `'none'`, and only then does it attach the keyboard drag description.\n   * Nothing is ever actually selected here.\n   */\n  const columnSelectionState = useMultipleSelectionState({\n    selectionMode: 'single',\n    disabledBehavior: 'all',\n  });\n  const columnSelectionManager = useMemo(\n    () => new SelectionManager(columnCollection, columnSelectionState),\n    [columnCollection, columnSelectionState],\n  );\n  const handleColumnFocus = useEvent((columnKey: string | null) => {\n    columnSelectionManager.setFocusedKey(columnKey);\n  });\n\n  // One draggable column cannot be reordered, so the machinery stays unmounted\n  // and the header keeps its exact DOM.\n  const isColumnDragEnabled =\n    canReorderColumns && draggableColumnKeys.length > 1;\n\n  const treeRowNumberOffset = treeModel\n    ? paginationMode === 'client'\n      ? flattenTableTree(\n          processedTreeRoots.slice(0, (pageInfo.page - 1) * pageSize),\n          treeState.expandedKeys,\n        ).length\n      : 0\n    : null;\n\n  const renderTable = (\n    columnDragState?: any,\n    columnDropState?: any,\n    headCollectionProps?: Record<string, any>,\n  ) => (\n    <TableView<T>\n      {...rest}\n      rootRef={rootRef}\n      qa={qa || 'DataTable'}\n      rows={visibleRows}\n      rowKeys={visibleRowKeys}\n      pinnedTopRows={pinnedTopRows}\n      pinnedBottomRows={pinnedBottomRows}\n      // Continuous across pages: row 101 is row 101, not row 1 of page two.\n      //\n      // Server mode counts too — the page and its size are known there just the\n      // same, and `rows` is that page. Only `'off'` starts at 1, because then\n      // there is no page to be on.\n      rowNumberOffset={\n        treeRowNumberOffset ??\n        (paginationMode === 'off' ? 0 : (pageInfo.page - 1) * pageSize)\n      }\n      // The same offset drives `aria-rowindex`, which is document-absolute by\n      // contract — a screen reader on page 3 should hear \"row 51 of 240\", not\n      // \"row 1 of 25\".\n      rowIndexOffset={\n        treeModel\n          ? 0\n          : paginationMode === 'off'\n            ? 0\n            : (pageInfo.page - 1) * pageSize\n      }\n      totalRowCount={treeModel ? visibleRows.length : total}\n      layout={layout}\n      columnHeaderPaths={columnModel.headerPaths}\n      // Always on, unlike `ItemTable`. A result grid is read down a column, and\n      // once the values are wide and right-aligned the rule is what keeps a\n      // figure attached to its column — which is why Cloud's ag-grid theme sets\n      // `columnBorder` for `DataTable` and not for the list grids.\n      hasColumnDividers\n      cellSelection={cellSelection}\n      getRowKey={resolvedGetRowKey}\n      onScrollerRef={setScrollerEl}\n      isLoading={isLoading}\n      loadingIndicator={loadingIndicator}\n      skeletonRowCount={skeletonRowCount}\n      error={error}\n      // Same localized fallbacks as `ItemTable`: a grid that has finished\n      // loading and shows an unexplained blank rectangle reads as broken.\n      emptyLabel={emptyLabel ?? t('itemTable.noItems', 'No items')}\n      noResultsLabel={\n        noResultsLabel ?? t('itemTable.noResults', 'No results found')\n      }\n      isFiltered={isFiltered}\n      shape={shape}\n      size={size}\n      rowSize={rowSize}\n      rowHeight={rowHeight}\n      headerHeight={headerHeight}\n      isStriped={isStriped}\n      isRowMoveAnimated={isRowMoveAnimated}\n      isHeaderHidden={isHeaderHidden}\n      isHeaderSticky={isHeaderSticky}\n      isAutoHeight={isAutoHeight}\n      // The header shows the column name at body size — a result grid has no\n      // room for the uppercase caption a list header uses.\n      // `t4` throughout: a result grid is read as a block, and one step down\n      // from the list preset fits noticeably more on screen without losing\n      // legibility. The header takes the medium weight of the same step.\n      contentPreset=\"t4\"\n      headerPreset=\"t4m\"\n      sortMode={treeSortMode}\n      sorts={sorts}\n      onColumnSort={toggleSort}\n      onColumnSortChange={setColumnSort}\n      columnContextMenu={columnContextMenu}\n      onColumnMenuAction={onColumnMenuAction}\n      columnMenuTriggerProps={columnMenuTriggerProps}\n      columnMenuProps={columnMenuProps}\n      isVirtualized={isVirtualized}\n      virtualizeThreshold={virtualizeThreshold}\n      overscan={overscan}\n      isResizable={isResizable}\n      onColumnResize={handleColumnResize}\n      onColumnResizeEnd={handleColumnResizeEnd}\n      getRowProps={getRowProps}\n      ariaLabel={ariaLabel}\n      styles={rootStyles}\n      headerStyles={headerStyles}\n      headerCellStyles={headerCellStyles}\n      bodyStyles={bodyStyles}\n      rowStyles={rowStyles}\n      cellStyles={cellStyles}\n      mods={mods}\n      isColumnReorderable={isColumnDragEnabled}\n      columnDragState={columnDragState}\n      columnDropState={columnDropState}\n      headCollectionProps={headCollectionProps}\n      headRowRef={headRowRef}\n      onColumnFocus={handleColumnFocus}\n      tree={\n        treeModel\n          ? {\n              state: treeState.state,\n              ariaProps: treeState.ariaProps,\n              nodes: treeState.visibleNodes,\n              entries: visibleTreeEntries,\n              columnKey: resolvedTreeColumnKey!,\n            }\n          : undefined\n      }\n      footer={\n        hasFooter ? (\n          <ItemTableFooter\n            start={footerStart}\n            center={footerCenter}\n            end={footerEnd}\n            styles={footerStyles}\n            pagination={\n              showPagination\n                ? {\n                    page: pageInfo.page,\n                    pageSize,\n                    total,\n                    totalPages: pageInfo.totalPages,\n                    pageSizeOptions,\n                    summary,\n                    hasNextPage,\n                    onPageChange: setPage,\n                    onPageSizeChange: setPageSize,\n                  }\n                : undefined\n            }\n          />\n        ) : null\n      }\n    />\n  );\n\n  return isColumnDragEnabled ? (\n    <DraggableCollection\n      state={{\n        collection: columnCollection as any,\n        selectionManager: columnSelectionManager as any,\n        disabledKeys: new Set(),\n      }}\n      // The element that DIRECTLY contains the header cells. React Aria's\n      // `ListDropTargetDelegate` resolves a drop by measuring `[data-key]`\n      // descendants of this element, so pointing it anywhere else leaves every\n      // drop unresolvable — the column lifts but never lands.\n      listRef={headRowRef}\n      orderedKeys={draggableColumnKeys}\n      orientation=\"horizontal\"\n      onReorder={columnOrderState.reorder}\n    >\n      {(dragState, dropState, collectionProps) =>\n        renderTable(dragState, dropState, collectionProps)\n      }\n    </DraggableCollection>\n  ) : (\n    renderTable()\n  );\n}\n\nconst _DataTable = forwardRef(DataTable) as unknown as (<T = any>(\n  props: CubeDataTableProps<T> & { ref?: ForwardedRef<HTMLDivElement> },\n) => ReactElement) & { displayName?: string };\n\n_DataTable.displayName = 'DataTable';\n\nexport { _DataTable as DataTable };\n"],"mappings":"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B;EAEpD;EACL;EACD;EACG;EACE;EACG;EACH;EACQ;EACH;EACA;EACF;EAMd,eAAc;EACd,cAAa;EACb,UAAU;EACH;EACP,cAAc;EACd,oBAAoB;EACD;EACC;EACI;EACP;EACF;EACM;EACX;EACG;EACb,gBAAgB;EAChB,mBAAmB;EACN;EACF;EACX,QAAQ;EACM;EACI;EACN;EACD;EACC;EACN;EACN,qBAAqB;EACJ;EACA;EACI;EACT;EACZ,eAAe;EACf,MACE,YACI;GACE,OAAO,UAAU;GACjB,WAAW,UAAU;GACrB,OAAO,UAAU;GACjB,SAAS;GACT,WAAW;GACZ,GACD;EAEN,QACE,YACE,oBAAC;GACC,OAAO;GACP,QAAQ;GACR,KAAK;GACL,QAAQ;GACR,YACE,iBACI;IACE,MAAM,SAAS;IACf;IACA;IACA,YAAY,SAAS;IACrB;IACA;IACA;IACA,cAAc;IACd,kBAAkB;IACnB,GACD;IAEN,GACA;GAEN;AAGJ,QAAO,sBACL,oBAAC;EACC,OAAO;GACL,YAAY;GACZ,kBAAkB;GAClB,8BAAc,IAAI,KAAK;GACxB;EAKD,SAAS;EACT,aAAa;EACb,aAAY;EACZ,WAAW,iBAAiB;aAE1B,WAAW,WAAW,oBACtB,YAAY,WAAW,WAAW,gBAAgB;GAEhC,GAEtB,aAAa;;AAIjB,MAAM,aAAa,WAAW,UAAU;AAIxC,WAAW,cAAc"}
+{"version":3,"file":"DataTable.js","names":["useCollator","SelectionManager","useControlledState","CONTAINER_STYLES","forwardRef","useMemo","useRef","useState","useMultipleSelectionState","useEvent","useWarn","useI18n","useCombinedRefs","extractStyles","clampPage","getPageInfo","DraggableCollection","ItemTableFooter","RowCollection","buildTableTree","flattenTableTree","reindexTableTree","sortTableTree","TableView","selectionRowKey","useCellSelection","getDraggableColumnKeys","isColumnDraggable","useColumnOrder","useContainerWidth","freezeColumnWidths","getColumnText","useTableColumns","ROW_NUMBER_COLUMN_KEY","compareByColumn","useTableSorts","useTableStorage","useTableTreeState","Key","ForwardedRef","ReactElement","CubeTableColumnGroupHeader","CubeTableColumnLayout","CubeTableRowSection","CubeDataTableColumn","CubeDataTableColumnDefinition","CubeDataTableColumnGroup","CubeDataTableProps","ROW_NUMBER_WIDTH","EMPTY_WIDTHS","Record","DataTableColumnModel","columns","T","headerPaths","Map","isColumnGroup","column","buildColumnModel","definitions","visit","entries","path","entry","children","key","title","push","length","set","defaultGetRowKey","rowKey","row","index","value","DataTable","props","ref","HTMLDivElement","data","getRowKey","getRowChildren","treeColumnKey","expandedKeys","defaultExpandedKeys","onExpand","pinnedTopRows","pinnedBottomRows","isLoading","loadingIndicator","skeletonRowCount","error","emptyLabel","noResultsLabel","isFiltered","shape","size","rowSize","rowHeight","headerHeight","isStriped","isHeaderHidden","isHeaderSticky","isAutoHeight","showRowNumbers","sortMode","sorts","sortsProp","defaultSorts","onSortsChange","paginationMode","page","pageProp","defaultPage","onPageChange","pageSize","pageSizeProp","defaultPageSize","onPageSizeChange","pageSizeOptions","total","totalProp","totalPages","hasNextPage","summary","autoHidePagination","footerStart","footerCenter","footerEnd","cellSelectionMode","isCellSelectable","selectedCellRange","defaultSelectedCellRange","onCellRangeChange","isRowMoveAnimated","isResizable","columnWidths","columnWidthsProp","defaultColumnWidths","onColumnResize","isColumnReorderable","columnOrder","defaultColumnOrder","onColumnOrderChange","columnContextMenu","onColumnMenuAction","columnMenuTriggerProps","columnMenuProps","isVirtualized","virtualizeThreshold","overscan","getRowProps","storageKey","styles","headerStyles","headerCellStyles","bodyStyles","rowStyles","cellStyles","footerStyles","ariaLabel","qa","mods","rest","localRef","rootRef","scrollerEl","setScrollerEl","HTMLElement","containerWidth","resolvedGetRowKey","treeModel","duplicateKeys","args","cyclicKeys","storage","columnModel","hasColumnGroups","resolvedColumns","map","isNumeric","dataType","align","fontVariantNumeric","columnOrderState","orderedColumns","resolvedTreeColumnKey","undefined","visibleColumns","filter","isHidden","some","sortedRows","toggleSort","setColumnSort","mode","resolvedSortMode","rows","roots","node","collator","numeric","sensitivity","treeSortMode","isSortable","processedTreeRoots","active","sort","find","columnKey","a","b","result","sourceIndex","direction","siblingIndex","setPageSizeState","has","initial","setPageState","isPaginated","isServerPaginated","pageInfo","setPage","next","setPageSize","write","flatVisibleRows","slice","pageTreeRoots","treeState","allNodesByKey","byKey","getTextValue","String","visibleTreeEntries","visibleEntries","visibleRows","visibleRowKeys","ownColumnWidths","setOwnColumnWidths","draftColumnWidths","setDraftColumnWidths","draftRef","baseColumnWidths","layoutRef","handleColumnResize","width","base","current","Math","round","handleColumnResizeEnd","leadingColumns","layout","t","selectionRows","selectionRowKeys","resolveCellSelectable","indexOf","topCount","section","cellSelection","rowKeys","range","defaultRange","onRangeChange","rootStyles","smallestPageSize","min","showPagination","hasFooter","canReorderColumns","headRowRef","HTMLTableRowElement","draggableColumnKeys","columnCollection","Set","columnSelectionState","selectionMode","disabledBehavior","columnSelectionManager","handleColumnFocus","setFocusedKey","isColumnDragEnabled","treeRowNumberOffset","renderTable","columnDragState","columnDropState","headCollectionProps","state","ariaProps","nodes","visibleNodes","collection","selectionManager","disabledKeys","reorder","dragState","dropState","collectionProps","_DataTable","displayName"],"sources":["../../../../src/components/data/DataTable/DataTable.tsx"],"sourcesContent":["import { useCollator } from '@react-aria/i18n';\nimport { SelectionManager } from '@react-stately/selection';\nimport { useControlledState } from '@react-stately/utils';\nimport { CONTAINER_STYLES } from '@tenphi/tasty';\nimport { forwardRef, useMemo, useRef, useState } from 'react';\nimport { useMultipleSelectionState } from 'react-stately';\n\nimport { useEvent, useWarn } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\nimport { useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { clampPage, getPageInfo } from '../../navigation/Pagination';\nimport { DraggableCollection } from '../../shared/DraggableCollection';\nimport { ItemTableFooter } from '../ItemTable/ItemTableFooter';\nimport { RowCollection } from '../TableBase/RowCollection';\nimport {\n  buildTableTree,\n  flattenTableTree,\n  reindexTableTree,\n  sortTableTree,\n} from '../TableBase/table-tree';\nimport { TableView } from '../TableBase/TableView';\nimport { selectionRowKey } from '../TableBase/types';\nimport { useCellSelection } from '../TableBase/use-cell-selection';\nimport {\n  getDraggableColumnKeys,\n  isColumnDraggable,\n  useColumnOrder,\n} from '../TableBase/use-column-order';\nimport { useContainerWidth } from '../TableBase/use-container-width';\nimport {\n  freezeColumnWidths,\n  getColumnText,\n  useTableColumns,\n} from '../TableBase/use-table-columns';\nimport { ROW_NUMBER_COLUMN_KEY } from '../TableBase/use-table-selection';\nimport { compareByColumn } from '../TableBase/use-table-sort';\nimport { useTableSorts } from '../TableBase/use-table-sorts';\nimport { useTableStorage } from '../TableBase/use-table-storage';\nimport { useTableTreeState } from '../TableBase/use-table-tree-state';\n\nimport type { Key } from '@react-types/shared';\nimport type { ForwardedRef, ReactElement } from 'react';\nimport type {\n  CubeTableColumnGroupHeader,\n  CubeTableColumnLayout,\n  CubeTableRowSection,\n} from '../TableBase/types';\nimport type {\n  CubeDataTableColumn,\n  CubeDataTableColumnDefinition,\n  CubeDataTableColumnGroup,\n  CubeDataTableProps,\n} from './types';\n\n/** Wide enough for five digits at the dense default. */\nconst ROW_NUMBER_WIDTH = 56;\n\nconst EMPTY_WIDTHS: Record<string, number> = {};\n\ninterface DataTableColumnModel<T> {\n  columns: CubeDataTableColumn<T>[];\n  headerPaths: Map<string, readonly CubeTableColumnGroupHeader[]>;\n}\n\nfunction isColumnGroup<T>(\n  column: CubeDataTableColumnDefinition<T>,\n): column is CubeDataTableColumnGroup<T> {\n  return 'children' in column;\n}\n\n/** Flattens the public column tree while retaining each leaf's header path. */\nfunction buildColumnModel<T>(\n  definitions: readonly CubeDataTableColumnDefinition<T>[],\n): DataTableColumnModel<T> {\n  const columns: CubeDataTableColumn<T>[] = [];\n  const headerPaths = new Map<string, readonly CubeTableColumnGroupHeader[]>();\n\n  function visit(\n    entries: readonly CubeDataTableColumnDefinition<T>[],\n    path: readonly CubeTableColumnGroupHeader[],\n  ) {\n    for (const entry of entries) {\n      if (isColumnGroup(entry)) {\n        visit(entry.children, [\n          ...path,\n          { key: entry.key, title: entry.title },\n        ]);\n      } else {\n        columns.push(entry);\n        if (path.length) headerPaths.set(entry.key, path);\n      }\n    }\n  }\n\n  visit(definitions, []);\n\n  return { columns, headerPaths };\n}\n\nfunction defaultGetRowKey<T>(rowKey: string) {\n  return (row: T, index: number): Key => {\n    const value = (row as any)?.[rowKey];\n\n    return value == null ? index : (value as Key);\n  };\n}\n\n/**\n * A grid for query results.\n *\n * The same engine as `ItemTable` — one `TableView`, one column layout, one\n * value pipeline — with the defaults an analytical grid wants rather than a\n * list's: denser type, banded rows, resizable columns, multi-column sort, and\n * rows pinned for totals.\n *\n * It knows nothing about Cube. Measures, dimensions, pivots and drill-downs\n * reach it as leaf columns, presentational column groups, `render` output and\n * `column.header.menu` content, which is what keeps the ~34 kB of Cloud's\n * column-header menu in Cloud.\n */\nfunction DataTable<T = any>(\n  props: CubeDataTableProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    data,\n    columns,\n    rowKey = 'id',\n    getRowKey,\n    getRowChildren,\n    treeColumnKey,\n    expandedKeys,\n    defaultExpandedKeys,\n    onExpand,\n    pinnedTopRows,\n    pinnedBottomRows,\n    isLoading = false,\n    loadingIndicator = 'overlay',\n    skeletonRowCount,\n    error,\n    emptyLabel,\n    noResultsLabel,\n    isFiltered,\n    shape = 'plain',\n    // Denser than `ItemTable`'s `medium`: a result grid is read as a block, and\n    // more rows on screen is the point of it.\n    size = 'small',\n    rowSize,\n    rowHeight,\n    headerHeight,\n    isStriped = true,\n    isHeaderHidden,\n    isHeaderSticky,\n    isAutoHeight = false,\n    showRowNumbers = false,\n    sortMode,\n    sorts: sortsProp,\n    defaultSorts,\n    onSortsChange,\n    paginationMode = 'client',\n    page: pageProp,\n    defaultPage,\n    onPageChange,\n    pageSize: pageSizeProp,\n    defaultPageSize = 100,\n    onPageSizeChange,\n    pageSizeOptions,\n    total: totalProp,\n    totalPages,\n    hasNextPage,\n    summary = true,\n    autoHidePagination = true,\n    footerStart,\n    footerCenter,\n    footerEnd,\n    cellSelectionMode = 'range',\n    isCellSelectable,\n    selectedCellRange,\n    defaultSelectedCellRange,\n    onCellRangeChange,\n    isRowMoveAnimated,\n    isResizable = true,\n    columnWidths: columnWidthsProp,\n    defaultColumnWidths,\n    onColumnResize,\n    isColumnReorderable = false,\n    columnOrder,\n    defaultColumnOrder,\n    onColumnOrderChange,\n    columnContextMenu,\n    onColumnMenuAction,\n    columnMenuTriggerProps,\n    columnMenuProps,\n    isVirtualized,\n    virtualizeThreshold,\n    overscan,\n    getRowProps,\n    storageKey,\n    styles,\n    headerStyles,\n    headerCellStyles,\n    bodyStyles,\n    rowStyles,\n    cellStyles,\n    footerStyles,\n    ariaLabel,\n    qa,\n    mods,\n    ...rest\n  } = props;\n\n  const localRef = useRef<HTMLDivElement>(null);\n  const rootRef = useCombinedRefs(ref, localRef);\n  const [scrollerEl, setScrollerEl] = useState<HTMLElement | null>(null);\n  const containerWidth = useContainerWidth(scrollerEl);\n\n  const resolvedGetRowKey = useMemo(\n    () => getRowKey ?? defaultGetRowKey<T>(rowKey),\n    [getRowKey, rowKey],\n  );\n\n  const treeModel = useMemo(\n    () =>\n      getRowChildren\n        ? buildTableTree(data, getRowChildren, resolvedGetRowKey)\n        : null,\n    [data, getRowChildren, resolvedGetRowKey],\n  );\n\n  useWarn(treeModel != null && treeModel.duplicateKeys.length > 0, {\n    key: ['data-table-tree-duplicate-keys'],\n    args: [\n      'DataTable:',\n      'Tree row keys must be unique across the complete hierarchy. Duplicate rows were ignored.',\n    ],\n  });\n  useWarn(treeModel != null && treeModel.cyclicKeys.length > 0, {\n    key: ['data-table-tree-cyclic-keys'],\n    args: [\n      'DataTable:',\n      'Tree data contains a cycle. Cyclic descendants were ignored.',\n    ],\n  });\n\n  const storage = useTableStorage(storageKey);\n\n  const columnModel = useMemo(() => buildColumnModel(columns), [columns]);\n  const hasColumnGroups = columnModel.headerPaths.size > 0;\n\n  /**\n   * `dataType` is presentational, so it is folded into the column here rather\n   * than reaching the renderer: `number` right-aligns and takes tabular figures\n   * so digits line up down the column.\n   */\n  const resolvedColumns = useMemo(\n    () =>\n      columnModel.columns.map((column) => {\n        const isNumeric = column.dataType === 'number';\n\n        return {\n          ...column,\n          align: column.align ?? (isNumeric ? 'end' : 'start'),\n          cellStyles: isNumeric\n            ? {\n                fontVariantNumeric: 'tabular-nums',\n                ...(typeof column.cellStyles === 'object'\n                  ? column.cellStyles\n                  : null),\n              }\n            : column.cellStyles,\n        } as CubeDataTableColumn<T>;\n      }),\n    [columnModel.columns],\n  );\n\n  // Applied to the SOURCE columns, before `useTableColumns`, so hidden-column\n  // filtering, structural injection and pinned hoisting all still happen\n  // downstream and `columnOrder` can never fight `pin`.\n  const columnOrderState = useColumnOrder<T>({\n    columns: resolvedColumns,\n    columnOrder,\n    defaultColumnOrder,\n    onColumnOrderChange,\n    storage,\n  });\n  const orderedColumns = columnOrderState.columns;\n\n  const resolvedTreeColumnKey = useMemo(() => {\n    if (!treeModel) return undefined;\n    const visibleColumns = orderedColumns.filter((column) => !column.isHidden);\n    return visibleColumns.some((column) => column.key === treeColumnKey)\n      ? treeColumnKey\n      : visibleColumns[0]?.key;\n  }, [treeModel, orderedColumns, treeColumnKey]);\n\n  useWarn(\n    treeModel != null &&\n      treeColumnKey != null &&\n      resolvedTreeColumnKey !== treeColumnKey,\n    {\n      key: ['data-table-tree-column-invalid', treeColumnKey],\n      args: [\n        'DataTable:',\n        '`treeColumnKey` must identify a visible data column. Falling back to the first visible column.',\n      ],\n    },\n  );\n\n  const {\n    sorts,\n    sortedRows,\n    toggleSort,\n    setColumnSort,\n    mode: resolvedSortMode,\n  } = useTableSorts<T>({\n    columns: orderedColumns,\n    rows: treeModel ? treeModel.roots.map((node) => node.row) : data,\n    mode: treeModel ? 'server' : sortMode,\n    sorts: sortsProp,\n    defaultSorts,\n    onSortsChange,\n  });\n\n  const collator = useCollator({ numeric: true, sensitivity: 'base' });\n  const treeSortMode = treeModel\n    ? sortMode ??\n      (orderedColumns.some((column) => column.isSortable) ? 'client' : 'off')\n    : resolvedSortMode;\n  const processedTreeRoots = useMemo(() => {\n    const roots = treeModel?.roots ?? [];\n    if (treeSortMode !== 'client' || !sorts.length) return roots;\n\n    const active = sorts\n      .map((sort) => ({\n        sort,\n        column: orderedColumns.find((column) => column.key === sort.columnKey),\n      }))\n      .filter((entry) => entry.column != null);\n\n    return sortTableTree(roots, (a, b) => {\n      for (const { sort, column } of active) {\n        const result = compareByColumn(\n          column!,\n          collator,\n          a.row,\n          a.sourceIndex,\n          b.row,\n          b.sourceIndex,\n        );\n        if (result !== 0) {\n          return result * (sort.direction === 'asc' ? 1 : -1);\n        }\n      }\n      return a.siblingIndex - b.siblingIndex;\n    });\n  }, [treeModel, treeSortMode, sorts, orderedColumns, collator]);\n\n  const [pageSize, setPageSizeState] = useControlledState<number>(\n    pageSizeProp as number,\n    (pageSizeProp === undefined && storage.has('pageSize')\n      ? storage.initial.pageSize ?? defaultPageSize\n      : defaultPageSize) as number,\n    onPageSizeChange as (value: number) => void,\n  );\n  const [page, setPageState] = useControlledState<number>(\n    pageProp as number,\n    defaultPage ?? 1,\n    onPageChange as (value: number) => void,\n  );\n\n  const isPaginated = paginationMode !== 'off';\n  const isServerPaginated = paginationMode === 'server';\n  const total = isServerPaginated\n    ? totalProp ?? 0\n    : treeModel\n      ? processedTreeRoots.length\n      : sortedRows.length;\n\n  const pageInfo = getPageInfo({\n    page,\n    pageSize,\n    total,\n    totalPages: isServerPaginated ? totalPages : undefined,\n  });\n\n  const setPage = useEvent((next: number) =>\n    setPageState(clampPage(next, pageInfo.totalPages)),\n  );\n  const setPageSize = useEvent((next: number) => {\n    setPageSizeState(next);\n    setPageState(1);\n\n    if (pageSizeProp === undefined) storage.write({ pageSize: next });\n  });\n\n  const flatVisibleRows =\n    paginationMode === 'client'\n      ? sortedRows.slice(\n          (pageInfo.page - 1) * pageSize,\n          pageInfo.page * pageSize,\n        )\n      : sortedRows;\n\n  const pageTreeRoots = useMemo(\n    () =>\n      reindexTableTree(\n        paginationMode === 'client'\n          ? processedTreeRoots.slice(\n              (pageInfo.page - 1) * pageSize,\n              pageInfo.page * pageSize,\n            )\n          : processedTreeRoots,\n      ),\n    [processedTreeRoots, paginationMode, pageInfo.page, pageSize],\n  );\n\n  const treeState = useTableTreeState<T>({\n    roots: pageTreeRoots,\n    allNodesByKey: treeModel?.byKey ?? new Map(),\n    expandedKeys,\n    defaultExpandedKeys,\n    getTextValue: (node) => {\n      const column = orderedColumns.find(\n        (entry) => entry.key === resolvedTreeColumnKey,\n      );\n      return column\n        ? getColumnText(column, node.row, node.sourceIndex) ?? String(node.key)\n        : String(node.key);\n    },\n    onExpand,\n    ariaLabel,\n  });\n\n  const visibleTreeEntries = treeModel ? treeState.visibleEntries : [];\n  const visibleRows = treeModel\n    ? visibleTreeEntries.map((entry) => entry.row)\n    : flatVisibleRows;\n  const visibleRowKeys = treeModel\n    ? visibleTreeEntries.map((entry) => entry.key)\n    : undefined;\n\n  const [ownColumnWidths, setOwnColumnWidths] = useState<\n    Record<string, number>\n  >(\n    () =>\n      (columnWidthsProp === undefined && storage.has('columnWidths')\n        ? storage.initial.columnWidths ?? defaultColumnWidths\n        : defaultColumnWidths) ?? EMPTY_WIDTHS,\n  );\n  const [draftColumnWidths, setDraftColumnWidths] = useState<Record<\n    string,\n    number\n  > | null>(null);\n  const draftRef = useRef<Record<string, number> | null>(null);\n\n  const baseColumnWidths = columnWidthsProp ?? ownColumnWidths;\n  const columnWidths = draftColumnWidths ?? baseColumnWidths;\n\n  /**\n   * The resolved widths, for the freeze below. A ref because `layout` is\n   * computed *after* this handler is defined, and `useEvent` only reads it when\n   * the drag actually runs.\n   */\n  const layoutRef = useRef<CubeTableColumnLayout<T> | null>(null);\n\n  const handleColumnResize = useEvent((key: string, width: number) => {\n    // First move of a drag freezes every column, so this changes exactly one\n    // width instead of re-splitting the flex pool. See `freezeColumnWidths`.\n    const base =\n      draftRef.current ??\n      freezeColumnWidths(layoutRef.current, baseColumnWidths);\n\n    draftRef.current = { ...base, [key]: Math.round(width) };\n    setDraftColumnWidths(draftRef.current);\n  });\n\n  const handleColumnResizeEnd = useEvent((key: string) => {\n    const next = draftRef.current ?? baseColumnWidths;\n\n    if (columnWidthsProp === undefined) {\n      setOwnColumnWidths(next);\n      storage.write({ columnWidths: next });\n    }\n\n    onColumnResize?.(key, next[key], next);\n    draftRef.current = null;\n    setDraftColumnWidths(null);\n  });\n\n  const leadingColumns = useMemo(\n    () =>\n      showRowNumbers\n        ? [{ key: ROW_NUMBER_COLUMN_KEY, width: ROW_NUMBER_WIDTH }]\n        : undefined,\n    [showRowNumbers],\n  );\n\n  const layout = useTableColumns<T>({\n    columns: orderedColumns,\n    containerWidth,\n    columnWidths,\n    leadingColumns,\n  });\n\n  layoutRef.current = layout;\n\n  const { t } = useI18n();\n\n  // Every row a range can reach, in the order they appear on screen. Pinned rows\n  // are in it: a total is a figure like any other, and having to copy it\n  // separately from the column it sums is the wrong trade.\n  //\n  // The keys are built here rather than inside the hook so they cannot disagree\n  // with the ones the renderer stamps — a pinned row is keyed by its own index\n  // within its group, exactly as `renderPinnedRow` keys it.\n  const selectionRows = useMemo(\n    () => [\n      ...(pinnedTopRows ?? []),\n      ...visibleRows,\n      ...(pinnedBottomRows ?? []),\n    ],\n    [pinnedTopRows, visibleRows, pinnedBottomRows],\n  );\n  const selectionRowKeys = useMemo(\n    () => [\n      // Section-qualified, matching what the renderer stamps: the same record\n      // is routinely pinned at both edges, and one flat key space collapsed the\n      // two into whichever came first.\n      ...(pinnedTopRows ?? []).map((row, index) =>\n        selectionRowKey('pinnedTop', resolvedGetRowKey(row, index)),\n      ),\n      ...visibleRows.map(\n        (row, index) =>\n          visibleRowKeys?.[index] ?? resolvedGetRowKey(row, index),\n      ),\n      ...(pinnedBottomRows ?? []).map((row, index) =>\n        selectionRowKey('pinnedBottom', resolvedGetRowKey(row, index)),\n      ),\n    ],\n    [\n      pinnedTopRows,\n      visibleRows,\n      visibleRowKeys,\n      pinnedBottomRows,\n      resolvedGetRowKey,\n    ],\n  );\n\n  // The hook works in one flat row order; the section a row belongs to is a\n  // property of where it sits in that order, so it is resolved here rather than\n  // asking the consumer to track it.\n  const resolveCellSelectable = useEvent(\n    (row: T, rowKey: Key, columnKey: string) => {\n      if (!isCellSelectable) return true;\n\n      const index = selectionRowKeys.indexOf(rowKey);\n      const topCount = pinnedTopRows?.length ?? 0;\n      const section: CubeTableRowSection =\n        index < topCount\n          ? 'pinnedTop'\n          : index < topCount + visibleRows.length\n            ? 'body'\n            : 'pinnedBottom';\n\n      return isCellSelectable({ row, rowKey, columnKey, section });\n    },\n  );\n\n  const cellSelection = useCellSelection<T>({\n    mode: cellSelectionMode,\n    columns: layout.columns,\n    rows: selectionRows,\n    rowKeys: selectionRowKeys,\n    isCellSelectable: isCellSelectable ? resolveCellSelectable : undefined,\n    range: selectedCellRange,\n    defaultRange: defaultSelectedCellRange,\n    onRangeChange: onCellRangeChange,\n  });\n\n  const rootStyles = { ...extractStyles(props, CONTAINER_STYLES), ...styles };\n\n  const smallestPageSize = pageSizeOptions?.length\n    ? Math.min(...pageSizeOptions)\n    : pageSize;\n\n  const showPagination =\n    isPaginated &&\n    !(\n      autoHidePagination &&\n      !hasNextPage &&\n      pageInfo.totalPages <= 1 &&\n      total <= smallestPageSize\n    );\n\n  const hasFooter =\n    showPagination ||\n    footerStart != null ||\n    footerCenter != null ||\n    footerEnd != null;\n\n  /* ── column reordering ────────────────────────────────────────────────── */\n\n  useWarn(isColumnReorderable && hasColumnGroups, {\n    key: ['data-table-grouped-column-reorder'],\n    args: [\n      'DataTable:',\n      '`isColumnReorderable` is ignored when columns contain header groups.',\n    ],\n  });\n\n  const canReorderColumns = isColumnReorderable && !hasColumnGroups;\n\n  const headRowRef = useRef<HTMLTableRowElement>(null);\n  const draggableColumnKeys = useMemo(\n    () => getDraggableColumnKeys(layout.columns, canReorderColumns),\n    [layout.columns, canReorderColumns],\n  );\n  const columnCollection = useMemo(\n    () =>\n      new RowCollection(\n        layout.columns.filter((column) =>\n          isColumnDraggable(column, canReorderColumns),\n        ),\n        (column) => column.key,\n        new Set(),\n        // The drag announcements read this — otherwise a screen reader hears\n        // \"Insert between  and \".\n        (column) =>\n          typeof column.title === 'string' ? column.title : column.key,\n      ),\n    [layout.columns, canReorderColumns],\n  );\n  /**\n   * `'single'`, not `'none'`.\n   *\n   * `useDraggableItem` only deletes its own `onClick` — the one that would\n   * hijack a screen-reader click away from the sort — when the selection mode is\n   * not `'none'`, and only then does it attach the keyboard drag description.\n   * Nothing is ever actually selected here.\n   */\n  const columnSelectionState = useMultipleSelectionState({\n    selectionMode: 'single',\n    disabledBehavior: 'all',\n  });\n  const columnSelectionManager = useMemo(\n    () => new SelectionManager(columnCollection, columnSelectionState),\n    [columnCollection, columnSelectionState],\n  );\n  const handleColumnFocus = useEvent((columnKey: string | null) => {\n    columnSelectionManager.setFocusedKey(columnKey);\n  });\n\n  // One draggable column cannot be reordered, so the machinery stays unmounted\n  // and the header keeps its exact DOM.\n  const isColumnDragEnabled =\n    canReorderColumns && draggableColumnKeys.length > 1;\n\n  const treeRowNumberOffset = treeModel\n    ? paginationMode === 'client'\n      ? flattenTableTree(\n          processedTreeRoots.slice(0, (pageInfo.page - 1) * pageSize),\n          treeState.expandedKeys,\n        ).length\n      : 0\n    : null;\n\n  const renderTable = (\n    columnDragState?: any,\n    columnDropState?: any,\n    headCollectionProps?: Record<string, any>,\n  ) => (\n    <TableView<T>\n      {...rest}\n      rootRef={rootRef}\n      qa={qa || 'DataTable'}\n      rows={visibleRows}\n      rowKeys={visibleRowKeys}\n      pinnedTopRows={pinnedTopRows}\n      pinnedBottomRows={pinnedBottomRows}\n      // Continuous across pages: row 101 is row 101, not row 1 of page two.\n      //\n      // Server mode counts too — the page and its size are known there just the\n      // same, and `rows` is that page. Only `'off'` starts at 1, because then\n      // there is no page to be on.\n      rowNumberOffset={\n        treeRowNumberOffset ??\n        (paginationMode === 'off' ? 0 : (pageInfo.page - 1) * pageSize)\n      }\n      // The same offset drives `aria-rowindex`, which is document-absolute by\n      // contract — a screen reader on page 3 should hear \"row 51 of 240\", not\n      // \"row 1 of 25\".\n      rowIndexOffset={\n        treeModel\n          ? 0\n          : paginationMode === 'off'\n            ? 0\n            : (pageInfo.page - 1) * pageSize\n      }\n      totalRowCount={treeModel ? visibleRows.length : total}\n      layout={layout}\n      columnHeaderPaths={columnModel.headerPaths}\n      // Always on, unlike `ItemTable`. A result grid is read down a column, and\n      // once the values are wide and right-aligned the rule is what keeps a\n      // figure attached to its column — which is why Cloud's ag-grid theme sets\n      // `columnBorder` for `DataTable` and not for the list grids.\n      hasColumnDividers\n      cellSelection={cellSelection}\n      getRowKey={resolvedGetRowKey}\n      onScrollerRef={setScrollerEl}\n      isLoading={isLoading}\n      loadingIndicator={loadingIndicator}\n      skeletonRowCount={skeletonRowCount}\n      error={error}\n      // Same localized fallbacks as `ItemTable`: a grid that has finished\n      // loading and shows an unexplained blank rectangle reads as broken.\n      emptyLabel={emptyLabel ?? t('itemTable.noItems', 'No items')}\n      noResultsLabel={\n        noResultsLabel ?? t('itemTable.noResults', 'No results found')\n      }\n      isFiltered={isFiltered}\n      shape={shape}\n      size={size}\n      rowSize={rowSize}\n      rowHeight={rowHeight}\n      headerHeight={headerHeight}\n      isStriped={isStriped}\n      isRowMoveAnimated={isRowMoveAnimated}\n      isHeaderHidden={isHeaderHidden}\n      isHeaderSticky={isHeaderSticky}\n      isAutoHeight={isAutoHeight}\n      // The header shows the column name at body size — a result grid has no\n      // room for the uppercase caption a list header uses.\n      // `t4` throughout: a result grid is read as a block, and one step down\n      // from the list preset fits noticeably more on screen without losing\n      // legibility. The header takes the medium weight of the same step.\n      contentPreset=\"t4\"\n      headerPreset=\"t4m\"\n      sortMode={treeSortMode}\n      sorts={sorts}\n      onColumnSort={toggleSort}\n      onColumnSortChange={setColumnSort}\n      columnContextMenu={columnContextMenu}\n      onColumnMenuAction={onColumnMenuAction}\n      columnMenuTriggerProps={columnMenuTriggerProps}\n      columnMenuProps={columnMenuProps}\n      isVirtualized={isVirtualized}\n      virtualizeThreshold={virtualizeThreshold}\n      overscan={overscan}\n      isResizable={isResizable}\n      onColumnResize={handleColumnResize}\n      onColumnResizeEnd={handleColumnResizeEnd}\n      getRowProps={getRowProps}\n      ariaLabel={ariaLabel}\n      styles={rootStyles}\n      headerStyles={headerStyles}\n      headerCellStyles={headerCellStyles}\n      bodyStyles={bodyStyles}\n      rowStyles={rowStyles}\n      cellStyles={cellStyles}\n      mods={mods}\n      isColumnReorderable={isColumnDragEnabled}\n      columnDragState={columnDragState}\n      columnDropState={columnDropState}\n      headCollectionProps={headCollectionProps}\n      headRowRef={headRowRef}\n      onColumnFocus={handleColumnFocus}\n      tree={\n        treeModel\n          ? {\n              state: treeState.state,\n              ariaProps: treeState.ariaProps,\n              nodes: treeState.visibleNodes,\n              entries: visibleTreeEntries,\n              columnKey: resolvedTreeColumnKey!,\n            }\n          : undefined\n      }\n      footer={\n        hasFooter ? (\n          <ItemTableFooter\n            start={footerStart}\n            center={footerCenter}\n            end={footerEnd}\n            styles={footerStyles}\n            pagination={\n              showPagination\n                ? {\n                    page: pageInfo.page,\n                    pageSize,\n                    total,\n                    totalPages: pageInfo.totalPages,\n                    pageSizeOptions,\n                    summary,\n                    hasNextPage,\n                    onPageChange: setPage,\n                    onPageSizeChange: setPageSize,\n                  }\n                : undefined\n            }\n          />\n        ) : null\n      }\n    />\n  );\n\n  return isColumnDragEnabled ? (\n    <DraggableCollection\n      state={{\n        collection: columnCollection as any,\n        selectionManager: columnSelectionManager as any,\n        disabledKeys: new Set(),\n      }}\n      // The element that DIRECTLY contains the header cells. React Aria's\n      // `ListDropTargetDelegate` resolves a drop by measuring `[data-key]`\n      // descendants of this element, so pointing it anywhere else leaves every\n      // drop unresolvable — the column lifts but never lands.\n      listRef={headRowRef}\n      orderedKeys={draggableColumnKeys}\n      orientation=\"horizontal\"\n      onReorder={columnOrderState.reorder}\n    >\n      {(dragState, dropState, collectionProps) =>\n        renderTable(dragState, dropState, collectionProps)\n      }\n    </DraggableCollection>\n  ) : (\n    renderTable()\n  );\n}\n\nconst _DataTable = forwardRef(DataTable) as unknown as (<T = any>(\n  props: CubeDataTableProps<T> & { ref?: ForwardedRef<HTMLDivElement> },\n) => ReactElement) & { displayName?: string };\n\n_DataTable.displayName = 'DataTable';\n\nexport { _DataTable as DataTable };\n"],"mappings":"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"}

package/dist/components/data/ItemTable/ItemTable.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
@@ -72,7 +72,7 @@ function ItemTable(props, ref) {
 	const resolvedTreeColumnKey = useMemo(() => {
 		if (!treeModel) return void 0;
 		const visibleColumns = columns.filter((column) => !column.isHidden);
-		return visibleColumns.some((column) => column.key === treeColumnKey) ? treeColumnKey : visibleColumns[0]?.key;
+		return visibleColumns.some((column_0) => column_0.key === treeColumnKey) ? treeColumnKey : visibleColumns[0]?.key;
 	}, [
 		treeModel,
 		columns,
@@ -109,7 +109,7 @@ function ItemTable(props, ref) {
 	const storage = useTableStorage(storageKey, persist);
 	const { sort, sortedRows, toggleSort, setColumnSort, mode: resolvedSortMode } = useTableSort({
 		columns,
-		rows: treeModel ? searchedTree?.roots.map((node) => node.row) ?? [] : searchedRows,
+		rows: treeModel ? searchedTree?.roots.map((node_0) => node_0.row) ?? [] : searchedRows,
 		mode: treeModel ? "server" : sortMode,
 		sort: sortProp,
 		defaultSort: sortProp === void 0 && storage.has("sort") ? storage.initial.sort ?? defaultSort : defaultSort,
@@ -122,14 +122,14 @@ function ItemTable(props, ref) {
 		numeric: true,
 		sensitivity: "base"
 	});
-	const treeSortMode = treeModel ? sortMode ?? (columns.some((column) => column.isSortable) ? "client" : "off") : resolvedSortMode;
+	const treeSortMode = treeModel ? sortMode ?? (columns.some((column_1) => column_1.isSortable) ? "client" : "off") : resolvedSortMode;
 	const processedTreeRoots = useMemo(() => {
 		const roots = searchedTree?.roots ?? [];
 		if (treeSortMode !== "client" || !sort) return roots;
-		const column = columns.find((entry) => entry.key === sort.columnKey);
-		if (!column) return roots;
+		const column_2 = columns.find((entry) => entry.key === sort.columnKey);
+		if (!column_2) return roots;
 		return sortTableTree(roots, (a, b) => {
-			return compareByColumn(column, collator, a.row, a.sourceIndex, b.row, b.sourceIndex) * (sort.direction === "asc" ? 1 : -1);
+			return compareByColumn(column_2, collator, a.row, a.sourceIndex, b.row, b.sourceIndex) * (sort.direction === "asc" ? 1 : -1);
 		});
 	}, [
 		searchedTree,
@@ -150,10 +150,10 @@ function ItemTable(props, ref) {
 		total,
 		totalPages: isServerPaginated ? totalPages : void 0
 	});
-	const setPage = useEvent((next) => setPageState(clampPage(next, pageInfo.totalPages)));
-	const setPageSize = useEvent((next) => {
-		setPageSizeState(next);
-		if (pageSizeProp === void 0) storage.write({ pageSize: next });
+	const setPage = useEvent((next_0) => setPageState(clampPage(next_0, pageInfo.totalPages)));
+	const setPageSize = useEvent((next_1) => {
+		setPageSizeState(next_1);
+		if (pageSizeProp === void 0) storage.write({ pageSize: next_1 });
 		setPageState(1);
 	});
 	const flatVisibleRows = paginationMode === "client" ? sortedRows.slice((pageInfo.page - 1) * pageSize, pageInfo.page * pageSize) : sortedRows;
@@ -170,28 +170,28 @@ function ItemTable(props, ref) {
 		defaultExpandedKeys,
 		forcedExpandedKeys: searchedTree?.forcedExpandedKeys,
 		disabledKeys,
-		getTextValue: (node) => {
-			const column = columns.find((entry) => entry.key === resolvedTreeColumnKey);
-			return column ? getColumnText(column, node.row, node.sourceIndex) ?? String(node.key) : String(node.key);
+		getTextValue: (node_1) => {
+			const column_3 = columns.find((entry_0) => entry_0.key === resolvedTreeColumnKey);
+			return column_3 ? getColumnText(column_3, node_1.row, node_1.sourceIndex) ?? String(node_1.key) : String(node_1.key);
 		},
 		onExpand,
 		ariaLabel
 	});
 	const visibleTreeEntries = treeModel ? treeState.visibleEntries : [];
-	const visibleRows = treeModel ? visibleTreeEntries.map((entry) => entry.row) : flatVisibleRows;
-	const visibleRowKeys = treeModel ? visibleTreeEntries.map((entry) => entry.key) : void 0;
+	const visibleRows = treeModel ? visibleTreeEntries.map((entry_1) => entry_1.row) : flatVisibleRows;
+	const visibleRowKeys = treeModel ? visibleTreeEntries.map((entry_2) => entry_2.key) : void 0;
 	const pageTreeEntries = treeModel ? flattenTableTree(pageTreeRoots) : [];
 	const filteredTreeEntries = treeModel ? flattenTableTree(processedTreeRoots) : [];
 	const selectionTree = useMemo(() => {
 		if (!treeModel) return void 0;
 		const childrenOf = /* @__PURE__ */ new Map();
 		const parentOf = /* @__PURE__ */ new Map();
-		flattenTableTree(processedTreeRoots).forEach((node) => {
-			childrenOf.set(node.key, node.children.map((child) => child.key));
-			parentOf.set(node.key, node.parentKey);
+		flattenTableTree(processedTreeRoots).forEach((node_2) => {
+			childrenOf.set(node_2.key, node_2.children.map((child) => child.key));
+			parentOf.set(node_2.key, node_2.parentKey);
 		});
 		return {
-			rootKeys: processedTreeRoots.map((node) => node.key),
+			rootKeys: processedTreeRoots.map((node_3) => node_3.key),
 			childrenOf,
 			parentOf,
 			behavior: treeSelectionBehavior
@@ -205,10 +205,10 @@ function ItemTable(props, ref) {
 	const selection = useTableSelection({
 		rows: visibleRows,
 		rowKeys: visibleRowKeys,
-		pageRows: treeModel ? pageTreeEntries.map((entry) => entry.row) : visibleRows,
-		pageRowKeys: treeModel ? pageTreeEntries.map((entry) => entry.key) : void 0,
-		filteredRows: treeModel ? (paginationMode === "client" ? filteredTreeEntries : pageTreeEntries).map((entry) => entry.row) : paginationMode === "client" ? sortedRows : visibleRows,
-		filteredRowKeys: treeModel ? (paginationMode === "client" ? filteredTreeEntries : pageTreeEntries).map((entry) => entry.key) : void 0,
+		pageRows: treeModel ? pageTreeEntries.map((entry_3) => entry_3.row) : visibleRows,
+		pageRowKeys: treeModel ? pageTreeEntries.map((entry_4) => entry_4.key) : void 0,
+		filteredRows: treeModel ? (paginationMode === "client" ? filteredTreeEntries : pageTreeEntries).map((entry_5) => entry_5.row) : paginationMode === "client" ? sortedRows : visibleRows,
+		filteredRowKeys: treeModel ? (paginationMode === "client" ? filteredTreeEntries : pageTreeEntries).map((entry_6) => entry_6.key) : void 0,
 		getRowKey: resolvedGetRowKey,
 		selectionMode: resolvedSelectionMode,
 		selectedKeys: selectedKeysProp,
@@ -264,13 +264,13 @@ function ItemTable(props, ref) {
 		};
 		setDraftColumnWidths(draftColumnWidthsRef.current);
 	});
-	const handleColumnResizeEnd = useEvent((key) => {
-		const next = draftColumnWidthsRef.current ?? baseColumnWidths;
+	const handleColumnResizeEnd = useEvent((key_0) => {
+		const next_2 = draftColumnWidthsRef.current ?? baseColumnWidths;
 		if (columnWidthsProp === void 0) {
-			setOwnColumnWidths(next);
-			storage.write({ columnWidths: next });
+			setOwnColumnWidths(next_2);
+			storage.write({ columnWidths: next_2 });
 		}
-		onColumnResize?.(key, next[key], next);
+		onColumnResize?.(key_0, next_2[key_0], next_2);
 		draftColumnWidthsRef.current = null;
 		setDraftColumnWidths(null);
 	});
@@ -333,8 +333,8 @@ function ItemTable(props, ref) {
 		resolvedGetRowKey
 	]);
 	const handleReorder = useEvent((nextKeys) => {
-		const byKey = new Map(visibleRows.map((row, index) => [String(resolvedGetRowKey(row, index)), row]));
-		onReorder?.(nextKeys, nextKeys.map((key) => byKey.get(key)).filter((row) => row !== void 0));
+		const byKey = new Map(visibleRows.map((row_0, index_0) => [String(resolvedGetRowKey(row_0, index_0)), row_0]));
+		onReorder?.(nextKeys, nextKeys.map((key_1) => byKey.get(key_1)).filter((row_1) => row_1 !== void 0));
 	});
 	/**
 	* `DraggableCollection` owns the React Aria drag/drop hooks and hands the two
@@ -425,7 +425,7 @@ function ItemTable(props, ref) {
 	});
 	const rowByKeyForDrop = useMemo(() => {
 		const map = /* @__PURE__ */ new Map();
-		visibleRows.forEach((row, index) => map.set(String(visibleRowKeys?.[index] ?? resolvedGetRowKey(row, index)), row));
+		visibleRows.forEach((row_2, index_1) => map.set(String(visibleRowKeys?.[index_1] ?? resolvedGetRowKey(row_2, index_1)), row_2));
 		return map;
 	}, [
 		visibleRows,
@@ -437,27 +437,27 @@ function ItemTable(props, ref) {
 		const target = rowByKeyForDrop.get(String(targetKey));
 		if (!target) return;
 		const draggedKeySet = new Set(draggedKeys);
-		const topmostDraggedKeys = treeModel ? draggedKeys.filter((key) => {
-			let parent = treeModel.parentOf.get(key);
+		const topmostDraggedKeys = treeModel ? draggedKeys.filter((key_2) => {
+			let parent = treeModel.parentOf.get(key_2);
 			while (parent != null) {
 				if (draggedKeySet.has(parent)) return false;
 				parent = treeModel.parentOf.get(parent);
 			}
 			return true;
 		}) : draggedKeys;
-		if (treeModel && topmostDraggedKeys.some((key) => isTableTreeDescendant(treeModel, targetKey, key))) return;
-		const dragged = topmostDraggedKeys.map((key) => rowByKeyForDrop.get(String(key))).filter((row) => row !== void 0 && row !== target);
+		if (treeModel && topmostDraggedKeys.some((key_3) => isTableTreeDescendant(treeModel, targetKey, key_3))) return;
+		const dragged = topmostDraggedKeys.map((key_4) => rowByKeyForDrop.get(String(key_4))).filter((row_3) => row_3 !== void 0 && row_3 !== target);
 		if (!dragged.length) return;
 		if (dropOnRow.isAllowed && !dropOnRow.isAllowed(dragged, target)) return;
 		dropOnRow.onDrop(dragged, target);
 	});
 	const renderDragPreview = useEvent((keys) => /* @__PURE__ */ jsx(ItemTableDragPreview, {
-		rows: keys.map((key) => rowByKeyForDrop.get(String(key))).filter((row) => row !== void 0),
+		rows: keys.map((key_5) => rowByKeyForDrop.get(String(key_5))).filter((row_4) => row_4 !== void 0),
 		getItemDragInfo
 	}));
-	const shouldAcceptItemDrop = useEvent((targetKey) => {
-		const target = rowByKeyForDrop.get(String(targetKey));
-		return target != null && (dropOnRow?.isTarget(target) ?? false);
+	const shouldAcceptItemDrop = useEvent((targetKey_0) => {
+		const target_0 = rowByKeyForDrop.get(String(targetKey_0));
+		return target_0 != null && (dropOnRow?.isTarget(target_0) ?? false);
 	});
 	const isDragEnabled = !treeModel && isReorderable || dropOnRow != null;
 	const table = isDragEnabled ? /* @__PURE__ */ jsx(DraggableCollection, {
@@ -473,7 +473,7 @@ function ItemTable(props, ref) {
 		onItemDrop: dropOnRow ? handleItemDrop : void 0,
 		shouldAcceptItemDrop: dropOnRow ? shouldAcceptItemDrop : void 0,
 		renderPreview: getItemDragInfo ? renderDragPreview : void 0,
-		children: (dragState, dropState, collectionProps) => renderTable(dragState, dropState, collectionProps)
+		children: (dragState_0, dropState_0, collectionProps_0) => renderTable(dragState_0, dropState_0, collectionProps_0)
 	}) : renderTable();
 	return /* @__PURE__ */ jsx(ItemTableChromeProvider, {
 		value: {