@lattice-php/lattice 0.19.0 → 0.21.0

package/dist/table/components/table-search.js

@@ -0,0 +1,72 @@
+import { cn } from "../../lib/utils.js";
+import { Icon } from "../../icons/sprite.js";
+import { useT } from "../../i18n/instance.js";
+import { useDebouncedCallback } from "../../lib/use-debounced-callback.js";
+import { Input } from "../../ui/input.js";
+import { IconButton } from "../../ui/icon-button.js";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region resources/js/table/components/table-search.tsx
+var DEBOUNCE_MS = 300;
+/**
+* The table-level quick-search box. Keystrokes update the input immediately and
+* commit the term to the server after a short debounce; an externally-changed
+* value (e.g. a filter reset) is adopted without echoing keystroke round-trips.
+*/
+function TableSearch({ value, onSearch }) {
+	const { t } = useT("lattice");
+	const [term, setTerm] = useState(value);
+	const committed = useRef(value);
+	useEffect(() => {
+		if (value !== committed.current) {
+			committed.current = value;
+			setTerm(value);
+		}
+	}, [value]);
+	function commit(next) {
+		committed.current = next;
+		onSearch(next);
+	}
+	const commitDebounced = useDebouncedCallback(commit, DEBOUNCE_MS);
+	function change(next) {
+		setTerm(next);
+		commitDebounced(next);
+	}
+	function clear() {
+		commitDebounced.cancel();
+		setTerm("");
+		commit("");
+	}
+	const label = t("table.search.placeholder", "Search");
+	return /* @__PURE__ */ jsxs("div", {
+		className: "relative w-full max-w-xs",
+		children: [
+			/* @__PURE__ */ jsx(Icon, {
+				name: "search",
+				"aria-hidden": "true",
+				className: "pointer-events-none absolute left-2.5 top-1/2 size-lt-icon-sm -translate-y-1/2 text-lt-muted-fg"
+			}),
+			/* @__PURE__ */ jsx(Input, {
+				type: "search",
+				"data-test": "table-search",
+				value: term,
+				placeholder: label,
+				"aria-label": label,
+				onChange: (event) => change(event.target.value),
+				className: cn("px-8", "[&::-webkit-search-cancel-button]:hidden")
+			}),
+			term !== "" && /* @__PURE__ */ jsx(IconButton, {
+				size: "xs",
+				icon: "x",
+				label: t("table.search.clear", "Clear search"),
+				"data-test": "table-search-clear",
+				className: "absolute right-1.5 top-1/2 -translate-y-1/2",
+				onClick: clear
+			})
+		]
+	});
+}
+//#endregion
+export { TableSearch };
+
+//# sourceMappingURL=table-search.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-search.js","names":[],"sources":["../../../resources/js/table/components/table-search.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { Icon } from \"@lattice-php/lattice/icons\";\nimport { IconButton } from \"@lattice-php/lattice/ui/icon-button\";\nimport { Input } from \"@lattice-php/lattice/ui/input\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { useDebouncedCallback } from \"@lattice-php/lattice/lib/use-debounced-callback\";\n\nconst DEBOUNCE_MS = 300;\n\n/**\n * The table-level quick-search box. Keystrokes update the input immediately and\n * commit the term to the server after a short debounce; an externally-changed\n * value (e.g. a filter reset) is adopted without echoing keystroke round-trips.\n */\nexport function TableSearch({\n  value,\n  onSearch,\n}: {\n  value: string;\n  onSearch: (term: string) => void;\n}) {\n  const { t } = useT(\"lattice\");\n  const [term, setTerm] = useState(value);\n  const committed = useRef(value);\n\n  useEffect(() => {\n    if (value !== committed.current) {\n      committed.current = value;\n      setTerm(value);\n    }\n  }, [value]);\n\n  function commit(next: string): void {\n    committed.current = next;\n    onSearch(next);\n  }\n\n  const commitDebounced = useDebouncedCallback(commit, DEBOUNCE_MS);\n\n  function change(next: string): void {\n    setTerm(next);\n    commitDebounced(next);\n  }\n\n  function clear(): void {\n    commitDebounced.cancel();\n    setTerm(\"\");\n    commit(\"\");\n  }\n\n  const label = t(\"table.search.placeholder\", \"Search\");\n\n  return (\n    <div className=\"relative w-full max-w-xs\">\n      <Icon\n        name=\"search\"\n        aria-hidden=\"true\"\n        className=\"pointer-events-none absolute left-2.5 top-1/2 size-lt-icon-sm -translate-y-1/2 text-lt-muted-fg\"\n      />\n      <Input\n        type=\"search\"\n        data-test=\"table-search\"\n        value={term}\n        placeholder={label}\n        aria-label={label}\n        onChange={(event) => change(event.target.value)}\n        className={cn(\"px-8\", \"[&::-webkit-search-cancel-button]:hidden\")}\n      />\n      {term !== \"\" && (\n        <IconButton\n          size=\"xs\"\n          icon=\"x\"\n          label={t(\"table.search.clear\", \"Clear search\")}\n          data-test=\"table-search-clear\"\n          className=\"absolute right-1.5 top-1/2 -translate-y-1/2\"\n          onClick={clear}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAQA,IAAM,cAAc;;;;;;AAOpB,SAAgB,YAAY,EAC1B,OACA,YAIC;CACD,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,YAAY,OAAO,KAAK;CAE9B,gBAAgB;EACd,IAAI,UAAU,UAAU,SAAS;GAC/B,UAAU,UAAU;GACpB,QAAQ,KAAK;EACf;CACF,GAAG,CAAC,KAAK,CAAC;CAEV,SAAS,OAAO,MAAoB;EAClC,UAAU,UAAU;EACpB,SAAS,IAAI;CACf;CAEA,MAAM,kBAAkB,qBAAqB,QAAQ,WAAW;CAEhE,SAAS,OAAO,MAAoB;EAClC,QAAQ,IAAI;EACZ,gBAAgB,IAAI;CACtB;CAEA,SAAS,QAAc;EACrB,gBAAgB,OAAO;EACvB,QAAQ,EAAE;EACV,OAAO,EAAE;CACX;CAEA,MAAM,QAAQ,EAAE,4BAA4B,QAAQ;CAEpD,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACE,oBAAC,MAAD;IACE,MAAK;IACL,eAAY;IACZ,WAAU;GACX,CAAA;GACD,oBAAC,OAAD;IACE,MAAK;IACL,aAAU;IACV,OAAO;IACP,aAAa;IACb,cAAY;IACZ,WAAW,UAAU,OAAO,MAAM,OAAO,KAAK;IAC9C,WAAW,GAAG,QAAQ,0CAA0C;GACjE,CAAA;GACA,SAAS,MACR,oBAAC,YAAD;IACE,MAAK;IACL,MAAK;IACL,OAAO,EAAE,sBAAsB,cAAc;IAC7C,aAAU;IACV,WAAU;IACV,SAAS;GACV,CAAA;EAEA;;AAET"}

