@lattice-php/lattice 0.38.0 → 0.40.0

package/dist/table/components/table.js

@@ -1,333 +0,0 @@
-import { useT } from "../../i18n/instance.js";
-import { cn } from "../../lib/utils.js";
-import { Icon } from "../../icons/sprite.js";
-import { RenderNode, Renderer } from "../../core/renderer.js";
-import { nodeIdentity } from "../../core/test-id.js";
-import { useColumnResizing } from "../../core/hooks/use-column-resizing.js";
-import { Checkbox } from "../../ui/checkbox.js";
-import { useColumnVisibility } from "../hooks/use-column-visibility.js";
-import { useExpandedRows } from "../hooks/use-expanded-rows.js";
-import { alignJustifyItems, alignText } from "../lib/align.js";
-import { getBulkActions } from "../lib/bulk.js";
-import { getPerPageOptions, getRowActions, getRowDetail, getRowKey } from "../lib/payload.js";
-import { getQueryParams, getTableSizingColumns, getTableUtilityTracks, getVisiblePages } from "../lib/query.js";
-import { useTable } from "../hooks/use-table.js";
-import { useTableSelection } from "../hooks/use-table-selection.js";
-import { BulkBar } from "./bulk-bar.js";
-import { ColumnFilterControl } from "./column-filter-control.js";
-import { ColumnHeader } from "./column-header.js";
-import { ColumnVisibilityMenu } from "./column-visibility-menu.js";
-import { FilterBar, FilterMenu } from "./filter-bar.js";
-import { TablePagination } from "./pagination.js";
-import { SortBar } from "./sort-bar.js";
-import { TableSearch } from "./table-search.js";
-import { ColumnCell } from "./table-cell.js";
-import { Fragment, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/table/components/table.tsx
-var TableComponent = ({ node }) => {
-	const { t } = useT("lattice");
-	const { columns, rows, pagination, query, filters, tableFilters, search, addFilter, updateFilter, removeFilter, replaceColumnFilters, setTableFilter, resetFilters, setSearch, searchFilterOptions, processing, hasLoaded, infiniteLoaderRef, sort, clearSort, goToPage, setPerPage, loadMore } = useTable(node);
-	const bulkActions = useMemo(() => getBulkActions(node.props?.bulkActions), [node.props?.bulkActions]);
-	const hasBulkActions = bulkActions.length > 0;
-	const rowEntries = useMemo(() => rows.map((row, index) => ({
-		row,
-		actions: getRowActions(row),
-		detail: getRowDetail(row),
-		key: getRowKey(row, index)
-	})), [rows]);
-	const selection = useTableSelection(rowEntries.map((entry) => entry.key));
-	const { isExpanded, toggle: toggleRow } = useExpandedRows();
-	const hasExpandable = rowEntries.some((entry) => entry.detail != null);
-	const columnsByKey = useMemo(() => new Map(columns.map((column) => [column.key, column])), [columns]);
-	const visibilityIdentity = nodeIdentity(node);
-	const { hasToggleableColumns, hasHidden, isVisible, resetVisibility, setColumnVisible, toggleableColumns, visibleColumns } = useColumnVisibility({
-		columns,
-		storageKey: visibilityIdentity ? `lattice:table-column-visibility:${visibilityIdentity}` : void 0
-	});
-	const currentPage = pagination.currentPage ?? query.page;
-	const lastPage = pagination.lastPage ?? currentPage;
-	const mode = pagination.mode ?? "table";
-	const perPageOptions = useMemo(() => getPerPageOptions(node.props?.perPageOptions), [node.props?.perPageOptions]);
-	const visiblePages = getVisiblePages(currentPage, lastPage);
-	const hasNextPage = pagination.hasMore ?? currentPage < lastPage;
-	const hasActions = rowEntries.some((entry) => entry.actions.length > 0);
-	const striped = node.props?.striped === true;
-	const hasFilters = visibleColumns.some((column) => column.props.filter != null);
-	const filterEntries = filters.map((clause, index) => ({
-		clause,
-		index
-	}));
-	const filterDefinitions = useMemo(() => Array.isArray(node.props?.filters) ? node.props.filters : [], [node.props?.filters]);
-	const hasDedicatedFilters = filterDefinitions.length > 0;
-	const hasTrailingUtility = hasActions || hasDedicatedFilters || hasToggleableColumns;
-	const sizingColumns = useMemo(() => getTableSizingColumns(visibleColumns), [visibleColumns]);
-	const utilityTracks = useMemo(() => getTableUtilityTracks(hasTrailingUtility, hasBulkActions, hasExpandable), [
-		hasTrailingUtility,
-		hasBulkActions,
-		hasExpandable
-	]);
-	const resizingEnabled = node.props?.resizableColumns === true;
-	const resizeStorageIdentity = nodeIdentity(node);
-	const { getResizeHandleProps, gridTemplateColumns, hasOverrides, resizeRootRef, resetColumns } = useColumnResizing({
-		columns: sizingColumns,
-		enabled: resizingEnabled,
-		leadingTracks: utilityTracks.leadingTracks,
-		showIndicator: node.props?.resizeIndicator === true,
-		storageKey: resizingEnabled && resizeStorageIdentity ? `lattice:table-columns:${resizeStorageIdentity}` : void 0,
-		trailingTracks: utilityTracks.trailingTracks
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		"data-slot": "table",
-		"data-lattice-component": node.id,
-		className: "relative",
-		children: [hasOverrides && /* @__PURE__ */ jsx("button", {
-			"aria-label": t("table.reset-column-widths", "Reset column widths"),
-			className: "absolute right-1 top-1 z-10 hidden rounded-lt-sm p-1 text-lt-muted-fg hover:text-lt-fg md:inline-flex",
-			"data-test": "table-reset-columns",
-			onClick: resetColumns,
-			title: t("table.reset-column-widths", "Reset column widths"),
-			type: "button",
-			children: /* @__PURE__ */ jsx(Icon, {
-				name: "rotate-ccw",
-				className: "size-lt-icon-sm"
-			})
-		}), /* @__PURE__ */ jsxs("div", {
-			"data-slot": "table-scroll",
-			className: "overflow-x-auto rounded-lt-sm border border-lt-border",
-			children: [
-				node.props?.searchable && /* @__PURE__ */ jsx("div", {
-					"data-slot": "table-toolbar",
-					className: "flex items-center gap-2 border-b border-lt-border px-4 py-2",
-					children: /* @__PURE__ */ jsx(TableSearch, {
-						value: search,
-						onSearch: setSearch
-					})
-				}),
-				/* @__PURE__ */ jsx(FilterBar, {
-					clauses: filters,
-					columnsByKey,
-					indicators: query.tableFilterIndicators,
-					processing,
-					onRemoveClause: removeFilter,
-					onChange: setTableFilter,
-					onReset: resetFilters
-				}),
-				hasBulkActions && selection.active && /* @__PURE__ */ jsx(BulkBar, {
-					actions: bulkActions,
-					selectedKeys: selection.selectedKeys,
-					allMatching: selection.allMatching,
-					total: pagination.total ?? void 0,
-					query: getQueryParams(query),
-					canSelectAllMatching: selection.allVisibleSelected && !selection.allMatching && pagination.total != null && pagination.total > selection.selectedKeys.length,
-					onSelectAllMatching: selection.selectAllMatching,
-					onCompleted: selection.clear
-				}),
-				query.sorts.length > 0 && /* @__PURE__ */ jsx(SortBar, {
-					columnsByKey,
-					query,
-					processing,
-					onClear: clearSort
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					ref: resizeRootRef,
-					className: "min-w-full text-base",
-					role: "table",
-					style: { "--lattice-table-columns": gridTemplateColumns },
-					children: [/* @__PURE__ */ jsxs("div", {
-						"data-slot": "table-header",
-						className: "border-b border-lt-border bg-lt-muted/50",
-						role: "rowgroup",
-						children: [/* @__PURE__ */ jsxs("div", {
-							className: "hidden min-w-full md:grid md:grid-cols-[var(--lattice-table-columns)]",
-							role: "row",
-							children: [
-								hasExpandable && /* @__PURE__ */ jsx("div", {
-									className: "px-2 py-3",
-									role: "columnheader",
-									"aria-hidden": "true"
-								}),
-								hasBulkActions && /* @__PURE__ */ jsx("div", {
-									className: "flex items-center px-4 py-3",
-									role: "columnheader",
-									children: /* @__PURE__ */ jsx(Checkbox, {
-										"aria-label": t("table.select-all-rows", "Select all rows"),
-										"data-test": "select-all",
-										checked: selection.allSelected,
-										onCheckedChange: () => selection.toggleAll()
-									})
-								}),
-								visibleColumns.map((column, index) => /* @__PURE__ */ jsx(ColumnHeader, {
-									column,
-									processing,
-									resizeHandleProps: resizingEnabled ? getResizeHandleProps(sizingColumns[index]) : void 0,
-									sort,
-									query
-								}, column.key)),
-								hasTrailingUtility && /* @__PURE__ */ jsxs("div", {
-									className: "flex items-center justify-end gap-2 px-4 py-2 align-middle font-semibold text-lt-fg",
-									role: "columnheader",
-									children: [
-										hasDedicatedFilters && /* @__PURE__ */ jsx(FilterMenu, {
-											filters: filterDefinitions,
-											values: tableFilters,
-											processing,
-											onChange: setTableFilter,
-											onSearch: searchFilterOptions
-										}),
-										hasToggleableColumns && /* @__PURE__ */ jsx(ColumnVisibilityMenu, {
-											columns: toggleableColumns,
-											isVisible,
-											visibleColumnCount: visibleColumns.length,
-											hasHidden,
-											onToggle: setColumnVisible,
-											onReset: resetVisibility,
-											processing
-										}),
-										hasActions && /* @__PURE__ */ jsx("span", {
-											className: "sr-only",
-											children: node.props?.actionsLabel ?? t("table.actions", "Actions")
-										})
-									]
-								})
-							]
-						}), hasFilters && /* @__PURE__ */ jsxs("div", {
-							className: "hidden min-w-full border-t border-lt-border md:grid md:grid-cols-[var(--lattice-table-columns)]",
-							role: "row",
-							children: [
-								hasExpandable && /* @__PURE__ */ jsx("div", {
-									className: "px-2 py-2",
-									role: "cell"
-								}),
-								hasBulkActions && /* @__PURE__ */ jsx("div", {
-									className: "px-4 py-2",
-									role: "cell"
-								}),
-								visibleColumns.map((column) => /* @__PURE__ */ jsx("div", {
-									className: "min-w-0 px-2 py-2",
-									role: "cell",
-									children: column.props.filter != null && /* @__PURE__ */ jsx(ColumnFilterControl, {
-										column,
-										clauses: filterEntries.filter((entry) => entry.clause.field === column.key),
-										processing,
-										onAdd: addFilter,
-										onUpdate: updateFilter,
-										onRemove: removeFilter,
-										onReplace: replaceColumnFilters,
-										onSearch: (query, signal) => searchFilterOptions(`column:${column.key}`, query, signal)
-									})
-								}, column.key)),
-								hasTrailingUtility && /* @__PURE__ */ jsx("div", {
-									className: "px-4 py-2",
-									role: "cell"
-								})
-							]
-						})]
-					}), /* @__PURE__ */ jsx("div", {
-						role: "rowgroup",
-						children: !hasLoaded ? /* @__PURE__ */ jsx("div", {
-							className: "p-4 text-lt-muted-fg",
-							role: "row",
-							children: /* @__PURE__ */ jsx("div", {
-								role: "cell",
-								children: t("table.loading", "Loading rows...")
-							})
-						}) : rowEntries.length === 0 ? /* @__PURE__ */ jsx("div", {
-							"data-slot": "table-empty",
-							className: "p-8 text-center text-lt-muted-fg",
-							role: "row",
-							children: /* @__PURE__ */ jsx("div", {
-								role: "cell",
-								children: node.props?.emptyLabel ?? t("table.empty", "No results")
-							})
-						}) : rowEntries.map(({ row, actions, detail, key }) => {
-							const expanded = detail != null && isExpanded(key);
-							const detailId = `${nodeIdentity(node) ?? "table"}-row-detail-${key}`;
-							return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-								"data-slot": "table-row",
-								className: `grid grid-cols-1 border-b border-lt-border last:border-b-0 md:grid-cols-[var(--lattice-table-columns)] ${striped ? "odd:bg-lt-muted/30" : ""}`,
-								role: "row",
-								children: [
-									hasExpandable && /* @__PURE__ */ jsx("div", {
-										className: "flex items-center px-2 py-lt-cell-y",
-										role: "cell",
-										children: detail && /* @__PURE__ */ jsx("button", {
-											type: "button",
-											"data-test": `row-expand-${key}`,
-											"aria-expanded": expanded,
-											"aria-controls": detailId,
-											"aria-label": t("table.row-detail.toggle", "Toggle detail"),
-											className: "inline-flex size-6 items-center justify-center rounded-lt-sm text-lt-muted-fg hover:bg-lt-muted hover:text-lt-fg",
-											onClick: () => toggleRow(key),
-											children: /* @__PURE__ */ jsx(Icon, {
-												name: "chevron-down",
-												"aria-hidden": "true",
-												className: cn("size-lt-icon-md transition-transform", !expanded && "-rotate-90")
-											})
-										})
-									}),
-									hasBulkActions && /* @__PURE__ */ jsx("div", {
-										className: "flex items-center px-lt-cell-x py-lt-cell-y",
-										role: "cell",
-										children: /* @__PURE__ */ jsx(Checkbox, {
-											"aria-label": t("table.select-row", "Select row {{key}}", { key }),
-											"data-test": `select-row-${key}`,
-											checked: selection.isSelected(key),
-											onCheckedChange: () => selection.toggle(key)
-										})
-									}),
-									visibleColumns.map((column) => /* @__PURE__ */ jsxs("div", {
-										"data-slot": "table-cell",
-										className: cn("grid min-w-0 gap-1 overflow-hidden px-lt-cell-x py-lt-cell-y align-middle", alignText(column.props.align), alignJustifyItems(column.props.align)),
-										role: "cell",
-										children: [/* @__PURE__ */ jsx("span", {
-											"aria-hidden": "true",
-											className: "text-xs font-medium text-lt-muted-fg md:hidden",
-											children: column.props.label
-										}), /* @__PURE__ */ jsx("div", {
-											"data-slot": "table-cell-content",
-											className: "min-w-0 max-w-full overflow-hidden truncate",
-											children: /* @__PURE__ */ jsx(ColumnCell, {
-												column,
-												row
-											})
-										})]
-									}, column.key)),
-									hasTrailingUtility && /* @__PURE__ */ jsx("div", {
-										className: cn("items-center justify-start gap-2 px-lt-cell-x py-lt-cell-y md:justify-end", actions.length > 0 ? "flex" : "hidden md:flex"),
-										role: "cell",
-										children: actions.map((action, actionIndex) => /* @__PURE__ */ jsx(RenderNode, { node: action }, action.key ?? action.id ?? actionIndex))
-									})
-								]
-							}), expanded && detail && /* @__PURE__ */ jsx("div", {
-								id: detailId,
-								role: "region",
-								"data-slot": "table-row-detail",
-								className: "border-b border-lt-border bg-lt-muted/20 px-lt-cell-x py-lt-cell-y",
-								children: /* @__PURE__ */ jsx(Renderer, { nodes: [detail] })
-							})] }, key);
-						})
-					})]
-				}),
-				hasLoaded && /* @__PURE__ */ jsx(TablePagination, {
-					pagination,
-					currentPage,
-					processing,
-					mode,
-					hasNextPage,
-					visiblePages,
-					infiniteLoaderRef,
-					perPageOptions,
-					perPageValue: mode === "infinite" ? "infinite" : query.perPage,
-					onPerPage: setPerPage,
-					onPage: goToPage,
-					onLoadMore: loadMore
-				})
-			]
-		})]
-	});
-};
-//#endregion
-export { TableComponent as default };
-
-//# sourceMappingURL=table.js.map

