@lattice-php/lattice 0.19.0 → 0.21.0

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

@@ -1,6 +1,7 @@
-import { LATTICE_EVENT } from "../../events/event-names.js";
+import { LATTICE_EVENT } from "../../core/event-names.js";
+import { useWindowEvent } from "../../core/hooks/use-window-event.js";
 import { apiFetch, apiJson } from "../../core/api.js";
-import { getColumns, getPagination, getRows, getState } from "../lib/payload.js";
+import { getColumns, getPagination, getQuery, getRows } from "../lib/payload.js";
 import { isEmptyFilterValue, isFilterValue } from "../lib/filter-values.js";
 import { buildEndpoint, nextSort } from "../lib/query.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -10,27 +11,27 @@ function useTable(node) {
 	const endpoint = typeof node.props?.endpoint === "string" ? node.props.endpoint : null;
 	const componentRef = typeof node.props?.ref === "string" ? node.props.ref : "";
 	const isLazy = node.props?.lazy === true;
-	const initialState = useMemo(() => getState(node.props?.state), [node.props?.state]);
+	const initialQuery = useMemo(() => getQuery(node.props?.query), [node.props?.query]);
 	const initialRows = useMemo(() => getRows(node.props?.data), [node.props?.data]);
 	const initialPagination = useMemo(() => getPagination(node.props?.pagination), [node.props?.pagination]);
 	const [rows, setRows] = useState(initialRows);
 	const [pagination, setPagination] = useState(initialPagination);
-	const [state, setState] = useState(initialState);
+	const [query, setQuery] = useState(initialQuery);
 	const [processing, setProcessing] = useState(isLazy);
 	const [hasLoaded, setHasLoaded] = useState(!isLazy);
 	const infiniteLoaderRef = useRef(null);
-	const currentPage = pagination.currentPage ?? state.page;
+	const currentPage = pagination.currentPage ?? query.page;
 	const isInfinite = (pagination.mode ?? "table") === "infinite";