package/dist/table/components/table.js

@@ -1,13 +1,15 @@
 import { cn } from "../../lib/utils.js";
 import { Icon } from "../../icons/sprite.js";
+import { RenderNode, Renderer } from "../../core/renderer.js";
 import { useT } from "../../i18n/instance.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 { getRowActions, getRowKey } from "../lib/payload.js";
+import { 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";
@@ -18,29 +20,32 @@ 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 { TableActionNode } from "./table-action-node.js";
+import { TableSearch } from "./table-search.js";
 import { ColumnCell } from "./table-cell.js";
-import { useMemo } from "react";
+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, state, filters, tableFilters, addFilter, updateFilter, removeFilter, replaceColumnFilters, setTableFilter, resetFilters, searchFilterOptions, processing, hasLoaded, infiniteLoaderRef, sort, clearSort, goToPage, loadMore } = useTable(node);
+	const { columns, rows, pagination, query, filters, tableFilters, search, addFilter, updateFilter, removeFilter, replaceColumnFilters, setTableFilter, resetFilters, setSearch, searchFilterOptions, processing, hasLoaded, infiniteLoaderRef, sort, clearSort, goToPage, 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 ?? state.page;
+	const currentPage = pagination.currentPage ?? query.page;
 	const lastPage = pagination.lastPage ?? currentPage;
 	const mode = pagination.mode ?? "table";
 	const visiblePages = getVisiblePages(currentPage, lastPage);
@@ -56,7 +61,11 @@ var TableComponent = ({ node }) => {
 	const hasDedicatedFilters = filterDefinitions.length > 0;
 	const hasTrailingUtility = hasActions || hasDedicatedFilters || hasToggleableColumns;
 	const sizingColumns = useMemo(() => getTableSizingColumns(visibleColumns), [visibleColumns]);
-	const utilityTracks = useMemo(() => getTableUtilityTracks(hasTrailingUtility, hasBulkActions), [hasTrailingUtility, hasBulkActions]);
+	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({
@@ -72,11 +81,11 @@ var TableComponent = ({ node }) => {
 		"data-lattice-component": node.id,
 		className: "relative",
 		children: [hasOverrides && /* @__PURE__ */ jsx("button", {
-			"aria-label": t("table.resetColumnWidths", "Reset column widths"),
+			"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.resetColumnWidths", "Reset column widths"),
+			title: t("table.reset-column-widths", "Reset column widths"),
 			type: "button",
 			children: /* @__PURE__ */ jsx(Icon, {
 				name: "rotate-ccw",
@@ -86,10 +95,18 @@ var TableComponent = ({ node }) => {
 			"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: state.tableFilterIndicators,
+					indicators: query.tableFilterIndicators,
 					processing,
 					onRemoveClause: removeFilter,
 					onChange: setTableFilter,
@@ -100,14 +117,14 @@ var TableComponent = ({ node }) => {
 					selectedKeys: selection.selectedKeys,
 					allMatching: selection.allMatching,
 					total: pagination.total ?? void 0,
-					query: getQueryParams(state),
+					query: getQueryParams(query),
 					canSelectAllMatching: selection.allVisibleSelected && !selection.allMatching && pagination.total != null && pagination.total > selection.selectedKeys.length,
 					onSelectAllMatching: selection.selectAllMatching,
 					onCompleted: selection.clear
 				}),
-				state.sorts.length > 0 && /* @__PURE__ */ jsx(SortBar, {
+				query.sorts.length > 0 && /* @__PURE__ */ jsx(SortBar, {
 					columnsByKey,
-					state,
+					query,
 					processing,
 					onClear: clearSort
 				}),
@@ -124,11 +141,16 @@ var TableComponent = ({ node }) => {
 							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.selectAllRows", "Select all rows"),
+										"aria-label": t("table.select-all-rows", "Select all rows"),
 										"data-test": "select-all",
 										checked: selection.allSelected,
 										onCheckedChange: () => selection.toggleAll()
@@ -139,7 +161,7 @@ var TableComponent = ({ node }) => {
 									processing,
 									resizeHandleProps: resizingEnabled ? getResizeHandleProps(sizingColumns[index]) : void 0,
 									sort,
-									state
+									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",
@@ -163,7 +185,7 @@ var TableComponent = ({ node }) => {
 										}),
 										hasActions && /* @__PURE__ */ jsx("span", {
 											className: "sr-only",
-											children: node.props?.actionsLabel
+											children: node.props?.actionsLabel ?? t("table.actions", "Actions")
 										})
 									]
 								})
@@ -172,6 +194,10 @@ var TableComponent = ({ node }) => {
 							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"
@@ -211,19 +237,39 @@ var TableComponent = ({ node }) => {
 							role: "row",
 							children: /* @__PURE__ */ jsx("div", {
 								role: "cell",
-								children: node.props?.emptyLabel
+								children: node.props?.emptyLabel ?? t("table.empty", "No results")
 							})
-						}) : rowEntries.map(({ row, actions, key }) => {
-							return /* @__PURE__ */ jsxs("div", {
+						}) : 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.selectRow", "Select row {{key}}", { key }),
+											"aria-label": t("table.select-row", "Select row {{key}}", { key }),
 											"data-test": `select-row-${key}`,
 											checked: selection.isSelected(key),
 											onCheckedChange: () => selection.toggle(key)
@@ -249,10 +295,16 @@ var TableComponent = ({ node }) => {
 									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(TableActionNode, { node: action }, action.key ?? action.id ?? actionIndex))
+										children: actions.map((action, actionIndex) => /* @__PURE__ */ jsx(RenderNode, { node: action }, action.key ?? action.id ?? actionIndex))
 									})
 								]
-							}, key);
+							}), 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);
 						})
 					})]
 				}),

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

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":[],"sources":["../../../resources/js/table/components/table.tsx"],"sourcesContent":["import { type ReactNode, useMemo } from \"react\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { useColumnResizing } from \"@lattice-php/lattice/core/hooks/use-column-resizing\";\nimport { useColumnVisibility } from \"@lattice-php/lattice/table/hooks/use-column-visibility\";\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 { getRowActions, getRowKey } 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 { TableActionNode } from \"./table-action-node\";\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    state,\n    filters,\n    tableFilters,\n    addFilter,\n    updateFilter,\n    removeFilter,\n    replaceColumnFilters,\n    setTableFilter,\n    resetFilters,\n    searchFilterOptions,\n    processing,\n    hasLoaded,\n    infiniteLoaderRef,\n    sort,\n    clearSort,\n    goToPage,\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) => ({ row, actions: getRowActions(row), key: getRowKey(row, index) })),\n    [rows],\n  );\n  const selection = useTableSelection(rowEntries.map((entry) => entry.key));\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 ?? state.page;\n  const lastPage = pagination.lastPage ?? currentPage;\n  const mode = pagination.mode ?? \"table\";\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),\n    [hasTrailingUtility, hasBulkActions],\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.resetColumnWidths\", \"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.resetColumnWidths\", \"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        <FilterBar\n          clauses={filters}\n          columnsByKey={columnsByKey}\n          indicators={state.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(state)}\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        {state.sorts.length > 0 && (\n          <SortBar\n            columnsByKey={columnsByKey}\n            state={state}\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              {hasBulkActions && (\n                <div className=\"flex items-center px-4 py-3\" role=\"columnheader\">\n                  <Checkbox\n                    aria-label={t(\"table.selectAllRows\", \"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                  state={state}\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 && <span className=\"sr-only\">{node.props?.actionsLabel}</span>}\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                {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}</div>\n              </div>\n            ) : (\n              rowEntries.map(({ row, actions, key }) => {\n                return (\n                  <div\n                    key={key}\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                    {hasBulkActions && (\n                      <div className=\"flex items-center px-lt-cell-x py-lt-cell-y\" role=\"cell\">\n                        <Checkbox\n                          aria-label={t(\"table.selectRow\", \"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                          <TableActionNode\n                            key={action.key ?? action.id ?? actionIndex}\n                            node={action}\n                          />\n                        ))}\n                      </div>\n                    )}\n                  </div>\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            onPage={goToPage}\n            onLoadMore={loadMore}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default TableComponent;\n"],"mappings":"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"}
+{"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 { getRowActions, getRowDetail, getRowKey } 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    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 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            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.js

@@ -1,28 +1,26 @@
-import { useCallback, useMemo, useState } from "react";
+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] = useState(() => readStoredVisibility(storageKey, toggleableKeys));
+	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) => {
-			const next = {
-				...current,
-				[key]: visible
-			};
-			writeStoredVisibility(storageKey, toggleableKeys, next);
-			return next;
-		});
-	}, [storageKey, toggleableKeys]);
-	const resetVisibility = useCallback(() => {
-		setOverrides({});
-		writeStoredVisibility(storageKey, toggleableKeys, {});
-	}, [storageKey, toggleableKeys]);
+		setOverrides((current) => ({
+			...current,
+			[key]: visible
+		}));
+	}, [setOverrides]);
+	const resetVisibility = useCallback(() => setOverrides({}), [setOverrides]);
 	const hasToggleableColumns = toggleableColumns.length > 0;
 	return {
 		hasHidden: toggleableColumns.some((column) => !isVisible(column)),
@@ -34,51 +32,24 @@ function useColumnVisibility({ columns, storageKey }) {
 		visibleColumns
 	};
 }