package/dist/table/components/table.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table.js","names":[],"sources":["../../../resources/js/table/components/table.tsx"],"sourcesContent":["import { type ReactNode, Fragment, useMemo } from \"react\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { Renderer, RenderNode } from \"@lattice-php/lattice/core/renderer\";\nimport { useColumnResizing } from \"@lattice-php/lattice/core/hooks/use-column-resizing\";\nimport { useColumnVisibility } from \"@lattice-php/lattice/table/hooks/use-column-visibility\";\nimport { useExpandedRows } from \"@lattice-php/lattice/table/hooks/use-expanded-rows\";\nimport { nodeIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport { Checkbox } from \"@lattice-php/lattice/ui/checkbox\";\nimport { Icon } from \"@lattice-php/lattice/icons\";\nimport { alignJustifyItems, alignText } from \"@lattice-php/lattice/table/lib/align\";\nimport type { TableNode } from \"@lattice-php/lattice/table/types\";\nimport { getBulkActions } from \"@lattice-php/lattice/table/lib/bulk\";\nimport {\n  getPerPageOptions,\n  getRowActions,\n  getRowDetail,\n  getRowKey,\n} from \"@lattice-php/lattice/table/lib/payload\";\nimport {\n  getQueryParams,\n  getTableSizingColumns,\n  getTableUtilityTracks,\n  getVisiblePages,\n} from \"@lattice-php/lattice/table/lib/query\";\nimport { useTable } from \"@lattice-php/lattice/table/hooks/use-table\";\nimport { useTableSelection } from \"@lattice-php/lattice/table/hooks/use-table-selection\";\nimport { BulkBar } from \"./bulk-bar\";\nimport { ColumnFilterControl } from \"./column-filter-control\";\nimport { ColumnHeader } from \"./column-header\";\nimport { ColumnVisibilityMenu } from \"./column-visibility-menu\";\nimport { FilterBar, FilterMenu } from \"./filter-bar\";\nimport { TablePagination } from \"./pagination\";\nimport { SortBar } from \"./sort-bar\";\nimport { TableSearch } from \"./table-search\";\nimport { ColumnCell } from \"./table-cell\";\n\nconst TableComponent = ({ node }: { children?: ReactNode; node: TableNode }) => {\n  const { t } = useT(\"lattice\");\n  const {\n    columns,\n    rows,\n    pagination,\n    query,\n    filters,\n    tableFilters,\n    search,\n    addFilter,\n    updateFilter,\n    removeFilter,\n    replaceColumnFilters,\n    setTableFilter,\n    resetFilters,\n    setSearch,\n    searchFilterOptions,\n    processing,\n    hasLoaded,\n    infiniteLoaderRef,\n    sort,\n    clearSort,\n    goToPage,\n    setPerPage,\n    loadMore,\n  } = useTable(node);\n\n  const bulkActions = useMemo(\n    () => getBulkActions(node.props?.bulkActions),\n    [node.props?.bulkActions],\n  );\n  const hasBulkActions = bulkActions.length > 0;\n  const rowEntries = useMemo(\n    () =>\n      rows.map((row, index) => ({\n        row,\n        actions: getRowActions(row),\n        detail: getRowDetail(row),\n        key: getRowKey(row, index),\n      })),\n    [rows],\n  );\n  const selection = useTableSelection(rowEntries.map((entry) => entry.key));\n  const { isExpanded, toggle: toggleRow } = useExpandedRows();\n  const hasExpandable = rowEntries.some((entry) => entry.detail != null);\n\n  const columnsByKey = useMemo(\n    () => new Map(columns.map((column) => [column.key, column])),\n    [columns],\n  );\n  const visibilityIdentity = nodeIdentity(node);\n  const {\n    hasToggleableColumns,\n    hasHidden,\n    isVisible,\n    resetVisibility,\n    setColumnVisible,\n    toggleableColumns,\n    visibleColumns,\n  } = useColumnVisibility({\n    columns,\n    storageKey: visibilityIdentity\n      ? `lattice:table-column-visibility:${visibilityIdentity}`\n      : undefined,\n  });\n  const currentPage = pagination.currentPage ?? query.page;\n  const lastPage = pagination.lastPage ?? currentPage;\n  const mode = pagination.mode ?? \"table\";\n  const perPageOptions = useMemo(\n    () => getPerPageOptions(node.props?.perPageOptions),\n    [node.props?.perPageOptions],\n  );\n  const visiblePages = getVisiblePages(currentPage, lastPage);\n  const hasNextPage = pagination.hasMore ?? currentPage < lastPage;\n  const hasActions = rowEntries.some((entry) => entry.actions.length > 0);\n  const striped = node.props?.striped === true;\n  const hasFilters = visibleColumns.some((column) => column.props.filter != null);\n  const filterEntries = filters.map((clause, index) => ({ clause, index }));\n  const filterDefinitions = useMemo(\n    () => (Array.isArray(node.props?.filters) ? node.props.filters : []),\n    [node.props?.filters],\n  );\n  const hasDedicatedFilters = filterDefinitions.length > 0;\n  const hasTrailingUtility = hasActions || hasDedicatedFilters || hasToggleableColumns;\n  const sizingColumns = useMemo(() => getTableSizingColumns(visibleColumns), [visibleColumns]);\n  const utilityTracks = useMemo(\n    () => getTableUtilityTracks(hasTrailingUtility, hasBulkActions, hasExpandable),\n    [hasTrailingUtility, hasBulkActions, hasExpandable],\n  );\n  const resizingEnabled = node.props?.resizableColumns === true;\n  const resizeStorageIdentity = nodeIdentity(node);\n  const { getResizeHandleProps, gridTemplateColumns, hasOverrides, resizeRootRef, resetColumns } =\n    useColumnResizing({\n      columns: sizingColumns,\n      enabled: resizingEnabled,\n      leadingTracks: utilityTracks.leadingTracks,\n      showIndicator: node.props?.resizeIndicator === true,\n      storageKey:\n        resizingEnabled && resizeStorageIdentity\n          ? `lattice:table-columns:${resizeStorageIdentity}`\n          : undefined,\n      trailingTracks: utilityTracks.trailingTracks,\n    });\n\n  return (\n    <div data-slot=\"table\" data-lattice-component={node.id} className=\"relative\">\n      {hasOverrides && (\n        <button\n          aria-label={t(\"table.reset-column-widths\", \"Reset column widths\")}\n          className=\"absolute right-1 top-1 z-10 hidden rounded-lt-sm p-1 text-lt-muted-fg hover:text-lt-fg md:inline-flex\"\n          data-test=\"table-reset-columns\"\n          onClick={resetColumns}\n          title={t(\"table.reset-column-widths\", \"Reset column widths\")}\n          type=\"button\"\n        >\n          <Icon name=\"rotate-ccw\" className=\"size-lt-icon-sm\" />\n        </button>\n      )}\n      <div\n        data-slot=\"table-scroll\"\n        className=\"overflow-x-auto rounded-lt-sm border border-lt-border\"\n      >\n        {node.props?.searchable && (\n          <div\n            data-slot=\"table-toolbar\"\n            className=\"flex items-center gap-2 border-b border-lt-border px-4 py-2\"\n          >\n            <TableSearch value={search} onSearch={setSearch} />\n          </div>\n        )}\n        <FilterBar\n          clauses={filters}\n          columnsByKey={columnsByKey}\n          indicators={query.tableFilterIndicators}\n          processing={processing}\n          onRemoveClause={removeFilter}\n          onChange={setTableFilter}\n          onReset={resetFilters}\n        />\n        {hasBulkActions && selection.active && (\n          <BulkBar\n            actions={bulkActions}\n            selectedKeys={selection.selectedKeys}\n            allMatching={selection.allMatching}\n            total={pagination.total ?? undefined}\n            query={getQueryParams(query)}\n            canSelectAllMatching={\n              selection.allVisibleSelected &&\n              !selection.allMatching &&\n              pagination.total != null &&\n              pagination.total > selection.selectedKeys.length\n            }\n            onSelectAllMatching={selection.selectAllMatching}\n            onCompleted={selection.clear}\n          />\n        )}\n        {query.sorts.length > 0 && (\n          <SortBar\n            columnsByKey={columnsByKey}\n            query={query}\n            processing={processing}\n            onClear={clearSort}\n          />\n        )}\n        <div\n          ref={resizeRootRef}\n          className=\"min-w-full text-base\"\n          role=\"table\"\n          style={{ \"--lattice-table-columns\": gridTemplateColumns } as never}\n        >\n          <div\n            data-slot=\"table-header\"\n            className=\"border-b border-lt-border bg-lt-muted/50\"\n            role=\"rowgroup\"\n          >\n            <div\n              className=\"hidden min-w-full md:grid md:grid-cols-[var(--lattice-table-columns)]\"\n              role=\"row\"\n            >\n              {hasExpandable && (\n                <div className=\"px-2 py-3\" role=\"columnheader\" aria-hidden=\"true\" />\n              )}\n              {hasBulkActions && (\n                <div className=\"flex items-center px-4 py-3\" role=\"columnheader\">\n                  <Checkbox\n                    aria-label={t(\"table.select-all-rows\", \"Select all rows\")}\n                    data-test=\"select-all\"\n                    checked={selection.allSelected}\n                    onCheckedChange={() => selection.toggleAll()}\n                  />\n                </div>\n              )}\n              {visibleColumns.map((column, index) => (\n                <ColumnHeader\n                  column={column}\n                  key={column.key}\n                  processing={processing}\n                  resizeHandleProps={\n                    resizingEnabled ? getResizeHandleProps(sizingColumns[index]) : undefined\n                  }\n                  sort={sort}\n                  query={query}\n                />\n              ))}\n              {hasTrailingUtility && (\n                <div\n                  className=\"flex items-center justify-end gap-2 px-4 py-2 align-middle font-semibold text-lt-fg\"\n                  role=\"columnheader\"\n                >\n                  {hasDedicatedFilters && (\n                    <FilterMenu\n                      filters={filterDefinitions}\n                      values={tableFilters}\n                      processing={processing}\n                      onChange={setTableFilter}\n                      onSearch={searchFilterOptions}\n                    />\n                  )}\n                  {hasToggleableColumns && (\n                    <ColumnVisibilityMenu\n                      columns={toggleableColumns}\n                      isVisible={isVisible}\n                      visibleColumnCount={visibleColumns.length}\n                      hasHidden={hasHidden}\n                      onToggle={setColumnVisible}\n                      onReset={resetVisibility}\n                      processing={processing}\n                    />\n                  )}\n                  {hasActions && (\n                    <span className=\"sr-only\">\n                      {node.props?.actionsLabel ?? t(\"table.actions\", \"Actions\")}\n                    </span>\n                  )}\n                </div>\n              )}\n            </div>\n            {hasFilters && (\n              <div\n                className=\"hidden min-w-full border-t border-lt-border md:grid md:grid-cols-[var(--lattice-table-columns)]\"\n                role=\"row\"\n              >\n                {hasExpandable && <div className=\"px-2 py-2\" role=\"cell\" />}\n                {hasBulkActions && <div className=\"px-4 py-2\" role=\"cell\" />}\n                {visibleColumns.map((column) => (\n                  <div key={column.key} className=\"min-w-0 px-2 py-2\" role=\"cell\">\n                    {column.props.filter != null && (\n                      <ColumnFilterControl\n                        column={column}\n                        clauses={filterEntries.filter((entry) => entry.clause.field === column.key)}\n                        processing={processing}\n                        onAdd={addFilter}\n                        onUpdate={updateFilter}\n                        onRemove={removeFilter}\n                        onReplace={replaceColumnFilters}\n                        onSearch={(query, signal) =>\n                          searchFilterOptions(`column:${column.key}`, query, signal)\n                        }\n                      />\n                    )}\n                  </div>\n                ))}\n                {hasTrailingUtility && <div className=\"px-4 py-2\" role=\"cell\" />}\n              </div>\n            )}\n          </div>\n          <div role=\"rowgroup\">\n            {!hasLoaded ? (\n              <div className=\"p-4 text-lt-muted-fg\" role=\"row\">\n                <div role=\"cell\">{t(\"table.loading\", \"Loading rows...\")}</div>\n              </div>\n            ) : rowEntries.length === 0 ? (\n              <div data-slot=\"table-empty\" className=\"p-8 text-center text-lt-muted-fg\" role=\"row\">\n                <div role=\"cell\">{node.props?.emptyLabel ?? t(\"table.empty\", \"No results\")}</div>\n              </div>\n            ) : (\n              rowEntries.map(({ row, actions, detail, key }) => {\n                const expanded = detail != null && isExpanded(key);\n                const detailId = `${nodeIdentity(node) ?? \"table\"}-row-detail-${key}`;\n\n                return (\n                  <Fragment key={key}>\n                    <div\n                      data-slot=\"table-row\"\n                      className={`grid grid-cols-1 border-b border-lt-border last:border-b-0 md:grid-cols-[var(--lattice-table-columns)] ${\n                        striped ? \"odd:bg-lt-muted/30\" : \"\"\n                      }`}\n                      role=\"row\"\n                    >\n                      {hasExpandable && (\n                        <div className=\"flex items-center px-2 py-lt-cell-y\" role=\"cell\">\n                          {detail && (\n                            <button\n                              type=\"button\"\n                              data-test={`row-expand-${key}`}\n                              aria-expanded={expanded}\n                              aria-controls={detailId}\n                              aria-label={t(\"table.row-detail.toggle\", \"Toggle detail\")}\n                              className=\"inline-flex size-6 items-center justify-center rounded-lt-sm text-lt-muted-fg hover:bg-lt-muted hover:text-lt-fg\"\n                              onClick={() => toggleRow(key)}\n                            >\n                              <Icon\n                                name=\"chevron-down\"\n                                aria-hidden=\"true\"\n                                className={cn(\n                                  \"size-lt-icon-md transition-transform\",\n                                  !expanded && \"-rotate-90\",\n                                )}\n                              />\n                            </button>\n                          )}\n                        </div>\n                      )}\n                      {hasBulkActions && (\n                        <div className=\"flex items-center px-lt-cell-x py-lt-cell-y\" role=\"cell\">\n                          <Checkbox\n                            aria-label={t(\"table.select-row\", \"Select row {{key}}\", { key })}\n                            data-test={`select-row-${key}`}\n                            checked={selection.isSelected(key)}\n                            onCheckedChange={() => selection.toggle(key)}\n                          />\n                        </div>\n                      )}\n                      {visibleColumns.map((column) => (\n                        <div\n                          key={column.key}\n                          data-slot=\"table-cell\"\n                          className={cn(\n                            \"grid min-w-0 gap-1 overflow-hidden px-lt-cell-x py-lt-cell-y align-middle\",\n                            alignText(column.props.align),\n                            alignJustifyItems(column.props.align),\n                          )}\n                          role=\"cell\"\n                        >\n                          <span\n                            aria-hidden=\"true\"\n                            className=\"text-xs font-medium text-lt-muted-fg md:hidden\"\n                          >\n                            {column.props.label}\n                          </span>\n                          <div\n                            data-slot=\"table-cell-content\"\n                            className=\"min-w-0 max-w-full overflow-hidden truncate\"\n                          >\n                            <ColumnCell column={column} row={row} />\n                          </div>\n                        </div>\n                      ))}\n                      {hasTrailingUtility && (\n                        <div\n                          className={cn(\n                            \"items-center justify-start gap-2 px-lt-cell-x py-lt-cell-y md:justify-end\",\n                            actions.length > 0 ? \"flex\" : \"hidden md:flex\",\n                          )}\n                          role=\"cell\"\n                        >\n                          {actions.map((action, actionIndex) => (\n                            <RenderNode\n                              key={action.key ?? action.id ?? actionIndex}\n                              node={action}\n                            />\n                          ))}\n                        </div>\n                      )}\n                    </div>\n                    {expanded && detail && (\n                      <div\n                        id={detailId}\n                        role=\"region\"\n                        data-slot=\"table-row-detail\"\n                        className=\"border-b border-lt-border bg-lt-muted/20 px-lt-cell-x py-lt-cell-y\"\n                      >\n                        <Renderer nodes={[detail]} />\n                      </div>\n                    )}\n                  </Fragment>\n                );\n              })\n            )}\n          </div>\n        </div>\n        {hasLoaded && (\n          <TablePagination\n            pagination={pagination}\n            currentPage={currentPage}\n            processing={processing}\n            mode={mode}\n            hasNextPage={hasNextPage}\n            visiblePages={visiblePages}\n            infiniteLoaderRef={infiniteLoaderRef}\n            perPageOptions={perPageOptions}\n            perPageValue={mode === \"infinite\" ? \"infinite\" : query.perPage}\n            onPerPage={setPerPage}\n            onPage={goToPage}\n            onLoadMore={loadMore}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default TableComponent;\n"],"mappings":"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"}

