@cube-dev/ui-kit 0.197.0 → 0.198.1

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -25,7 +25,6 @@ import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES } from "@tenphi/tasty";
 import { forwardRef, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/data/ItemTable/ItemTable.tsx
 function defaultGetRowKey(rowKey) {
 	return (row, index) => {
@@ -77,7 +76,8 @@ function ItemTable(props, ref) {
 	const overscan = t26 === void 0 ? 20 : t26;
 	const headerPreset = t27 === void 0 ? "c3" : t27;
 	const { t } = useI18n();
-	const rootRef = useCombinedRefs(ref, useRef(null));
+	const localRef = useRef(null);
+	const rootRef = useCombinedRefs(ref, localRef);
 	const [scrollerEl, setScrollerEl] = useState(null);
 	const containerWidth = useContainerWidth(scrollerEl);
 	let t29;
@@ -568,6 +568,7 @@ function ItemTable(props, ref) {
 	} else t50 = $[131];
 	return t50;
 }
+/** `forwardRef` loses the row type, so the table is cast back to a generic. */
 function _temp2(entry_1) {
 	return entry_1.key;
 }
@@ -580,7 +581,7 @@ const _ItemTable = Object.assign(forwardRef(ItemTable), {
 	BulkBar: ItemTableBulkBar
 });
 _ItemTable.displayName = "ItemTable";
-
 //#endregion
-export { _ItemTable };
+export { _ItemTable as ItemTable };
+
 //# sourceMappingURL=ItemTable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ItemTable.js","names":["CONTAINER_STYLES","forwardRef","useMemo","useRef","useState","useI18n","useCombinedRefs","extractStyles","mergeStyleLayers","DraggableCollection","ROW_MENU_COLUMN_KEY","ROW_MENU_COLUMN_WIDTH","filterTableTree","TableView","useContainerWidth","getColumnText","matchesTableSearch","useTableSearch","SELECTION_COLUMN_KEY","SELECTION_COLUMN_WIDTH","useTableStorage","useTableTreeState","ItemTableBulkBar","ItemTableFooter","ItemTableChromeProvider","ItemTableSearch","ItemTableToolbar","useItemTableColumnWidths","useItemTableDragDrop","useItemTablePagination","useItemTableSelection","useItemTableSort","useItemTableTreeModel","Key","ForwardedRef","ReactElement","ReactNode","CubeTableRowContext","CubeItemTableProps","defaultGetRowKey","rowKey","row","T","index","value","ItemTable","props","ref","$","_c","data","columns","t0","getRowKey","getRowChildren","treeColumnKey","expandedKeys","defaultExpandedKeys","onExpand","isLoading","t1","loadingIndicator","t2","selectionMode","bulkActions","rowLink","onRowAction","rowMenu","rowContextMenu","t3","onRowMenuAction","rowMenuTriggerProps","bulkBarPlacement","t4","bulkBarStyles","selectedKeys","selectedKeysProp","defaultSelectedKeys","onSelectionChange","selectAllMode","t5","isRowSelectable","selectionTooltip","disabledKeys","treeSelectionBehavior","t6","skeletonRowCount","t7","emptyLabel","noResultsLabel","error","isFiltered","toolbar","isSearchable","t8","searchMode","t9","searchPlaceholder","searchValue","searchValueProp","defaultSearchValue","onSearchChange","searchDelay","t10","searchFilter","filters","actions","onRefresh","paginationMode","t11","pageSize","pageSizeProp","defaultPageSize","t12","autoHidePagination","t13","onLoadMore","hasMore","isLoadingMore","loadMoreMargin","storageKey","persist","isReorderable","t14","onReorder","dropOnRow","getItemDragInfo","isResizable","t15","columnWidths","columnWidthsProp","defaultColumnWidths","onColumnResize","columnContextMenu","onColumnMenuAction","columnMenuTriggerProps","columnMenuProps","onPageSizeChange","pageSizeOptions","t16","page","pageProp","defaultPage","onPageChange","total","totalProp","totalPages","hasNextPage","summary","t17","footer","footerStart","footerCenter","footerEnd","sortMode","sort","sortProp","defaultSort","onSortChange","shape","t18","size","t19","rowHeight","headerHeight","isStriped","t20","isHeaderHidden","t21","isHeaderSticky","t22","isAutoHeight","t23","isVirtualized","t24","virtualizeThreshold","t25","overscan","t26","getRowProps","ariaLabel","qa","mods","styles","headerStyles","headerCellStyles","headerPreset","t27","toolbarStyles","searchStyles","footerStyles","bodyStyles","rowStyles","cellStyles","isRowMoveAnimated","undefined","t28","t","localRef","rootRef","scrollerEl","setScrollerEl","containerWidth","t29","rootStyles","t30","resolvedGetRowKey","t31","treeModel","resolvedTreeColumnKey","t32","t33","rows","mode","defaultValue","onChange","delay","filter","setSearchValue","searchedRows","query","isSearching","t34","bb0","t35","Symbol","for","Set","t36","roots","forcedExpandedKeys","node","sourceIndex","searchedTree","storage","tree","sortedRows","sortedTreeRoots","resolvedSortMode","toggleSort","setColumnSort","t37","treeRoots","isTree","autoHide","pagination","t38","byKey","Map","t39","t40","node_0","column","find","entry","key","String","t41","pageTreeRoots","allNodesByKey","getTextValue","treeState","visibleTreeEntries","visibleEntries","visibleRows","map","_temp","pageRows","visibleRowKeys","_temp2","selection","rowKeys","t42","ctx","resolveRowMenu","t43","width","medium","align","const","trailingColumns","t44","isEnabled","leadingColumns","t45","layout","handleColumnResize","handleColumnResizeEnd","hasBulkSelection","length","selectedCount","t46","bulkBar","isBulkBarInToolbar","hasToolbar","t47","toolbarNode","hasFooter","control","t48","footerNode","bodyRef","drag","renderTable","dragState","dropState","collectionProps","isPaginated","isInfinite","state","ariaProps","nodes","visibleNodes","entries","columnKey","table","collection","selectionManager","orderedKeys","onItemDrop","shouldAcceptItemDrop","renderPreview","dragState_0","dropState_0","collectionProps_0","t49","clearSelection","selectedRows","t50","entry_1","entry_0","_ItemTable","Object","assign","HTMLDivElement","displayName","Search","Toolbar","BulkBar"],"sources":["../../../../src/components/data/ItemTable/ItemTable.tsx"],"sourcesContent":["import { CONTAINER_STYLES } from '@tenphi/tasty';\nimport { forwardRef, useMemo, useRef, useState } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { useCombinedRefs } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { DraggableCollection } from '../../shared/DraggableCollection';\nimport {\n  ROW_MENU_COLUMN_KEY,\n  ROW_MENU_COLUMN_WIDTH,\n} from '../TableBase/row-menu';\nimport { filterTableTree } from '../TableBase/table-tree';\nimport { TableView } from '../TableBase/TableView';\nimport { useContainerWidth } from '../TableBase/use-container-width';\nimport { getColumnText } 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} from '../TableBase/use-table-selection';\nimport { useTableStorage } from '../TableBase/use-table-storage';\nimport { useTableTreeState } from '../TableBase/use-table-tree-state';\n\nimport { ItemTableBulkBar } from './ItemTableBulkBar';\nimport { ItemTableFooter } from './ItemTableFooter';\nimport {\n  ItemTableChromeProvider,\n  ItemTableSearch,\n  ItemTableToolbar,\n} from './ItemTableToolbar';\nimport { useItemTableColumnWidths } from './use-item-table-column-widths';\nimport { useItemTableDragDrop } from './use-item-table-drag-drop';\nimport { useItemTablePagination } from './use-item-table-pagination';\nimport { useItemTableSelection } from './use-item-table-selection';\nimport { useItemTableSort } from './use-item-table-sort';\nimport { useItemTableTreeModel } from './use-item-table-tree-model';\n\nimport type { Key } from '@react-types/shared';\nimport type { ForwardedRef, ReactElement, ReactNode } from 'react';\nimport type { CubeTableRowContext } from '../TableBase/types';\nimport type { CubeItemTableProps } from './types';\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 = mergeStyleLayers(\n    extractStyles(props, CONTAINER_STYLES),\n    styles,\n  );\n\n  const resolvedGetRowKey = useMemo(\n    () => getRowKey ?? defaultGetRowKey<T>(rowKey),\n    [getRowKey, rowKey],\n  );\n\n  const { treeModel, treeColumnKey: resolvedTreeColumnKey } =\n    useItemTableTreeModel<T>({\n      data,\n      columns,\n      getRowKey: resolvedGetRowKey,\n      getRowChildren,\n      treeColumnKey,\n      isReorderable,\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    sortedTreeRoots,\n    mode: resolvedSortMode,\n    toggleSort,\n    setColumnSort,\n  } = useItemTableSort<T>({\n    columns,\n    rows: searchedRows,\n    tree: searchedTree,\n    mode: sortMode,\n    sort: sortProp,\n    defaultSort,\n    onSortChange,\n    storage,\n  });\n\n  // Search → sort → paginate. Paging last, so a page always reflects the rows\n  // the user is actually looking at.\n  const pagination = useItemTablePagination<T>({\n    mode: paginationMode,\n    rows: sortedRows,\n    treeRoots: sortedTreeRoots,\n    isTree: treeModel != null,\n    pageSize: pageSizeProp,\n    defaultPageSize,\n    onPageSizeChange,\n    pageSizeOptions,\n    page: pageProp,\n    defaultPage,\n    onPageChange,\n    total: totalProp,\n    totalPages,\n    hasNextPage,\n    summary,\n    autoHide: autoHidePagination,\n    storage,\n  });\n\n  const treeState = useTableTreeState<T>({\n    roots: pagination.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    : pagination.pageRows;\n  const visibleRowKeys = treeModel\n    ? visibleTreeEntries.map((entry) => entry.key)\n    : undefined;\n\n  const selection = useItemTableSelection<T>({\n    rows: visibleRows,\n    rowKeys: visibleRowKeys,\n    sortedRows,\n    isTree: treeModel != null,\n    sortedTreeRoots,\n    pageTreeRoots: pagination.pageTreeRoots,\n    paginationMode,\n    getRowKey: resolvedGetRowKey,\n    selectionMode,\n    bulkActions,\n    selectedKeys: selectedKeysProp,\n    defaultSelectedKeys,\n    onSelectionChange,\n    selectAllMode,\n    isRowSelectable,\n    disabledKeys,\n    treeSelectionBehavior,\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  const { layout, handleColumnResize, handleColumnResizeEnd } =\n    useItemTableColumnWidths<T>({\n      columns,\n      containerWidth,\n      leadingColumns,\n      trailingColumns,\n      columnWidths: columnWidthsProp,\n      defaultColumnWidths,\n      onColumnResize,\n      storage,\n    });\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  const hasFooter =\n    footer !== undefined ||\n    pagination.control != null ||\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={pagination.control}\n        />\n      )\n    : null;\n\n  const bodyRef = useRef<HTMLTableSectionElement>(null);\n\n  const drag = useItemTableDragDrop<T>({\n    rows: visibleRows,\n    rowKeys: visibleRowKeys,\n    getRowKey: resolvedGetRowKey,\n    treeModel,\n    isReorderable,\n    onReorder,\n    dropOnRow,\n    getItemDragInfo,\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\n          ? 0\n          : pagination.isPaginated\n            ? (pagination.page - 1) * pagination.pageSize\n            : 0\n      }\n      totalRowCount={treeModel ? visibleRows.length : pagination.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={pagination.isInfinite ? onLoadMore : undefined}\n      hasMore={hasMore}\n      isLoadingMore={isLoadingMore}\n      loadMoreMargin={loadMoreMargin}\n      isReorderable={drag.isEnabled}\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={resolvedSortMode}\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 table = drag.isEnabled ? (\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={drag.orderedKeys}\n      orientation=\"vertical\"\n      onReorder={drag.onReorder}\n      onItemDrop={drag.onItemDrop}\n      shouldAcceptItemDrop={drag.shouldAcceptItemDrop}\n      renderPreview={drag.renderPreview}\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":"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"}
+{"version":3,"file":"ItemTable.js","names":["CONTAINER_STYLES","forwardRef","useMemo","useRef","useState","useI18n","useCombinedRefs","extractStyles","mergeStyleLayers","DraggableCollection","ROW_MENU_COLUMN_KEY","ROW_MENU_COLUMN_WIDTH","filterTableTree","TableView","useContainerWidth","getColumnText","matchesTableSearch","useTableSearch","SELECTION_COLUMN_KEY","SELECTION_COLUMN_WIDTH","useTableStorage","useTableTreeState","ItemTableBulkBar","ItemTableFooter","ItemTableChromeProvider","ItemTableSearch","ItemTableToolbar","useItemTableColumnWidths","useItemTableDragDrop","useItemTablePagination","useItemTableSelection","useItemTableSort","useItemTableTreeModel","Key","ForwardedRef","ReactElement","ReactNode","CubeTableRowContext","CubeItemTableProps","defaultGetRowKey","rowKey","row","T","index","value","ItemTable","props","ref","$","_c","data","columns","t0","getRowKey","getRowChildren","treeColumnKey","expandedKeys","defaultExpandedKeys","onExpand","isLoading","t1","loadingIndicator","t2","selectionMode","bulkActions","rowLink","onRowAction","rowMenu","rowContextMenu","t3","onRowMenuAction","rowMenuTriggerProps","bulkBarPlacement","t4","bulkBarStyles","selectedKeys","selectedKeysProp","defaultSelectedKeys","onSelectionChange","selectAllMode","t5","isRowSelectable","selectionTooltip","disabledKeys","treeSelectionBehavior","t6","skeletonRowCount","t7","emptyLabel","noResultsLabel","error","isFiltered","toolbar","isSearchable","t8","searchMode","t9","searchPlaceholder","searchValue","searchValueProp","defaultSearchValue","onSearchChange","searchDelay","t10","searchFilter","filters","actions","onRefresh","paginationMode","t11","pageSize","pageSizeProp","defaultPageSize","t12","autoHidePagination","t13","onLoadMore","hasMore","isLoadingMore","loadMoreMargin","storageKey","persist","isReorderable","t14","onReorder","dropOnRow","getItemDragInfo","isResizable","t15","columnWidths","columnWidthsProp","defaultColumnWidths","onColumnResize","columnContextMenu","onColumnMenuAction","columnMenuTriggerProps","columnMenuProps","onPageSizeChange","pageSizeOptions","t16","page","pageProp","defaultPage","onPageChange","total","totalProp","totalPages","hasNextPage","summary","t17","footer","footerStart","footerCenter","footerEnd","sortMode","sort","sortProp","defaultSort","onSortChange","shape","t18","size","t19","rowHeight","headerHeight","isStriped","t20","isHeaderHidden","t21","isHeaderSticky","t22","isAutoHeight","t23","isVirtualized","t24","virtualizeThreshold","t25","overscan","t26","getRowProps","ariaLabel","qa","mods","styles","headerStyles","headerCellStyles","headerPreset","t27","toolbarStyles","searchStyles","footerStyles","bodyStyles","rowStyles","cellStyles","isRowMoveAnimated","undefined","t28","t","localRef","rootRef","scrollerEl","setScrollerEl","containerWidth","t29","rootStyles","t30","resolvedGetRowKey","t31","treeModel","resolvedTreeColumnKey","t32","t33","rows","mode","defaultValue","onChange","delay","filter","setSearchValue","searchedRows","query","isSearching","t34","bb0","t35","Symbol","for","Set","t36","roots","forcedExpandedKeys","node","sourceIndex","searchedTree","storage","tree","sortedRows","sortedTreeRoots","resolvedSortMode","toggleSort","setColumnSort","t37","treeRoots","isTree","autoHide","pagination","t38","byKey","Map","t39","t40","node_0","column","find","entry","key","String","t41","pageTreeRoots","allNodesByKey","getTextValue","treeState","visibleTreeEntries","visibleEntries","visibleRows","map","_temp","pageRows","visibleRowKeys","_temp2","selection","rowKeys","t42","ctx","resolveRowMenu","t43","width","medium","align","const","trailingColumns","t44","isEnabled","leadingColumns","t45","layout","handleColumnResize","handleColumnResizeEnd","hasBulkSelection","length","selectedCount","t46","bulkBar","isBulkBarInToolbar","hasToolbar","t47","toolbarNode","hasFooter","control","t48","footerNode","bodyRef","drag","renderTable","dragState","dropState","collectionProps","isPaginated","isInfinite","state","ariaProps","nodes","visibleNodes","entries","columnKey","table","collection","selectionManager","orderedKeys","onItemDrop","shouldAcceptItemDrop","renderPreview","dragState_0","dropState_0","collectionProps_0","t49","clearSelection","selectedRows","t50","entry_1","entry_0","ItemTableRoot","HTMLDivElement","displayName","ItemTableComponent","Search","Toolbar","BulkBar","_ItemTable","Object","assign","_c"],"sources":["../../../../src/components/data/ItemTable/ItemTable.tsx"],"sourcesContent":["import { CONTAINER_STYLES } from '@tenphi/tasty';\nimport { forwardRef, useMemo, useRef, useState } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { useCombinedRefs } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { DraggableCollection } from '../../shared/DraggableCollection';\nimport {\n  ROW_MENU_COLUMN_KEY,\n  ROW_MENU_COLUMN_WIDTH,\n} from '../TableBase/row-menu';\nimport { filterTableTree } from '../TableBase/table-tree';\nimport { TableView } from '../TableBase/TableView';\nimport { useContainerWidth } from '../TableBase/use-container-width';\nimport { getColumnText } 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} from '../TableBase/use-table-selection';\nimport { useTableStorage } from '../TableBase/use-table-storage';\nimport { useTableTreeState } from '../TableBase/use-table-tree-state';\n\nimport { ItemTableBulkBar } from './ItemTableBulkBar';\nimport { ItemTableFooter } from './ItemTableFooter';\nimport {\n  ItemTableChromeProvider,\n  ItemTableSearch,\n  ItemTableToolbar,\n} from './ItemTableToolbar';\nimport { useItemTableColumnWidths } from './use-item-table-column-widths';\nimport { useItemTableDragDrop } from './use-item-table-drag-drop';\nimport { useItemTablePagination } from './use-item-table-pagination';\nimport { useItemTableSelection } from './use-item-table-selection';\nimport { useItemTableSort } from './use-item-table-sort';\nimport { useItemTableTreeModel } from './use-item-table-tree-model';\n\nimport type { Key } from '@react-types/shared';\nimport type { ForwardedRef, ReactElement, ReactNode } from 'react';\nimport type { CubeTableRowContext } from '../TableBase/types';\nimport type { CubeItemTableProps } from './types';\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 = mergeStyleLayers(\n    extractStyles(props, CONTAINER_STYLES),\n    styles,\n  );\n\n  const resolvedGetRowKey = useMemo(\n    () => getRowKey ?? defaultGetRowKey<T>(rowKey),\n    [getRowKey, rowKey],\n  );\n\n  const { treeModel, treeColumnKey: resolvedTreeColumnKey } =\n    useItemTableTreeModel<T>({\n      data,\n      columns,\n      getRowKey: resolvedGetRowKey,\n      getRowChildren,\n      treeColumnKey,\n      isReorderable,\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    sortedTreeRoots,\n    mode: resolvedSortMode,\n    toggleSort,\n    setColumnSort,\n  } = useItemTableSort<T>({\n    columns,\n    rows: searchedRows,\n    tree: searchedTree,\n    mode: sortMode,\n    sort: sortProp,\n    defaultSort,\n    onSortChange,\n    storage,\n  });\n\n  // Search → sort → paginate. Paging last, so a page always reflects the rows\n  // the user is actually looking at.\n  const pagination = useItemTablePagination<T>({\n    mode: paginationMode,\n    rows: sortedRows,\n    treeRoots: sortedTreeRoots,\n    isTree: treeModel != null,\n    pageSize: pageSizeProp,\n    defaultPageSize,\n    onPageSizeChange,\n    pageSizeOptions,\n    page: pageProp,\n    defaultPage,\n    onPageChange,\n    total: totalProp,\n    totalPages,\n    hasNextPage,\n    summary,\n    autoHide: autoHidePagination,\n    storage,\n  });\n\n  const treeState = useTableTreeState<T>({\n    roots: pagination.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) ??\n            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    : pagination.pageRows;\n  const visibleRowKeys = treeModel\n    ? visibleTreeEntries.map((entry) => entry.key)\n    : undefined;\n\n  const selection = useItemTableSelection<T>({\n    rows: visibleRows,\n    rowKeys: visibleRowKeys,\n    sortedRows,\n    isTree: treeModel != null,\n    sortedTreeRoots,\n    pageTreeRoots: pagination.pageTreeRoots,\n    paginationMode,\n    getRowKey: resolvedGetRowKey,\n    selectionMode,\n    bulkActions,\n    selectedKeys: selectedKeysProp,\n    defaultSelectedKeys,\n    onSelectionChange,\n    selectAllMode,\n    isRowSelectable,\n    disabledKeys,\n    treeSelectionBehavior,\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  const { layout, handleColumnResize, handleColumnResizeEnd } =\n    useItemTableColumnWidths<T>({\n      columns,\n      containerWidth,\n      leadingColumns,\n      trailingColumns,\n      columnWidths: columnWidthsProp,\n      defaultColumnWidths,\n      onColumnResize,\n      storage,\n    });\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  const hasFooter =\n    footer !== undefined ||\n    pagination.control != null ||\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={pagination.control}\n        />\n      ))\n    : null;\n\n  const bodyRef = useRef<HTMLTableSectionElement>(null);\n\n  const drag = useItemTableDragDrop<T>({\n    rows: visibleRows,\n    rowKeys: visibleRowKeys,\n    getRowKey: resolvedGetRowKey,\n    treeModel,\n    isReorderable,\n    onReorder,\n    dropOnRow,\n    getItemDragInfo,\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\n          ? 0\n          : pagination.isPaginated\n            ? (pagination.page - 1) * pagination.pageSize\n            : 0\n      }\n      totalRowCount={treeModel ? visibleRows.length : pagination.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={pagination.isInfinite ? onLoadMore : undefined}\n      hasMore={hasMore}\n      isLoadingMore={isLoadingMore}\n      loadMoreMargin={loadMoreMargin}\n      isReorderable={drag.isEnabled}\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={resolvedSortMode}\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 table = drag.isEnabled ? (\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={drag.orderedKeys}\n      orientation=\"vertical\"\n      onReorder={drag.onReorder}\n      onItemDrop={drag.onItemDrop}\n      shouldAcceptItemDrop={drag.shouldAcceptItemDrop}\n      renderPreview={drag.renderPreview}\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\n/** `forwardRef` loses the row type, so the table is cast back to a generic. */\ninterface ItemTableRoot {\n  <T = any>(\n    props: CubeItemTableProps<T> & { ref?: ForwardedRef<HTMLDivElement> },\n  ): ReactElement;\n  displayName?: string;\n}\n\nexport interface ItemTableComponent extends ItemTableRoot {\n  /** The table's search input, bound to the table's own state. */\n  Search: typeof ItemTableSearch;\n  /** The default toolbar row, for rebuilding it around extra content. */\n  Toolbar: typeof ItemTableToolbar;\n  /** The selection action bar, for placing it outside the default chrome. */\n  BulkBar: typeof ItemTableBulkBar;\n}\n\nconst _ItemTable: ItemTableComponent = Object.assign(\n  forwardRef(ItemTable) as unknown as ItemTableRoot,\n  {\n    Search: ItemTableSearch,\n    Toolbar: ItemTableToolbar,\n    BulkBar: ItemTableBulkBar,\n  },\n);\n\n_ItemTable.displayName = 'ItemTable';\n\nexport { _ItemTable as ItemTable };\n"],"mappings":"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"}

package/dist/components/data/ItemTable/ItemTableBulkBar.d.ts

@@ -1,10 +1,8 @@
 
 import { CubeTableBulkAction } from "./types.js";
 import { Styles } from "@tenphi/tasty";
-import * as react from "react";
-
 //#region src/components/data/ItemTable/ItemTableBulkBar.d.ts
-interface ItemTableBulkBarProps<T = any> {
+export interface ItemTableBulkBarProps<T = any> {
   actions: CubeTableBulkAction<T>[];
   /** @default 'floating' */
   placement?: 'floating' | 'toolbar';
@@ -17,7 +15,6 @@ interface ItemTableBulkBarProps<T = any> {
  * the toolbar can drop `<ItemTable.BulkBar>` wherever it likes and still have
  * one owner of the selection.
  */
-declare function ItemTableBulkBar<T = any>(props: ItemTableBulkBarProps<T>): react.JSX.Element | null;
+export declare function ItemTableBulkBar<T = any>(props: ItemTableBulkBarProps<T>): import("react").JSX.Element | null;
 //#endregion
-export { ItemTableBulkBar };
 //# sourceMappingURL=ItemTableBulkBar.d.ts.map

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

@@ -1,5 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
-import { _Text } from "../../content/Text.js";
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+import { Text as _Text } from "../../content/Text.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../../actions/index.js";
@@ -8,7 +8,6 @@ import { useItemTableChrome } from "./ItemTableToolbar.js";
 import { tasty } from "@tenphi/tasty";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/data/ItemTable/ItemTableBulkBar.tsx
 const BarElement = tasty({
 	qa: "ItemTableBulkBar",
@@ -19,6 +18,11 @@ const BarElement = tasty({
 		gap: "1x",
 		placeItems: "center",
 		boxSizing: "border-box",
+		/**
+		* `floating` lifts the bar out of the grid and centres it over the body, so
+		* it never changes the table's height — a bar that pushed the rows down
+		* would move the very row the user is about to click.
+		*/
 		position: {
 			"": "static",
 			floating: "absolute"
@@ -121,7 +125,7 @@ function ItemTableBulkBar(props) {
 		]
 	});
 }
-
 //#endregion
 export { ItemTableBulkBar };
+
 //# sourceMappingURL=ItemTableBulkBar.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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","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,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;EAAW;EAC/CC,OAAO;GAAE,IAAI;GAAQD,UAAU;EAAmB;EAClDE,WAAW;GAAE,IAAI;GAAOF,UAAU;EAAS;EAC3CG,QAAQ;GAAE,IAAI;GAAQH,UAAU;EAAG;EAGnCI,MAAM;GAAE,IAAI;GAAUJ,UAAU;EAAW;EAC3CK,OAAO;EACPC,QAAQ;GAAE,IAAI;GAAON,UAAU;EAAK;EACpCO,QAAQ;GAAE,IAAI;GAAGP,UAAU;EAAM;EACjCQ,QAAQ;GAAE,IAAI;GAAOR,UAAU;EAAkB;EACjDS,SAAS;GAAE,IAAI;GAAGT,UAAU;EAAU;EACtCU,OAAO;GAAE,IAAI;GAAQV,UAAU;EAAkB;CACnD;AACF,CAAC;;;;;;;;AAgBD,SAAgBe,iBAA0BC,OAAiC;CACzE,MAAM,EAAEJ,SAASE,YAAY,YAAYrB,WAAWuB;CACpD,MAAM,EAAEC,MAAMlC,QAAQ;CAEtB,MAAM,EAAEoC,cAAcC,eAAeC,mBADtBlC,mBAAmB,mBACsB+B;CAGxD,MAAM,CAACI,aAAaC,kBAAkB1C,SAAkC,CAAC,CAAC;CAE1E,MAAM4C,MAAM3C,SAAS,OAAO4C,WAAmC;EAC7D,MAAMC,cAAcC,UAClBL,gBAAgBM,aAAa;GAAE,GAAGA;IAAUH,OAAOI,MAAMF;EAAM,EAAE;EAEnE,IAAI;GACF,MAAMF,OAAOK,SAASZ,cAAqB,EAAEQ,WAAW,CAAC;GAKzD,IAAID,OAAOM,kBAAkB,OAAOX,eAAe;EACrD,UAAU;GACRM,WAAW,KAAK;EAClB;CACF,CAAC;CAED,IAAIP,kBAAkB,GAAG,OAAO;CAEhC,OACE,qBAAC,YAAD;EACE,MAAK;EACL,cAAYH,EAAE,yBAAyB,cAAc;EAC7CxB;EACR,MAAM,EAAEO,UAAUc,cAAc,WAAW;EAJ7C,UAAA;GAME,oBAAC4B,OAAD;IAAM,QAAA;IACHzB,UAAAA,EAAE,2BAA2B,sBAAsB,EAClDgB,OAAOb,cACT,CAAC;GACG,CAAA;GAELR,QAAQsB,KAAKR,aAAW;IACvB,MAAMS,aAAaT,SAAOS,aAAahB,YAAmB,KAAK;IAE/D,OACE,oBAAC,QAAD;KAEE,MAAK;KACL,MAAMO,SAAOU,QAAQ;KACrB,OAAOV,SAAOW;KACd,MAAMX,SAAOY;KACDH;KACZ,WAAWb,YAAYI,SAAOI;KAI9B,SACEK,cAAcT,SAAOa,kBACjBb,SAAOa,kBACPC,KAAAA;KAEN,eAAef,IAAIC,QAAM;KAExBA,UAAAA,SAAOe;IACF,GAlBDf,SAAOI,GAkBN;GAEZ,CAAC;GAED,oBAAC,QAAD;IACE,MAAK;IACL,MAAK;IACL,MAAM,oBAAC,WAAD,CAAU,CAAA;IAChB,cAAYb,EAAE,4BAA4B,iBAAiB;IAC3D,SAASI;GAAe,CAAA;EAEhB;;AAEhB"}

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

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
-import { _Text } from "../../content/Text.js";
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+import { Text as _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";
-
 //#region src/components/data/ItemTable/ItemTableDragPreview.tsx
 const PreviewElement = tasty({
 	qa: "ItemTableDragPreview",
@@ -77,7 +76,7 @@ function ItemTableDragPreview(props) {
 	} else t2 = $[12];
 	return t2;
 }
-
 //#endregion
 export { ItemTableDragPreview };
+
 //# sourceMappingURL=ItemTableDragPreview.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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","_c","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,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;CAChB;AACF,CAAC;;;;;;;AAaD,SAAOQ,qBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAT,MAAAE,oBAAkCK;CAClC,MAAA,EAAAG,MAAcjC,QAAQ;CAEtB,IAAI,CAACuB,KAAIW,QAAO,OAAS;CAEzB,IAAIX,KAAIW,SAAU,GAAC;EAAA,IAAAC;EAAA,IAAAJ,EAAA,OAAAR,KAAAW,UAAAH,EAAA,OAAAE,GAAA;GAIVE,KAAAF,EAAE,uBAAuB,mBAAmB,EAAAG,OAASb,KAAIW,OAAQ,CAAC;GAACH,EAAA,KAAAR,KAAAW;GAAAH,EAAA,KAAAE;GAAAF,EAAA,KAAAI;EAAA,OAAAA,KAAAJ,EAAA;EAAA,IAAAM;EAAA,IAAAN,EAAA,OAAAI,IAAA;GAFxEE,KAAA,oBAAC,gBAAD,EAAA,UACE,oBAACI,OAAD,EAAA,UACGN,GADE,CAAA,EADQ,CAAA;GAIEJ,EAAA,KAAAI;GAAAJ,EAAA,KAAAM;EAAA,OAAAA,KAAAN,EAAA;EAAA,OAJjBM;CAIiB;CAEpB,IAAAF;CAAA,IAAAJ,EAAA,OAAAN,mBAAAM,EAAA,OAAAR,KAAA,IAAA;EAEYY,KAAAV,gBAAgBF,KAAI,EAAG;EAACQ,EAAA,KAAAN;EAAAM,EAAA,KAAAR,KAAA;EAAAQ,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAArC,MAAAO,OAAaH;CAAyB,IAAAE;CAAA,IAAAN,EAAA,OAAAO,KAAAX,OAAA;EAKlCU,KAAA,oBAACI,OAAD,EAAA,UAAOH,KAAIX,MAAN,CAAA;EAAoBI,EAAA,KAAAO,KAAAX;EAAAI,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAQ;CAAA,IAAAR,EAAA,QAAAO,KAAAV,QAAAG,EAAA,QAAAM,IAAA;EAF3BE,KAAA,qBAAC,gBAAD,EAAA,UAAA,CACGD,KAAIV,MACLS,EAFa,EAAA,CAAA;EAGEN,EAAA,MAAAO,KAAAV;EAAAG,EAAA,MAAAM;EAAAN,EAAA,MAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,OAHjBQ;AAGiB"}

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

@@ -1,9 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
-import { _Pagination } from "../../navigation/Pagination/Pagination.js";
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+import { Pagination as _Pagination } from "../../navigation/Pagination/Pagination.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/data/ItemTable/ItemTableFooter.tsx
 const FooterElement = tasty({
 	qa: "ItemTableFooter",
@@ -17,6 +16,11 @@ const FooterElement = tasty({
 		placeItems: "center",
 		padding: "1x",
 		border: "1bw #border top",
+		/**
+		* Three named slots. This is what replaces the `MutationObserver` that Cloud
+		* uses to inject a "Load all results" button into ag-grid's paging panel —
+		* ag-grid Community has no status bar, so there was nowhere to put it.
+		*/
 		Start: {
 			$: ">",
 			display: "flex",
@@ -110,7 +114,7 @@ function ItemTableFooter(t0) {
 	} else t5 = $[13];
 	return t5;
 }
-
 //#endregion
 export { ItemTableFooter };
+
 //# sourceMappingURL=ItemTableFooter.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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","_c","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,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;EACT;EACAC,QAAQ;GACNF,GAAG;GACHP,SAAS;GACTC,MAAM;GACNC,KAAK;GACLC,YAAY;GACZO,cAAc;GAGdC,UAAU;EACZ;EACAC,KAAK;GACHL,GAAG;GACHP,SAAS;GACTC,MAAM;GACNC,KAAK;GACLC,YAAY;GACZO,cAAc;EAChB;CACF;AACF,CAAC;AAqBD,SAAOkB,gBAAAC,IAAA;CAAA,MAAAtB,IAAAuB,EAAA,EAAA;CAAyB,MAAA,EAAAhB,OAAAC,QAAAC,KAAAC,YAAApB,WAAAgC;CAMT,IAAAE;CAAA,IAAAxB,EAAA,OAAAO,OAAA;EAGjBiB,KAAA,oBAAA,OAAA;GAAkB,gBAAA;GAASjB,UAAAA;EAAY,CAAA;EAAAP,EAAA,KAAAO;EAAAP,EAAA,KAAAwB;CAAA,OAAAA,KAAAxB,EAAA;CAAA,IAAAyB;CAAA,IAAAzB,EAAA,OAAAQ,QAAA;EACvCiB,KAAA,oBAAA,OAAA;GAAkB,gBAAA;GAAUjB,UAAAA;EAAa,CAAA;EAAAR,EAAA,KAAAQ;EAAAR,EAAA,KAAAyB;CAAA,OAAAA,KAAAzB,EAAA;CAAA,IAAA0B;CAAA,IAAA1B,EAAA,OAAAU,YAAA;EAGtCgB,KAAAhB,aACC,oBAACoB,aAAD;GAGO,MAAA;GACC,MAAApB,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;EAAiB,CAAA,IAbhD;EAeOpB,EAAA,KAAAU;EAAAV,EAAA,KAAA0B;CAAA,OAAAA,KAAA1B,EAAA;CAAA,IAAA2B;CAAA,IAAA3B,EAAA,OAAAS,OAAAT,EAAA,OAAA0B,IAAA;EAjBVC,KAAA,qBAAA,OAAA;GAAkB,gBAAA;GAAlB,UAAA,CACGlB,KACAiB,EAgBG;;EAAA1B,EAAA,KAAAS;EAAAT,EAAA,KAAA0B;EAAA1B,EAAA,KAAA2B;CAAA,OAAAA,KAAA3B,EAAA;CAAA,IAAA4B;CAAA,IAAA5B,EAAA,OAAAV,UAAAU,EAAA,QAAAwB,MAAAxB,EAAA,QAAAyB,MAAAzB,EAAA,QAAA2B,IAAA;EArBRC,KAAA,qBAAC,eAAD;GAAuBtC;GAAvB,UAAA;IACEkC;IACAC;IACAE;GAHY;;EAsBE3B,EAAA,KAAAV;EAAAU,EAAA,MAAAwB;EAAAxB,EAAA,MAAAyB;EAAAzB,EAAA,MAAA2B;EAAA3B,EAAA,MAAA4B;CAAA,OAAAA,KAAA5B,EAAA;CAAA,OAtBhB4B;AAsBgB"}

package/dist/components/data/ItemTable/ItemTableToolbar.d.ts

@@ -1,17 +1,15 @@
 
 import { Styles } from "@tenphi/tasty";
-import * as react from "react";
 import { ReactNode } from "react";
 import { Key as Key$1 } from "@react-types/shared";
-
 //#region src/components/data/ItemTable/ItemTableToolbar.d.ts
 /** The table's search input, bound to the table's own state. */
-declare function ItemTableSearch(props: {
+export declare function ItemTableSearch(props: {
   placeholder?: string;
   styles?: Styles;
   qa?: string;
-}): react.JSX.Element;
-interface ItemTableToolbarProps {
+}): import("react").JSX.Element;
+export interface ItemTableToolbarProps {
   isSearchable?: boolean;
   filters?: ReactNode;
   actions?: ReactNode;
@@ -20,15 +18,6 @@ interface ItemTableToolbarProps {
   styles?: Styles;
   searchStyles?: Styles;
 }
-declare function ItemTableToolbar({
-  isSearchable,
-  filters,
-  actions,
-  onRefresh,
-  isLoading,
-  styles,
-  searchStyles
-}: ItemTableToolbarProps): react.JSX.Element;
+export declare function ItemTableToolbar({ isSearchable, filters, actions, onRefresh, isLoading, styles, searchStyles }: ItemTableToolbarProps): import("react").JSX.Element;
 //#endregion
-export { ItemTableSearch, ItemTableToolbar };
 //# sourceMappingURL=ItemTableToolbar.d.ts.map

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../../actions/index.js";
 import { ReloadIcon } from "../../../icons/ReloadIcon.js";
@@ -7,7 +7,6 @@ import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { createContext, useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/data/ItemTable/ItemTableToolbar.tsx
 const ChromeContext = createContext(null);
 const ItemTableChromeProvider = ChromeContext.Provider;
@@ -152,7 +151,7 @@ function ItemTableToolbar(t0) {
 	} else t5 = $[16];
 	return t5;
 }
-
 //#endregion
 export { ItemTableChromeProvider, ItemTableSearch, ItemTableToolbar, useItemTableChrome };
+
 //# sourceMappingURL=ItemTableToolbar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ItemTableToolbar.js","names":["tasty","createContext","useContext","useI18n","ReloadIcon","Button","SearchInput","Key","Styles","ReactNode","CubeItemTableChromeState","searchValue","setSearchValue","value","searchPlaceholder","isLoading","onRefresh","selectedKeys","selectedRows","T","selectedCount","clearSelection","ChromeContext","ItemTableChromeProvider","Provider","useItemTableChrome","component","context","Error","ToolbarElement","qa","as","styles","gridRow","display","flow","gap","placeItems","placeContent","padding","border","Start","$","width","End","SearchElement","ItemTableSearch","props","_c","t","t0","t1","t2","placeholder","t3","ItemTableToolbarProps","isSearchable","filters","actions","searchStyles","ItemTableToolbar","t4","t5"],"sources":["../../../../src/components/data/ItemTable/ItemTableToolbar.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { createContext, useContext } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { ReloadIcon } from '../../../icons/ReloadIcon';\nimport { Button } from '../../actions';\nimport { SearchInput } from '../../fields/SearchInput';\n\nimport type { Key } from '@react-types/shared';\nimport type { Styles } from '@tenphi/tasty';\nimport type { ReactNode } from 'react';\n\n/**\n * Lets `ItemTable.Search` (and future chrome pieces) read the table's state\n * without prop drilling, so a consumer can rebuild the toolbar from parts and\n * still have exactly one owner of the search term.\n */\nexport interface CubeItemTableChromeState<T = any> {\n  searchValue: string;\n  setSearchValue: (value: string) => void;\n  searchPlaceholder?: string;\n  isLoading: boolean;\n  onRefresh?: () => void;\n  /** `'all'` is the sentinel, so `selectedCount` is what the UI should show. */\n  selectedKeys: Key[] | 'all';\n  selectedRows: T[];\n  selectedCount: number;\n  clearSelection: () => void;\n}\n\nconst ChromeContext = createContext<CubeItemTableChromeState | null>(null);\n\nexport const ItemTableChromeProvider = ChromeContext.Provider;\n\nexport function useItemTableChrome(component: string) {\n  const context = useContext(ChromeContext);\n\n  if (!context) {\n    throw new Error(\n      `${component} must be rendered inside an ItemTable — it reads the table's search state from context.`,\n    );\n  }\n\n  return context;\n}\n\nconst ToolbarElement = tasty({\n  qa: 'ItemTableToolbar',\n  as: 'div',\n  styles: {\n    gridRow: 1,\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    placeContent: 'space-between',\n    padding: '1x',\n    border: '1bw #border bottom',\n\n    // Left group: search, then filters.\n    Start: {\n      $: '>',\n      display: 'flex',\n      flow: 'row',\n      gap: '1x',\n      placeItems: 'center',\n      width: 'min 0',\n    },\n    // Right group: arbitrary consumer actions, then refresh.\n    End: {\n      $: '>',\n      display: 'flex',\n      flow: 'row',\n      gap: '1x',\n      placeItems: 'center',\n    },\n  },\n});\n\nconst SearchElement = tasty(SearchInput, {\n  qa: 'ItemTableSearchInput',\n  styles: { width: 'max 300px' },\n});\n\n/** The table's search input, bound to the table's own state. */\nexport function ItemTableSearch(props: {\n  placeholder?: string;\n  styles?: Styles;\n  qa?: string;\n}) {\n  const { searchValue, setSearchValue, searchPlaceholder } =\n    useItemTableChrome('ItemTable.Search');\n  const { t } = useI18n();\n\n  return (\n    <SearchElement\n      isBare\n      qa={props.qa}\n      size=\"small\"\n      isClearable\n      aria-label={t('itemTable.search', 'Search')}\n      placeholder={\n        props.placeholder ??\n        searchPlaceholder ??\n        t('itemTable.searchPlaceholder', 'Search...')\n      }\n      value={searchValue}\n      styles={props.styles}\n      onChange={setSearchValue}\n    />\n  );\n}\n\nexport interface ItemTableToolbarProps {\n  isSearchable?: boolean;\n  filters?: ReactNode;\n  actions?: ReactNode;\n  onRefresh?: () => void;\n  isLoading?: boolean;\n  styles?: Styles;\n  searchStyles?: Styles;\n}\n\nexport function ItemTableToolbar({\n  isSearchable,\n  filters,\n  actions,\n  onRefresh,\n  isLoading,\n  styles,\n  searchStyles,\n}: ItemTableToolbarProps) {\n  const { t } = useI18n();\n\n  return (\n    <ToolbarElement styles={styles} role=\"toolbar\">\n      <div data-element=\"Start\">\n        {isSearchable ? <ItemTableSearch styles={searchStyles} /> : null}\n        {filters}\n      </div>\n      <div data-element=\"End\">\n        {actions}\n        {onRefresh ? (\n          <Button\n            qa=\"ItemTableRefreshButton\"\n            size=\"small\"\n            icon={<ReloadIcon />}\n            isLoading={isLoading}\n            aria-label={t('itemTable.refresh', 'Refresh')}\n            onPress={onRefresh}\n          />\n        ) : null}\n      </div>\n    </ToolbarElement>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ItemTableToolbar.js","names":["tasty","createContext","useContext","useI18n","ReloadIcon","Button","SearchInput","Key","Styles","ReactNode","CubeItemTableChromeState","searchValue","setSearchValue","value","searchPlaceholder","isLoading","onRefresh","selectedKeys","selectedRows","T","selectedCount","clearSelection","ChromeContext","ItemTableChromeProvider","Provider","useItemTableChrome","component","context","Error","ToolbarElement","qa","as","styles","gridRow","display","flow","gap","placeItems","placeContent","padding","border","Start","$","width","End","SearchElement","ItemTableSearch","props","_c","t","t0","t1","t2","placeholder","t3","ItemTableToolbarProps","isSearchable","filters","actions","searchStyles","ItemTableToolbar","t4","t5","_c"],"sources":["../../../../src/components/data/ItemTable/ItemTableToolbar.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { createContext, useContext } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { ReloadIcon } from '../../../icons/ReloadIcon';\nimport { Button } from '../../actions';\nimport { SearchInput } from '../../fields/SearchInput';\n\nimport type { Key } from '@react-types/shared';\nimport type { Styles } from '@tenphi/tasty';\nimport type { ReactNode } from 'react';\n\n/**\n * Lets `ItemTable.Search` (and future chrome pieces) read the table's state\n * without prop drilling, so a consumer can rebuild the toolbar from parts and\n * still have exactly one owner of the search term.\n */\nexport interface CubeItemTableChromeState<T = any> {\n  searchValue: string;\n  setSearchValue: (value: string) => void;\n  searchPlaceholder?: string;\n  isLoading: boolean;\n  onRefresh?: () => void;\n  /** `'all'` is the sentinel, so `selectedCount` is what the UI should show. */\n  selectedKeys: Key[] | 'all';\n  selectedRows: T[];\n  selectedCount: number;\n  clearSelection: () => void;\n}\n\nconst ChromeContext = createContext<CubeItemTableChromeState | null>(null);\n\nexport const ItemTableChromeProvider = ChromeContext.Provider;\n\nexport function useItemTableChrome(component: string) {\n  const context = useContext(ChromeContext);\n\n  if (!context) {\n    throw new Error(\n      `${component} must be rendered inside an ItemTable — it reads the table's search state from context.`,\n    );\n  }\n\n  return context;\n}\n\nconst ToolbarElement = tasty({\n  qa: 'ItemTableToolbar',\n  as: 'div',\n  styles: {\n    gridRow: 1,\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    placeContent: 'space-between',\n    padding: '1x',\n    border: '1bw #border bottom',\n\n    // Left group: search, then filters.\n    Start: {\n      $: '>',\n      display: 'flex',\n      flow: 'row',\n      gap: '1x',\n      placeItems: 'center',\n      width: 'min 0',\n    },\n    // Right group: arbitrary consumer actions, then refresh.\n    End: {\n      $: '>',\n      display: 'flex',\n      flow: 'row',\n      gap: '1x',\n      placeItems: 'center',\n    },\n  },\n});\n\nconst SearchElement = tasty(SearchInput, {\n  qa: 'ItemTableSearchInput',\n  styles: { width: 'max 300px' },\n});\n\n/** The table's search input, bound to the table's own state. */\nexport function ItemTableSearch(props: {\n  placeholder?: string;\n  styles?: Styles;\n  qa?: string;\n}) {\n  const { searchValue, setSearchValue, searchPlaceholder } =\n    useItemTableChrome('ItemTable.Search');\n  const { t } = useI18n();\n\n  return (\n    <SearchElement\n      isBare\n      qa={props.qa}\n      size=\"small\"\n      isClearable\n      aria-label={t('itemTable.search', 'Search')}\n      placeholder={\n        props.placeholder ??\n        searchPlaceholder ??\n        t('itemTable.searchPlaceholder', 'Search...')\n      }\n      value={searchValue}\n      styles={props.styles}\n      onChange={setSearchValue}\n    />\n  );\n}\n\nexport interface ItemTableToolbarProps {\n  isSearchable?: boolean;\n  filters?: ReactNode;\n  actions?: ReactNode;\n  onRefresh?: () => void;\n  isLoading?: boolean;\n  styles?: Styles;\n  searchStyles?: Styles;\n}\n\nexport function ItemTableToolbar({\n  isSearchable,\n  filters,\n  actions,\n  onRefresh,\n  isLoading,\n  styles,\n  searchStyles,\n}: ItemTableToolbarProps) {\n  const { t } = useI18n();\n\n  return (\n    <ToolbarElement styles={styles} role=\"toolbar\">\n      <div data-element=\"Start\">\n        {isSearchable ? <ItemTableSearch styles={searchStyles} /> : null}\n        {filters}\n      </div>\n      <div data-element=\"End\">\n        {actions}\n        {onRefresh ? (\n          <Button\n            qa=\"ItemTableRefreshButton\"\n            size=\"small\"\n            icon={<ReloadIcon />}\n            isLoading={isLoading}\n            aria-label={t('itemTable.refresh', 'Refresh')}\n            onPress={onRefresh}\n          />\n        ) : null}\n      </div>\n    </ToolbarElement>\n  );\n}\n"],"mappings":"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"}

package/dist/components/data/ItemTable/index.d.ts

@@ -1,4 +1,5 @@
 
 import { CubeItemTableColumn, CubeItemTableProps } from "./types.js";
 import "./ItemTableToolbar.js";
-import { _ItemTable } from "./ItemTable.js";
+import { ItemTable as _ItemTable, ItemTableComponent } from "./ItemTable.js";
+export { type CubeItemTableColumn, type CubeItemTableProps, _ItemTable as ItemTable, type ItemTableComponent };