-function readStoredVisibility(storageKey, toggleableKeys) {
-	if (!storageKey || typeof window === "undefined") return {};
-	try {
-		const raw = window.localStorage.getItem(storageKey);
-		if (raw === null) return {};
-		const stored = JSON.parse(raw);
-		if (!isStoredColumnVisibility(stored)) {
-			removeStoredVisibility(storageKey);
-			return {};
-		}
-		const known = new Set(toggleableKeys);
-		const overrides = {};
-		for (const [key, value] of Object.entries(stored.overrides)) if (known.has(key) && typeof value === "boolean") overrides[key] = value;
-		if (Object.keys(overrides).length === 0) removeStoredVisibility(storageKey);
-		return overrides;
-	} catch {
-		removeStoredVisibility(storageKey);
-		return {};
-	}
-}
-function writeStoredVisibility(storageKey, toggleableKeys, overrides) {
-	if (!storageKey || typeof window === "undefined") return;
+function pickKnownBooleans(source, toggleableKeys) {
 	const known = new Set(toggleableKeys);
-	const stored = {};
-	for (const [key, value] of Object.entries(overrides)) if (known.has(key) && typeof value === "boolean") stored[key] = value;
-	if (Object.keys(stored).length === 0) {
-		removeStoredVisibility(storageKey);
-		return;
-	}
-	try {
-		window.localStorage.setItem(storageKey, JSON.stringify({
-			columns: toggleableKeys,
-			overrides: stored
-		}));
-	} catch {
-		return;
-	}
+	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 stored = JSON.parse(raw);
+	if (!isStoredColumnVisibility(stored)) throw new Error("unexpected stored column visibility shape");
+	return pickKnownBooleans(stored.overrides, toggleableKeys);
 }
-function removeStoredVisibility(storageKey) {
-	if (typeof window === "undefined") return;
-	try {
-		window.localStorage.removeItem(storageKey);
-	} catch {
-		return;
-	}
+function serializeVisibility(overrides, toggleableKeys) {
+	const stored = pickKnownBooleans(overrides, toggleableKeys);
+	if (Object.keys(stored).length === 0) return null;
+	return JSON.stringify({
+		columns: toggleableKeys,
+		overrides: stored
+	});
 }
 function isStoredColumnVisibility(value) {
 	if (typeof value !== "object" || value === null) return false;

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

@@ -1 +1 @@
-{"version":3,"file":"use-column-visibility.js","names":[],"sources":["../../../resources/js/table/hooks/use-column-visibility.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\n\nexport type ToggleableColumn = {\n  key: string;\n  props: {\n    label?: string | null;\n    toggleable?: boolean;\n    hiddenByDefault?: boolean;\n  };\n};\n\ntype StoredColumnVisibility = {\n  columns: string[];\n  overrides: Record<string, boolean>;\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] = useState<Record<string, boolean>>(() =>\n    readStoredVisibility(storageKey, toggleableKeys),\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) => {\n        const next = { ...current, [key]: visible };\n        writeStoredVisibility(storageKey, toggleableKeys, next);\n\n        return next;\n      });\n    },\n    [storageKey, toggleableKeys],\n  );\n\n  const resetVisibility = useCallback(() => {\n    setOverrides({});\n    writeStoredVisibility(storageKey, toggleableKeys, {});\n  }, [storageKey, toggleableKeys]);\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 readStoredVisibility(\n  storageKey: string | undefined,\n  toggleableKeys: string[],\n): Record<string, boolean> {\n  if (!storageKey || typeof window === \"undefined\") {\n    return {};\n  }\n\n  try {\n    const raw = window.localStorage.getItem(storageKey);\n\n    if (raw === null) {\n      return {};\n    }\n\n    const stored = JSON.parse(raw) as unknown;\n\n    if (!isStoredColumnVisibility(stored)) {\n      removeStoredVisibility(storageKey);\n\n      return {};\n    }\n\n    const known = new Set(toggleableKeys);\n    const overrides: Record<string, boolean> = {};\n\n    for (const [key, value] of Object.entries(stored.overrides)) {\n      if (known.has(key) && typeof value === \"boolean\") {\n        overrides[key] = value;\n      }\n    }\n\n    if (Object.keys(overrides).length === 0) {\n      removeStoredVisibility(storageKey);\n    }\n\n    return overrides;\n  } catch {\n    removeStoredVisibility(storageKey);\n\n    return {};\n  }\n}\n\nfunction writeStoredVisibility(\n  storageKey: string | undefined,\n  toggleableKeys: string[],\n  overrides: Record<string, boolean>,\n): void {\n  if (!storageKey || typeof window === \"undefined\") {\n    return;\n  }\n\n  const known = new Set(toggleableKeys);\n  const stored: Record<string, boolean> = {};\n\n  for (const [key, value] of Object.entries(overrides)) {\n    if (known.has(key) && typeof value === \"boolean\") {\n      stored[key] = value;\n    }\n  }\n\n  if (Object.keys(stored).length === 0) {\n    removeStoredVisibility(storageKey);\n\n    return;\n  }\n\n  try {\n    window.localStorage.setItem(\n      storageKey,\n      JSON.stringify({ columns: toggleableKeys, overrides: stored }),\n    );\n  } catch {\n    return;\n  }\n}\n\nfunction removeStoredVisibility(storageKey: string): void {\n  if (typeof window === \"undefined\") {\n    return;\n  }\n\n  try {\n    window.localStorage.removeItem(storageKey);\n  } catch {\n    return;\n  }\n}\n\nfunction isStoredColumnVisibility(value: unknown): value is StoredColumnVisibility {\n  if (typeof value !== \"object\" || value === null) {\n    return false;\n  }\n\n  const record = value as Record<string, unknown>;\n\n  return (\n    Array.isArray(record.columns) &&\n    record.columns.every((column) => typeof column === \"string\") &&\n    typeof record.overrides === \"object\" &&\n    record.overrides !== null &&\n    !Array.isArray(record.overrides)\n  );\n}\n"],"mappings":"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"}
+{"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\ntype StoredColumnVisibility = {\n  columns: string[];\n  overrides: Record<string, boolean>;\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 unknown;\n\n  if (!isStoredColumnVisibility(stored)) {\n    throw new Error(\"unexpected stored column visibility shape\");\n  }\n\n  return pickKnownBooleans(stored.overrides, 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({ columns: toggleableKeys, overrides: stored });\n}\n\nfunction isStoredColumnVisibility(value: unknown): value is StoredColumnVisibility {\n  if (typeof value !== \"object\" || value === null) {\n    return false;\n  }\n\n  const record = value as Record<string, unknown>;\n\n  return (\n    Array.isArray(record.columns) &&\n    record.columns.every((column) => typeof column === \"string\") &&\n    typeof record.overrides === \"object\" &&\n    record.overrides !== null &&\n    !Array.isArray(record.overrides)\n  );\n}\n"],"mappings":";;;AAiBA,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;CAC7F,MAAM,SAAS,KAAK,MAAM,GAAG;CAE7B,IAAI,CAAC,yBAAyB,MAAM,GAClC,MAAM,IAAI,MAAM,2CAA2C;CAG7D,OAAO,kBAAkB,OAAO,WAAW,cAAc;AAC3D;AAEA,SAAS,oBACP,WACA,gBACe;CACf,MAAM,SAAS,kBAAkB,WAAW,cAAc;CAE1D,IAAI,OAAO,KAAK,MAAM,EAAE,WAAW,GACjC,OAAO;CAGT,OAAO,KAAK,UAAU;EAAE,SAAS;EAAgB,WAAW;CAAO,CAAC;AACtE;AAEA,SAAS,yBAAyB,OAAiD;CACjF,IAAI,OAAO,UAAU,YAAY,UAAU,MACzC,OAAO;CAGT,MAAM,SAAS;CAEf,OACE,MAAM,QAAQ,OAAO,OAAO,KAC5B,OAAO,QAAQ,OAAO,WAAW,OAAO,WAAW,QAAQ,KAC3D,OAAO,OAAO,cAAc,YAC5B,OAAO,cAAc,QACrB,CAAC,MAAM,QAAQ,OAAO,SAAS;AAEnC"}

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

@@ -0,0 +1,8 @@
+/**
+ * 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

@@ -0,0 +1,24 @@
+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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -1,19 +1,21 @@
 import { Option } from '../../types/generated.js';
-import { FilterClause, TableColumn, TableNode, TableSort, TableState } from '../types.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;
-    state: TableState;
+    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;
-    searchFilterOptions: (searchKey: string, query: string, signal?: AbortSignal) => Promise<Option[]>;
+    setSearch: (search: string) => void;
+    searchFilterOptions: (searchKey: string, search: string, signal?: AbortSignal) => Promise<Option[]>;
     processing: boolean;
     hasLoaded: boolean;
     infiniteLoaderRef: import('react').RefObject<HTMLDivElement | null>;