package/dist/table/hooks/use-column-visibility.d.ts

@@ -1,20 +0,0 @@
-export type ToggleableColumn = {
-    key: string;
-    props: {
-        label?: string | null;
-        toggleable?: boolean;
-        hiddenByDefault?: boolean;
-    };
-};
-export declare function useColumnVisibility<TColumn extends ToggleableColumn>({ columns, storageKey, }: {
-    columns: TColumn[];
-    storageKey?: string;
-}): {
-    hasHidden: boolean;
-    hasToggleableColumns: boolean;
-    isVisible: (column: ToggleableColumn) => boolean;
-    resetVisibility: () => void;
-    setColumnVisible: (key: string, visible: boolean) => void;
-    toggleableColumns: TColumn[];
-    visibleColumns: TColumn[];
-};

package/dist/table/hooks/use-column-visibility.js

@@ -1,54 +0,0 @@
-import { usePersistentState } from "../../lib/use-persistent-state.js";
-import { useCallback, useMemo } from "react";
-//#region resources/js/table/hooks/use-column-visibility.ts
-function useColumnVisibility({ columns, storageKey }) {
-	const toggleableColumns = useMemo(() => columns.filter((column) => column.props.toggleable), [columns]);
-	const toggleableKeys = useMemo(() => toggleableColumns.map((column) => column.key), [toggleableColumns]);
-	const [overrides, setOverrides] = usePersistentState(storageKey ?? "", {}, {
-		enabled: Boolean(storageKey),
-		parse: (raw) => parseStoredVisibility(raw, toggleableKeys),
-		serialize: (value) => serializeVisibility(value, toggleableKeys)
-	});
-	const isVisible = useCallback((column) => {
-		if (!column.props.toggleable) return true;
-		return overrides[column.key] ?? !column.props.hiddenByDefault;
-	}, [overrides]);
-	const visibleColumns = useMemo(() => columns.filter((column) => isVisible(column)), [columns, isVisible]);
-	const setColumnVisible = useCallback((key, visible) => {
-		setOverrides((current) => ({
-			...current,
-			[key]: visible
-		}));
-	}, [setOverrides]);
-	const resetVisibility = useCallback(() => setOverrides({}), [setOverrides]);
-	const hasToggleableColumns = toggleableColumns.length > 0;
-	return {
-		hasHidden: toggleableColumns.some((column) => !isVisible(column)),
-		hasToggleableColumns,
-		isVisible,
-		resetVisibility,
-		setColumnVisible,
-		toggleableColumns,
-		visibleColumns
-	};
-}
-function pickKnownBooleans(source, toggleableKeys) {
-	const known = new Set(toggleableKeys);
-	const result = {};
-	for (const [key, value] of Object.entries(source)) if (known.has(key) && typeof value === "boolean") result[key] = value;
-	return result;
-}
-function parseStoredVisibility(raw, toggleableKeys) {
-	const overrides = JSON.parse(raw)?.overrides;
-	if (typeof overrides !== "object" || overrides === null || Array.isArray(overrides)) throw new Error("unexpected stored column visibility shape");
-	return pickKnownBooleans(overrides, toggleableKeys);
-}
-function serializeVisibility(overrides, toggleableKeys) {
-	const stored = pickKnownBooleans(overrides, toggleableKeys);
-	if (Object.keys(stored).length === 0) return null;
-	return JSON.stringify({ overrides: stored });
-}
-//#endregion
-export { useColumnVisibility };
-
-//# sourceMappingURL=use-column-visibility.js.map

