@cube-dev/ui-kit 0.182.0 → 0.183.0

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

@@ -1 +1 @@
-{"version":3,"file":"ItemTable.js","names":[],"sources":["../../../../src/components/data/ItemTable/ItemTable.tsx"],"sourcesContent":["import { useCollator } from '@react-aria/i18n';\nimport { useControlledState } from '@react-stately/utils';\nimport { CONTAINER_STYLES } from '@tenphi/tasty';\nimport { forwardRef, useMemo, useRef, useState } from 'react';\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 {\n  ROW_MENU_COLUMN_KEY,\n  ROW_MENU_COLUMN_WIDTH,\n} from '../TableBase/row-menu';\nimport {\n  buildTableTree,\n  filterTableTree,\n  flattenTableTree,\n  isTableTreeDescendant,\n  reindexTableTree,\n  sortTableTree,\n} from '../TableBase/table-tree';\nimport { TableView } from '../TableBase/TableView';\nimport { useContainerWidth } from '../TableBase/use-container-width';\nimport {\n  freezeColumnWidths,\n  getColumnText,\n  useTableColumns,\n} from '../TableBase/use-table-columns';\nimport {\n  matchesTableSearch,\n  useTableSearch,\n} from '../TableBase/use-table-search';\nimport {\n  SELECTION_COLUMN_KEY,\n  SELECTION_COLUMN_WIDTH,\n  useTableSelection,\n} from '../TableBase/use-table-selection';\nimport { compareByColumn, useTableSort } from '../TableBase/use-table-sort';\nimport { useTableStorage } from '../TableBase/use-table-storage';\nimport { useTableTreeState } from '../TableBase/use-table-tree-state';\n\nimport { ItemTableBulkBar } from './ItemTableBulkBar';\nimport { ItemTableDragPreview } from './ItemTableDragPreview';\nimport { ItemTableFooter } from './ItemTableFooter';\nimport {\n  ItemTableChromeProvider,\n  ItemTableSearch,\n  ItemTableToolbar,\n} from './ItemTableToolbar';\n\nimport type { Key } from '@react-types/shared';\nimport type { ForwardedRef, ReactElement, ReactNode } from 'react';\nimport type {\n  CubeTableColumnLayout,\n  CubeTableRowContext,\n  CubeTableSort,\n} from '../TableBase/types';\nimport type { CubeItemTableProps } from './types';\n\n/** Stable identity, so the uncontrolled default does not change every render. */\nconst EMPTY_WIDTHS: Record<string, number> = {};\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\nfunction ItemTable<T = any>(\n  props: CubeItemTableProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n): ReactElement {\n  const {\n    data,\n    columns,\n    rowKey = 'id',\n    getRowKey,\n    getRowChildren,\n    treeColumnKey,\n    expandedKeys,\n    defaultExpandedKeys,\n    onExpand,\n    isLoading = false,\n    loadingIndicator = 'overlay',\n    selectionMode,\n    bulkActions,\n    rowLink,\n    onRowAction,\n    rowMenu,\n    rowContextMenu = false,\n    onRowMenuAction,\n    rowMenuTriggerProps,\n    bulkBarPlacement = 'floating',\n    bulkBarStyles,\n    selectedKeys: selectedKeysProp,\n    defaultSelectedKeys,\n    onSelectionChange,\n    selectAllMode = 'page',\n    isRowSelectable,\n    selectionTooltip,\n    disabledKeys,\n    treeSelectionBehavior = 'cascade',\n    skeletonRowCount = 6,\n    emptyLabel,\n    noResultsLabel,\n    error,\n    isFiltered,\n    toolbar,\n    isSearchable = false,\n    searchMode = 'client',\n    searchPlaceholder,\n    searchValue: searchValueProp,\n    defaultSearchValue,\n    onSearchChange,\n    searchDelay = 500,\n    searchFilter,\n    filters,\n    actions,\n    onRefresh,\n    paginationMode = 'client',\n    pageSize: pageSizeProp,\n    defaultPageSize = 50,\n    autoHidePagination = true,\n    onLoadMore,\n    hasMore,\n    isLoadingMore,\n    loadMoreMargin,\n    storageKey,\n    persist,\n    isReorderable = false,\n    onReorder,\n    dropOnRow,\n    getItemDragInfo,\n    isResizable = false,\n    columnWidths: columnWidthsProp,\n    defaultColumnWidths,\n    onColumnResize,\n    columnContextMenu,\n    onColumnMenuAction,\n    columnMenuTriggerProps,\n    columnMenuProps,\n    onPageSizeChange,\n    pageSizeOptions = [10, 20, 50, 100, 500],\n    page: pageProp,\n    defaultPage,\n    onPageChange,\n    total: totalProp,\n    totalPages,\n    hasNextPage,\n    summary = true,\n    footer,\n    footerStart,\n    footerCenter,\n    footerEnd,\n    sortMode,\n    sort: sortProp,\n    defaultSort,\n    onSortChange,\n    shape = 'plain',\n    size = 'medium',\n    rowHeight,\n    headerHeight,\n    isStriped = false,\n    isHeaderHidden = false,\n    isHeaderSticky = true,\n    isAutoHeight = false,\n    isVirtualized = 'auto',\n    virtualizeThreshold = 50,\n    overscan = 20,\n    getRowProps,\n    ariaLabel,\n    qa,\n    mods,\n    styles,\n    headerStyles,\n    headerCellStyles,\n    headerPreset = 'c3',\n    toolbarStyles,\n    searchStyles,\n    footerStyles,\n    bodyStyles,\n    rowStyles,\n    cellStyles,\n    isRowMoveAnimated,\n  } = props;\n\n  const { t } = useI18n();\n\n  const localRef = useRef<HTMLDivElement>(null);\n  const rootRef = useCombinedRefs(ref, localRef);\n\n  // Held in state, not a ref: the virtualized path's scroller is created by\n  // Virtuoso and arrives through a callback, and the column layout has to\n  // re-derive once it does.\n  const [scrollerEl, setScrollerEl] = useState<HTMLDivElement | null>(null);\n  const containerWidth = useContainerWidth(scrollerEl);\n\n  // Style props (`height`, `maxHeight`, `margin`, …) land on the root frame.\n  // `height` matters most: there is no page-scroll mode, so bounding the table\n  // is what turns the body into a scroller and pins the header.\n  const rootStyles = { ...extractStyles(props, CONTAINER_STYLES), ...styles };\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: ['item-table-tree-duplicate-keys'],\n    args: [\n      'ItemTable:',\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: ['item-table-tree-cyclic-keys'],\n    args: [\n      'ItemTable:',\n      'Tree data contains a cycle. Cyclic descendants were ignored.',\n    ],\n  });\n  useWarn(treeModel != null && isReorderable, {\n    key: ['item-table-tree-reorder-unsupported'],\n    args: [\n      'ItemTable:',\n      '`isReorderable` is ignored in tree mode. Use `dropOnRow` for folder-style moves.',\n    ],\n  });\n\n  const resolvedTreeColumnKey = useMemo(() => {\n    if (!treeModel) return undefined;\n    const visibleColumns = columns.filter((column) => !column.isHidden);\n    return visibleColumns.some((column) => column.key === treeColumnKey)\n      ? treeColumnKey\n      : visibleColumns[0]?.key;\n  }, [treeModel, columns, treeColumnKey]);\n\n  useWarn(\n    treeModel != null &&\n      treeColumnKey != null &&\n      resolvedTreeColumnKey !== treeColumnKey,\n    {\n      key: ['item-table-tree-column-invalid', treeColumnKey],\n      args: [\n        'ItemTable:',\n        '`treeColumnKey` must identify a visible data column. Falling back to the first visible column.',\n      ],\n    },\n  );\n\n  const {\n    searchValue,\n    setSearchValue,\n    searchedRows,\n    query,\n    isFiltered: isSearching,\n  } = useTableSearch<T>({\n    columns,\n    rows: data,\n    // Tree filtering needs to preserve ancestors and descendants, so the flat\n    // hook owns only the controlled/debounced value in this mode.\n    mode: treeModel ? 'server' : searchMode,\n    value: searchValueProp,\n    defaultValue: defaultSearchValue,\n    onChange: onSearchChange,\n    delay: searchDelay,\n    filter: searchFilter,\n  });\n\n  const searchedTree = useMemo(() => {\n    if (!treeModel) return null;\n    if (searchMode !== 'client' || !query) {\n      return { roots: treeModel.roots, forcedExpandedKeys: new Set<Key>() };\n    }\n\n    return filterTableTree(treeModel.roots, (node) =>\n      searchFilter\n        ? searchFilter(node.row, query)\n        : matchesTableSearch(columns, node.row, node.sourceIndex, query),\n    );\n  }, [treeModel, searchMode, query, searchFilter, columns]);\n\n  const storage = useTableStorage(storageKey, persist);\n\n  const {\n    sort,\n    sortedRows,\n    toggleSort,\n    setColumnSort,\n    mode: resolvedSortMode,\n  } = useTableSort<T>({\n    columns,\n    rows: treeModel\n      ? searchedTree?.roots.map((node) => node.row) ?? []\n      : searchedRows,\n    mode: treeModel ? 'server' : sortMode,\n    sort: sortProp,\n    // Only restore what the table owns: a controlled `sort` belongs to the page,\n    // and overriding it here would fight the page's own source of truth.\n    defaultSort:\n      sortProp === undefined && storage.has('sort')\n        ? storage.initial.sort ?? defaultSort\n        : defaultSort,\n    onSortChange: useEvent((next: CubeTableSort | null) => {\n      if (sortProp === undefined) storage.write({ sort: next });\n      onSortChange?.(next);\n    }),\n  });\n\n  const collator = useCollator({ numeric: true, sensitivity: 'base' });\n  const treeSortMode = treeModel\n    ? sortMode ??\n      (columns.some((column) => column.isSortable) ? 'client' : 'off')\n    : resolvedSortMode;\n  const processedTreeRoots = useMemo(() => {\n    const roots = searchedTree?.roots ?? [];\n    if (treeSortMode !== 'client' || !sort) return roots;\n    const column = columns.find((entry) => entry.key === sort.columnKey);\n    if (!column) return roots;\n\n    return sortTableTree(roots, (a, b) => {\n      const result = compareByColumn(\n        column,\n        collator,\n        a.row,\n        a.sourceIndex,\n        b.row,\n        b.sourceIndex,\n      );\n      return result * (sort.direction === 'asc' ? 1 : -1);\n    });\n  }, [searchedTree, treeSortMode, sort, columns, collator]);\n\n  // Search → sort → paginate. Paging last, so a page always reflects the rows\n  // the user is actually looking at.\n  //\n  // Deliberately not `usePagination`: that hook owns an in-memory array, and in\n  // server mode `data` is a single page. Deriving the bounds from it would clamp\n  // the page to 1 and swallow every page change.\n  const [pageSize, setPageSizeState] = useControlledState<number>(\n    pageSizeProp as number,\n    pageSizeProp === undefined && storage.has('pageSize')\n      ? storage.initial.pageSize ?? defaultPageSize\n      : defaultPageSize,\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 isInfinite = paginationMode === 'infinite';\n  // Infinite scroll replaces the page control rather than adding to it.\n  const isPaginated = paginationMode !== 'off' && !isInfinite;\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\n    if (pageSizeProp === undefined) storage.write({ pageSize: next });\n\n    // The old page index points at different rows under a new page size, so\n    // staying on it would silently move the user.\n    setPageState(1);\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    forcedExpandedKeys: searchedTree?.forcedExpandedKeys,\n    disabledKeys,\n    getTextValue: (node) => {\n      const column = columns.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  const pageTreeEntries = treeModel ? flattenTableTree(pageTreeRoots) : [];\n  const filteredTreeEntries = treeModel\n    ? flattenTableTree(processedTreeRoots)\n    : [];\n  const selectionTree = useMemo(() => {\n    if (!treeModel) return undefined;\n\n    // Selection follows the tree the user can currently act on. In\n    // particular, a search that retains only an ancestor path must not let a\n    // checked ancestor reach siblings that the search removed.\n    const childrenOf = new Map<Key, Key[]>();\n    const parentOf = new Map<Key, Key | null>();\n\n    flattenTableTree(processedTreeRoots).forEach((node) => {\n      childrenOf.set(\n        node.key,\n        node.children.map((child) => child.key),\n      );\n      parentOf.set(node.key, node.parentKey);\n    });\n\n    return {\n      rootKeys: processedTreeRoots.map((node) => node.key),\n      childrenOf,\n      parentOf,\n      behavior: treeSelectionBehavior,\n    };\n  }, [treeModel, processedTreeRoots, treeSelectionBehavior]);\n\n  // A bulk action with no way to select rows is a contradiction, so supplying\n  // any implies multiple selection unless the consumer says otherwise.\n  const resolvedSelectionMode =\n    selectionMode ?? (bulkActions?.length ? 'multiple' : 'none');\n\n  const selection = useTableSelection<T>({\n    rows: visibleRows,\n    rowKeys: visibleRowKeys,\n    pageRows: treeModel\n      ? pageTreeEntries.map((entry) => entry.row)\n      : visibleRows,\n    pageRowKeys: treeModel\n      ? pageTreeEntries.map((entry) => entry.key)\n      : undefined,\n    // The wider set the header checkbox can reach under\n    // `selectAllMode=\"filtered\"`. In server mode the client only ever holds one\n    // page, so the two coincide.\n    filteredRows: treeModel\n      ? (paginationMode === 'client'\n          ? filteredTreeEntries\n          : pageTreeEntries\n        ).map((entry) => entry.row)\n      : paginationMode === 'client'\n        ? sortedRows\n        : visibleRows,\n    filteredRowKeys: treeModel\n      ? (paginationMode === 'client'\n          ? filteredTreeEntries\n          : pageTreeEntries\n        ).map((entry) => entry.key)\n      : undefined,\n    getRowKey: resolvedGetRowKey,\n    selectionMode: resolvedSelectionMode,\n    selectedKeys: selectedKeysProp,\n    defaultSelectedKeys,\n    onSelectionChange,\n    selectAllMode,\n    isRowSelectable,\n    disabledKeys,\n    tree: selectionTree,\n  });\n\n  // A `ReactNode` menu applies to every row; a function decides per row. The\n  // renderer only ever sees the function form.\n  const resolveRowMenu = useMemo(\n    () =>\n      rowMenu == null\n        ? undefined\n        : typeof rowMenu === 'function'\n          ? (rowMenu as (\n              row: T,\n              ctx: CubeTableRowContext<T>,\n            ) => ReactNode | null)\n          : () => rowMenu as ReactNode,\n    [rowMenu],\n  );\n\n  const trailingColumns = useMemo(\n    () =>\n      resolveRowMenu && rowContextMenu === true\n        ? [\n            {\n              key: ROW_MENU_COLUMN_KEY,\n              width:\n                ROW_MENU_COLUMN_WIDTH[size] ?? ROW_MENU_COLUMN_WIDTH.medium,\n              align: 'center' as const,\n            },\n          ]\n        : undefined,\n    [resolveRowMenu, rowContextMenu, size],\n  );\n\n  const leadingColumns = useMemo(\n    () =>\n      selection.isEnabled\n        ? [\n            {\n              key: SELECTION_COLUMN_KEY,\n              width:\n                SELECTION_COLUMN_WIDTH[size] ?? SELECTION_COLUMN_WIDTH.medium,\n              align: 'center' as const,\n            },\n          ]\n        : undefined,\n    [selection.isEnabled, size],\n  );\n\n  /**\n   * Column widths, in three layers.\n   *\n   * The draft exists because a resize has to be visible *while* it happens, and\n   * a controlled `columnWidths` cannot be: the consumer only learns the new\n   * width from `onColumnResize`, which fires when the gesture ends. Without a\n   * draft a controlled table simply would not move under the pointer.\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\n  /**\n   * The same draft, in a ref.\n   *\n   * A keyboard resize runs `useMove`'s whole start → move → end cycle inside\n   * one key press, so the end handler would read the state from before the\n   * move. The ref is what it actually settles on; the state exists only to\n   * trigger the render.\n   */\n  const draftColumnWidthsRef = useRef<Record<string, number> | null>(null);\n\n  const baseColumnWidths = columnWidthsProp ?? ownColumnWidths;\n  const columnWidths = draftColumnWidths ?? baseColumnWidths;\n\n  /** `layout` is computed below; `useEvent` only reads this when a drag runs. */\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      draftColumnWidthsRef.current ??\n      freezeColumnWidths(layoutRef.current, baseColumnWidths);\n\n    draftColumnWidthsRef.current = { ...base, [key]: Math.round(width) };\n    setDraftColumnWidths(draftColumnWidthsRef.current);\n  });\n\n  // Once at the end: a callback per pixel would be unusable, and persisting\n  // every frame would hammer `localStorage`.\n  const handleColumnResizeEnd = useEvent((key: string) => {\n    const next = draftColumnWidthsRef.current ?? baseColumnWidths;\n\n    if (columnWidthsProp === undefined) {\n      setOwnColumnWidths(next);\n      storage.write({ columnWidths: next });\n    }\n\n    onColumnResize?.(key, next[key], next);\n\n    // The prop (or `ownColumnWidths`) is the source of truth again. A\n    // controlled consumer that ignores the callback reverts, which is what\n    // being controlled means.\n    draftColumnWidthsRef.current = null;\n    setDraftColumnWidths(null);\n  });\n\n  const layout = useTableColumns<T>({\n    columns,\n    containerWidth,\n    columnWidths,\n    leadingColumns,\n    trailingColumns,\n  });\n\n  layoutRef.current = layout;\n\n  const hasBulkSelection =\n    bulkActions != null &&\n    bulkActions.length > 0 &&\n    selection.selectedCount > 0;\n\n  const bulkBar = hasBulkSelection ? (\n    <ItemTableBulkBar<T>\n      actions={bulkActions!}\n      placement={bulkBarPlacement}\n      styles={bulkBarStyles}\n    />\n  ) : null;\n\n  const isBulkBarInToolbar = bulkBar != null && bulkBarPlacement === 'toolbar';\n\n  const hasToolbar =\n    toolbar !== undefined ||\n    isSearchable ||\n    filters != null ||\n    actions != null ||\n    onRefresh != null ||\n    isBulkBarInToolbar;\n\n  const toolbarNode = hasToolbar\n    ? toolbar ?? (\n        <ItemTableToolbar\n          isSearchable={isSearchable}\n          filters={filters}\n          // The bar takes the actions group rather than sitting beside it: the\n          // two compete for the same space, and while rows are selected the\n          // bulk actions are what the user is reaching for.\n          actions={isBulkBarInToolbar ? bulkBar : actions}\n          isLoading={isLoading}\n          styles={toolbarStyles}\n          searchStyles={searchStyles}\n          onRefresh={onRefresh}\n        />\n      )\n    : null;\n\n  /**\n   * Pagination that cannot do anything is noise: one page of five rows still\n   * renders \"1–5 of 5\", a page-size selector whose every option shows the same\n   * five rows, and a solitary \"1\" button.\n   *\n   * \"Cannot do anything\" is both conditions together — a single page *and* a\n   * total that even the smallest page size would not split. A 15-row single\n   * page stays, because choosing \"10 / page\" would genuinely paginate it.\n   */\n  const smallestPageSize = pageSizeOptions?.length\n    ? Math.min(...pageSizeOptions)\n    : pageSize;\n\n  const isPaginationUseless =\n    autoHidePagination &&\n    !hasNextPage &&\n    pageInfo.totalPages <= 1 &&\n    total <= smallestPageSize;\n\n  const showPagination = isPaginated && !isPaginationUseless;\n\n  const hasFooter =\n    footer !== undefined ||\n    showPagination ||\n    footerStart != null ||\n    footerCenter != null ||\n    footerEnd != null;\n\n  const footerNode = hasFooter\n    ? footer ?? (\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      )\n    : null;\n\n  const bodyRef = useRef<HTMLTableSectionElement>(null);\n\n  const rowKeys = useMemo(\n    () =>\n      visibleRows.map((row, index) =>\n        String(visibleRowKeys?.[index] ?? resolvedGetRowKey(row, index)),\n      ),\n    [visibleRows, visibleRowKeys, resolvedGetRowKey],\n  );\n\n  const handleReorder = useEvent((nextKeys: string[]) => {\n    const byKey = new Map(\n      visibleRows.map((row, index) => [\n        String(resolvedGetRowKey(row, index)),\n        row,\n      ]),\n    );\n\n    onReorder?.(\n      nextKeys,\n      nextKeys\n        .map((key) => byKey.get(key))\n        .filter((row): row is T => row !== undefined),\n    );\n  });\n\n  /**\n   * `DraggableCollection` owns the React Aria drag/drop hooks and hands the two\n   * states down. It is only mounted when reordering is on, so a plain table\n   * pays nothing for it.\n   *\n   * `RowCollection` and the `SelectionManager` from `useTableSelection` satisfy\n   * its structural `state` contract unchanged — both exist even when selection\n   * itself is off.\n   */\n  const renderTable = (\n    dragState?: any,\n    dropState?: any,\n    collectionProps?: Record<string, any>,\n  ) => (\n    <TableView<T>\n      rootRef={rootRef}\n      dragState={dragState}\n      dropState={dropState}\n      collectionProps={collectionProps}\n      bodyRef={bodyRef}\n      qa={qa || 'ItemTable'}\n      rows={visibleRows}\n      rowKeys={visibleRowKeys}\n      // `aria-rowindex` is document-absolute by contract: on page 3 a screen\n      // reader should hear \"row 51 of 240\", not \"row 1 of 25\". Infinite scroll\n      // never offsets — every loaded row is already in `visibleRows`.\n      // `isPaginated` already excludes infinite scroll, where every loaded row\n      // is in `visibleRows` and there is no page to offset by.\n      rowIndexOffset={\n        treeModel ? 0 : isPaginated ? (pageInfo.page - 1) * pageSize : 0\n      }\n      totalRowCount={treeModel ? visibleRows.length : total}\n      getRowKey={resolvedGetRowKey}\n      layout={layout}\n      onScrollerRef={setScrollerEl}\n      size={size}\n      shape={shape}\n      rowHeight={rowHeight}\n      headerHeight={headerHeight}\n      isHeaderHidden={isHeaderHidden}\n      isHeaderSticky={isHeaderSticky}\n      isAutoHeight={isAutoHeight}\n      isVirtualized={isVirtualized}\n      virtualizeThreshold={virtualizeThreshold}\n      overscan={overscan}\n      isStriped={isStriped}\n      isRowMoveAnimated={isRowMoveAnimated}\n      isLoading={isLoading}\n      loadingIndicator={loadingIndicator}\n      selection={selection}\n      selectionTooltip={selectionTooltip}\n      rowLink={rowLink}\n      onRowAction={onRowAction}\n      onLoadMore={isInfinite ? onLoadMore : undefined}\n      hasMore={hasMore}\n      isLoadingMore={isLoadingMore}\n      loadMoreMargin={loadMoreMargin}\n      isReorderable={isDragEnabled}\n      isResizable={isResizable}\n      onColumnResize={handleColumnResize}\n      onColumnResizeEnd={handleColumnResizeEnd}\n      rowMenu={resolveRowMenu}\n      rowContextMenu={rowContextMenu}\n      onRowMenuAction={onRowMenuAction}\n      rowMenuTriggerProps={rowMenuTriggerProps}\n      skeletonRowCount={skeletonRowCount}\n      emptyLabel={emptyLabel ?? t('itemTable.noItems', 'No items')}\n      noResultsLabel={\n        noResultsLabel ?? t('itemTable.noResults', 'No results found')\n      }\n      error={error}\n      toolbar={toolbarNode}\n      footer={footerNode}\n      isFiltered={isFiltered ?? isSearching}\n      sortMode={treeSortMode}\n      sort={sort}\n      onColumnSort={toggleSort}\n      onColumnSortChange={setColumnSort}\n      columnContextMenu={columnContextMenu}\n      onColumnMenuAction={onColumnMenuAction}\n      columnMenuTriggerProps={columnMenuTriggerProps}\n      columnMenuProps={columnMenuProps}\n      getRowProps={getRowProps}\n      ariaLabel={ariaLabel}\n      styles={rootStyles}\n      headerStyles={headerStyles}\n      headerCellStyles={headerCellStyles}\n      headerPreset={headerPreset}\n      bodyStyles={bodyStyles}\n      rowStyles={rowStyles}\n      cellStyles={cellStyles}\n      mods={mods}\n      overlay={bulkBarPlacement === 'floating' ? bulkBar : null}\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    />\n  );\n\n  const rowByKeyForDrop = useMemo(() => {\n    const map = new Map<string, T>();\n\n    visibleRows.forEach((row, index) =>\n      map.set(\n        String(visibleRowKeys?.[index] ?? resolvedGetRowKey(row, index)),\n        row,\n      ),\n    );\n\n    return map;\n  }, [visibleRows, visibleRowKeys, resolvedGetRowKey]);\n\n  const handleItemDrop = useEvent((targetKey: Key, draggedKeys: Key[]) => {\n    if (!dropOnRow) return;\n\n    const target = rowByKeyForDrop.get(String(targetKey));\n\n    if (!target) return;\n\n    const draggedKeySet = new Set(draggedKeys);\n    const topmostDraggedKeys = treeModel\n      ? draggedKeys.filter((key) => {\n          let parent = treeModel.parentOf.get(key);\n          while (parent != null) {\n            if (draggedKeySet.has(parent)) return false;\n            parent = treeModel.parentOf.get(parent);\n          }\n          return true;\n        })\n      : draggedKeys;\n\n    if (\n      treeModel &&\n      topmostDraggedKeys.some((key) =>\n        isTableTreeDescendant(treeModel, targetKey, key),\n      )\n    ) {\n      return;\n    }\n\n    const dragged = topmostDraggedKeys\n      .map((key) => rowByKeyForDrop.get(String(key)))\n      // A row cannot be dropped on itself.\n      .filter((row): row is T => row !== undefined && row !== target);\n\n    if (!dragged.length) return;\n    if (dropOnRow.isAllowed && !dropOnRow.isAllowed(dragged, target)) return;\n\n    void dropOnRow.onDrop(dragged, target);\n  });\n\n  const renderDragPreview = useEvent((keys: Key[]) => (\n    <ItemTableDragPreview<T>\n      rows={keys\n        .map((key) => rowByKeyForDrop.get(String(key)))\n        .filter((row): row is T => row !== undefined)}\n      getItemDragInfo={getItemDragInfo!}\n    />\n  ));\n\n  const shouldAcceptItemDrop = useEvent((targetKey: Key) => {\n    const target = rowByKeyForDrop.get(String(targetKey));\n\n    return target != null && (dropOnRow?.isTarget(target) ?? false);\n  });\n\n  // Dropping onto a row and reordering both need the drag machinery.\n  const isDragEnabled = (!treeModel && isReorderable) || dropOnRow != null;\n\n  const table = isDragEnabled ? (\n    <DraggableCollection\n      state={{\n        collection: selection.collection,\n        selectionManager: selection.selectionManager as any,\n        disabledKeys: new Set(disabledKeys ?? []),\n      }}\n      // The element that directly contains the rows. React Aria's\n      // `ListDropTargetDelegate` measures the drop position from this element's\n      // children, so pointing it at the table root would leave every drop\n      // unresolvable — the row lifts but never lands.\n      listRef={bodyRef}\n      orderedKeys={rowKeys}\n      orientation=\"vertical\"\n      onReorder={!treeModel && isReorderable ? handleReorder : undefined}\n      onItemDrop={dropOnRow ? handleItemDrop : undefined}\n      shouldAcceptItemDrop={dropOnRow ? shouldAcceptItemDrop : undefined}\n      renderPreview={getItemDragInfo ? renderDragPreview : undefined}\n    >\n      {(dragState, dropState, collectionProps) =>\n        renderTable(dragState, dropState, collectionProps)\n      }\n    </DraggableCollection>\n  ) : (\n    renderTable()\n  );\n\n  // The provider always wraps, so `ItemTable.Search` works from a custom\n  // `toolbar` as well as from the built-in one.\n  return (\n    <ItemTableChromeProvider\n      value={{\n        searchValue,\n        setSearchValue,\n        searchPlaceholder,\n        isLoading,\n        onRefresh,\n        selectedKeys: selection.selectedKeys,\n        selectedRows: selection.selectedRows,\n        selectedCount: selection.selectedCount,\n        clearSelection: selection.clearSelection,\n      }}\n    >\n      {table}\n    </ItemTableChromeProvider>\n  );\n}\n\nconst _ItemTable = Object.assign(\n  forwardRef(ItemTable) as unknown as (<T = any>(\n    props: CubeItemTableProps<T> & { ref?: ForwardedRef<HTMLDivElement> },\n  ) => ReactElement) & { displayName?: string },\n  {\n    /** The table's search input, bound to the table's own state. */\n    Search: ItemTableSearch,\n    /** The default toolbar row, for rebuilding it around extra content. */\n    Toolbar: ItemTableToolbar,\n    /** The selection action bar, for placing it outside the default chrome. */\n    BulkBar: ItemTableBulkBar,\n  },\n);\n\n_ItemTable.displayName = 'ItemTable';\n\nexport { _ItemTable as ItemTable };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,MAAM,eAAuC,EAAE;AAE/C,SAAS,iBAAoB,QAAgB;AAC3C,SAAQ,KAAQ,UAAuB;EACrC,MAAM,QAAS,MAAc;AAE7B,SAAO,SAAS,OAAO,QAAS;;;AAIpC,SAAS,UACP,OACA,KACc;CACd,MAAM,EACJ,MACA,SACA,SAAS,MACT,WACA,gBACA,eACA,cACA,qBACA,UACA,YAAY,OACZ,mBAAmB,WACnB,eACA,aACA,SACA,aACA,SACA,iBAAiB,OACjB,iBACA,qBACA,mBAAmB,YACnB,eACA,cAAc,kBACd,qBACA,mBACA,gBAAgB,QAChB,iBACA,kBACA,cACA,wBAAwB,WACxB,mBAAmB,GACnB,YACA,gBACA,OACA,YACA,SACA,eAAe,OACf,aAAa,UACb,mBACA,aAAa,iBACb,oBACA,gBACA,cAAc,KACd,cACA,SACA,SACA,WACA,iBAAiB,UACjB,UAAU,cACV,kBAAkB,IAClB,qBAAqB,MACrB,YACA,SACA,eACA,gBACA,YACA,SACA,gBAAgB,OAChB,WACA,WACA,iBACA,cAAc,OACd,cAAc,kBACd,qBACA,gBACA,mBACA,oBACA,wBACA,iBACA,kBACA,kBAAkB;EAAC;EAAI;EAAI;EAAI;EAAK;EAAI,EACxC,MAAM,UACN,aACA,cACA,OAAO,WACP,YACA,aACA,UAAU,MACV,QACA,aACA,cACA,WACA,UACA,MAAM,UACN,aACA,cACA,QAAQ,SACR,OAAO,UACP,WACA,cACA,YAAY,OACZ,iBAAiB,OACjB,iBAAiB,MACjB,eAAe,OACf,gBAAgB,QAChB,sBAAsB,IACtB,WAAW,IACX,aACA,WACA,IACA,MACA,QACA,cACA,kBACA,eAAe,MACf,eACA,cACA,cACA,YACA,WACA,YACA,sBACE;CAEJ,MAAM,EAAE,MAAM,SAAS;CAGvB,MAAM,UAAU,gBAAgB,KADf,OAAuB,KAAK,CACC;CAK9C,MAAM,CAAC,YAAY,iBAAiB,SAAgC,KAAK;CACzE,MAAM,iBAAiB,kBAAkB,WAAW;CAKpD,MAAM,aAAa;EAAE,GAAG,cAAc,OAAO,iBAAiB;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"}
+{"version":3,"file":"ItemTable.js","names":["useCollator","useControlledState","CONTAINER_STYLES","forwardRef","useMemo","useRef","useState","useEvent","useWarn","useI18n","useCombinedRefs","extractStyles","clampPage","getPageInfo","DraggableCollection","ROW_MENU_COLUMN_KEY","ROW_MENU_COLUMN_WIDTH","buildTableTree","filterTableTree","flattenTableTree","isTableTreeDescendant","reindexTableTree","sortTableTree","TableView","useContainerWidth","freezeColumnWidths","getColumnText","useTableColumns","matchesTableSearch","useTableSearch","SELECTION_COLUMN_KEY","SELECTION_COLUMN_WIDTH","useTableSelection","compareByColumn","useTableSort","useTableStorage","useTableTreeState","ItemTableBulkBar","ItemTableDragPreview","ItemTableFooter","ItemTableChromeProvider","ItemTableSearch","ItemTableToolbar","Key","ForwardedRef","ReactElement","ReactNode","CubeTableColumnLayout","CubeTableRowContext","CubeTableSort","CubeItemTableProps","EMPTY_WIDTHS","Record","defaultGetRowKey","rowKey","row","T","index","value","ItemTable","props","ref","HTMLDivElement","data","columns","getRowKey","getRowChildren","treeColumnKey","expandedKeys","defaultExpandedKeys","onExpand","isLoading","loadingIndicator","selectionMode","bulkActions","rowLink","onRowAction","rowMenu","rowContextMenu","onRowMenuAction","rowMenuTriggerProps","bulkBarPlacement","bulkBarStyles","selectedKeys","selectedKeysProp","defaultSelectedKeys","onSelectionChange","selectAllMode","isRowSelectable","selectionTooltip","disabledKeys","treeSelectionBehavior","skeletonRowCount","emptyLabel","noResultsLabel","error","isFiltered","toolbar","isSearchable","searchMode","searchPlaceholder","searchValue","searchValueProp","defaultSearchValue","onSearchChange","searchDelay","searchFilter","filters","actions","onRefresh","paginationMode","pageSize","pageSizeProp","defaultPageSize","autoHidePagination","onLoadMore","hasMore","isLoadingMore","loadMoreMargin","storageKey","persist","isReorderable","onReorder","dropOnRow","getItemDragInfo","isResizable","columnWidths","columnWidthsProp","defaultColumnWidths","onColumnResize","columnContextMenu","onColumnMenuAction","columnMenuTriggerProps","columnMenuProps","onPageSizeChange","pageSizeOptions","page","pageProp","defaultPage","onPageChange","total","totalProp","totalPages","hasNextPage","summary","footer","footerStart","footerCenter","footerEnd","sortMode","sort","sortProp","defaultSort","onSortChange","shape","size","rowHeight","headerHeight","isStriped","isHeaderHidden","isHeaderSticky","isAutoHeight","isVirtualized","virtualizeThreshold","overscan","getRowProps","ariaLabel","qa","mods","styles","headerStyles","headerCellStyles","headerPreset","toolbarStyles","searchStyles","footerStyles","bodyStyles","rowStyles","cellStyles","isRowMoveAnimated","t","localRef","rootRef","scrollerEl","setScrollerEl","containerWidth","rootStyles","resolvedGetRowKey","treeModel","duplicateKeys","length","key","args","cyclicKeys","resolvedTreeColumnKey","undefined","visibleColumns","filter","column","isHidden","some","setSearchValue","searchedRows","query","isSearching","rows","mode","defaultValue","onChange","delay","searchedTree","roots","forcedExpandedKeys","Set","node","sourceIndex","storage","sortedRows","toggleSort","setColumnSort","resolvedSortMode","map","has","initial","next","write","collator","numeric","sensitivity","treeSortMode","isSortable","processedTreeRoots","find","entry","columnKey","a","b","result","direction","setPageSizeState","setPageState","isInfinite","isPaginated","isServerPaginated","pageInfo","setPage","setPageSize","flatVisibleRows","slice","pageTreeRoots","treeState","allNodesByKey","byKey","Map","getTextValue","String","visibleTreeEntries","visibleEntries","visibleRows","visibleRowKeys","pageTreeEntries","filteredTreeEntries","selectionTree","childrenOf","parentOf","forEach","set","children","child","parentKey","rootKeys","behavior","resolvedSelectionMode","selection","rowKeys","pageRows","pageRowKeys","filteredRows","filteredRowKeys","tree","resolveRowMenu","ctx","trailingColumns","width","medium","align","const","leadingColumns","isEnabled","ownColumnWidths","setOwnColumnWidths","draftColumnWidths","setDraftColumnWidths","draftColumnWidthsRef","baseColumnWidths","layoutRef","handleColumnResize","base","current","Math","round","handleColumnResizeEnd","layout","hasBulkSelection","selectedCount","bulkBar","isBulkBarInToolbar","hasToolbar","toolbarNode","smallestPageSize","min","isPaginationUseless","showPagination","hasFooter","footerNode","bodyRef","HTMLTableSectionElement","handleReorder","nextKeys","get","renderTable","dragState","dropState","collectionProps","isDragEnabled","state","ariaProps","nodes","visibleNodes","entries","rowByKeyForDrop","handleItemDrop","targetKey","draggedKeys","target","draggedKeySet","topmostDraggedKeys","parent","dragged","isAllowed","onDrop","renderDragPreview","keys","shouldAcceptItemDrop","isTarget","table","collection","selectionManager","selectedRows","clearSelection","_ItemTable","Object","assign","displayName","Search","Toolbar","BulkBar"],"sources":["../../../../src/components/data/ItemTable/ItemTable.tsx"],"sourcesContent":["import { useCollator } from '@react-aria/i18n';\nimport { useControlledState } from '@react-stately/utils';\nimport { CONTAINER_STYLES } from '@tenphi/tasty';\nimport { forwardRef, useMemo, useRef, useState } from 'react';\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 {\n  ROW_MENU_COLUMN_KEY,\n  ROW_MENU_COLUMN_WIDTH,\n} from '../TableBase/row-menu';\nimport {\n  buildTableTree,\n  filterTableTree,\n  flattenTableTree,\n  isTableTreeDescendant,\n  reindexTableTree,\n  sortTableTree,\n} from '../TableBase/table-tree';\nimport { TableView } from '../TableBase/TableView';\nimport { useContainerWidth } from '../TableBase/use-container-width';\nimport {\n  freezeColumnWidths,\n  getColumnText,\n  useTableColumns,\n} from '../TableBase/use-table-columns';\nimport {\n  matchesTableSearch,\n  useTableSearch,\n} from '../TableBase/use-table-search';\nimport {\n  SELECTION_COLUMN_KEY,\n  SELECTION_COLUMN_WIDTH,\n  useTableSelection,\n} from '../TableBase/use-table-selection';\nimport { compareByColumn, useTableSort } from '../TableBase/use-table-sort';\nimport { useTableStorage } from '../TableBase/use-table-storage';\nimport { useTableTreeState } from '../TableBase/use-table-tree-state';\n\nimport { ItemTableBulkBar } from './ItemTableBulkBar';\nimport { ItemTableDragPreview } from './ItemTableDragPreview';\nimport { ItemTableFooter } from './ItemTableFooter';\nimport {\n  ItemTableChromeProvider,\n  ItemTableSearch,\n  ItemTableToolbar,\n} from './ItemTableToolbar';\n\nimport type { Key } from '@react-types/shared';\nimport type { ForwardedRef, ReactElement, ReactNode } from 'react';\nimport type {\n  CubeTableColumnLayout,\n  CubeTableRowContext,\n  CubeTableSort,\n} from '../TableBase/types';\nimport type { CubeItemTableProps } from './types';\n\n/** Stable identity, so the uncontrolled default does not change every render. */\nconst EMPTY_WIDTHS: Record<string, number> = {};\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\nfunction ItemTable<T = any>(\n  props: CubeItemTableProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n): ReactElement {\n  const {\n    data,\n    columns,\n    rowKey = 'id',\n    getRowKey,\n    getRowChildren,\n    treeColumnKey,\n    expandedKeys,\n    defaultExpandedKeys,\n    onExpand,\n    isLoading = false,\n    loadingIndicator = 'overlay',\n    selectionMode,\n    bulkActions,\n    rowLink,\n    onRowAction,\n    rowMenu,\n    rowContextMenu = false,\n    onRowMenuAction,\n    rowMenuTriggerProps,\n    bulkBarPlacement = 'floating',\n    bulkBarStyles,\n    selectedKeys: selectedKeysProp,\n    defaultSelectedKeys,\n    onSelectionChange,\n    selectAllMode = 'page',\n    isRowSelectable,\n    selectionTooltip,\n    disabledKeys,\n    treeSelectionBehavior = 'cascade',\n    skeletonRowCount = 6,\n    emptyLabel,\n    noResultsLabel,\n    error,\n    isFiltered,\n    toolbar,\n    isSearchable = false,\n    searchMode = 'client',\n    searchPlaceholder,\n    searchValue: searchValueProp,\n    defaultSearchValue,\n    onSearchChange,\n    searchDelay = 500,\n    searchFilter,\n    filters,\n    actions,\n    onRefresh,\n    paginationMode = 'client',\n    pageSize: pageSizeProp,\n    defaultPageSize = 50,\n    autoHidePagination = true,\n    onLoadMore,\n    hasMore,\n    isLoadingMore,\n    loadMoreMargin,\n    storageKey,\n    persist,\n    isReorderable = false,\n    onReorder,\n    dropOnRow,\n    getItemDragInfo,\n    isResizable = false,\n    columnWidths: columnWidthsProp,\n    defaultColumnWidths,\n    onColumnResize,\n    columnContextMenu,\n    onColumnMenuAction,\n    columnMenuTriggerProps,\n    columnMenuProps,\n    onPageSizeChange,\n    pageSizeOptions = [10, 20, 50, 100, 500],\n    page: pageProp,\n    defaultPage,\n    onPageChange,\n    total: totalProp,\n    totalPages,\n    hasNextPage,\n    summary = true,\n    footer,\n    footerStart,\n    footerCenter,\n    footerEnd,\n    sortMode,\n    sort: sortProp,\n    defaultSort,\n    onSortChange,\n    shape = 'plain',\n    size = 'medium',\n    rowHeight,\n    headerHeight,\n    isStriped = false,\n    isHeaderHidden = false,\n    isHeaderSticky = true,\n    isAutoHeight = false,\n    isVirtualized = 'auto',\n    virtualizeThreshold = 50,\n    overscan = 20,\n    getRowProps,\n    ariaLabel,\n    qa,\n    mods,\n    styles,\n    headerStyles,\n    headerCellStyles,\n    headerPreset = 'c3',\n    toolbarStyles,\n    searchStyles,\n    footerStyles,\n    bodyStyles,\n    rowStyles,\n    cellStyles,\n    isRowMoveAnimated,\n  } = props;\n\n  const { t } = useI18n();\n\n  const localRef = useRef<HTMLDivElement>(null);\n  const rootRef = useCombinedRefs(ref, localRef);\n\n  // Held in state, not a ref: the virtualized path's scroller is created by\n  // Virtuoso and arrives through a callback, and the column layout has to\n  // re-derive once it does.\n  const [scrollerEl, setScrollerEl] = useState<HTMLDivElement | null>(null);\n  const containerWidth = useContainerWidth(scrollerEl);\n\n  // Style props (`height`, `maxHeight`, `margin`, …) land on the root frame.\n  // `height` matters most: there is no page-scroll mode, so bounding the table\n  // is what turns the body into a scroller and pins the header.\n  const rootStyles = { ...extractStyles(props, CONTAINER_STYLES), ...styles };\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: ['item-table-tree-duplicate-keys'],\n    args: [\n      'ItemTable:',\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: ['item-table-tree-cyclic-keys'],\n    args: [\n      'ItemTable:',\n      'Tree data contains a cycle. Cyclic descendants were ignored.',\n    ],\n  });\n  useWarn(treeModel != null && isReorderable, {\n    key: ['item-table-tree-reorder-unsupported'],\n    args: [\n      'ItemTable:',\n      '`isReorderable` is ignored in tree mode. Use `dropOnRow` for folder-style moves.',\n    ],\n  });\n\n  const resolvedTreeColumnKey = useMemo(() => {\n    if (!treeModel) return undefined;\n    const visibleColumns = columns.filter((column) => !column.isHidden);\n    return visibleColumns.some((column) => column.key === treeColumnKey)\n      ? treeColumnKey\n      : visibleColumns[0]?.key;\n  }, [treeModel, columns, treeColumnKey]);\n\n  useWarn(\n    treeModel != null &&\n      treeColumnKey != null &&\n      resolvedTreeColumnKey !== treeColumnKey,\n    {\n      key: ['item-table-tree-column-invalid', treeColumnKey],\n      args: [\n        'ItemTable:',\n        '`treeColumnKey` must identify a visible data column. Falling back to the first visible column.',\n      ],\n    },\n  );\n\n  const {\n    searchValue,\n    setSearchValue,\n    searchedRows,\n    query,\n    isFiltered: isSearching,\n  } = useTableSearch<T>({\n    columns,\n    rows: data,\n    // Tree filtering needs to preserve ancestors and descendants, so the flat\n    // hook owns only the controlled/debounced value in this mode.\n    mode: treeModel ? 'server' : searchMode,\n    value: searchValueProp,\n    defaultValue: defaultSearchValue,\n    onChange: onSearchChange,\n    delay: searchDelay,\n    filter: searchFilter,\n  });\n\n  const searchedTree = useMemo(() => {\n    if (!treeModel) return null;\n    if (searchMode !== 'client' || !query) {\n      return { roots: treeModel.roots, forcedExpandedKeys: new Set<Key>() };\n    }\n\n    return filterTableTree(treeModel.roots, (node) =>\n      searchFilter\n        ? searchFilter(node.row, query)\n        : matchesTableSearch(columns, node.row, node.sourceIndex, query),\n    );\n  }, [treeModel, searchMode, query, searchFilter, columns]);\n\n  const storage = useTableStorage(storageKey, persist);\n\n  const {\n    sort,\n    sortedRows,\n    toggleSort,\n    setColumnSort,\n    mode: resolvedSortMode,\n  } = useTableSort<T>({\n    columns,\n    rows: treeModel\n      ? searchedTree?.roots.map((node) => node.row) ?? []\n      : searchedRows,\n    mode: treeModel ? 'server' : sortMode,\n    sort: sortProp,\n    // Only restore what the table owns: a controlled `sort` belongs to the page,\n    // and overriding it here would fight the page's own source of truth.\n    defaultSort:\n      sortProp === undefined && storage.has('sort')\n        ? storage.initial.sort ?? defaultSort\n        : defaultSort,\n    onSortChange: useEvent((next: CubeTableSort | null) => {\n      if (sortProp === undefined) storage.write({ sort: next });\n      onSortChange?.(next);\n    }),\n  });\n\n  const collator = useCollator({ numeric: true, sensitivity: 'base' });\n  const treeSortMode = treeModel\n    ? sortMode ??\n      (columns.some((column) => column.isSortable) ? 'client' : 'off')\n    : resolvedSortMode;\n  const processedTreeRoots = useMemo(() => {\n    const roots = searchedTree?.roots ?? [];\n    if (treeSortMode !== 'client' || !sort) return roots;\n    const column = columns.find((entry) => entry.key === sort.columnKey);\n    if (!column) return roots;\n\n    return sortTableTree(roots, (a, b) => {\n      const result = compareByColumn(\n        column,\n        collator,\n        a.row,\n        a.sourceIndex,\n        b.row,\n        b.sourceIndex,\n      );\n      return result * (sort.direction === 'asc' ? 1 : -1);\n    });\n  }, [searchedTree, treeSortMode, sort, columns, collator]);\n\n  // Search → sort → paginate. Paging last, so a page always reflects the rows\n  // the user is actually looking at.\n  //\n  // Deliberately not `usePagination`: that hook owns an in-memory array, and in\n  // server mode `data` is a single page. Deriving the bounds from it would clamp\n  // the page to 1 and swallow every page change.\n  const [pageSize, setPageSizeState] = useControlledState<number>(\n    pageSizeProp as number,\n    pageSizeProp === undefined && storage.has('pageSize')\n      ? storage.initial.pageSize ?? defaultPageSize\n      : defaultPageSize,\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 isInfinite = paginationMode === 'infinite';\n  // Infinite scroll replaces the page control rather than adding to it.\n  const isPaginated = paginationMode !== 'off' && !isInfinite;\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\n    if (pageSizeProp === undefined) storage.write({ pageSize: next });\n\n    // The old page index points at different rows under a new page size, so\n    // staying on it would silently move the user.\n    setPageState(1);\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    forcedExpandedKeys: searchedTree?.forcedExpandedKeys,\n    disabledKeys,\n    getTextValue: (node) => {\n      const column = columns.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  const pageTreeEntries = treeModel ? flattenTableTree(pageTreeRoots) : [];\n  const filteredTreeEntries = treeModel\n    ? flattenTableTree(processedTreeRoots)\n    : [];\n  const selectionTree = useMemo(() => {\n    if (!treeModel) return undefined;\n\n    // Selection follows the tree the user can currently act on. In\n    // particular, a search that retains only an ancestor path must not let a\n    // checked ancestor reach siblings that the search removed.\n    const childrenOf = new Map<Key, Key[]>();\n    const parentOf = new Map<Key, Key | null>();\n\n    flattenTableTree(processedTreeRoots).forEach((node) => {\n      childrenOf.set(\n        node.key,\n        node.children.map((child) => child.key),\n      );\n      parentOf.set(node.key, node.parentKey);\n    });\n\n    return {\n      rootKeys: processedTreeRoots.map((node) => node.key),\n      childrenOf,\n      parentOf,\n      behavior: treeSelectionBehavior,\n    };\n  }, [treeModel, processedTreeRoots, treeSelectionBehavior]);\n\n  // A bulk action with no way to select rows is a contradiction, so supplying\n  // any implies multiple selection unless the consumer says otherwise.\n  const resolvedSelectionMode =\n    selectionMode ?? (bulkActions?.length ? 'multiple' : 'none');\n\n  const selection = useTableSelection<T>({\n    rows: visibleRows,\n    rowKeys: visibleRowKeys,\n    pageRows: treeModel\n      ? pageTreeEntries.map((entry) => entry.row)\n      : visibleRows,\n    pageRowKeys: treeModel\n      ? pageTreeEntries.map((entry) => entry.key)\n      : undefined,\n    // The wider set the header checkbox can reach under\n    // `selectAllMode=\"filtered\"`. In server mode the client only ever holds one\n    // page, so the two coincide.\n    filteredRows: treeModel\n      ? (paginationMode === 'client'\n          ? filteredTreeEntries\n          : pageTreeEntries\n        ).map((entry) => entry.row)\n      : paginationMode === 'client'\n        ? sortedRows\n        : visibleRows,\n    filteredRowKeys: treeModel\n      ? (paginationMode === 'client'\n          ? filteredTreeEntries\n          : pageTreeEntries\n        ).map((entry) => entry.key)\n      : undefined,\n    getRowKey: resolvedGetRowKey,\n    selectionMode: resolvedSelectionMode,\n    selectedKeys: selectedKeysProp,\n    defaultSelectedKeys,\n    onSelectionChange,\n    selectAllMode,\n    isRowSelectable,\n    disabledKeys,\n    tree: selectionTree,\n  });\n\n  // A `ReactNode` menu applies to every row; a function decides per row. The\n  // renderer only ever sees the function form.\n  const resolveRowMenu = useMemo(\n    () =>\n      rowMenu == null\n        ? undefined\n        : typeof rowMenu === 'function'\n          ? (rowMenu as (\n              row: T,\n              ctx: CubeTableRowContext<T>,\n            ) => ReactNode | null)\n          : () => rowMenu as ReactNode,\n    [rowMenu],\n  );\n\n  const trailingColumns = useMemo(\n    () =>\n      resolveRowMenu && rowContextMenu === true\n        ? [\n            {\n              key: ROW_MENU_COLUMN_KEY,\n              width:\n                ROW_MENU_COLUMN_WIDTH[size] ?? ROW_MENU_COLUMN_WIDTH.medium,\n              align: 'center' as const,\n            },\n          ]\n        : undefined,\n    [resolveRowMenu, rowContextMenu, size],\n  );\n\n  const leadingColumns = useMemo(\n    () =>\n      selection.isEnabled\n        ? [\n            {\n              key: SELECTION_COLUMN_KEY,\n              width:\n                SELECTION_COLUMN_WIDTH[size] ?? SELECTION_COLUMN_WIDTH.medium,\n              align: 'center' as const,\n            },\n          ]\n        : undefined,\n    [selection.isEnabled, size],\n  );\n\n  /**\n   * Column widths, in three layers.\n   *\n   * The draft exists because a resize has to be visible *while* it happens, and\n   * a controlled `columnWidths` cannot be: the consumer only learns the new\n   * width from `onColumnResize`, which fires when the gesture ends. Without a\n   * draft a controlled table simply would not move under the pointer.\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\n  /**\n   * The same draft, in a ref.\n   *\n   * A keyboard resize runs `useMove`'s whole start → move → end cycle inside\n   * one key press, so the end handler would read the state from before the\n   * move. The ref is what it actually settles on; the state exists only to\n   * trigger the render.\n   */\n  const draftColumnWidthsRef = useRef<Record<string, number> | null>(null);\n\n  const baseColumnWidths = columnWidthsProp ?? ownColumnWidths;\n  const columnWidths = draftColumnWidths ?? baseColumnWidths;\n\n  /** `layout` is computed below; `useEvent` only reads this when a drag runs. */\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      draftColumnWidthsRef.current ??\n      freezeColumnWidths(layoutRef.current, baseColumnWidths);\n\n    draftColumnWidthsRef.current = { ...base, [key]: Math.round(width) };\n    setDraftColumnWidths(draftColumnWidthsRef.current);\n  });\n\n  // Once at the end: a callback per pixel would be unusable, and persisting\n  // every frame would hammer `localStorage`.\n  const handleColumnResizeEnd = useEvent((key: string) => {\n    const next = draftColumnWidthsRef.current ?? baseColumnWidths;\n\n    if (columnWidthsProp === undefined) {\n      setOwnColumnWidths(next);\n      storage.write({ columnWidths: next });\n    }\n\n    onColumnResize?.(key, next[key], next);\n\n    // The prop (or `ownColumnWidths`) is the source of truth again. A\n    // controlled consumer that ignores the callback reverts, which is what\n    // being controlled means.\n    draftColumnWidthsRef.current = null;\n    setDraftColumnWidths(null);\n  });\n\n  const layout = useTableColumns<T>({\n    columns,\n    containerWidth,\n    columnWidths,\n    leadingColumns,\n    trailingColumns,\n  });\n\n  layoutRef.current = layout;\n\n  const hasBulkSelection =\n    bulkActions != null &&\n    bulkActions.length > 0 &&\n    selection.selectedCount > 0;\n\n  const bulkBar = hasBulkSelection ? (\n    <ItemTableBulkBar<T>\n      actions={bulkActions!}\n      placement={bulkBarPlacement}\n      styles={bulkBarStyles}\n    />\n  ) : null;\n\n  const isBulkBarInToolbar = bulkBar != null && bulkBarPlacement === 'toolbar';\n\n  const hasToolbar =\n    toolbar !== undefined ||\n    isSearchable ||\n    filters != null ||\n    actions != null ||\n    onRefresh != null ||\n    isBulkBarInToolbar;\n\n  const toolbarNode = hasToolbar\n    ? toolbar ?? (\n        <ItemTableToolbar\n          isSearchable={isSearchable}\n          filters={filters}\n          // The bar takes the actions group rather than sitting beside it: the\n          // two compete for the same space, and while rows are selected the\n          // bulk actions are what the user is reaching for.\n          actions={isBulkBarInToolbar ? bulkBar : actions}\n          isLoading={isLoading}\n          styles={toolbarStyles}\n          searchStyles={searchStyles}\n          onRefresh={onRefresh}\n        />\n      )\n    : null;\n\n  /**\n   * Pagination that cannot do anything is noise: one page of five rows still\n   * renders \"1–5 of 5\", a page-size selector whose every option shows the same\n   * five rows, and a solitary \"1\" button.\n   *\n   * \"Cannot do anything\" is both conditions together — a single page *and* a\n   * total that even the smallest page size would not split. A 15-row single\n   * page stays, because choosing \"10 / page\" would genuinely paginate it.\n   */\n  const smallestPageSize = pageSizeOptions?.length\n    ? Math.min(...pageSizeOptions)\n    : pageSize;\n\n  const isPaginationUseless =\n    autoHidePagination &&\n    !hasNextPage &&\n    pageInfo.totalPages <= 1 &&\n    total <= smallestPageSize;\n\n  const showPagination = isPaginated && !isPaginationUseless;\n\n  const hasFooter =\n    footer !== undefined ||\n    showPagination ||\n    footerStart != null ||\n    footerCenter != null ||\n    footerEnd != null;\n\n  const footerNode = hasFooter\n    ? footer ?? (\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      )\n    : null;\n\n  const bodyRef = useRef<HTMLTableSectionElement>(null);\n\n  const rowKeys = useMemo(\n    () =>\n      visibleRows.map((row, index) =>\n        String(visibleRowKeys?.[index] ?? resolvedGetRowKey(row, index)),\n      ),\n    [visibleRows, visibleRowKeys, resolvedGetRowKey],\n  );\n\n  const handleReorder = useEvent((nextKeys: string[]) => {\n    const byKey = new Map(\n      visibleRows.map((row, index) => [\n        String(resolvedGetRowKey(row, index)),\n        row,\n      ]),\n    );\n\n    onReorder?.(\n      nextKeys,\n      nextKeys\n        .map((key) => byKey.get(key))\n        .filter((row): row is T => row !== undefined),\n    );\n  });\n\n  /**\n   * `DraggableCollection` owns the React Aria drag/drop hooks and hands the two\n   * states down. It is only mounted when reordering is on, so a plain table\n   * pays nothing for it.\n   *\n   * `RowCollection` and the `SelectionManager` from `useTableSelection` satisfy\n   * its structural `state` contract unchanged — both exist even when selection\n   * itself is off.\n   */\n  const renderTable = (\n    dragState?: any,\n    dropState?: any,\n    collectionProps?: Record<string, any>,\n  ) => (\n    <TableView<T>\n      rootRef={rootRef}\n      dragState={dragState}\n      dropState={dropState}\n      collectionProps={collectionProps}\n      bodyRef={bodyRef}\n      qa={qa || 'ItemTable'}\n      rows={visibleRows}\n      rowKeys={visibleRowKeys}\n      // `aria-rowindex` is document-absolute by contract: on page 3 a screen\n      // reader should hear \"row 51 of 240\", not \"row 1 of 25\". Infinite scroll\n      // never offsets — every loaded row is already in `visibleRows`.\n      // `isPaginated` already excludes infinite scroll, where every loaded row\n      // is in `visibleRows` and there is no page to offset by.\n      rowIndexOffset={\n        treeModel ? 0 : isPaginated ? (pageInfo.page - 1) * pageSize : 0\n      }\n      totalRowCount={treeModel ? visibleRows.length : total}\n      getRowKey={resolvedGetRowKey}\n      layout={layout}\n      onScrollerRef={setScrollerEl}\n      size={size}\n      shape={shape}\n      rowHeight={rowHeight}\n      headerHeight={headerHeight}\n      isHeaderHidden={isHeaderHidden}\n      isHeaderSticky={isHeaderSticky}\n      isAutoHeight={isAutoHeight}\n      isVirtualized={isVirtualized}\n      virtualizeThreshold={virtualizeThreshold}\n      overscan={overscan}\n      isStriped={isStriped}\n      isRowMoveAnimated={isRowMoveAnimated}\n      isLoading={isLoading}\n      loadingIndicator={loadingIndicator}\n      selection={selection}\n      selectionTooltip={selectionTooltip}\n      rowLink={rowLink}\n      onRowAction={onRowAction}\n      onLoadMore={isInfinite ? onLoadMore : undefined}\n      hasMore={hasMore}\n      isLoadingMore={isLoadingMore}\n      loadMoreMargin={loadMoreMargin}\n      isReorderable={isDragEnabled}\n      isResizable={isResizable}\n      onColumnResize={handleColumnResize}\n      onColumnResizeEnd={handleColumnResizeEnd}\n      rowMenu={resolveRowMenu}\n      rowContextMenu={rowContextMenu}\n      onRowMenuAction={onRowMenuAction}\n      rowMenuTriggerProps={rowMenuTriggerProps}\n      skeletonRowCount={skeletonRowCount}\n      emptyLabel={emptyLabel ?? t('itemTable.noItems', 'No items')}\n      noResultsLabel={\n        noResultsLabel ?? t('itemTable.noResults', 'No results found')\n      }\n      error={error}\n      toolbar={toolbarNode}\n      footer={footerNode}\n      isFiltered={isFiltered ?? isSearching}\n      sortMode={treeSortMode}\n      sort={sort}\n      onColumnSort={toggleSort}\n      onColumnSortChange={setColumnSort}\n      columnContextMenu={columnContextMenu}\n      onColumnMenuAction={onColumnMenuAction}\n      columnMenuTriggerProps={columnMenuTriggerProps}\n      columnMenuProps={columnMenuProps}\n      getRowProps={getRowProps}\n      ariaLabel={ariaLabel}\n      styles={rootStyles}\n      headerStyles={headerStyles}\n      headerCellStyles={headerCellStyles}\n      headerPreset={headerPreset}\n      bodyStyles={bodyStyles}\n      rowStyles={rowStyles}\n      cellStyles={cellStyles}\n      mods={mods}\n      overlay={bulkBarPlacement === 'floating' ? bulkBar : null}\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    />\n  );\n\n  const rowByKeyForDrop = useMemo(() => {\n    const map = new Map<string, T>();\n\n    visibleRows.forEach((row, index) =>\n      map.set(\n        String(visibleRowKeys?.[index] ?? resolvedGetRowKey(row, index)),\n        row,\n      ),\n    );\n\n    return map;\n  }, [visibleRows, visibleRowKeys, resolvedGetRowKey]);\n\n  const handleItemDrop = useEvent((targetKey: Key, draggedKeys: Key[]) => {\n    if (!dropOnRow) return;\n\n    const target = rowByKeyForDrop.get(String(targetKey));\n\n    if (!target) return;\n\n    const draggedKeySet = new Set(draggedKeys);\n    const topmostDraggedKeys = treeModel\n      ? draggedKeys.filter((key) => {\n          let parent = treeModel.parentOf.get(key);\n          while (parent != null) {\n            if (draggedKeySet.has(parent)) return false;\n            parent = treeModel.parentOf.get(parent);\n          }\n          return true;\n        })\n      : draggedKeys;\n\n    if (\n      treeModel &&\n      topmostDraggedKeys.some((key) =>\n        isTableTreeDescendant(treeModel, targetKey, key),\n      )\n    ) {\n      return;\n    }\n\n    const dragged = topmostDraggedKeys\n      .map((key) => rowByKeyForDrop.get(String(key)))\n      // A row cannot be dropped on itself.\n      .filter((row): row is T => row !== undefined && row !== target);\n\n    if (!dragged.length) return;\n    if (dropOnRow.isAllowed && !dropOnRow.isAllowed(dragged, target)) return;\n\n    void dropOnRow.onDrop(dragged, target);\n  });\n\n  const renderDragPreview = useEvent((keys: Key[]) => (\n    <ItemTableDragPreview<T>\n      rows={keys\n        .map((key) => rowByKeyForDrop.get(String(key)))\n        .filter((row): row is T => row !== undefined)}\n      getItemDragInfo={getItemDragInfo!}\n    />\n  ));\n\n  const shouldAcceptItemDrop = useEvent((targetKey: Key) => {\n    const target = rowByKeyForDrop.get(String(targetKey));\n\n    return target != null && (dropOnRow?.isTarget(target) ?? false);\n  });\n\n  // Dropping onto a row and reordering both need the drag machinery.\n  const isDragEnabled = (!treeModel && isReorderable) || dropOnRow != null;\n\n  const table = isDragEnabled ? (\n    <DraggableCollection\n      state={{\n        collection: selection.collection,\n        selectionManager: selection.selectionManager as any,\n        disabledKeys: new Set(disabledKeys ?? []),\n      }}\n      // The element that directly contains the rows. React Aria's\n      // `ListDropTargetDelegate` measures the drop position from this element's\n      // children, so pointing it at the table root would leave every drop\n      // unresolvable — the row lifts but never lands.\n      listRef={bodyRef}\n      orderedKeys={rowKeys}\n      orientation=\"vertical\"\n      onReorder={!treeModel && isReorderable ? handleReorder : undefined}\n      onItemDrop={dropOnRow ? handleItemDrop : undefined}\n      shouldAcceptItemDrop={dropOnRow ? shouldAcceptItemDrop : undefined}\n      renderPreview={getItemDragInfo ? renderDragPreview : undefined}\n    >\n      {(dragState, dropState, collectionProps) =>\n        renderTable(dragState, dropState, collectionProps)\n      }\n    </DraggableCollection>\n  ) : (\n    renderTable()\n  );\n\n  // The provider always wraps, so `ItemTable.Search` works from a custom\n  // `toolbar` as well as from the built-in one.\n  return (\n    <ItemTableChromeProvider\n      value={{\n        searchValue,\n        setSearchValue,\n        searchPlaceholder,\n        isLoading,\n        onRefresh,\n        selectedKeys: selection.selectedKeys,\n        selectedRows: selection.selectedRows,\n        selectedCount: selection.selectedCount,\n        clearSelection: selection.clearSelection,\n      }}\n    >\n      {table}\n    </ItemTableChromeProvider>\n  );\n}\n\nconst _ItemTable = Object.assign(\n  forwardRef(ItemTable) as unknown as (<T = any>(\n    props: CubeItemTableProps<T> & { ref?: ForwardedRef<HTMLDivElement> },\n  ) => ReactElement) & { displayName?: string },\n  {\n    /** The table's search input, bound to the table's own state. */\n    Search: ItemTableSearch,\n    /** The default toolbar row, for rebuilding it around extra content. */\n    Toolbar: ItemTableToolbar,\n    /** The selection action bar, for placing it outside the default chrome. */\n    BulkBar: ItemTableBulkBar,\n  },\n);\n\n_ItemTable.displayName = 'ItemTable';\n\nexport { _ItemTable as ItemTable };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,MAAMmD,eAAuC,EAAE;AAE/C,SAASE,iBAAoBC,QAAgB;AAC3C,SAAQC,KAAQE,UAAuB;EACrC,MAAMC,QAASH,MAAcD;AAE7B,SAAOI,SAAS,OAAOD,QAASC;;;AAIpC,SAASC,UACPC,OACAC,KACc;CACd,MAAM,EACJE,MACAC,SACAV,SAAS,MACTW,WACAC,gBACAC,eACAC,cACAC,qBACAC,UACAC,YAAY,OACZC,mBAAmB,WACnBC,eACAC,aACAC,SACAC,aACAC,SACAC,iBAAiB,OACjBC,iBACAC,qBACAC,mBAAmB,YACnBC,eACAC,cAAcC,kBACdC,qBACAC,mBACAC,gBAAgB,QAChBC,iBACAC,kBACAC,cACAC,wBAAwB,WACxBC,mBAAmB,GACnBC,YACAC,gBACAC,OACAC,YACAC,SACAC,eAAe,OACfC,aAAa,UACbC,mBACAC,aAAaC,iBACbC,oBACAC,gBACAC,cAAc,KACdC,cACAC,SACAC,SACAC,WACAC,iBAAiB,UACjBC,UAAUC,cACVC,kBAAkB,IAClBC,qBAAqB,MACrBC,YACAC,SACAC,eACAC,gBACAC,YACAC,SACAC,gBAAgB,OAChBC,WACAC,WACAC,iBACAC,cAAc,OACdC,cAAcC,kBACdC,qBACAC,gBACAC,mBACAC,oBACAC,wBACAC,iBACAC,kBACAC,kBAAkB;EAAC;EAAI;EAAI;EAAI;EAAK;EAAI,EACxCC,MAAMC,UACNC,aACAC,cACAC,OAAOC,WACPC,YACAC,aACAC,UAAU,MACVC,QACAC,aACAC,cACAC,WACAC,UACAC,MAAMC,UACNC,aACAC,cACAC,QAAQ,SACRC,OAAO,UACPC,WACAC,cACAC,YAAY,OACZC,iBAAiB,OACjBC,iBAAiB,MACjBC,eAAe,OACfC,gBAAgB,QAChBC,sBAAsB,IACtBC,WAAW,IACXC,aACAC,WACAC,IACAC,MACAC,QACAC,cACAC,kBACAC,eAAe,MACfC,eACAC,cACAC,cACAC,YACAC,WACAC,YACAC,sBACEvH;CAEJ,MAAM,EAAEwH,MAAM3K,SAAS;CAGvB,MAAM6K,UAAU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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -97,19 +97,19 @@ function ItemTableBulkBar(props) {
 				nowrap: true,
 				children: t("itemTable.selectedCount", "{{count}} selected", { count: selectedCount })
 			}),
-			actions.map((action) => {
-				const isDisabled = action.isDisabled?.(selectedRows) ?? false;
+			actions.map((action_0) => {
+				const isDisabled = action_0.isDisabled?.(selectedRows) ?? false;
 				return /* @__PURE__ */ jsx(Button, {
 					size: "small",
-					type: action.type ?? "outline",
-					theme: action.theme,
-					icon: action.icon,
+					type: action_0.type ?? "outline",
+					theme: action_0.theme,
+					icon: action_0.icon,
 					isDisabled,
-					isLoading: loadingKeys[action.key],
-					tooltip: isDisabled && action.disabledTooltip ? action.disabledTooltip : void 0,
-					onPress: () => run(action),
-					children: action.label
-				}, action.key);
+					isLoading: loadingKeys[action_0.key],
+					tooltip: isDisabled && action_0.disabledTooltip ? action_0.disabledTooltip : void 0,
+					onPress: () => run(action_0),
+					children: action_0.label
+				}, action_0.key);
 			}),
 			/* @__PURE__ */ jsx(Button, {
 				size: "small",

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

@@ -1 +1 @@
-{"version":3,"file":"ItemTableBulkBar.js","names":["Text"],"sources":["../../../../src/components/data/ItemTable/ItemTableBulkBar.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { Button } from '../../actions';\nimport { Text } from '../../content/Text';\n\nimport { useItemTableChrome } from './ItemTableToolbar';\n\nimport type { Styles } from '@tenphi/tasty';\nimport type { CubeTableBulkAction } from './types';\n\nconst BarElement = tasty({\n  qa: 'ItemTableBulkBar',\n  as: 'div',\n  styles: {\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    boxSizing: 'border-box',\n\n    /**\n     * `floating` lifts the bar out of the grid and centres it over the body, so\n     * it never changes the table's height — a bar that pushed the rows down\n     * would move the very row the user is about to click.\n     */\n    position: { '': 'static', floating: 'absolute' },\n    inset: { '': 'auto', floating: 'auto auto 2x 50%' },\n    translate: { '': false, floating: '-50% 0' },\n    zIndex: { '': 'auto', floating: 10 },\n    // A raised surface rather than an inverted \"toast\": `#dark` flips to a light\n    // colour under the dark theme, which would put white text on a light bar.\n    fill: { '': '#clear', floating: '#surface' },\n    color: '#surface-text',\n    border: { '': false, floating: true },\n    radius: { '': 0, floating: '1cr' },\n    shadow: { '': false, floating: '0 1x 3x #shadow' },\n    padding: { '': 0, floating: '1x 1.5x' },\n    width: { '': 'auto', floating: 'max (100% - 4x)' },\n  },\n});\n\nexport interface ItemTableBulkBarProps<T = any> {\n  actions: CubeTableBulkAction<T>[];\n  /** @default 'floating' */\n  placement?: 'floating' | 'toolbar';\n  styles?: Styles;\n}\n\n/**\n * The action bar shown while rows are selected.\n *\n * Reads the selection from context rather than props, so a consumer rebuilding\n * the toolbar can drop `<ItemTable.BulkBar>` wherever it likes and still have\n * one owner of the selection.\n */\nexport function ItemTableBulkBar<T = any>(props: ItemTableBulkBarProps<T>) {\n  const { actions, placement = 'floating', styles } = props;\n  const { t } = useI18n();\n  const chrome = useItemTableChrome('ItemTable.BulkBar');\n  const { selectedRows, selectedCount, clearSelection } = chrome;\n\n  // Per-action, so one slow request cannot disable the others.\n  const [loadingKeys, setLoadingKeys] = useState<Record<string, boolean>>({});\n\n  const run = useEvent(async (action: CubeTableBulkAction<T>) => {\n    const setLoading = (value: boolean) =>\n      setLoadingKeys((current) => ({ ...current, [action.key]: value }));\n\n    try {\n      await action.onAction(selectedRows as T[], { setLoading });\n\n      // Deselecting is the default because the rows an action just deleted or\n      // moved are usually gone; an action that only reads keeps the selection\n      // by opting out.\n      if (action.deselectAfter !== false) clearSelection();\n    } finally {\n      setLoading(false);\n    }\n  });\n\n  if (selectedCount === 0) return null;\n\n  return (\n    <BarElement\n      role=\"toolbar\"\n      aria-label={t('itemTable.bulkActions', 'Bulk actions')}\n      styles={styles}\n      mods={{ floating: placement === 'floating' }}\n    >\n      <Text nowrap>\n        {t('itemTable.selectedCount', '{{count}} selected', {\n          count: selectedCount,\n        })}\n      </Text>\n\n      {actions.map((action) => {\n        const isDisabled = action.isDisabled?.(selectedRows as T[]) ?? false;\n\n        return (\n          <Button\n            key={action.key}\n            size=\"small\"\n            type={action.type ?? 'outline'}\n            theme={action.theme}\n            icon={action.icon}\n            isDisabled={isDisabled}\n            isLoading={loadingKeys[action.key]}\n            // The button's own prop rather than a wrapping `TooltipProvider`:\n            // that is what lets it stay hoverable while disabled, which is the\n            // only state this tooltip is shown in.\n            tooltip={\n              isDisabled && action.disabledTooltip\n                ? action.disabledTooltip\n                : undefined\n            }\n            onPress={() => run(action)}\n          >\n            {action.label}\n          </Button>\n        );\n      })}\n\n      <Button\n        size=\"small\"\n        type=\"clear\"\n        icon={<CloseIcon />}\n        aria-label={t('itemTable.clearSelection', 'Clear selection')}\n        onPress={clearSelection}\n      />\n    </BarElement>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAcA,MAAM,aAAa,MAAM;CACvB,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,MAAM;EACN,KAAK;EACL,YAAY;EACZ,WAAW;EAOX,UAAU;GAAE,IAAI;GAAU,UAAU;GAAY;EAChD,OAAO;GAAE,IAAI;GAAQ,UAAU;GAAoB;EACnD,WAAW;GAAE,IAAI;GAAO,UAAU;GAAU;EAC5C,QAAQ;GAAE,IAAI;GAAQ,UAAU;GAAI;EAGpC,MAAM;GAAE,IAAI;GAAU,UAAU;GAAY;EAC5C,OAAO;EACP,QAAQ;GAAE,IAAI;GAAO,UAAU;GAAM;EACrC,QAAQ;GAAE,IAAI;GAAG,UAAU;GAAO;EAClC,QAAQ;GAAE,IAAI;GAAO,UAAU;GAAmB;EAClD,SAAS;GAAE,IAAI;GAAG,UAAU;GAAW;EACvC,OAAO;GAAE,IAAI;GAAQ,UAAU;GAAmB;EACnD;CACF,CAAC;;;;;;;;AAgBF,SAAgB,iBAA0B,OAAiC;CACzE,MAAM,EAAE,SAAS,YAAY,YAAY,WAAW;CACpD,MAAM,EAAE,MAAM,SAAS;CAEvB,MAAM,EAAE,cAAc,eAAe,mBADtB,mBAAmB,oBAAoB;CAItD,MAAM,CAAC,aAAa,kBAAkB,SAAkC,EAAE,CAAC;CAE3E,MAAM,MAAM,SAAS,OAAO,WAAmC;EAC7D,MAAM,cAAc,UAClB,gBAAgB,aAAa;GAAE,GAAG;IAAU,OAAO,MAAM;GAAO,EAAE;AAEpE,MAAI;AACF,SAAM,OAAO,SAAS,cAAqB,EAAE,YAAY,CAAC;AAK1D,OAAI,OAAO,kBAAkB,MAAO,iBAAgB;YAC5C;AACR,cAAW,MAAM;;GAEnB;AAEF,KAAI,kBAAkB,EAAG,QAAO;AAEhC,QACE,qBAAC;EACC,MAAK;EACL,cAAY,EAAE,yBAAyB,eAAe;EAC9C;EACR,MAAM,EAAE,UAAU,cAAc,YAAY;;GAE5C,oBAACA;IAAK;cACH,EAAE,2BAA2B,sBAAsB,EAClD,OAAO,eACR,CAAC;KACG;GAEN,QAAQ,KAAK,WAAW;IACvB,MAAM,aAAa,OAAO,aAAa,aAAoB,IAAI;AAE/D,WACE,oBAAC;KAEC,MAAK;KACL,MAAM,OAAO,QAAQ;KACrB,OAAO,OAAO;KACd,MAAM,OAAO;KACD;KACZ,WAAW,YAAY,OAAO;KAI9B,SACE,cAAc,OAAO,kBACjB,OAAO,kBACP;KAEN,eAAe,IAAI,OAAO;eAEzB,OAAO;OAjBH,OAAO,IAkBL;KAEX;GAEF,oBAAC;IACC,MAAK;IACL,MAAK;IACL,MAAM,oBAAC,cAAY;IACnB,cAAY,EAAE,4BAA4B,kBAAkB;IAC5D,SAAS;KACT;;GACS"}
+{"version":3,"file":"ItemTableBulkBar.js","names":["tasty","useState","useEvent","useI18n","CloseIcon","Button","Text","useItemTableChrome","Styles","CubeTableBulkAction","BarElement","qa","as","styles","display","flow","gap","placeItems","boxSizing","position","floating","inset","translate","zIndex","fill","color","border","radius","shadow","padding","width","ItemTableBulkBarProps","actions","T","placement","ItemTableBulkBar","props","t","chrome","selectedRows","selectedCount","clearSelection","loadingKeys","setLoadingKeys","Record","run","action","setLoading","value","current","key","onAction","deselectAfter","count","map","isDisabled","type","theme","icon","disabledTooltip","undefined","label"],"sources":["../../../../src/components/data/ItemTable/ItemTableBulkBar.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { Button } from '../../actions';\nimport { Text } from '../../content/Text';\n\nimport { useItemTableChrome } from './ItemTableToolbar';\n\nimport type { Styles } from '@tenphi/tasty';\nimport type { CubeTableBulkAction } from './types';\n\nconst BarElement = tasty({\n  qa: 'ItemTableBulkBar',\n  as: 'div',\n  styles: {\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    boxSizing: 'border-box',\n\n    /**\n     * `floating` lifts the bar out of the grid and centres it over the body, so\n     * it never changes the table's height — a bar that pushed the rows down\n     * would move the very row the user is about to click.\n     */\n    position: { '': 'static', floating: 'absolute' },\n    inset: { '': 'auto', floating: 'auto auto 2x 50%' },\n    translate: { '': false, floating: '-50% 0' },\n    zIndex: { '': 'auto', floating: 10 },\n    // A raised surface rather than an inverted \"toast\": `#dark` flips to a light\n    // colour under the dark theme, which would put white text on a light bar.\n    fill: { '': '#clear', floating: '#surface' },\n    color: '#surface-text',\n    border: { '': false, floating: true },\n    radius: { '': 0, floating: '1cr' },\n    shadow: { '': false, floating: '0 1x 3x #shadow' },\n    padding: { '': 0, floating: '1x 1.5x' },\n    width: { '': 'auto', floating: 'max (100% - 4x)' },\n  },\n});\n\nexport interface ItemTableBulkBarProps<T = any> {\n  actions: CubeTableBulkAction<T>[];\n  /** @default 'floating' */\n  placement?: 'floating' | 'toolbar';\n  styles?: Styles;\n}\n\n/**\n * The action bar shown while rows are selected.\n *\n * Reads the selection from context rather than props, so a consumer rebuilding\n * the toolbar can drop `<ItemTable.BulkBar>` wherever it likes and still have\n * one owner of the selection.\n */\nexport function ItemTableBulkBar<T = any>(props: ItemTableBulkBarProps<T>) {\n  const { actions, placement = 'floating', styles } = props;\n  const { t } = useI18n();\n  const chrome = useItemTableChrome('ItemTable.BulkBar');\n  const { selectedRows, selectedCount, clearSelection } = chrome;\n\n  // Per-action, so one slow request cannot disable the others.\n  const [loadingKeys, setLoadingKeys] = useState<Record<string, boolean>>({});\n\n  const run = useEvent(async (action: CubeTableBulkAction<T>) => {\n    const setLoading = (value: boolean) =>\n      setLoadingKeys((current) => ({ ...current, [action.key]: value }));\n\n    try {\n      await action.onAction(selectedRows as T[], { setLoading });\n\n      // Deselecting is the default because the rows an action just deleted or\n      // moved are usually gone; an action that only reads keeps the selection\n      // by opting out.\n      if (action.deselectAfter !== false) clearSelection();\n    } finally {\n      setLoading(false);\n    }\n  });\n\n  if (selectedCount === 0) return null;\n\n  return (\n    <BarElement\n      role=\"toolbar\"\n      aria-label={t('itemTable.bulkActions', 'Bulk actions')}\n      styles={styles}\n      mods={{ floating: placement === 'floating' }}\n    >\n      <Text nowrap>\n        {t('itemTable.selectedCount', '{{count}} selected', {\n          count: selectedCount,\n        })}\n      </Text>\n\n      {actions.map((action) => {\n        const isDisabled = action.isDisabled?.(selectedRows as T[]) ?? false;\n\n        return (\n          <Button\n            key={action.key}\n            size=\"small\"\n            type={action.type ?? 'outline'}\n            theme={action.theme}\n            icon={action.icon}\n            isDisabled={isDisabled}\n            isLoading={loadingKeys[action.key]}\n            // The button's own prop rather than a wrapping `TooltipProvider`:\n            // that is what lets it stay hoverable while disabled, which is the\n            // only state this tooltip is shown in.\n            tooltip={\n              isDisabled && action.disabledTooltip\n                ? action.disabledTooltip\n                : undefined\n            }\n            onPress={() => run(action)}\n          >\n            {action.label}\n          </Button>\n        );\n      })}\n\n      <Button\n        size=\"small\"\n        type=\"clear\"\n        icon={<CloseIcon />}\n        aria-label={t('itemTable.clearSelection', 'Clear selection')}\n        onPress={clearSelection}\n      />\n    </BarElement>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAcA,MAAMU,aAAaV,MAAM;CACvBW,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC,YAAY;EACZC,WAAW;EAOXC,UAAU;GAAE,IAAI;GAAUC,UAAU;GAAY;EAChDC,OAAO;GAAE,IAAI;GAAQD,UAAU;GAAoB;EACnDE,WAAW;GAAE,IAAI;GAAOF,UAAU;GAAU;EAC5CG,QAAQ;GAAE,IAAI;GAAQH,UAAU;GAAI;EAGpCI,MAAM;GAAE,IAAI;GAAUJ,UAAU;GAAY;EAC5CK,OAAO;EACPC,QAAQ;GAAE,IAAI;GAAON,UAAU;GAAM;EACrCO,QAAQ;GAAE,IAAI;GAAGP,UAAU;GAAO;EAClCQ,QAAQ;GAAE,IAAI;GAAOR,UAAU;GAAmB;EAClDS,SAAS;GAAE,IAAI;GAAGT,UAAU;GAAW;EACvCU,OAAO;GAAE,IAAI;GAAQV,UAAU;GAAkB;EACnD;CACD,CAAC;;;;;;;;AAgBF,SAAgBe,iBAA0BC,OAAiC;CACzE,MAAM,EAAEJ,SAASE,YAAY,YAAYrB,WAAWuB;CACpD,MAAM,EAAEC,MAAMlC,SAAS;CAEvB,MAAM,EAAEoC,cAAcC,eAAeC,mBADtBlC,mBAAmB,oBAAoB;CAItD,MAAM,CAACmC,aAAaC,kBAAkB1C,SAAkC,EAAE,CAAC;CAE3E,MAAM4C,MAAM3C,SAAS,OAAO4C,WAAmC;EAC7D,MAAMC,cAAcC,UAClBL,gBAAgBM,aAAa;GAAE,GAAGA;IAAUH,OAAOI,MAAMF;GAAO,EAAE;AAEpE,MAAI;AACF,SAAMF,OAAOK,SAASZ,cAAqB,EAAEQ,YAAY,CAAC;AAK1D,OAAID,OAAOM,kBAAkB,MAAOX,iBAAgB;YAC5C;AACRM,cAAW,MAAM;;GAEnB;AAEF,KAAIP,kBAAkB,EAAG,QAAO;AAEhC,QACE,qBAAC;EACC,MAAK;EACL,cAAYH,EAAE,yBAAyB,eAAe;EAC9CxB;EACR,MAAM,EAAEO,UAAUc,cAAc,YAAY;;GAE5C,oBAAC;IAAK;cACHG,EAAE,2BAA2B,sBAAsB,EAClDgB,OAAOb,eACR,CAAC;KACE;GAELR,QAAQsB,KAAKR,aAAW;IACvB,MAAMS,aAAaT,SAAOS,aAAahB,aAAoB,IAAI;AAE/D,WACE,oBAAC;KAEC,MAAK;KACL,MAAMO,SAAOU,QAAQ;KACrB,OAAOV,SAAOW;KACd,MAAMX,SAAOY;KACDH;KACZ,WAAWb,YAAYI,SAAOI;KAI9B,SACEK,cAAcT,SAAOa,kBACjBb,SAAOa,kBACPC;KAEN,eAAef,IAAIC,SAAO;eAEzBA,SAAOe;OAjBHf,SAAOI,IAkBL;KAEX;GAEF,oBAAC;IACC,MAAK;IACL,MAAK;IACL,MAAM,oBAAC,cAAY;IACnB,cAAYb,EAAE,4BAA4B,kBAAkB;IAC5D,SAASI;KAAe;;GAEf"}

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

@@ -1,6 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { _Text } from "../../content/Text.js";
 import { useI18n } from "../../../i18n/useI18n.js";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -33,12 +34,48 @@ const PreviewElement = tasty({
 * honestly represent five different rows, and Cloud settled on the same answer.
 */
 function ItemTableDragPreview(props) {
+	const $ = c(13);
 	const { rows, getItemDragInfo } = props;
 	const { t } = useI18n();
 	if (!rows.length) return null;
-	if (rows.length > 1) return /* @__PURE__ */ jsx(PreviewElement, { children: /* @__PURE__ */ jsx(_Text, { children: t("itemTable.dragCount", "{{count}} items", { count: rows.length }) }) });
-	const info = getItemDragInfo(rows[0]);
-	return /* @__PURE__ */ jsxs(PreviewElement, { children: [info.icon, /* @__PURE__ */ jsx(_Text, { children: info.label })] });
+	if (rows.length > 1) {
+		let t0;
+		if ($[0] !== rows.length || $[1] !== t) {
+			t0 = t("itemTable.dragCount", "{{count}} items", { count: rows.length });
+			$[0] = rows.length;
+			$[1] = t;
+			$[2] = t0;
+		} else t0 = $[2];
+		let t1;
+		if ($[3] !== t0) {
+			t1 = /* @__PURE__ */ jsx(PreviewElement, { children: /* @__PURE__ */ jsx(_Text, { children: t0 }) });
+			$[3] = t0;
+			$[4] = t1;
+		} else t1 = $[4];
+		return t1;
+	}
+	let t0;
+	if ($[5] !== getItemDragInfo || $[6] !== rows[0]) {
+		t0 = getItemDragInfo(rows[0]);
+		$[5] = getItemDragInfo;
+		$[6] = rows[0];
+		$[7] = t0;
+	} else t0 = $[7];
+	const info = t0;
+	let t1;
+	if ($[8] !== info.label) {
+		t1 = /* @__PURE__ */ jsx(_Text, { children: info.label });
+		$[8] = info.label;
+		$[9] = t1;
+	} else t1 = $[9];
+	let t2;
+	if ($[10] !== info.icon || $[11] !== t1) {
+		t2 = /* @__PURE__ */ jsxs(PreviewElement, { children: [info.icon, t1] });
+		$[10] = info.icon;
+		$[11] = t1;
+		$[12] = t2;
+	} else t2 = $[12];
+	return t2;
 }
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ItemTableDragPreview.js","names":["Text"],"sources":["../../../../src/components/data/ItemTable/ItemTableDragPreview.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nimport { useI18n } from '../../../i18n';\nimport { Text } from '../../content/Text';\n\nimport type { ReactNode } from 'react';\n\nconst PreviewElement = tasty({\n  qa: 'ItemTableDragPreview',\n  as: 'div',\n  styles: {\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    padding: '.5x 1x',\n    radius: '1cr',\n    fill: '#surface',\n    color: '#surface-text',\n    border: true,\n    shadow: '0 1x 3x #shadow',\n    preset: 't3',\n    // A chip, not a copy of the row: the default browser preview is a snapshot\n    // of the source element, which for a full-width table row is a page-wide\n    // slab that hides whatever it is being dragged over.\n    width: 'max 40x',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n});\n\nexport interface ItemTableDragPreviewProps<T = any> {\n  rows: T[];\n  getItemDragInfo: (row: T) => { label: ReactNode; icon?: ReactNode };\n}\n\n/**\n * What the cursor drags.\n *\n * One row shows its icon and label. Several show a count — a single chip cannot\n * honestly represent five different rows, and Cloud settled on the same answer.\n */\nexport function ItemTableDragPreview<T>(props: ItemTableDragPreviewProps<T>) {\n  const { rows, getItemDragInfo } = props;\n  const { t } = useI18n();\n\n  if (!rows.length) return null;\n\n  if (rows.length > 1) {\n    return (\n      <PreviewElement>\n        <Text>\n          {t('itemTable.dragCount', '{{count}} items', { count: rows.length })}\n        </Text>\n      </PreviewElement>\n    );\n  }\n\n  const info = getItemDragInfo(rows[0]);\n\n  return (\n    <PreviewElement>\n      {info.icon}\n      <Text>{info.label}</Text>\n    </PreviewElement>\n  );\n}\n"],"mappings":";;;;;;;AAOA,MAAM,iBAAiB,MAAM;CAC3B,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,MAAM;EACN,KAAK;EACL,YAAY;EACZ,SAAS;EACT,QAAQ;EACR,MAAM;EACN,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EAIR,OAAO;EACP,YAAY;EACZ,UAAU;EACV,cAAc;EACf;CACF,CAAC;;;;;;;AAaF,SAAgB,qBAAwB,OAAqC;CAC3E,MAAM,EAAE,MAAM,oBAAoB;CAClC,MAAM,EAAE,MAAM,SAAS;AAEvB,KAAI,CAAC,KAAK,OAAQ,QAAO;AAEzB,KAAI,KAAK,SAAS,EAChB,QACE,oBAAC,4BACC,oBAACA,mBACE,EAAE,uBAAuB,mBAAmB,EAAE,OAAO,KAAK,QAAQ,CAAC,GAC/D,GACQ;CAIrB,MAAM,OAAO,gBAAgB,KAAK,GAAG;AAErC,QACE,qBAAC,6BACE,KAAK,MACN,oBAACA,mBAAM,KAAK,QAAa,IACV"}
+{"version":3,"file":"ItemTableDragPreview.js","names":["tasty","useI18n","Text","ReactNode","PreviewElement","qa","as","styles","display","flow","gap","placeItems","padding","radius","fill","color","border","shadow","preset","width","whiteSpace","overflow","textOverflow","ItemTableDragPreviewProps","rows","T","getItemDragInfo","row","label","icon","ItemTableDragPreview","props","$","_c","t","length","t0","count","t1","info","t2"],"sources":["../../../../src/components/data/ItemTable/ItemTableDragPreview.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nimport { useI18n } from '../../../i18n';\nimport { Text } from '../../content/Text';\n\nimport type { ReactNode } from 'react';\n\nconst PreviewElement = tasty({\n  qa: 'ItemTableDragPreview',\n  as: 'div',\n  styles: {\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    padding: '.5x 1x',\n    radius: '1cr',\n    fill: '#surface',\n    color: '#surface-text',\n    border: true,\n    shadow: '0 1x 3x #shadow',\n    preset: 't3',\n    // A chip, not a copy of the row: the default browser preview is a snapshot\n    // of the source element, which for a full-width table row is a page-wide\n    // slab that hides whatever it is being dragged over.\n    width: 'max 40x',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n});\n\nexport interface ItemTableDragPreviewProps<T = any> {\n  rows: T[];\n  getItemDragInfo: (row: T) => { label: ReactNode; icon?: ReactNode };\n}\n\n/**\n * What the cursor drags.\n *\n * One row shows its icon and label. Several show a count — a single chip cannot\n * honestly represent five different rows, and Cloud settled on the same answer.\n */\nexport function ItemTableDragPreview<T>(props: ItemTableDragPreviewProps<T>) {\n  const { rows, getItemDragInfo } = props;\n  const { t } = useI18n();\n\n  if (!rows.length) return null;\n\n  if (rows.length > 1) {\n    return (\n      <PreviewElement>\n        <Text>\n          {t('itemTable.dragCount', '{{count}} items', { count: rows.length })}\n        </Text>\n      </PreviewElement>\n    );\n  }\n\n  const info = getItemDragInfo(rows[0]);\n\n  return (\n    <PreviewElement>\n      {info.icon}\n      <Text>{info.label}</Text>\n    </PreviewElement>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,MAAMI,iBAAiBJ,MAAM;CAC3BK,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC,YAAY;EACZC,SAAS;EACTC,QAAQ;EACRC,MAAM;EACNC,OAAO;EACPC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EAIRC,OAAO;EACPC,YAAY;EACZC,UAAU;EACVC,cAAc;EAChB;CACD,CAAC;;;;;;;AAaF,SAAOQ,qBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAT,MAAAE,oBAAkCK;CAClC,MAAA,EAAAG,MAAcjC,SAAS;AAEvB,KAAI,CAACuB,KAAIW,OAAO,QAAS;AAEzB,KAAIX,KAAIW,SAAU,GAAC;EAAA,IAAAC;AAAA,MAAAJ,EAAA,OAAAR,KAAAW,UAAAH,EAAA,OAAAE,GAAA;AAIVE,QAAAF,EAAE,uBAAuB,mBAAmB,EAAAG,OAASb,KAAIW,QAAS,CAAC;AAAAH,KAAA,KAAAR,KAAAW;AAAAH,KAAA,KAAAE;AAAAF,KAAA,KAAAI;QAAAA,MAAAJ,EAAA;EAAA,IAAAM;AAAA,MAAAN,EAAA,OAAAI,IAAA;AAFxEE,QAAA,oBAAC,4BACC,oBAAC,mBACEF,KAEL,GAAiB;AAAAJ,KAAA,KAAAI;AAAAJ,KAAA,KAAAM;QAAAA,MAAAN,EAAA;AAAA,SAJjBM;;CAMH,IAAAF;AAAA,KAAAJ,EAAA,OAAAN,mBAAAM,EAAA,OAAAR,KAAA,IAAA;AAEYY,OAAAV,gBAAgBF,KAAI,GAAI;AAAAQ,IAAA,KAAAN;AAAAM,IAAA,KAAAR,KAAA;AAAAQ,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;CAArC,MAAAO,OAAaH;CAAyB,IAAAE;AAAA,KAAAN,EAAA,OAAAO,KAAAX,OAAA;AAKlCU,OAAA,oBAAC,mBAAMC,KAAIX,QAAc;AAAAI,IAAA,KAAAO,KAAAX;AAAAI,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAQ;AAAA,KAAAR,EAAA,QAAAO,KAAAV,QAAAG,EAAA,QAAAM,IAAA;AAF3BE,OAAA,qBAAC,6BACED,KAAIV,MACLS,MACe;AAAAN,IAAA,MAAAO,KAAAV;AAAAG,IAAA,MAAAM;AAAAN,IAAA,MAAAQ;OAAAA,MAAAR,EAAA;AAAA,QAHjBQ"}

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

@@ -1,5 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { _Pagination } from "../../navigation/Pagination/Pagination.js";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -43,35 +44,71 @@ const FooterElement = tasty({
 		}
 	}
 });
-function ItemTableFooter({ start, center, end, pagination, styles }) {
-	return /* @__PURE__ */ jsxs(FooterElement, {
-		styles,
-		children: [
-			/* @__PURE__ */ jsx("div", {
-				"data-element": "Start",
-				children: start
-			}),
-			/* @__PURE__ */ jsx("div", {
-				"data-element": "Center",
-				children: center
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				"data-element": "End",
-				children: [end, pagination ? /* @__PURE__ */ jsx(_Pagination, {
-					size: "xsmall",
-					page: pagination.page,
-					pageSize: pagination.pageSize,
-					total: pagination.total,
-					totalPages: pagination.totalPages,
-					pageSizeOptions: pagination.pageSizeOptions,
-					summary: pagination.summary,
-					hasNextPage: pagination.hasNextPage,
-					onPageChange: pagination.onPageChange,
-					onPageSizeChange: pagination.onPageSizeChange
-				}) : null]
-			})
-		]
-	});
+function ItemTableFooter(t0) {
+	const $ = c(14);
+	const { start, center, end, pagination, styles } = t0;
+	let t1;
+	if ($[0] !== start) {
+		t1 = /* @__PURE__ */ jsx("div", {
+			"data-element": "Start",
+			children: start
+		});
+		$[0] = start;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== center) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			"data-element": "Center",
+			children: center
+		});
+		$[2] = center;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== pagination) {
+		t3 = pagination ? /* @__PURE__ */ jsx(_Pagination, {
+			size: "xsmall",
+			page: pagination.page,
+			pageSize: pagination.pageSize,
+			total: pagination.total,
+			totalPages: pagination.totalPages,
+			pageSizeOptions: pagination.pageSizeOptions,
+			summary: pagination.summary,
+			hasNextPage: pagination.hasNextPage,
+			onPageChange: pagination.onPageChange,
+			onPageSizeChange: pagination.onPageSizeChange
+		}) : null;
+		$[4] = pagination;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== end || $[7] !== t3) {
+		t4 = /* @__PURE__ */ jsxs("div", {
+			"data-element": "End",
+			children: [end, t3]
+		});
+		$[6] = end;
+		$[7] = t3;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== styles || $[10] !== t1 || $[11] !== t2 || $[12] !== t4) {
+		t5 = /* @__PURE__ */ jsxs(FooterElement, {
+			styles,
+			children: [
+				t1,
+				t2,
+				t4
+			]
+		});
+		$[9] = styles;
+		$[10] = t1;
+		$[11] = t2;
+		$[12] = t4;
+		$[13] = t5;
+	} else t5 = $[13];
+	return t5;
 }
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ItemTableFooter.js","names":["Pagination"],"sources":["../../../../src/components/data/ItemTable/ItemTableFooter.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nimport { Pagination } from '../../navigation/Pagination';\n\nimport type { Styles } from '@tenphi/tasty';\nimport type { ReactNode } from 'react';\nimport type { CubeTablePageInfo } from '../../navigation/Pagination';\n\nconst FooterElement = tasty({\n  qa: 'ItemTableFooter',\n  as: 'div',\n  styles: {\n    gridRow: 3,\n    // The footer is chrome around the data, so its text sits a step below the\n    // body's. Slot content inherits this, which is what keeps a consumer's own\n    // label matched to the pagination summary beside it.\n    preset: 't4',\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    padding: '1x',\n    border: '1bw #border top',\n\n    /**\n     * Three named slots. This is what replaces the `MutationObserver` that Cloud\n     * uses to inject a \"Load all results\" button into ag-grid's paging panel —\n     * ag-grid Community has no status bar, so there was nowhere to put it.\n     */\n    Start: {\n      $: '>',\n      display: 'flex',\n      flow: 'row',\n      gap: '1x',\n      placeItems: 'center',\n      width: 'min 0',\n    },\n    Center: {\n      $: '>',\n      display: 'flex',\n      flow: 'row',\n      gap: '1x',\n      placeItems: 'center',\n      placeContent: 'center',\n      // `flexGrow`, not a width: this is a flex item, and only grow makes it\n      // take the leftover space so its content actually lands in the middle.\n      flexGrow: 1,\n    },\n    End: {\n      $: '>',\n      display: 'flex',\n      flow: 'row',\n      gap: '1x',\n      placeItems: 'center',\n      placeContent: 'end',\n    },\n  },\n});\n\nexport interface ItemTableFooterProps {\n  start?: ReactNode;\n  center?: ReactNode;\n  end?: ReactNode;\n  /** Rendered in the end slot unless `end` overrides it. */\n  pagination?: {\n    page: number;\n    pageSize: number;\n    total: number;\n    totalPages?: number;\n    pageSizeOptions?: number[];\n    summary?: boolean | ((info: CubeTablePageInfo) => ReactNode);\n    hasNextPage?: boolean;\n    onPageChange: (page: number) => void;\n    onPageSizeChange?: (pageSize: number) => void;\n  };\n  styles?: Styles;\n}\n\nexport function ItemTableFooter({\n  start,\n  center,\n  end,\n  pagination,\n  styles,\n}: ItemTableFooterProps) {\n  return (\n    <FooterElement styles={styles}>\n      <div data-element=\"Start\">{start}</div>\n      <div data-element=\"Center\">{center}</div>\n      <div data-element=\"End\">\n        {end}\n        {pagination ? (\n          <Pagination\n            // The footer is chrome around the data, not part of it — its\n            // controls sit a step below the toolbar's.\n            size=\"xsmall\"\n            page={pagination.page}\n            pageSize={pagination.pageSize}\n            total={pagination.total}\n            totalPages={pagination.totalPages}\n            pageSizeOptions={pagination.pageSizeOptions}\n            summary={pagination.summary}\n            hasNextPage={pagination.hasNextPage}\n            onPageChange={pagination.onPageChange}\n            onPageSizeChange={pagination.onPageSizeChange}\n          />\n        ) : null}\n      </div>\n    </FooterElement>\n  );\n}\n"],"mappings":";;;;;;AAQA,MAAM,gBAAgB,MAAM;CAC1B,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;EAIT,QAAQ;EACR,SAAS;EACT,MAAM;EACN,KAAK;EACL,YAAY;EACZ,SAAS;EACT,QAAQ;EAOR,OAAO;GACL,GAAG;GACH,SAAS;GACT,MAAM;GACN,KAAK;GACL,YAAY;GACZ,OAAO;GACR;EACD,QAAQ;GACN,GAAG;GACH,SAAS;GACT,MAAM;GACN,KAAK;GACL,YAAY;GACZ,cAAc;GAGd,UAAU;GACX;EACD,KAAK;GACH,GAAG;GACH,SAAS;GACT,MAAM;GACN,KAAK;GACL,YAAY;GACZ,cAAc;GACf;EACF;CACF,CAAC;AAqBF,SAAgB,gBAAgB,EAC9B,OACA,QACA,KACA,YACA,UACuB;AACvB,QACE,qBAAC;EAAsB;;GACrB,oBAAC;IAAI,gBAAa;cAAS;KAAY;GACvC,oBAAC;IAAI,gBAAa;cAAU;KAAa;GACzC,qBAAC;IAAI,gBAAa;eACf,KACA,aACC,oBAACA;KAGC,MAAK;KACL,MAAM,WAAW;KACjB,UAAU,WAAW;KACrB,OAAO,WAAW;KAClB,YAAY,WAAW;KACvB,iBAAiB,WAAW;KAC5B,SAAS,WAAW;KACpB,aAAa,WAAW;KACxB,cAAc,WAAW;KACzB,kBAAkB,WAAW;MAC7B,GACA;KACA;;GACQ"}
+{"version":3,"file":"ItemTableFooter.js","names":["tasty","Pagination","Styles","ReactNode","CubeTablePageInfo","FooterElement","qa","as","styles","gridRow","preset","display","flow","gap","placeItems","padding","border","Start","$","width","Center","placeContent","flexGrow","End","ItemTableFooterProps","start","center","end","pagination","page","pageSize","total","totalPages","pageSizeOptions","summary","info","hasNextPage","onPageChange","onPageSizeChange","ItemTableFooter","t0","_c","t1","t2","t3","t4","t5"],"sources":["../../../../src/components/data/ItemTable/ItemTableFooter.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nimport { Pagination } from '../../navigation/Pagination';\n\nimport type { Styles } from '@tenphi/tasty';\nimport type { ReactNode } from 'react';\nimport type { CubeTablePageInfo } from '../../navigation/Pagination';\n\nconst FooterElement = tasty({\n  qa: 'ItemTableFooter',\n  as: 'div',\n  styles: {\n    gridRow: 3,\n    // The footer is chrome around the data, so its text sits a step below the\n    // body's. Slot content inherits this, which is what keeps a consumer's own\n    // label matched to the pagination summary beside it.\n    preset: 't4',\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    padding: '1x',\n    border: '1bw #border top',\n\n    /**\n     * Three named slots. This is what replaces the `MutationObserver` that Cloud\n     * uses to inject a \"Load all results\" button into ag-grid's paging panel —\n     * ag-grid Community has no status bar, so there was nowhere to put it.\n     */\n    Start: {\n      $: '>',\n      display: 'flex',\n      flow: 'row',\n      gap: '1x',\n      placeItems: 'center',\n      width: 'min 0',\n    },\n    Center: {\n      $: '>',\n      display: 'flex',\n      flow: 'row',\n      gap: '1x',\n      placeItems: 'center',\n      placeContent: 'center',\n      // `flexGrow`, not a width: this is a flex item, and only grow makes it\n      // take the leftover space so its content actually lands in the middle.\n      flexGrow: 1,\n    },\n    End: {\n      $: '>',\n      display: 'flex',\n      flow: 'row',\n      gap: '1x',\n      placeItems: 'center',\n      placeContent: 'end',\n    },\n  },\n});\n\nexport interface ItemTableFooterProps {\n  start?: ReactNode;\n  center?: ReactNode;\n  end?: ReactNode;\n  /** Rendered in the end slot unless `end` overrides it. */\n  pagination?: {\n    page: number;\n    pageSize: number;\n    total: number;\n    totalPages?: number;\n    pageSizeOptions?: number[];\n    summary?: boolean | ((info: CubeTablePageInfo) => ReactNode);\n    hasNextPage?: boolean;\n    onPageChange: (page: number) => void;\n    onPageSizeChange?: (pageSize: number) => void;\n  };\n  styles?: Styles;\n}\n\nexport function ItemTableFooter({\n  start,\n  center,\n  end,\n  pagination,\n  styles,\n}: ItemTableFooterProps) {\n  return (\n    <FooterElement styles={styles}>\n      <div data-element=\"Start\">{start}</div>\n      <div data-element=\"Center\">{center}</div>\n      <div data-element=\"End\">\n        {end}\n        {pagination ? (\n          <Pagination\n            // The footer is chrome around the data, not part of it — its\n            // controls sit a step below the toolbar's.\n            size=\"xsmall\"\n            page={pagination.page}\n            pageSize={pagination.pageSize}\n            total={pagination.total}\n            totalPages={pagination.totalPages}\n            pageSizeOptions={pagination.pageSizeOptions}\n            summary={pagination.summary}\n            hasNextPage={pagination.hasNextPage}\n            onPageChange={pagination.onPageChange}\n            onPageSizeChange={pagination.onPageSizeChange}\n          />\n        ) : null}\n      </div>\n    </FooterElement>\n  );\n}\n"],"mappings":";;;;;;;AAQA,MAAMK,gBAAgBL,MAAM;CAC1BM,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,SAAS;EAITC,QAAQ;EACRC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC,YAAY;EACZC,SAAS;EACTC,QAAQ;EAORC,OAAO;GACLC,GAAG;GACHP,SAAS;GACTC,MAAM;GACNC,KAAK;GACLC,YAAY;GACZK,OAAO;GACR;EACDC,QAAQ;GACNF,GAAG;GACHP,SAAS;GACTC,MAAM;GACNC,KAAK;GACLC,YAAY;GACZO,cAAc;GAGdC,UAAU;GACX;EACDC,KAAK;GACHL,GAAG;GACHP,SAAS;GACTC,MAAM;GACNC,KAAK;GACLC,YAAY;GACZO,cAAc;GAChB;EACF;CACD,CAAC;AAqBF,SAAOkB,gBAAAC,IAAA;CAAA,MAAAtB,IAAAuB,EAAA,GAAA;CAAyB,MAAA,EAAAhB,OAAAC,QAAAC,KAAAC,YAAApB,WAAAgC;CAMT,IAAAE;AAAA,KAAAxB,EAAA,OAAAO,OAAA;AAGjBiB,OAAA,oBAAA;GAAkB,gBAAA;aAASjB;IAAY;AAAAP,IAAA,KAAAO;AAAAP,IAAA,KAAAwB;OAAAA,MAAAxB,EAAA;CAAA,IAAAyB;AAAA,KAAAzB,EAAA,OAAAQ,QAAA;AACvCiB,OAAA,oBAAA;GAAkB,gBAAA;aAAUjB;IAAa;AAAAR,IAAA,KAAAQ;AAAAR,IAAA,KAAAyB;OAAAA,MAAAzB,EAAA;CAAA,IAAA0B;AAAA,KAAA1B,EAAA,OAAAU,YAAA;AAGtCgB,OAAAhB,aACC,oBAAC;GAGM,MAAA;GACC,MAAAA,WAAUC;GACN,UAAAD,WAAUE;GACb,OAAAF,WAAUG;GACL,YAAAH,WAAUI;GACL,iBAAAJ,WAAUK;GAClB,SAAAL,WAAUM;GACN,aAAAN,WAAUQ;GACT,cAAAR,WAAUS;GACN,kBAAAT,WAAUU;IAExB,GAfP;AAeOpB,IAAA,KAAAU;AAAAV,IAAA,KAAA0B;OAAAA,MAAA1B,EAAA;CAAA,IAAA2B;AAAA,KAAA3B,EAAA,OAAAS,OAAAT,EAAA,OAAA0B,IAAA;AAjBVC,OAAA,qBAAA;GAAkB,gBAAA;cACflB,KACAiB;IAgBG;AAAA1B,IAAA,KAAAS;AAAAT,IAAA,KAAA0B;AAAA1B,IAAA,KAAA2B;OAAAA,MAAA3B,EAAA;CAAA,IAAA4B;AAAA,KAAA5B,EAAA,OAAAV,UAAAU,EAAA,QAAAwB,MAAAxB,EAAA,QAAAyB,MAAAzB,EAAA,QAAA2B,IAAA;AArBRC,OAAA,qBAAC;GAAsBtC;;IACrBkC;IACAC;IACAE;;IAmBc;AAAA3B,IAAA,KAAAV;AAAAU,IAAA,MAAAwB;AAAAxB,IAAA,MAAAyB;AAAAzB,IAAA,MAAA2B;AAAA3B,IAAA,MAAA4B;OAAAA,MAAA5B,EAAA;AAAA,QAtBhB4B"}