-	const load = useCallback(async (nextState, append = false) => {
+	const load = useCallback(async (nextQuery, append = false) => {
 		if (!endpoint) return;
 		setProcessing(true);
 		try {
-			const result = await apiJson(buildEndpoint(endpoint, nextState), { ref: componentRef });
-			const resultState = getState(result.state);
+			const result = await apiJson(buildEndpoint(endpoint, nextQuery), { ref: componentRef });
+			const resultQuery = getQuery(result.query);
 			const resultRows = getRows(result.data);
 			setRows((currentRows) => append ? [...currentRows, ...resultRows] : resultRows);
 			setPagination(getPagination(result.pagination));
-			setState(resultState);
+			setQuery(resultQuery);
 			setHasLoaded(true);
 		} finally {
 			setProcessing(false);
@@ -38,68 +39,78 @@ function useTable(node) {
 	}, [endpoint, componentRef]);
 	function sort(column) {
 		load({
-			...state,
+			...query,
 			page: 1,
-			sorts: nextSort(state.sorts, column)
+			sorts: nextSort(query.sorts, column)
 		});
 	}
 	function clearSort(sort) {
 		load({
-			...state,
+			...query,
 			page: 1,
-			sorts: state.sorts.filter((currentSort) => currentSort.key !== sort.key)
+			sorts: query.sorts.filter((currentSort) => currentSort.key !== sort.key)
 		});
 	}
 	function applyFilters(next) {
-		const nextState = {
-			...state,
+		const nextQuery = {
+			...query,
 			filters: next,
 			page: 1
 		};
-		setState(nextState);
-		load(nextState);
+		setQuery(nextQuery);
+		load(nextQuery);
 	}
 	function addFilter(clause) {
-		applyFilters([...state.filters, clause]);
+		applyFilters([...query.filters, clause]);
 	}
 	function updateFilter(index, clause) {
-		applyFilters(state.filters.map((current, position) => position === index ? clause : current));
+		applyFilters(query.filters.map((current, position) => position === index ? clause : current));
 	}
 	function removeFilter(index) {
-		applyFilters(state.filters.filter((_, current) => current !== index));
+		applyFilters(query.filters.filter((_, current) => current !== index));
 	}
 	function replaceColumnFilters(field, clauses) {
-		applyFilters([...state.filters.filter((clause) => clause.field !== field), ...clauses]);
+		applyFilters([...query.filters.filter((clause) => clause.field !== field), ...clauses]);
 	}
 	function setTableFilter(key, value) {
-		const next = { ...state.tableFilters };
+		const next = { ...query.tableFilters };
 		if (isEmptyFilterValue(value) || !isFilterValue(value)) delete next[key];
 		else next[key] = value;
-		const nextState = {
-			...state,
+		const nextQuery = {
+			...query,
 			tableFilters: next,
-			tableFilterIndicators: state.tableFilterIndicators.filter((indicator) => indicator.filter !== key),
+			tableFilterIndicators: query.tableFilterIndicators.filter((indicator) => indicator.filter !== key),
 			page: 1
 		};
-		setState(nextState);
-		load(nextState);
+		setQuery(nextQuery);
+		load(nextQuery);
 	}
 	function resetFilters() {
-		const nextState = {
-			...state,
+		const nextQuery = {
+			...query,
 			filters: [],
 			tableFilters: {},
 			tableFilterIndicators: [],
+			search: "",
 			page: 1
 		};
-		setState(nextState);
-		load(nextState);
+		setQuery(nextQuery);
+		load(nextQuery);
 	}
-	const searchFilterOptions = useCallback(async (searchKey, query, signal) => {
+	function setSearch(search) {
+		const nextQuery = {
+			...query,
+			search,
+			page: 1
+		};
+		setQuery(nextQuery);
+		load(nextQuery);
+	}
+	const searchFilterOptions = useCallback(async (searchKey, search, signal) => {
 		if (!endpoint) return [];
 		const url = new URL(endpoint, window.location.origin);
 		url.searchParams.set("_search", searchKey);
-		url.searchParams.set("q", query);
+		url.searchParams.set("_q", search);
 		const response = await apiFetch(`${url.pathname}${url.search}`, {
 			ref: componentRef,
 			signal,
@@ -110,14 +121,14 @@ function useTable(node) {
 	}, [endpoint, componentRef]);
 	function goToPage(page) {
 		load({
-			...state,
+			...query,
 			page
 		});
 	}
 	const loadMore = useCallback(() => {
 		if (processing || !pagination.hasMore) return;
 		load({
-			...state,
+			...query,
 			page: pagination.nextPage ?? currentPage + 1
 		}, true);
 	}, [
@@ -126,41 +137,32 @@ function useTable(node) {
 		pagination.hasMore,
 		pagination.nextPage,
 		processing,
-		state
+		query
 	]);
 	useEffect(() => {
 		setRows(initialRows);
 		setPagination(initialPagination);
-		setState(initialState);
+		setQuery(initialQuery);
 		setProcessing(isLazy);
 		setHasLoaded(!isLazy);
 	}, [
 		initialRows,
 		initialPagination,
-		initialState,
+		initialQuery,
 		isLazy
 	]);
 	useEffect(() => {
 		if (!isLazy || hasLoaded) return;
-		load(state);
+		load(query);
 	}, [
 		hasLoaded,
 		isLazy,
 		load,
-		state
-	]);
-	useEffect(() => {
-		function reload(event) {
-			if (event.detail?.component !== node.id) return;
-			load(state);
-		}
-		window.addEventListener(LATTICE_EVENT.reloadComponent, reload);
-		return () => window.removeEventListener(LATTICE_EVENT.reloadComponent, reload);
-	}, [
-		load,
-		node.id,
-		state
+		query
 	]);
+	useWindowEvent(LATTICE_EVENT.reloadComponent, (event) => {
+		if (event.detail?.component === node.id) load(query);
+	});
 	useEffect(() => {
 		if (!isInfinite || !pagination.hasMore || processing || !infiniteLoaderRef.current || typeof IntersectionObserver === "undefined") return;
 		const observer = new IntersectionObserver((entries) => {
@@ -178,15 +180,17 @@ function useTable(node) {
 		columns,
 		rows,
 		pagination,
-		state,
-		filters: state.filters,
-		tableFilters: state.tableFilters,
+		query,
+		filters: query.filters,
+		tableFilters: query.tableFilters,
+		search: query.search,
 		addFilter,
 		updateFilter,
 		removeFilter,
 		replaceColumnFilters,
 		setTableFilter,
 		resetFilters,
+		setSearch,
 		searchFilterOptions,
 		processing,
 		hasLoaded,

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

@@ -1 +1 @@
-{"version":3,"file":"use-table.js","names":[],"sources":["../../../resources/js/table/hooks/use-table.ts"],"sourcesContent":["import { apiFetch, apiJson } from \"@lattice-php/lattice/core/api\";\nimport { LATTICE_EVENT, type ReloadComponentEvent } from \"@lattice-php/lattice/events/event-names\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport type { Option } from \"@lattice-php/lattice/types/generated\";\nimport { isEmptyFilterValue, isFilterValue } from \"@lattice-php/lattice/table/lib/filter-values\";\nimport {\n  getColumns,\n  getPagination,\n  getRows,\n  getState,\n} from \"@lattice-php/lattice/table/lib/payload\";\nimport { buildEndpoint, nextSort } from \"@lattice-php/lattice/table/lib/query\";\nimport type {\n  FilterClause,\n  TableColumn,\n  TableNode,\n  TableResponse,\n  TableSort,\n  TableState,\n} from \"@lattice-php/lattice/table/types\";\n\nexport function useTable(node: TableNode) {\n  const columns = useMemo(() => getColumns(node.props?.columns), [node.props?.columns]);\n  const endpoint = typeof node.props?.endpoint === \"string\" ? node.props.endpoint : null;\n  const componentRef = typeof node.props?.ref === \"string\" ? node.props.ref : \"\";\n  const isLazy = node.props?.lazy === true;\n  const initialState = useMemo(() => getState(node.props?.state), [node.props?.state]);\n  const initialRows = useMemo(() => getRows(node.props?.data), [node.props?.data]);\n  const initialPagination = useMemo(\n    () => getPagination(node.props?.pagination),\n    [node.props?.pagination],\n  );\n  const [rows, setRows] = useState(initialRows);\n  const [pagination, setPagination] = useState(initialPagination);\n  const [state, setState] = useState(initialState);\n  const [processing, setProcessing] = useState(isLazy);\n  const [hasLoaded, setHasLoaded] = useState(!isLazy);\n  const infiniteLoaderRef = useRef<HTMLDivElement | null>(null);\n  const currentPage = pagination.currentPage ?? state.page;\n  const isInfinite = (pagination.mode ?? \"table\") === \"infinite\";\n\n  const load = useCallback(\n    async (nextState: TableState, append = false): Promise<void> => {\n      if (!endpoint) {\n        return;\n      }\n\n      setProcessing(true);\n\n      try {\n        const result = await apiJson<TableResponse>(buildEndpoint(endpoint, nextState), {\n          ref: componentRef,\n        });\n        const resultState = getState(result.state);\n        const resultRows = getRows(result.data);\n\n        setRows((currentRows) => (append ? [...currentRows, ...resultRows] : resultRows));\n        setPagination(getPagination(result.pagination));\n        setState(resultState);\n        setHasLoaded(true);\n      } finally {\n        setProcessing(false);\n      }\n    },\n    [endpoint, componentRef],\n  );\n\n  function sort(column: TableColumn): void {\n    void load({\n      ...state,\n      page: 1,\n      sorts: nextSort(state.sorts, column),\n    });\n  }\n\n  function clearSort(sort: TableSort): void {\n    void load({\n      ...state,\n      page: 1,\n      sorts: state.sorts.filter((currentSort) => currentSort.key !== sort.key),\n    });\n  }\n\n  function applyFilters(next: FilterClause[]): void {\n    const nextState = { ...state, filters: next, page: 1 };\n\n    setState(nextState);\n    void load(nextState);\n  }\n\n  function addFilter(clause: FilterClause): void {\n    applyFilters([...state.filters, clause]);\n  }\n\n  function updateFilter(index: number, clause: FilterClause): void {\n    applyFilters(state.filters.map((current, position) => (position === index ? clause : current)));\n  }\n\n  function removeFilter(index: number): void {\n    applyFilters(state.filters.filter((_, current) => current !== index));\n  }\n\n  function replaceColumnFilters(field: string, clauses: FilterClause[]): void {\n    applyFilters([...state.filters.filter((clause) => clause.field !== field), ...clauses]);\n  }\n\n  function setTableFilter(key: string, value: unknown): void {\n    const next = { ...state.tableFilters };\n\n    if (isEmptyFilterValue(value) || !isFilterValue(value)) {\n      delete next[key];\n    } else {\n      next[key] = value;\n    }\n\n    const nextState = {\n      ...state,\n      tableFilters: next,\n      tableFilterIndicators: state.tableFilterIndicators.filter(\n        (indicator) => indicator.filter !== key,\n      ),\n      page: 1,\n    };\n\n    setState(nextState);\n    void load(nextState);\n  }\n\n  function resetFilters(): void {\n    const nextState = {\n      ...state,\n      filters: [],\n      tableFilters: {},\n      tableFilterIndicators: [],\n      page: 1,\n    };\n\n    setState(nextState);\n    void load(nextState);\n  }\n\n  const searchFilterOptions = useCallback(\n    async (searchKey: string, query: string, signal?: AbortSignal): Promise<Option[]> => {\n      if (!endpoint) {\n        return [];\n      }\n\n      const url = new URL(endpoint, window.location.origin);\n      url.searchParams.set(\"_search\", searchKey);\n      url.searchParams.set(\"q\", query);\n\n      const response = await apiFetch(`${url.pathname}${url.search}`, {\n        ref: componentRef,\n        signal,\n        throwOnError: false,\n      });\n\n      if (!response.ok) {\n        return [];\n      }\n\n      const result = (await response.json()) as { options?: Option[] };\n\n      return result.options ?? [];\n    },\n    [endpoint, componentRef],\n  );\n\n  function goToPage(page: number): void {\n    void load({\n      ...state,\n      page,\n    });\n  }\n\n  const loadMore = useCallback((): void => {\n    if (processing || !pagination.hasMore) {\n      return;\n    }\n\n    void load(\n      {\n        ...state,\n        page: pagination.nextPage ?? currentPage + 1,\n      },\n      true,\n    );\n  }, [currentPage, load, pagination.hasMore, pagination.nextPage, processing, state]);\n\n  useEffect(() => {\n    setRows(initialRows);\n    setPagination(initialPagination);\n    setState(initialState);\n    setProcessing(isLazy);\n    setHasLoaded(!isLazy);\n  }, [initialRows, initialPagination, initialState, isLazy]);\n\n  useEffect(() => {\n    if (!isLazy || hasLoaded) {\n      return;\n    }\n\n    void load(state);\n  }, [hasLoaded, isLazy, load, state]);\n\n  useEffect(() => {\n    function reload(event: Event): void {\n      const detail = (event as ReloadComponentEvent).detail;\n\n      if (detail?.component !== node.id) {\n        return;\n      }\n\n      void load(state);\n    }\n\n    window.addEventListener(LATTICE_EVENT.reloadComponent, reload);\n\n    return () => window.removeEventListener(LATTICE_EVENT.reloadComponent, reload);\n  }, [load, node.id, state]);\n\n  useEffect(() => {\n    if (\n      !isInfinite ||\n      !pagination.hasMore ||\n      processing ||\n      !infiniteLoaderRef.current ||\n      typeof IntersectionObserver === \"undefined\"\n    ) {\n      return;\n    }\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        if (entries.some((entry) => entry.isIntersecting)) {\n          loadMore();\n        }\n      },\n      {\n        rootMargin: \"240px\",\n      },\n    );\n\n    observer.observe(infiniteLoaderRef.current);\n\n    return () => observer.disconnect();\n  }, [isInfinite, loadMore, pagination.hasMore, processing]);\n\n  return {\n    columns,\n    rows,\n    pagination,\n    state,\n    filters: state.filters,\n    tableFilters: state.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  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-table.js","names":[],"sources":["../../../resources/js/table/hooks/use-table.ts"],"sourcesContent":["import { apiFetch, apiJson } from \"@lattice-php/lattice/core/api\";\nimport { LATTICE_EVENT, type ReloadComponentEvent } from \"@lattice-php/lattice/core/event-names\";\nimport { useWindowEvent } from \"@lattice-php/lattice/core/hooks/use-window-event\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport type { Option } from \"@lattice-php/lattice/types/generated\";\nimport { isEmptyFilterValue, isFilterValue } from \"@lattice-php/lattice/table/lib/filter-values\";\nimport {\n  getColumns,\n  getPagination,\n  getRows,\n  getQuery,\n} from \"@lattice-php/lattice/table/lib/payload\";\nimport { buildEndpoint, nextSort } from \"@lattice-php/lattice/table/lib/query\";\nimport type {\n  FilterClause,\n  TableColumn,\n  TableNode,\n  TableResult,\n  TableSort,\n  TableQuery,\n} from \"@lattice-php/lattice/table/types\";\n\nexport function useTable(node: TableNode) {\n  const columns = useMemo(() => getColumns(node.props?.columns), [node.props?.columns]);\n  const endpoint = typeof node.props?.endpoint === \"string\" ? node.props.endpoint : null;\n  const componentRef = typeof node.props?.ref === \"string\" ? node.props.ref : \"\";\n  const isLazy = node.props?.lazy === true;\n  const initialQuery = useMemo(() => getQuery(node.props?.query), [node.props?.query]);\n  const initialRows = useMemo(() => getRows(node.props?.data), [node.props?.data]);\n  const initialPagination = useMemo(\n    () => getPagination(node.props?.pagination),\n    [node.props?.pagination],\n  );\n  const [rows, setRows] = useState(initialRows);\n  const [pagination, setPagination] = useState(initialPagination);\n  const [query, setQuery] = useState(initialQuery);\n  const [processing, setProcessing] = useState(isLazy);\n  const [hasLoaded, setHasLoaded] = useState(!isLazy);\n  const infiniteLoaderRef = useRef<HTMLDivElement | null>(null);\n  const currentPage = pagination.currentPage ?? query.page;\n  const isInfinite = (pagination.mode ?? \"table\") === \"infinite\";\n\n  const load = useCallback(\n    async (nextQuery: TableQuery, append = false): Promise<void> => {\n      if (!endpoint) {\n        return;\n      }\n\n      setProcessing(true);\n\n      try {\n        const result = await apiJson<TableResult>(buildEndpoint(endpoint, nextQuery), {\n          ref: componentRef,\n        });\n        const resultQuery = getQuery(result.query);\n        const resultRows = getRows(result.data);\n\n        setRows((currentRows) => (append ? [...currentRows, ...resultRows] : resultRows));\n        setPagination(getPagination(result.pagination));\n        setQuery(resultQuery);\n        setHasLoaded(true);\n      } finally {\n        setProcessing(false);\n      }\n    },\n    [endpoint, componentRef],\n  );\n\n  function sort(column: TableColumn): void {\n    void load({\n      ...query,\n      page: 1,\n      sorts: nextSort(query.sorts, column),\n    });\n  }\n\n  function clearSort(sort: TableSort): void {\n    void load({\n      ...query,\n      page: 1,\n      sorts: query.sorts.filter((currentSort) => currentSort.key !== sort.key),\n    });\n  }\n\n  function applyFilters(next: FilterClause[]): void {\n    const nextQuery = { ...query, filters: next, page: 1 };\n\n    setQuery(nextQuery);\n    void load(nextQuery);\n  }\n\n  function addFilter(clause: FilterClause): void {\n    applyFilters([...query.filters, clause]);\n  }\n\n  function updateFilter(index: number, clause: FilterClause): void {\n    applyFilters(query.filters.map((current, position) => (position === index ? clause : current)));\n  }\n\n  function removeFilter(index: number): void {\n    applyFilters(query.filters.filter((_, current) => current !== index));\n  }\n\n  function replaceColumnFilters(field: string, clauses: FilterClause[]): void {\n    applyFilters([...query.filters.filter((clause) => clause.field !== field), ...clauses]);\n  }\n\n  function setTableFilter(key: string, value: unknown): void {\n    const next = { ...query.tableFilters };\n\n    if (isEmptyFilterValue(value) || !isFilterValue(value)) {\n      delete next[key];\n    } else {\n      next[key] = value;\n    }\n\n    const nextQuery = {\n      ...query,\n      tableFilters: next,\n      tableFilterIndicators: query.tableFilterIndicators.filter(\n        (indicator) => indicator.filter !== key,\n      ),\n      page: 1,\n    };\n\n    setQuery(nextQuery);\n    void load(nextQuery);\n  }\n\n  function resetFilters(): void {\n    const nextQuery = {\n      ...query,\n      filters: [],\n      tableFilters: {},\n      tableFilterIndicators: [],\n      search: \"\",\n      page: 1,\n    };\n\n    setQuery(nextQuery);\n    void load(nextQuery);\n  }\n\n  function setSearch(search: string): void {\n    const nextQuery = { ...query, search, page: 1 };\n\n    setQuery(nextQuery);\n    void load(nextQuery);\n  }\n\n  const searchFilterOptions = useCallback(\n    async (searchKey: string, search: string, signal?: AbortSignal): Promise<Option[]> => {\n      if (!endpoint) {\n        return [];\n      }\n\n      const url = new URL(endpoint, window.location.origin);\n      url.searchParams.set(\"_search\", searchKey);\n      url.searchParams.set(\"_q\", search);\n\n      const response = await apiFetch(`${url.pathname}${url.search}`, {\n        ref: componentRef,\n        signal,\n        throwOnError: false,\n      });\n\n      if (!response.ok) {\n        return [];\n      }\n\n      const result = (await response.json()) as { options?: Option[] };\n\n      return result.options ?? [];\n    },\n    [endpoint, componentRef],\n  );\n\n  function goToPage(page: number): void {\n    void load({\n      ...query,\n      page,\n    });\n  }\n\n  const loadMore = useCallback((): void => {\n    if (processing || !pagination.hasMore) {\n      return;\n    }\n\n    void load(\n      {\n        ...query,\n        page: pagination.nextPage ?? currentPage + 1,\n      },\n      true,\n    );\n  }, [currentPage, load, pagination.hasMore, pagination.nextPage, processing, query]);\n\n  useEffect(() => {\n    setRows(initialRows);\n    setPagination(initialPagination);\n    setQuery(initialQuery);\n    setProcessing(isLazy);\n    setHasLoaded(!isLazy);\n  }, [initialRows, initialPagination, initialQuery, isLazy]);\n\n  useEffect(() => {\n    if (!isLazy || hasLoaded) {\n      return;\n    }\n\n    void load(query);\n  }, [hasLoaded, isLazy, load, query]);\n\n  useWindowEvent(LATTICE_EVENT.reloadComponent, (event) => {\n    const detail = (event as ReloadComponentEvent).detail;\n\n    if (detail?.component === node.id) {\n      void load(query);\n    }\n  });\n\n  useEffect(() => {\n    if (\n      !isInfinite ||\n      !pagination.hasMore ||\n      processing ||\n      !infiniteLoaderRef.current ||\n      typeof IntersectionObserver === \"undefined\"\n    ) {\n      return;\n    }\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        if (entries.some((entry) => entry.isIntersecting)) {\n          loadMore();\n        }\n      },\n      {\n        rootMargin: \"240px\",\n      },\n    );\n\n    observer.observe(infiniteLoaderRef.current);\n\n    return () => observer.disconnect();\n  }, [isInfinite, loadMore, pagination.hasMore, processing]);\n\n  return {\n    columns,\n    rows,\n    pagination,\n    query,\n    filters: query.filters,\n    tableFilters: query.tableFilters,\n    search: query.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  };\n}\n"],"mappings":"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"}

package/dist/table/lib/bulk.d.ts

@@ -11,5 +11,7 @@ export type BulkAction = {
     variant: ButtonVariant;
     confirmation: Action["confirmation"];
     form: Node | null;
+    modalSide: Action["modalSide"];
+    modalWidth: Action["modalWidth"];
 };
 export declare function getBulkActions(actions: ActionNode[] | undefined): BulkAction[];

package/dist/table/lib/bulk.js

@@ -12,7 +12,9 @@ function getBulkActions(actions) {
 			ref: props.ref ?? "",
 			variant: props.variant ?? "default",
 			confirmation: props.confirmation,
-			form: props.form
+			form: props.form,
+			modalSide: props.modalSide,
+			modalWidth: props.modalWidth
 		}];
 	});
 }

package/dist/table/lib/bulk.js.map

@@ -1 +1 @@
-{"version":3,"file":"bulk.js","names":[],"sources":["../../../resources/js/table/lib/bulk.ts"],"sourcesContent":["import type { Method } from \"@inertiajs/core\";\nimport type { Node } from \"@lattice-php/lattice/core/types\";\nimport type { Action, ButtonVariant } from \"@lattice-php/lattice/types/generated\";\nimport type { ActionNode } from \"@lattice-php/lattice/table/types\";\n\nexport type BulkAction = {\n  id: string;\n  label: string;\n  method: Method;\n  endpoint: string;\n  ref: string;\n  variant: ButtonVariant;\n  confirmation: Action[\"confirmation\"];\n  form: Node | null;\n};\n\nexport function getBulkActions(actions: ActionNode[] | undefined): BulkAction[] {\n  return (actions ?? []).flatMap((node): BulkAction[] => {\n    if (node.type === \"action.group\") {\n      return [];\n    }\n\n    const props = node.props;\n\n    if (!props.endpoint) {\n      return [];\n    }\n\n    return [\n      {\n        id: node.id ?? \"\",\n        label: props.label ?? \"Run action\",\n        method: props.method ?? \"post\",\n        endpoint: props.endpoint,\n        ref: props.ref ?? \"\",\n        variant: props.variant ?? \"default\",\n        confirmation: props.confirmation,\n        form: props.form,\n      },\n    ];\n  });\n}\n"],"mappings":";AAgBA,SAAgB,eAAe,SAAiD;CAC9E,QAAQ,WAAW,CAAC,GAAG,SAAS,SAAuB;EACrD,IAAI,KAAK,SAAS,gBAChB,OAAO,CAAC;EAGV,MAAM,QAAQ,KAAK;EAEnB,IAAI,CAAC,MAAM,UACT,OAAO,CAAC;EAGV,OAAO,CACL;GACE,IAAI,KAAK,MAAM;GACf,OAAO,MAAM,SAAS;GACtB,QAAQ,MAAM,UAAU;GACxB,UAAU,MAAM;GAChB,KAAK,MAAM,OAAO;GAClB,SAAS,MAAM,WAAW;GAC1B,cAAc,MAAM;GACpB,MAAM,MAAM;EACd,CACF;CACF,CAAC;AACH"}
+{"version":3,"file":"bulk.js","names":[],"sources":["../../../resources/js/table/lib/bulk.ts"],"sourcesContent":["import type { Method } from \"@inertiajs/core\";\nimport type { Node } from \"@lattice-php/lattice/core/types\";\nimport type { Action, ButtonVariant } from \"@lattice-php/lattice/types/generated\";\nimport type { ActionNode } from \"@lattice-php/lattice/table/types\";\n\nexport type BulkAction = {\n  id: string;\n  label: string;\n  method: Method;\n  endpoint: string;\n  ref: string;\n  variant: ButtonVariant;\n  confirmation: Action[\"confirmation\"];\n  form: Node | null;\n  modalSide: Action[\"modalSide\"];\n  modalWidth: Action[\"modalWidth\"];\n};\n\nexport function getBulkActions(actions: ActionNode[] | undefined): BulkAction[] {\n  return (actions ?? []).flatMap((node): BulkAction[] => {\n    if (node.type === \"action.group\") {\n      return [];\n    }\n\n    const props = node.props;\n\n    if (!props.endpoint) {\n      return [];\n    }\n\n    return [\n      {\n        id: node.id ?? \"\",\n        label: props.label ?? \"Run action\",\n        method: props.method ?? \"post\",\n        endpoint: props.endpoint,\n        ref: props.ref ?? \"\",\n        variant: props.variant ?? \"default\",\n        confirmation: props.confirmation,\n        form: props.form,\n        modalSide: props.modalSide,\n        modalWidth: props.modalWidth,\n      },\n    ];\n  });\n}\n"],"mappings":";AAkBA,SAAgB,eAAe,SAAiD;CAC9E,QAAQ,WAAW,CAAC,GAAG,SAAS,SAAuB;EACrD,IAAI,KAAK,SAAS,gBAChB,OAAO,CAAC;EAGV,MAAM,QAAQ,KAAK;EAEnB,IAAI,CAAC,MAAM,UACT,OAAO,CAAC;EAGV,OAAO,CACL;GACE,IAAI,KAAK,MAAM;GACf,OAAO,MAAM,SAAS;GACtB,QAAQ,MAAM,UAAU;GACxB,UAAU,MAAM;GAChB,KAAK,MAAM,OAAO;GAClB,SAAS,MAAM,WAAW;GAC1B,cAAc,MAAM;GACpB,MAAM,MAAM;GACZ,WAAW,MAAM;GACjB,YAAY,MAAM;EACpB,CACF;CACF,CAAC;AACH"}

package/dist/table/lib/payload.d.ts

@@ -1,8 +1,9 @@
 import { Node } from '../../core/types.js';
-import { TableColumn, TablePagination, TableRow, TableState } from '../types.js';
+import { TableColumn, TablePagination, TableRow, TableQuery } from '../types.js';
 export declare function getColumns(value: unknown): TableColumn[];
 export declare function getRows(value: unknown): TableRow[];
 export declare function getPagination(value: unknown): TablePagination;
-export declare function getState(value: unknown): TableState;
+export declare function getQuery(value: unknown): TableQuery;
 export declare function getRowKey(row: TableRow, index: number): string;
 export declare function getRowActions(row: TableRow): Node[];
+export declare function getRowDetail(row: TableRow): Node | null;

package/dist/table/lib/payload.js

@@ -26,23 +26,25 @@ function getPagination(value) {
 	if (typeof value !== "object" || value === null || Array.isArray(value)) return EMPTY_PAGINATION;
 	return value;
 }
-function getState(value) {
+function getQuery(value) {
 	if (typeof value !== "object" || value === null || Array.isArray(value)) return {
 		filters: [],
 		sorts: [],
 		page: 1,
 		perPage: 25,
 		tableFilters: {},
-		tableFilterIndicators: []
+		tableFilterIndicators: [],
+		search: ""
 	};
-	const state = value;
+	const query = value;
 	return {
-		filters: getFilters(state.filters),
-		sorts: Array.isArray(state.sorts) ? state.sorts : [],
-		page: typeof state.page === "number" ? state.page : 1,
-		perPage: typeof state.perPage === "number" ? state.perPage : 25,
-		tableFilters: getTableFilters(state.tableFilters),
-		tableFilterIndicators: getTableFilterIndicators(state.tableFilterIndicators)
+		filters: getFilters(query.filters),
+		sorts: Array.isArray(query.sorts) ? query.sorts : [],
+		page: typeof query.page === "number" ? query.page : 1,
+		perPage: typeof query.perPage === "number" ? query.perPage : 25,
+		tableFilters: getTableFilters(query.tableFilters),
+		tableFilterIndicators: getTableFilterIndicators(query.tableFilterIndicators),
+		search: typeof query.search === "string" ? query.search : ""
 	};
 }
 /**
@@ -64,7 +66,11 @@ function getRowKey(row, index) {
 function getRowActions(row) {
 	return Array.isArray(row.actions) ? row.actions : [];
 }
+function getRowDetail(row) {
+	const detail = row.detail;
+	return typeof detail === "object" && detail !== null && !Array.isArray(detail) ? detail : null;
+}
 //#endregion
-export { getColumns, getPagination, getRowActions, getRowKey, getRows, getState };
+export { getColumns, getPagination, getQuery, getRowActions, getRowDetail, getRowKey, getRows };
 
 //# sourceMappingURL=payload.js.map

package/dist/table/lib/payload.js.map

@@ -1 +1 @@
-{"version":3,"file":"payload.js","names":[],"sources":["../../../resources/js/table/lib/payload.ts"],"sourcesContent":["import type { Node } from \"@lattice-php/lattice/core/types\";\nimport type {\n  FilterClause,\n  TableColumn,\n  TableFilterIndicator,\n  TablePagination,\n  TableRow,\n  TableState,\n} from \"@lattice-php/lattice/table/types\";\n\nfunction getFilters(value: unknown): FilterClause[] {\n  if (!Array.isArray(value)) {\n    return [];\n  }\n\n  return value.filter(\n    (clause): clause is FilterClause =>\n      typeof clause === \"object\" &&\n      clause !== null &&\n      typeof clause.field === \"string\" &&\n      typeof clause.operator === \"string\" &&\n      typeof clause.value === \"string\",\n  );\n}\n\nexport function getColumns(value: unknown): TableColumn[] {\n  if (!Array.isArray(value)) {\n    return [];\n  }\n\n  return value.filter(\n    (column): column is TableColumn =>\n      typeof column === \"object\" &&\n      column !== null &&\n      \"key\" in column &&\n      \"props\" in column &&\n      typeof column.key === \"string\" &&\n      typeof column.props === \"object\" &&\n      column.props !== null &&\n      typeof (column.props as Record<string, unknown>).label === \"string\",\n  );\n}\n\nexport function getRows(value: unknown): TableRow[] {\n  if (!Array.isArray(value)) {\n    return [];\n  }\n\n  return value.filter(\n    (row): row is TableRow => typeof row === \"object\" && row !== null && !Array.isArray(row),\n  );\n}\n\nconst EMPTY_PAGINATION: TablePagination = {\n  mode: \"none\",\n  currentPage: null,\n  lastPage: null,\n  perPage: null,\n  total: null,\n  from: null,\n  to: null,\n  hasMore: false,\n  nextPage: null,\n};\n\nexport function getPagination(value: unknown): TablePagination {\n  if (typeof value !== \"object\" || value === null || Array.isArray(value)) {\n    return EMPTY_PAGINATION;\n  }\n\n  return value as TablePagination;\n}\n\nexport function getState(value: unknown): TableState {\n  if (typeof value !== \"object\" || value === null || Array.isArray(value)) {\n    return {\n      filters: [],\n      sorts: [],\n      page: 1,\n      perPage: 25,\n      tableFilters: {},\n      tableFilterIndicators: [],\n    };\n  }\n\n  const state = value as Partial<TableState>;\n\n  return {\n    filters: getFilters(state.filters),\n    sorts: Array.isArray(state.sorts) ? state.sorts : [],\n    page: typeof state.page === \"number\" ? state.page : 1,\n    perPage: typeof state.perPage === \"number\" ? state.perPage : 25,\n    tableFilters: getTableFilters(state.tableFilters),\n    tableFilterIndicators: getTableFilterIndicators(state.tableFilterIndicators),\n  };\n}\n\n/**\n * The wire serializes an empty filter map as `[]` and a populated one as an\n * object, so coerce both to a plain `key => value` record.\n */\nfunction getTableFilters(value: unknown): Record<string, Record<string, unknown>> {\n  if (typeof value !== \"object\" || value === null || Array.isArray(value)) {\n    return {};\n  }\n\n  return Object.fromEntries(\n    Object.entries(value).filter(\n      (entry): entry is [string, Record<string, unknown>] =>\n        typeof entry[1] === \"object\" && entry[1] !== null && !Array.isArray(entry[1]),\n    ),\n  );\n}\n\nfunction getTableFilterIndicators(value: unknown): TableFilterIndicator[] {\n  if (!Array.isArray(value)) {\n    return [];\n  }\n\n  return value.filter(\n    (indicator): indicator is TableFilterIndicator =>\n      typeof indicator === \"object\" &&\n      indicator !== null &&\n      typeof indicator.filter === \"string\" &&\n      typeof indicator.label === \"string\" &&\n      typeof indicator.value === \"string\",\n  );\n}\n\nexport function getRowKey(row: TableRow, index: number): string {\n  const key = row.id ?? row.uuid ?? row.key ?? index;\n\n  return String(key);\n}\n\nexport function getRowActions(row: TableRow): Node[] {\n  return Array.isArray(row.actions) ? (row.actions as Node[]) : [];\n}\n"],"mappings":";AAUA,SAAS,WAAW,OAAgC;CAClD,IAAI,CAAC,MAAM,QAAQ,KAAK,GACtB,OAAO,CAAC;CAGV,OAAO,MAAM,QACV,WACC,OAAO,WAAW,YAClB,WAAW,QACX,OAAO,OAAO,UAAU,YACxB,OAAO,OAAO,aAAa,YAC3B,OAAO,OAAO,UAAU,QAC5B;AACF;AAEA,SAAgB,WAAW,OAA+B;CACxD,IAAI,CAAC,MAAM,QAAQ,KAAK,GACtB,OAAO,CAAC;CAGV,OAAO,MAAM,QACV,WACC,OAAO,WAAW,YAClB,WAAW,QACX,SAAS,UACT,WAAW,UACX,OAAO,OAAO,QAAQ,YACtB,OAAO,OAAO,UAAU,YACxB,OAAO,UAAU,QACjB,OAAQ,OAAO,MAAkC,UAAU,QAC/D;AACF;AAEA,SAAgB,QAAQ,OAA4B;CAClD,IAAI,CAAC,MAAM,QAAQ,KAAK,GACtB,OAAO,CAAC;CAGV,OAAO,MAAM,QACV,QAAyB,OAAO,QAAQ,YAAY,QAAQ,QAAQ,CAAC,MAAM,QAAQ,GAAG,CACzF;AACF;AAEA,IAAM,mBAAoC;CACxC,MAAM;CACN,aAAa;CACb,UAAU;CACV,SAAS;CACT,OAAO;CACP,MAAM;CACN,IAAI;CACJ,SAAS;CACT,UAAU;AACZ;AAEA,SAAgB,cAAc,OAAiC;CAC7D,IAAI,OAAO,UAAU,YAAY,UAAU,QAAQ,MAAM,QAAQ,KAAK,GACpE,OAAO;CAGT,OAAO;AACT;AAEA,SAAgB,SAAS,OAA4B;CACnD,IAAI,OAAO,UAAU,YAAY,UAAU,QAAQ,MAAM,QAAQ,KAAK,GACpE,OAAO;EACL,SAAS,CAAC;EACV,OAAO,CAAC;EACR,MAAM;EACN,SAAS;EACT,cAAc,CAAC;EACf,uBAAuB,CAAC;CAC1B;CAGF,MAAM,QAAQ;CAEd,OAAO;EACL,SAAS,WAAW,MAAM,OAAO;EACjC,OAAO,MAAM,QAAQ,MAAM,KAAK,IAAI,MAAM,QAAQ,CAAC;EACnD,MAAM,OAAO,MAAM,SAAS,WAAW,MAAM,OAAO;EACpD,SAAS,OAAO,MAAM,YAAY,WAAW,MAAM,UAAU;EAC7D,cAAc,gBAAgB,MAAM,YAAY;EAChD,uBAAuB,yBAAyB,MAAM,qBAAqB;CAC7E;AACF;;;;;AAMA,SAAS,gBAAgB,OAAyD;CAChF,IAAI,OAAO,UAAU,YAAY,UAAU,QAAQ,MAAM,QAAQ,KAAK,GACpE,OAAO,CAAC;CAGV,OAAO,OAAO,YACZ,OAAO,QAAQ,KAAK,EAAE,QACnB,UACC,OAAO,MAAM,OAAO,YAAY,MAAM,OAAO,QAAQ,CAAC,MAAM,QAAQ,MAAM,EAAE,CAChF,CACF;AACF;AAEA,SAAS,yBAAyB,OAAwC;CACxE,IAAI,CAAC,MAAM,QAAQ,KAAK,GACtB,OAAO,CAAC;CAGV,OAAO,MAAM,QACV,cACC,OAAO,cAAc,YACrB,cAAc,QACd,OAAO,UAAU,WAAW,YAC5B,OAAO,UAAU,UAAU,YAC3B,OAAO,UAAU,UAAU,QAC/B;AACF;AAEA,SAAgB,UAAU,KAAe,OAAuB;CAC9D,MAAM,MAAM,IAAI,MAAM,IAAI,QAAQ,IAAI,OAAO;CAE7C,OAAO,OAAO,GAAG;AACnB;AAEA,SAAgB,cAAc,KAAuB;CACnD,OAAO,MAAM,QAAQ,IAAI,OAAO,IAAK,IAAI,UAAqB,CAAC;AACjE"}
+{"version":3,"file":"payload.js","names":[],"sources":["../../../resources/js/table/lib/payload.ts"],"sourcesContent":["import type { Node } from \"@lattice-php/lattice/core/types\";\nimport type {\n  FilterClause,\n  FilterIndicator,\n  TableColumn,\n  TablePagination,\n  TableRow,\n  TableQuery,\n} from \"@lattice-php/lattice/table/types\";\n\nfunction getFilters(value: unknown): FilterClause[] {\n  if (!Array.isArray(value)) {\n    return [];\n  }\n\n  return value.filter(\n    (clause): clause is FilterClause =>\n      typeof clause === \"object\" &&\n      clause !== null &&\n      typeof clause.field === \"string\" &&\n      typeof clause.operator === \"string\" &&\n      typeof clause.value === \"string\",\n  );\n}\n\nexport function getColumns(value: unknown): TableColumn[] {\n  if (!Array.isArray(value)) {\n    return [];\n  }\n\n  return value.filter(\n    (column): column is TableColumn =>\n      typeof column === \"object\" &&\n      column !== null &&\n      \"key\" in column &&\n      \"props\" in column &&\n      typeof column.key === \"string\" &&\n      typeof column.props === \"object\" &&\n      column.props !== null &&\n      typeof (column.props as Record<string, unknown>).label === \"string\",\n  );\n}\n\nexport function getRows(value: unknown): TableRow[] {\n  if (!Array.isArray(value)) {\n    return [];\n  }\n\n  return value.filter(\n    (row): row is TableRow => typeof row === \"object\" && row !== null && !Array.isArray(row),\n  );\n}\n\nconst EMPTY_PAGINATION: TablePagination = {\n  mode: \"none\",\n  currentPage: null,\n  lastPage: null,\n  perPage: null,\n  total: null,\n  from: null,\n  to: null,\n  hasMore: false,\n  nextPage: null,\n};\n\nexport function getPagination(value: unknown): TablePagination {\n  if (typeof value !== \"object\" || value === null || Array.isArray(value)) {\n    return EMPTY_PAGINATION;\n  }\n\n  return value as TablePagination;\n}\n\nexport function getQuery(value: unknown): TableQuery {\n  if (typeof value !== \"object\" || value === null || Array.isArray(value)) {\n    return {\n      filters: [],\n      sorts: [],\n      page: 1,\n      perPage: 25,\n      tableFilters: {},\n      tableFilterIndicators: [],\n      search: \"\",\n    };\n  }\n\n  const query = value as Partial<TableQuery>;\n\n  return {\n    filters: getFilters(query.filters),\n    sorts: Array.isArray(query.sorts) ? query.sorts : [],\n    page: typeof query.page === \"number\" ? query.page : 1,\n    perPage: typeof query.perPage === \"number\" ? query.perPage : 25,\n    tableFilters: getTableFilters(query.tableFilters),\n    tableFilterIndicators: getTableFilterIndicators(query.tableFilterIndicators),\n    search: typeof query.search === \"string\" ? query.search : \"\",\n  };\n}\n\n/**\n * The wire serializes an empty filter map as `[]` and a populated one as an\n * object, so coerce both to a plain `key => value` record.\n */\nfunction getTableFilters(value: unknown): Record<string, Record<string, unknown>> {\n  if (typeof value !== \"object\" || value === null || Array.isArray(value)) {\n    return {};\n  }\n\n  return Object.fromEntries(\n    Object.entries(value).filter(\n      (entry): entry is [string, Record<string, unknown>] =>\n        typeof entry[1] === \"object\" && entry[1] !== null && !Array.isArray(entry[1]),\n    ),\n  );\n}\n\nfunction getTableFilterIndicators(value: unknown): FilterIndicator[] {\n  if (!Array.isArray(value)) {\n    return [];\n  }\n\n  return value.filter(\n    (indicator): indicator is FilterIndicator =>\n      typeof indicator === \"object\" &&\n      indicator !== null &&\n      typeof indicator.filter === \"string\" &&\n      typeof indicator.label === \"string\" &&\n      typeof indicator.value === \"string\",\n  );\n}\n\nexport function getRowKey(row: TableRow, index: number): string {\n  const key = row.id ?? row.uuid ?? row.key ?? index;\n\n  return String(key);\n}\n\nexport function getRowActions(row: TableRow): Node[] {\n  return Array.isArray(row.actions) ? (row.actions as Node[]) : [];\n}\n\nexport function getRowDetail(row: TableRow): Node | null {\n  const detail = row.detail;\n\n  return typeof detail === \"object\" && detail !== null && !Array.isArray(detail)\n    ? (detail as Node)\n    : null;\n}\n"],"mappings":";AAUA,SAAS,WAAW,OAAgC;CAClD,IAAI,CAAC,MAAM,QAAQ,KAAK,GACtB,OAAO,CAAC;CAGV,OAAO,MAAM,QACV,WACC,OAAO,WAAW,YAClB,WAAW,QACX,OAAO,OAAO,UAAU,YACxB,OAAO,OAAO,aAAa,YAC3B,OAAO,OAAO,UAAU,QAC5B;AACF;AAEA,SAAgB,WAAW,OAA+B;CACxD,IAAI,CAAC,MAAM,QAAQ,KAAK,GACtB,OAAO,CAAC;CAGV,OAAO,MAAM,QACV,WACC,OAAO,WAAW,YAClB,WAAW,QACX,SAAS,UACT,WAAW,UACX,OAAO,OAAO,QAAQ,YACtB,OAAO,OAAO,UAAU,YACxB,OAAO,UAAU,QACjB,OAAQ,OAAO,MAAkC,UAAU,QAC/D;AACF;AAEA,SAAgB,QAAQ,OAA4B;CAClD,IAAI,CAAC,MAAM,QAAQ,KAAK,GACtB,OAAO,CAAC;CAGV,OAAO,MAAM,QACV,QAAyB,OAAO,QAAQ,YAAY,QAAQ,QAAQ,CAAC,MAAM,QAAQ,GAAG,CACzF;AACF;AAEA,IAAM,mBAAoC;CACxC,MAAM;CACN,aAAa;CACb,UAAU;CACV,SAAS;CACT,OAAO;CACP,MAAM;CACN,IAAI;CACJ,SAAS;CACT,UAAU;AACZ;AAEA,SAAgB,cAAc,OAAiC;CAC7D,IAAI,OAAO,UAAU,YAAY,UAAU,QAAQ,MAAM,QAAQ,KAAK,GACpE,OAAO;CAGT,OAAO;AACT;AAEA,SAAgB,SAAS,OAA4B;CACnD,IAAI,OAAO,UAAU,YAAY,UAAU,QAAQ,MAAM,QAAQ,KAAK,GACpE,OAAO;EACL,SAAS,CAAC;EACV,OAAO,CAAC;EACR,MAAM;EACN,SAAS;EACT,cAAc,CAAC;EACf,uBAAuB,CAAC;EACxB,QAAQ;CACV;CAGF,MAAM,QAAQ;CAEd,OAAO;EACL,SAAS,WAAW,MAAM,OAAO;EACjC,OAAO,MAAM,QAAQ,MAAM,KAAK,IAAI,MAAM,QAAQ,CAAC;EACnD,MAAM,OAAO,MAAM,SAAS,WAAW,MAAM,OAAO;EACpD,SAAS,OAAO,MAAM,YAAY,WAAW,MAAM,UAAU;EAC7D,cAAc,gBAAgB,MAAM,YAAY;EAChD,uBAAuB,yBAAyB,MAAM,qBAAqB;EAC3E,QAAQ,OAAO,MAAM,WAAW,WAAW,MAAM,SAAS;CAC5D;AACF;;;;;AAMA,SAAS,gBAAgB,OAAyD;CAChF,IAAI,OAAO,UAAU,YAAY,UAAU,QAAQ,MAAM,QAAQ,KAAK,GACpE,OAAO,CAAC;CAGV,OAAO,OAAO,YACZ,OAAO,QAAQ,KAAK,EAAE,QACnB,UACC,OAAO,MAAM,OAAO,YAAY,MAAM,OAAO,QAAQ,CAAC,MAAM,QAAQ,MAAM,EAAE,CAChF,CACF;AACF;AAEA,SAAS,yBAAyB,OAAmC;CACnE,IAAI,CAAC,MAAM,QAAQ,KAAK,GACtB,OAAO,CAAC;CAGV,OAAO,MAAM,QACV,cACC,OAAO,cAAc,YACrB,cAAc,QACd,OAAO,UAAU,WAAW,YAC5B,OAAO,UAAU,UAAU,YAC3B,OAAO,UAAU,UAAU,QAC/B;AACF;AAEA,SAAgB,UAAU,KAAe,OAAuB;CAC9D,MAAM,MAAM,IAAI,MAAM,IAAI,QAAQ,IAAI,OAAO;CAE7C,OAAO,OAAO,GAAG;AACnB;AAEA,SAAgB,cAAc,KAAuB;CACnD,OAAO,MAAM,QAAQ,IAAI,OAAO,IAAK,IAAI,UAAqB,CAAC;AACjE;AAEA,SAAgB,aAAa,KAA4B;CACvD,MAAM,SAAS,IAAI;CAEnB,OAAO,OAAO,WAAW,YAAY,WAAW,QAAQ,CAAC,MAAM,QAAQ,MAAM,IACxE,SACD;AACN"}

package/dist/table/lib/query.d.ts

@@ -1,9 +1,9 @@
 import { ColumnWidth } from '../../types/generated.js';
-import { TableColumn, TableSort, TableState } from '../types.js';
-export declare function getColumnSort(state: TableState, column: TableColumn): TableSort | undefined;
+import { TableColumn, TableSort, TableQuery } from '../types.js';
+export declare function getColumnSort(query: TableQuery, column: TableColumn): TableSort | undefined;
 export declare function getColumnAriaSort(sort: TableSort | undefined): "ascending" | "descending" | undefined;
-export declare function buildEndpoint(endpoint: string, state: TableState): string;
-export declare function getQueryParams(state: TableState): Record<string, unknown>;
+export declare function buildEndpoint(endpoint: string, query: TableQuery): string;
+export declare function getQueryParams(query: TableQuery): Record<string, unknown>;
 export declare const VALUELESS_FILTER_OPERATORS: Set<string>;
 export declare function operatorLabel(operator: string): string;
 export declare function getSortDirectionLabel(direction: string): string;
@@ -14,7 +14,7 @@ export declare function getTableSizingColumns(columns: TableColumn[]): {
     label: string | null;
     width: ColumnWidth;
 }[];
-export declare function getTableUtilityTracks(hasActions: boolean, hasSelection: boolean): {
+export declare function getTableUtilityTracks(hasActions: boolean, hasSelection: boolean, hasExpander?: boolean): {
     leadingTracks: string[];
     trailingTracks: string[];
 };

package/dist/table/lib/query.js

@@ -2,20 +2,21 @@ import { translate } from "../../i18n/instance.js";
 import "../../core/hooks/column-sizing.js";
 import { isEmptyMember } from "./filter-values.js";
 //#region resources/js/table/lib/query.ts
-function getColumnSort(state, column) {
-	return state.sorts.find((currentSort) => currentSort.key === column.key);
+function getColumnSort(query, column) {
+	return query.sorts.find((currentSort) => currentSort.key === column.key);
 }
 function getColumnAriaSort(sort) {
 	if (sort?.direction === "asc") return "ascending";
 	if (sort?.direction === "desc") return "descending";
 }
-function buildEndpoint(endpoint, state) {
+function buildEndpoint(endpoint, query) {
 	const url = new URL(endpoint, window.location.origin);
-	if (state.filters.length > 0) url.searchParams.set("filter", serializeFilters(state));
-	if (state.sorts.length > 0) url.searchParams.set("sort", serializeSorts(state));
-	appendTableFilters(url, state.tableFilters);
-	url.searchParams.set("page", String(state.page));
-	url.searchParams.set("per_page", String(state.perPage));
+	if (query.filters.length > 0) url.searchParams.set("filter", serializeFilters(query));
+	if (query.sorts.length > 0) url.searchParams.set("sort", serializeSorts(query));
+	if (query.search !== "") url.searchParams.set("q", query.search);
+	appendTableFilters(url, query.tableFilters);
+	url.searchParams.set("page", String(query.page));
+	url.searchParams.set("per_page", String(query.perPage));
 	return `${url.pathname}${url.search}`;
 }
 function appendTableFilters(url, tableFilters) {
@@ -58,19 +59,20 @@ function appendTableFilterParam(url, key, value) {
 	}
 	url.searchParams.append(key, String(value));
 }
-function getQueryParams(state) {
+function getQueryParams(query) {
 	const params = {};
-	if (state.filters.length > 0) params.filter = serializeFilters(state);
-	if (state.sorts.length > 0) params.sort = serializeSorts(state);
-	const tableFilters = getTableFilterParams(state.tableFilters);
+	if (query.filters.length > 0) params.filter = serializeFilters(query);
+	if (query.sorts.length > 0) params.sort = serializeSorts(query);
+	const tableFilters = getTableFilterParams(query.tableFilters);
 	if (Object.keys(tableFilters).length > 0) params.tf = tableFilters;
+	if (query.search !== "") params.q = query.search;
 	return params;
 }
-function serializeFilters(state) {
-	return state.filters.map((clause) => `${clause.field}:${clause.operator}:${encodeURIComponent(clause.value)}`).join(",");
+function serializeFilters(query) {
+	return query.filters.map((clause) => `${clause.field}:${clause.operator}:${encodeURIComponent(clause.value)}`).join(",");
 }
-function serializeSorts(state) {
-	return state.sorts.map((sort) => sort.direction === "desc" ? `-${sort.key}` : sort.key).join(",");
+function serializeSorts(query) {
+	return query.sorts.map((sort) => sort.direction === "desc" ? `-${sort.key}` : sort.key).join(",");
 }
 var operatorLabels = {
 	contains: "contains",
@@ -123,11 +125,11 @@ function getTableSizingColumns(columns) {
 	}));
 }
 function columnWidthOrDefault(column) {
-	return column.props.width ?? (column.type === "column.stack" ? "xl" : "md");
+	return column.props.width ?? "md";
 }
-function getTableUtilityTracks(hasActions, hasSelection) {
+function getTableUtilityTracks(hasActions, hasSelection, hasExpander = false) {
 	return {
-		leadingTracks: hasSelection ? ["3rem"] : [],
+		leadingTracks: [...hasExpander ? ["2.5rem"] : [], ...hasSelection ? ["3rem"] : []],
 		trailingTracks: hasActions ? ["10rem"] : []
 	};
 }

package/dist/table/lib/query.js.map

@@ -1 +1 @@
-{"version":3,"file":"query.js","names":[],"sources":["../../../resources/js/table/lib/query.ts"],"sourcesContent":["import { translate } from \"@lattice-php/lattice/i18n\";\nimport { DEFAULT_COLUMN_WIDTH } from \"@lattice-php/lattice/core/hooks/column-sizing\";\nimport type { ColumnWidth } from \"@lattice-php/lattice/types/generated\";\nimport { isEmptyMember } from \"./filter-values\";\nimport type { TableColumn, TableSort, TableState } from \"@lattice-php/lattice/table/types\";\n\nexport function getColumnSort(state: TableState, column: TableColumn): TableSort | undefined {\n  return state.sorts.find((currentSort) => currentSort.key === column.key);\n}\n\nexport function getColumnAriaSort(\n  sort: TableSort | undefined,\n): \"ascending\" | \"descending\" | undefined {\n  if (sort?.direction === \"asc\") {\n    return \"ascending\";\n  }\n\n  if (sort?.direction === \"desc\") {\n    return \"descending\";\n  }\n\n  return undefined;\n}\n\nexport function buildEndpoint(endpoint: string, state: TableState): string {\n  const url = new URL(endpoint, window.location.origin);\n\n  if (state.filters.length > 0) {\n    url.searchParams.set(\"filter\", serializeFilters(state));\n  }\n\n  if (state.sorts.length > 0) {\n    url.searchParams.set(\"sort\", serializeSorts(state));\n  }\n\n  appendTableFilters(url, state.tableFilters);\n\n  url.searchParams.set(\"page\", String(state.page));\n  url.searchParams.set(\"per_page\", String(state.perPage));\n\n  return `${url.pathname}${url.search}`;\n}\n\nfunction appendTableFilters(url: URL, tableFilters: Record<string, unknown>): void {\n  for (const [key, value] of Object.entries(getTableFilterParams(tableFilters))) {\n    appendTableFilterParam(url, `tf[${key}]`, value);\n  }\n}\n\nfunction getTableFilterParams(tableFilters: Record<string, unknown>): Record<string, unknown> {\n  const params: Record<string, unknown> = {};\n\n  for (const [key, value] of Object.entries(tableFilters)) {\n    const normalized = normalizeTableFilterValue(value);\n\n    if (normalized !== undefined) {\n      params[key] = normalized;\n    }\n  }\n\n  return params;\n}\n\nfunction normalizeTableFilterValue(value: unknown): unknown | undefined {\n  if (isEmptyMember(value) || Array.isArray(value) || typeof value !== \"object\") {\n    return undefined;\n  }\n\n  const entries = Object.entries(value)\n    .map(([subKey, subValue]) => [subKey, normalizeTableFilterMember(subValue)] as const)\n    .filter((entry): entry is readonly [string, unknown] => entry[1] !== undefined);\n\n  return entries.length > 0 ? Object.fromEntries(entries) : undefined;\n}\n\nfunction normalizeTableFilterMember(value: unknown): unknown | undefined {\n  if (isEmptyMember(value)) {\n    return undefined;\n  }\n\n  if (Array.isArray(value)) {\n    const values = value.map(normalizeTableFilterMember).filter((item) => item !== undefined);\n\n    return values.length > 0 ? values : undefined;\n  }\n\n  if (typeof value === \"object\") {\n    if (value === null) {\n      return undefined;\n    }\n\n    const entries = Object.entries(value)\n      .map(([key, item]) => [key, normalizeTableFilterMember(item)] as const)\n      .filter((entry): entry is readonly [string, unknown] => entry[1] !== undefined);\n\n    return entries.length > 0 ? Object.fromEntries(entries) : undefined;\n  }\n\n  return String(value);\n}\n\nfunction appendTableFilterParam(url: URL, key: string, value: unknown): void {\n  if (Array.isArray(value)) {\n    for (const item of value) {\n      appendTableFilterParam(url, `${key}[]`, item);\n    }\n\n    return;\n  }\n\n  if (typeof value === \"object\" && value !== null) {\n    for (const [subKey, subValue] of Object.entries(value)) {\n      appendTableFilterParam(url, `${key}[${subKey}]`, subValue);\n    }\n\n    return;\n  }\n\n  url.searchParams.append(key, String(value));\n}\n\nexport function getQueryParams(state: TableState): Record<string, unknown> {\n  const params: Record<string, unknown> = {};\n\n  if (state.filters.length > 0) {\n    params.filter = serializeFilters(state);\n  }\n\n  if (state.sorts.length > 0) {\n    params.sort = serializeSorts(state);\n  }\n\n  const tableFilters = getTableFilterParams(state.tableFilters);\n\n  if (Object.keys(tableFilters).length > 0) {\n    params.tf = tableFilters;\n  }\n\n  return params;\n}\n\nfunction serializeFilters(state: TableState): string {\n  return state.filters\n    .map((clause) => `${clause.field}:${clause.operator}:${encodeURIComponent(clause.value)}`)\n    .join(\",\");\n}\n\nfunction serializeSorts(state: TableState): string {\n  return state.sorts\n    .map((sort) => (sort.direction === \"desc\" ? `-${sort.key}` : sort.key))\n    .join(\",\");\n}\n\nconst operatorLabels: Record<string, string> = {\n  contains: \"contains\",\n  starts_with: \"starts with\",\n  ends_with: \"ends with\",\n  eq: \"equals\",\n  neq: \"not equals\",\n  gt: \">\",\n  gte: \"≥\",\n  lt: \"<\",\n  lte: \"≤\",\n  in: \"in\",\n  not_in: \"not in\",\n  before: \"before\",\n  after: \"after\",\n  empty: \"is empty\",\n  filled: \"is not empty\",\n};\n\nexport const VALUELESS_FILTER_OPERATORS = new Set<string>([\"empty\", \"filled\"]);\n\nexport function operatorLabel(operator: string): string {\n  return translate(\"lattice\", `table.operators.${operator}`, operatorLabels[operator] ?? operator);\n}\n\nexport function getSortDirectionLabel(direction: string): string {\n  return direction === \"desc\" ? \"descending\" : \"ascending\";\n}\n\nexport function nextSort(sorts: TableSort[], column: TableColumn): TableSort[] {\n  if (!column.props.sortable) {\n    return sorts;\n  }\n\n  const currentSort = sorts.find((sort) => sort.key === column.key);\n  const remainingSorts = sorts.filter((sort) => sort.key !== column.key);\n\n  if (!currentSort) {\n    return [...sorts, { key: column.key, direction: \"asc\" }];\n  }\n\n  if (currentSort.direction === \"asc\") {\n    return [...remainingSorts, { key: column.key, direction: \"desc\" }];\n  }\n\n  return remainingSorts;\n}\n\nexport function getVisiblePages(currentPage: number, lastPage: number): number[] {\n  if (lastPage <= 5) {\n    return Array.from({ length: lastPage }, (_, index) => index + 1);\n  }\n\n  const start = Math.max(1, Math.min(currentPage - 2, lastPage - 4));\n\n  return Array.from({ length: 5 }, (_, index) => start + index);\n}\n\nexport function getTableSizingColumns(columns: TableColumn[]) {\n  return columns.map((column) => ({\n    key: column.key,\n    label: column.props.label,\n    width: columnWidthOrDefault(column),\n  }));\n}\n\nfunction columnWidthOrDefault(column: TableColumn): ColumnWidth {\n  return (column.props.width ??\n    (column.type === \"column.stack\" ? \"xl\" : DEFAULT_COLUMN_WIDTH)) as ColumnWidth;\n}\n\nexport function getTableUtilityTracks(hasActions: boolean, hasSelection: boolean) {\n  // Utility tracks are fixed because the independent header/filter/body grids would drift with content-sized tracks.\n  return {\n    leadingTracks: hasSelection ? [\"3rem\"] : [],\n    trailingTracks: hasActions ? [\"10rem\"] : [],\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"query.js","names":[],"sources":["../../../resources/js/table/lib/query.ts"],"sourcesContent":["import { translate } from \"@lattice-php/lattice/i18n\";\nimport { DEFAULT_COLUMN_WIDTH } from \"@lattice-php/lattice/core/hooks/column-sizing\";\nimport type { ColumnWidth } from \"@lattice-php/lattice/types/generated\";\nimport { isEmptyMember } from \"./filter-values\";\nimport type { TableColumn, TableSort, TableQuery } from \"@lattice-php/lattice/table/types\";\n\nexport function getColumnSort(query: TableQuery, column: TableColumn): TableSort | undefined {\n  return query.sorts.find((currentSort) => currentSort.key === column.key);\n}\n\nexport function getColumnAriaSort(\n  sort: TableSort | undefined,\n): \"ascending\" | \"descending\" | undefined {\n  if (sort?.direction === \"asc\") {\n    return \"ascending\";\n  }\n\n  if (sort?.direction === \"desc\") {\n    return \"descending\";\n  }\n\n  return undefined;\n}\n\nexport function buildEndpoint(endpoint: string, query: TableQuery): string {\n  const url = new URL(endpoint, window.location.origin);\n\n  if (query.filters.length > 0) {\n    url.searchParams.set(\"filter\", serializeFilters(query));\n  }\n\n  if (query.sorts.length > 0) {\n    url.searchParams.set(\"sort\", serializeSorts(query));\n  }\n\n  if (query.search !== \"\") {\n    url.searchParams.set(\"q\", query.search);\n  }\n\n  appendTableFilters(url, query.tableFilters);\n\n  url.searchParams.set(\"page\", String(query.page));\n  url.searchParams.set(\"per_page\", String(query.perPage));\n\n  return `${url.pathname}${url.search}`;\n}\n\nfunction appendTableFilters(url: URL, tableFilters: Record<string, unknown>): void {\n  for (const [key, value] of Object.entries(getTableFilterParams(tableFilters))) {\n    appendTableFilterParam(url, `tf[${key}]`, value);\n  }\n}\n\nfunction getTableFilterParams(tableFilters: Record<string, unknown>): Record<string, unknown> {\n  const params: Record<string, unknown> = {};\n\n  for (const [key, value] of Object.entries(tableFilters)) {\n    const normalized = normalizeTableFilterValue(value);\n\n    if (normalized !== undefined) {\n      params[key] = normalized;\n    }\n  }\n\n  return params;\n}\n\nfunction normalizeTableFilterValue(value: unknown): unknown | undefined {\n  if (isEmptyMember(value) || Array.isArray(value) || typeof value !== \"object\") {\n    return undefined;\n  }\n\n  const entries = Object.entries(value)\n    .map(([subKey, subValue]) => [subKey, normalizeTableFilterMember(subValue)] as const)\n    .filter((entry): entry is readonly [string, unknown] => entry[1] !== undefined);\n\n  return entries.length > 0 ? Object.fromEntries(entries) : undefined;\n}\n\nfunction normalizeTableFilterMember(value: unknown): unknown | undefined {\n  if (isEmptyMember(value)) {\n    return undefined;\n  }\n\n  if (Array.isArray(value)) {\n    const values = value.map(normalizeTableFilterMember).filter((item) => item !== undefined);\n\n    return values.length > 0 ? values : undefined;\n  }\n\n  if (typeof value === \"object\") {\n    if (value === null) {\n      return undefined;\n    }\n\n    const entries = Object.entries(value)\n      .map(([key, item]) => [key, normalizeTableFilterMember(item)] as const)\n      .filter((entry): entry is readonly [string, unknown] => entry[1] !== undefined);\n\n    return entries.length > 0 ? Object.fromEntries(entries) : undefined;\n  }\n\n  return String(value);\n}\n\nfunction appendTableFilterParam(url: URL, key: string, value: unknown): void {\n  if (Array.isArray(value)) {\n    for (const item of value) {\n      appendTableFilterParam(url, `${key}[]`, item);\n    }\n\n    return;\n  }\n\n  if (typeof value === \"object\" && value !== null) {\n    for (const [subKey, subValue] of Object.entries(value)) {\n      appendTableFilterParam(url, `${key}[${subKey}]`, subValue);\n    }\n\n    return;\n  }\n\n  url.searchParams.append(key, String(value));\n}\n\nexport function getQueryParams(query: TableQuery): Record<string, unknown> {\n  const params: Record<string, unknown> = {};\n\n  if (query.filters.length > 0) {\n    params.filter = serializeFilters(query);\n  }\n\n  if (query.sorts.length > 0) {\n    params.sort = serializeSorts(query);\n  }\n\n  const tableFilters = getTableFilterParams(query.tableFilters);\n\n  if (Object.keys(tableFilters).length > 0) {\n    params.tf = tableFilters;\n  }\n\n  if (query.search !== \"\") {\n    params.q = query.search;\n  }\n\n  return params;\n}\n\nfunction serializeFilters(query: TableQuery): string {\n  return query.filters\n    .map((clause) => `${clause.field}:${clause.operator}:${encodeURIComponent(clause.value)}`)\n    .join(\",\");\n}\n\nfunction serializeSorts(query: TableQuery): string {\n  return query.sorts\n    .map((sort) => (sort.direction === \"desc\" ? `-${sort.key}` : sort.key))\n    .join(\",\");\n}\n\nconst operatorLabels: Record<string, string> = {\n  contains: \"contains\",\n  starts_with: \"starts with\",\n  ends_with: \"ends with\",\n  eq: \"equals\",\n  neq: \"not equals\",\n  gt: \">\",\n  gte: \"≥\",\n  lt: \"<\",\n  lte: \"≤\",\n  in: \"in\",\n  not_in: \"not in\",\n  before: \"before\",\n  after: \"after\",\n  empty: \"is empty\",\n  filled: \"is not empty\",\n};\n\nexport const VALUELESS_FILTER_OPERATORS = new Set<string>([\"empty\", \"filled\"]);\n\nexport function operatorLabel(operator: string): string {\n  return translate(\"lattice\", `table.operators.${operator}`, operatorLabels[operator] ?? operator);\n}\n\nexport function getSortDirectionLabel(direction: string): string {\n  return direction === \"desc\" ? \"descending\" : \"ascending\";\n}\n\nexport function nextSort(sorts: TableSort[], column: TableColumn): TableSort[] {\n  if (!column.props.sortable) {\n    return sorts;\n  }\n\n  const currentSort = sorts.find((sort) => sort.key === column.key);\n  const remainingSorts = sorts.filter((sort) => sort.key !== column.key);\n\n  if (!currentSort) {\n    return [...sorts, { key: column.key, direction: \"asc\" }];\n  }\n\n  if (currentSort.direction === \"asc\") {\n    return [...remainingSorts, { key: column.key, direction: \"desc\" }];\n  }\n\n  return remainingSorts;\n}\n\nexport function getVisiblePages(currentPage: number, lastPage: number): number[] {\n  if (lastPage <= 5) {\n    return Array.from({ length: lastPage }, (_, index) => index + 1);\n  }\n\n  const start = Math.max(1, Math.min(currentPage - 2, lastPage - 4));\n\n  return Array.from({ length: 5 }, (_, index) => start + index);\n}\n\nexport function getTableSizingColumns(columns: TableColumn[]) {\n  return columns.map((column) => ({\n    key: column.key,\n    label: column.props.label,\n    width: columnWidthOrDefault(column),\n  }));\n}\n\nfunction columnWidthOrDefault(column: TableColumn): ColumnWidth {\n  return (column.props.width ?? DEFAULT_COLUMN_WIDTH) as ColumnWidth;\n}\n\nexport function getTableUtilityTracks(\n  hasActions: boolean,\n  hasSelection: boolean,\n  hasExpander = false,\n) {\n  // Utility tracks are fixed because the independent header/filter/body grids would drift with content-sized tracks.\n  return {\n    leadingTracks: [...(hasExpander ? [\"2.5rem\"] : []), ...(hasSelection ? [\"3rem\"] : [])],\n    trailingTracks: hasActions ? [\"10rem\"] : [],\n  };\n}\n"],"mappings":"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"}

package/dist/table/plugin.d.ts

@@ -1,2 +1 @@
-export type TableComponentType = "table";
 export declare const tableComponents: import('../core/registry.js').Plugin;

package/dist/table/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","names":[],"sources":["../../resources/js/table/plugin.ts"],"sourcesContent":["import {\n  createPlugin,\n  eagerComponent,\n  type ComponentRegistryFor,\n} from \"@lattice-php/lattice/core/registry\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport TableComponent from \"./components/table\";\n\nexport type TableComponentType = \"table\";\n\n// The table renders an enriched TableNode (rows/pagination/state the server\n// hydrates onto it); the registry erases per-component node types here.\nexport const tableComponents = createPlugin({\n  components: {\n    table: eagerComponent(TableComponent as unknown as RendererComponent<\"table\">),\n  } satisfies ComponentRegistryFor<TableComponentType>,\n  name: \"lattice/table\",\n});\n"],"mappings":";;;AAYA,IAAa,kBAAkB,aAAa;CAC1C,YAAY,EACV,OAAO,eAAe,cAAuD,EAC/E;CACA,MAAM;AACR,CAAC"}
+{"version":3,"file":"plugin.js","names":[],"sources":["../../resources/js/table/plugin.ts"],"sourcesContent":["import {\n  createPlugin,\n  eagerComponent,\n  type ComponentRegistryFor,\n} from \"@lattice-php/lattice/core/registry\";\nimport type { TableNodeType } from \"@lattice-php/lattice/types/generated\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport TableComponent from \"./components/table\";\n\n// The table renders an enriched TableNode (rows/pagination/state the server\n// hydrates onto it); the registry erases per-component node types here.\nexport const tableComponents = createPlugin({\n  components: {\n    table: eagerComponent(TableComponent as unknown as RendererComponent<\"table\">),\n  } satisfies ComponentRegistryFor<TableNodeType>,\n  name: \"lattice/table\",\n});\n"],"mappings":";;;AAWA,IAAa,kBAAkB,aAAa;CAC1C,YAAY,EACV,OAAO,eAAe,cAAuD,EAC/E;CACA,MAAM;AACR,CAAC"}