package/dist/table/hooks/use-column-visibility.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-column-visibility.js","names":[],"sources":["../../../resources/js/table/hooks/use-column-visibility.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { usePersistentState } from \"@lattice-php/lattice/lib/use-persistent-state\";\n\nexport type ToggleableColumn = {\n  key: string;\n  props: {\n    label?: string | null;\n    toggleable?: boolean;\n    hiddenByDefault?: boolean;\n  };\n};\n\nexport function useColumnVisibility<TColumn extends ToggleableColumn>({\n  columns,\n  storageKey,\n}: {\n  columns: TColumn[];\n  storageKey?: string;\n}) {\n  const toggleableColumns = useMemo(\n    () => columns.filter((column) => column.props.toggleable),\n    [columns],\n  );\n  const toggleableKeys = useMemo(\n    () => toggleableColumns.map((column) => column.key),\n    [toggleableColumns],\n  );\n\n  const [overrides, setOverrides] = usePersistentState<Record<string, boolean>>(\n    storageKey ?? \"\",\n    {},\n    {\n      enabled: Boolean(storageKey),\n      parse: (raw) => parseStoredVisibility(raw, toggleableKeys),\n      serialize: (value) => serializeVisibility(value, toggleableKeys),\n    },\n  );\n\n  const isVisible = useCallback(\n    (column: ToggleableColumn): boolean => {\n      if (!column.props.toggleable) {\n        return true;\n      }\n\n      return overrides[column.key] ?? !column.props.hiddenByDefault;\n    },\n    [overrides],\n  );\n\n  const visibleColumns = useMemo(\n    () => columns.filter((column) => isVisible(column)),\n    [columns, isVisible],\n  );\n\n  const setColumnVisible = useCallback(\n    (key: string, visible: boolean) => {\n      setOverrides((current) => ({ ...current, [key]: visible }));\n    },\n    [setOverrides],\n  );\n\n  const resetVisibility = useCallback(() => setOverrides({}), [setOverrides]);\n\n  const hasToggleableColumns = toggleableColumns.length > 0;\n  const hasHidden = toggleableColumns.some((column) => !isVisible(column));\n\n  return {\n    hasHidden,\n    hasToggleableColumns,\n    isVisible,\n    resetVisibility,\n    setColumnVisible,\n    toggleableColumns,\n    visibleColumns,\n  };\n}\n\nfunction pickKnownBooleans(\n  source: Record<string, unknown>,\n  toggleableKeys: string[],\n): Record<string, boolean> {\n  const known = new Set(toggleableKeys);\n  const result: Record<string, boolean> = {};\n\n  for (const [key, value] of Object.entries(source)) {\n    if (known.has(key) && typeof value === \"boolean\") {\n      result[key] = value;\n    }\n  }\n\n  return result;\n}\n\nfunction parseStoredVisibility(raw: string, toggleableKeys: string[]): Record<string, boolean> {\n  const stored = JSON.parse(raw) as { overrides?: unknown };\n  const overrides = stored?.overrides;\n\n  if (typeof overrides !== \"object\" || overrides === null || Array.isArray(overrides)) {\n    throw new Error(\"unexpected stored column visibility shape\");\n  }\n\n  return pickKnownBooleans(overrides as Record<string, unknown>, toggleableKeys);\n}\n\nfunction serializeVisibility(\n  overrides: Record<string, boolean>,\n  toggleableKeys: string[],\n): string | null {\n  const stored = pickKnownBooleans(overrides, toggleableKeys);\n\n  if (Object.keys(stored).length === 0) {\n    return null;\n  }\n\n  return JSON.stringify({ overrides: stored });\n}\n"],"mappings":";;;AAYA,SAAgB,oBAAsD,EACpE,SACA,cAIC;CACD,MAAM,oBAAoB,cAClB,QAAQ,QAAQ,WAAW,OAAO,MAAM,UAAU,GACxD,CAAC,OAAO,CACV;CACA,MAAM,iBAAiB,cACf,kBAAkB,KAAK,WAAW,OAAO,GAAG,GAClD,CAAC,iBAAiB,CACpB;CAEA,MAAM,CAAC,WAAW,gBAAgB,mBAChC,cAAc,IACd,CAAC,GACD;EACE,SAAS,QAAQ,UAAU;EAC3B,QAAQ,QAAQ,sBAAsB,KAAK,cAAc;EACzD,YAAY,UAAU,oBAAoB,OAAO,cAAc;CACjE,CACF;CAEA,MAAM,YAAY,aACf,WAAsC;EACrC,IAAI,CAAC,OAAO,MAAM,YAChB,OAAO;EAGT,OAAO,UAAU,OAAO,QAAQ,CAAC,OAAO,MAAM;CAChD,GACA,CAAC,SAAS,CACZ;CAEA,MAAM,iBAAiB,cACf,QAAQ,QAAQ,WAAW,UAAU,MAAM,CAAC,GAClD,CAAC,SAAS,SAAS,CACrB;CAEA,MAAM,mBAAmB,aACtB,KAAa,YAAqB;EACjC,cAAc,aAAa;GAAE,GAAG;IAAU,MAAM;EAAQ,EAAE;CAC5D,GACA,CAAC,YAAY,CACf;CAEA,MAAM,kBAAkB,kBAAkB,aAAa,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC;CAE1E,MAAM,uBAAuB,kBAAkB,SAAS;CAGxD,OAAO;EACL,WAHgB,kBAAkB,MAAM,WAAW,CAAC,UAAU,MAAM,CAGpE;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF;AAEA,SAAS,kBACP,QACA,gBACyB;CACzB,MAAM,QAAQ,IAAI,IAAI,cAAc;CACpC,MAAM,SAAkC,CAAC;CAEzC,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,MAAM,GAC9C,IAAI,MAAM,IAAI,GAAG,KAAK,OAAO,UAAU,WACrC,OAAO,OAAO;CAIlB,OAAO;AACT;AAEA,SAAS,sBAAsB,KAAa,gBAAmD;CAE7F,MAAM,YADS,KAAK,MAAM,GACR,CAAA,EAAQ;CAE1B,IAAI,OAAO,cAAc,YAAY,cAAc,QAAQ,MAAM,QAAQ,SAAS,GAChF,MAAM,IAAI,MAAM,2CAA2C;CAG7D,OAAO,kBAAkB,WAAsC,cAAc;AAC/E;AAEA,SAAS,oBACP,WACA,gBACe;CACf,MAAM,SAAS,kBAAkB,WAAW,cAAc;CAE1D,IAAI,OAAO,KAAK,MAAM,CAAC,CAAC,WAAW,GACjC,OAAO;CAGT,OAAO,KAAK,UAAU,EAAE,WAAW,OAAO,CAAC;AAC7C"}

package/dist/table/hooks/use-expanded-rows.d.ts

@@ -1,8 +0,0 @@
-/**
- * Client-side expansion state for expandable table rows, keyed by row key.
- * In-memory only: expansions reset when the table reloads or refetches.
- */
-export declare function useExpandedRows(): {
-    isExpanded: (key: string) => boolean;
-    toggle: (key: string) => void;
-};

package/dist/table/hooks/use-expanded-rows.js

@@ -1,24 +0,0 @@
-import { useCallback, useState } from "react";
-//#region resources/js/table/hooks/use-expanded-rows.ts
-/**
-* Client-side expansion state for expandable table rows, keyed by row key.
-* In-memory only: expansions reset when the table reloads or refetches.
-*/
-function useExpandedRows() {
-	const [expanded, setExpanded] = useState(() => /* @__PURE__ */ new Set());
-	return {
-		isExpanded: useCallback((key) => expanded.has(key), [expanded]),
-		toggle: useCallback((key) => {
-			setExpanded((current) => {
-				const next = new Set(current);
-				if (next.has(key)) next.delete(key);
-				else next.add(key);
-				return next;
-			});
-		}, [])
-	};
-}
-//#endregion
-export { useExpandedRows };
-
-//# sourceMappingURL=use-expanded-rows.js.map

package/dist/table/hooks/use-expanded-rows.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-expanded-rows.js","names":[],"sources":["../../../resources/js/table/hooks/use-expanded-rows.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\n/**\n * Client-side expansion state for expandable table rows, keyed by row key.\n * In-memory only: expansions reset when the table reloads or refetches.\n */\nexport function useExpandedRows() {\n  const [expanded, setExpanded] = useState<ReadonlySet<string>>(() => new Set());\n\n  const isExpanded = useCallback((key: string): boolean => expanded.has(key), [expanded]);\n\n  const toggle = useCallback((key: string): void => {\n    setExpanded((current) => {\n      const next = new Set(current);\n\n      if (next.has(key)) {\n        next.delete(key);\n      } else {\n        next.add(key);\n      }\n\n      return next;\n    });\n  }, []);\n\n  return { isExpanded, toggle };\n}\n"],"mappings":";;;;;;AAMA,SAAgB,kBAAkB;CAChC,MAAM,CAAC,UAAU,eAAe,+BAAoC,IAAI,IAAI,CAAC;CAkB7E,OAAO;EAAE,YAhBU,aAAa,QAAyB,SAAS,IAAI,GAAG,GAAG,CAAC,QAAQ,CAgB5E;EAAY,QAdN,aAAa,QAAsB;GAChD,aAAa,YAAY;IACvB,MAAM,OAAO,IAAI,IAAI,OAAO;IAE5B,IAAI,KAAK,IAAI,GAAG,GACd,KAAK,OAAO,GAAG;SAEf,KAAK,IAAI,GAAG;IAGd,OAAO;GACT,CAAC;EACH,GAAG,CAAC,CAEiB;CAAO;AAC9B"}

package/dist/table/hooks/use-table-selection.d.ts

@@ -1,12 +0,0 @@
-export declare function useTableSelection(keys: string[]): {
-    selectedKeys: string[];
-    allMatching: boolean;
-    allVisibleSelected: boolean;
-    allSelected: boolean;
-    active: boolean;
-    isSelected: (key: string) => boolean;
-    toggle: (key: string) => void;
-    toggleAll: () => void;
-    selectAllMatching: () => void;
-    clear: () => void;
-};

package/dist/table/hooks/use-table-selection.js

@@ -1,47 +0,0 @@
-import { useCallback, useEffect, useState } from "react";
-//#region resources/js/table/hooks/use-table-selection.ts
-function useTableSelection(keys) {
-	const [selected, setSelected] = useState(() => /* @__PURE__ */ new Set());
-	const [allMatching, setAllMatching] = useState(false);
-	const signature = keys.join(" ");
-	useEffect(() => {
-		setSelected(/* @__PURE__ */ new Set());
-		setAllMatching(false);
-	}, [signature]);
-	const toggle = useCallback((key) => {
-		setAllMatching(false);
-		setSelected((current) => {
-			const next = new Set(current);
-			if (next.has(key)) next.delete(key);
-			else next.add(key);
-			return next;
-		});
-	}, []);
-	const toggleAll = useCallback(() => {
-		setAllMatching(false);
-		setSelected((current) => current.size === keys.length ? /* @__PURE__ */ new Set() : new Set(keys));
-	}, [keys]);
-	const selectAllMatching = useCallback(() => setAllMatching(true), []);
-	const clear = useCallback(() => {
-		setAllMatching(false);
-		setSelected(/* @__PURE__ */ new Set());
-	}, []);
-	const selectedKeys = keys.filter((key) => selected.has(key));
-	const allVisibleSelected = keys.length > 0 && selectedKeys.length === keys.length;
-	return {
-		selectedKeys,
-		allMatching,
-		allVisibleSelected,
-		allSelected: allMatching || allVisibleSelected,
-		active: allMatching || selectedKeys.length > 0,
-		isSelected: (key) => allMatching || selected.has(key),
-		toggle,
-		toggleAll,
-		selectAllMatching,
-		clear
-	};
-}
-//#endregion
-export { useTableSelection };
-
-//# sourceMappingURL=use-table-selection.js.map

package/dist/table/hooks/use-table-selection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-table-selection.js","names":[],"sources":["../../../resources/js/table/hooks/use-table-selection.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\n\nexport function useTableSelection(keys: string[]) {\n  const [selected, setSelected] = useState<Set<string>>(() => new Set());\n  const [allMatching, setAllMatching] = useState(false);\n  const signature = keys.join(\" \");\n\n  useEffect(() => {\n    setSelected(new Set());\n    setAllMatching(false);\n  }, [signature]);\n\n  const toggle = useCallback((key: string): void => {\n    setAllMatching(false);\n    setSelected((current) => {\n      const next = new Set(current);\n\n      if (next.has(key)) {\n        next.delete(key);\n      } else {\n        next.add(key);\n      }\n\n      return next;\n    });\n  }, []);\n\n  const toggleAll = useCallback((): void => {\n    setAllMatching(false);\n    setSelected((current) => (current.size === keys.length ? new Set() : new Set(keys)));\n  }, [keys]);\n\n  const selectAllMatching = useCallback((): void => setAllMatching(true), []);\n\n  const clear = useCallback((): void => {\n    setAllMatching(false);\n    setSelected(new Set());\n  }, []);\n\n  const selectedKeys = keys.filter((key) => selected.has(key));\n  const allVisibleSelected = keys.length > 0 && selectedKeys.length === keys.length;\n\n  return {\n    selectedKeys,\n    allMatching,\n    allVisibleSelected,\n    allSelected: allMatching || allVisibleSelected,\n    active: allMatching || selectedKeys.length > 0,\n    isSelected: (key: string): boolean => allMatching || selected.has(key),\n    toggle,\n    toggleAll,\n    selectAllMatching,\n    clear,\n  };\n}\n"],"mappings":";;AAEA,SAAgB,kBAAkB,MAAgB;CAChD,MAAM,CAAC,UAAU,eAAe,+BAA4B,IAAI,IAAI,CAAC;CACrE,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CACpD,MAAM,YAAY,KAAK,KAAK,GAAG;CAE/B,gBAAgB;EACd,4BAAY,IAAI,IAAI,CAAC;EACrB,eAAe,KAAK;CACtB,GAAG,CAAC,SAAS,CAAC;CAEd,MAAM,SAAS,aAAa,QAAsB;EAChD,eAAe,KAAK;EACpB,aAAa,YAAY;GACvB,MAAM,OAAO,IAAI,IAAI,OAAO;GAE5B,IAAI,KAAK,IAAI,GAAG,GACd,KAAK,OAAO,GAAG;QAEf,KAAK,IAAI,GAAG;GAGd,OAAO;EACT,CAAC;CACH,GAAG,CAAC,CAAC;CAEL,MAAM,YAAY,kBAAwB;EACxC,eAAe,KAAK;EACpB,aAAa,YAAa,QAAQ,SAAS,KAAK,yBAAS,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,CAAE;CACrF,GAAG,CAAC,IAAI,CAAC;CAET,MAAM,oBAAoB,kBAAwB,eAAe,IAAI,GAAG,CAAC,CAAC;CAE1E,MAAM,QAAQ,kBAAwB;EACpC,eAAe,KAAK;EACpB,4BAAY,IAAI,IAAI,CAAC;CACvB,GAAG,CAAC,CAAC;CAEL,MAAM,eAAe,KAAK,QAAQ,QAAQ,SAAS,IAAI,GAAG,CAAC;CAC3D,MAAM,qBAAqB,KAAK,SAAS,KAAK,aAAa,WAAW,KAAK;CAE3E,OAAO;EACL;EACA;EACA;EACA,aAAa,eAAe;EAC5B,QAAQ,eAAe,aAAa,SAAS;EAC7C,aAAa,QAAyB,eAAe,SAAS,IAAI,GAAG;EACrE;EACA;EACA;EACA;CACF;AACF"}

package/dist/table/hooks/use-table.d.ts

@@ -1,28 +0,0 @@
-import { Option } from '../../types/generated.js';
-import { PerPageOption } from '../lib/payload.js';
-import { FilterClause, TableColumn, TableNode, TableSort, TableQuery } from '../types.js';
-export declare function useTable(node: TableNode): {
-    columns: TableColumn[];
-    rows: import('../types.js').TableRow[];
-    pagination: import('../../types/generated.js').TablePagination;
-    query: TableQuery;
-    filters: FilterClause[];
-    tableFilters: Record<string, Record<string, unknown>>;
-    search: string;
-    addFilter: (clause: FilterClause) => void;
-    updateFilter: (index: number, clause: FilterClause) => void;
-    removeFilter: (index: number) => void;
-    replaceColumnFilters: (field: string, clauses: FilterClause[]) => void;
-    setTableFilter: (key: string, value: unknown) => void;
-    resetFilters: () => void;
-    setSearch: (search: string) => void;
-    searchFilterOptions: (searchKey: string, search: string, signal?: AbortSignal) => Promise<Option[]>;
-    processing: boolean;
-    hasLoaded: boolean;
-    infiniteLoaderRef: import('react').RefObject<HTMLDivElement | null>;
-    sort: (column: TableColumn) => void;
-    clearSort: (sort: TableSort) => void;
-    goToPage: (page: number) => void;
-    setPerPage: (option: PerPageOption) => void;
-    loadMore: () => void;
-};