@lattice-php/lattice 0.17.2 → 0.19.0

package/dist/table/{use-table.js → hooks/use-table.js}

@@ -1,10 +1,10 @@
-import { LATTICE_EVENT } from "../events/event-names.js";
-import { apiFetch, apiJson } from "../core/api.js";
-import { getColumns, getPagination, getRows, getState } from "./payload.js";
-import { isEmptyFilterValue } from "./filter-values.js";
-import { buildEndpoint, nextSort } from "./query.js";
+import { LATTICE_EVENT } from "../../events/event-names.js";
+import { apiFetch, apiJson } from "../../core/api.js";
+import { getColumns, getPagination, getRows, getState } 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";
-//#region resources/js/table/use-table.ts
+//#region resources/js/table/hooks/use-table.ts
 function useTable(node) {
 	const columns = useMemo(() => getColumns(node.props?.columns), [node.props?.columns]);
 	const endpoint = typeof node.props?.endpoint === "string" ? node.props.endpoint : null;
@@ -73,11 +73,12 @@ function useTable(node) {
 	}
 	function setTableFilter(key, value) {
 		const next = { ...state.tableFilters };
-		if (isEmptyFilterValue(value)) delete next[key];
+		if (isEmptyFilterValue(value) || !isFilterValue(value)) delete next[key];
 		else next[key] = value;
 		const nextState = {
 			...state,
 			tableFilters: next,
+			tableFilterIndicators: state.tableFilterIndicators.filter((indicator) => indicator.filter !== key),
 			page: 1
 		};
 		setState(nextState);
@@ -88,18 +89,20 @@ function useTable(node) {
 			...state,
 			filters: [],
 			tableFilters: {},
+			tableFilterIndicators: [],
 			page: 1
 		};
 		setState(nextState);
 		load(nextState);
 	}
-	const searchFilterOptions = useCallback(async (filterKey, query) => {
+	const searchFilterOptions = useCallback(async (searchKey, query, signal) => {
 		if (!endpoint) return [];
 		const url = new URL(endpoint, window.location.origin);
-		url.searchParams.set("_search", filterKey);
+		url.searchParams.set("_search", searchKey);
 		url.searchParams.set("q", query);
 		const response = await apiFetch(`${url.pathname}${url.search}`, {
 			ref: componentRef,
+			signal,
 			throwOnError: false
 		});
 		if (!response.ok) return [];

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

@@ -0,0 +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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"}

package/dist/table/index.d.ts

@@ -1 +1,6 @@
-export declare const tableComponents: import('../core/registry').Plugin;
+export { useTable } from './hooks/use-table.js';
+export { useTableSelection } from './hooks/use-table-selection.js';
+export { tableComponents } from './plugin.js';
+export { columnCell } from './registry.js';
+export type { ColumnCellArgs, ColumnCellComponent, ColumnRegistry } from './registry.js';
+export type * from './types.js';

package/dist/table/index.js

@@ -1,11 +1,5 @@
-import { createPlugin, eagerComponent } from "../core/registry.js";
-import TableComponent from "./components/table.js";
-//#region resources/js/table/index.ts
-var tableComponents = createPlugin({
-	components: { table: eagerComponent(TableComponent) },
-	name: "lattice/table"
-});
-//#endregion
-export { tableComponents };
-
-//# sourceMappingURL=index.js.map
+import { useTable } from "./hooks/use-table.js";
+import { useTableSelection } from "./hooks/use-table-selection.js";
+import { columnCell } from "./registry.js";
+import { tableComponents } from "./plugin.js";
+export { columnCell, tableComponents, useTable, useTableSelection };

package/dist/table/{align.d.ts → lib/align.d.ts}

@@ -1,4 +1,4 @@
-import { ColumnAlign } from '../types/generated';
+import { ColumnAlign } from '../../types/generated.js';
 export declare const alignText: (align: ColumnAlign) => string;
 export declare const alignJustify: (align: ColumnAlign) => string;
 export declare const alignJustifyItems: (align: ColumnAlign) => string;

package/dist/table/{align.js → lib/align.js}

@@ -1,4 +1,4 @@
-//#region resources/js/table/align.ts
+//#region resources/js/table/lib/align.ts
 var TEXT = {
 	start: "text-start",
 	center: "text-center",

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

@@ -0,0 +1 @@
+{"version":3,"file":"align.js","names":[],"sources":["../../../resources/js/table/lib/align.ts"],"sourcesContent":["import type { ColumnAlign } from \"@lattice-php/lattice/types/generated\";\n\nconst TEXT: Record<ColumnAlign, string> = {\n  start: \"text-start\",\n  center: \"text-center\",\n  end: \"text-end\",\n};\n\nconst JUSTIFY: Record<ColumnAlign, string> = {\n  start: \"justify-start\",\n  center: \"justify-center\",\n  end: \"justify-end\",\n};\n\nconst JUSTIFY_ITEMS: Record<ColumnAlign, string> = {\n  start: \"justify-items-start\",\n  center: \"justify-items-center\",\n  end: \"justify-items-end\",\n};\n\nexport const alignText = (align: ColumnAlign): string => TEXT[align];\nexport const alignJustify = (align: ColumnAlign): string => JUSTIFY[align];\nexport const alignJustifyItems = (align: ColumnAlign): string => JUSTIFY_ITEMS[align];\n"],"mappings":";AAEA,IAAM,OAAoC;CACxC,OAAO;CACP,QAAQ;CACR,KAAK;AACP;AAEA,IAAM,UAAuC;CAC3C,OAAO;CACP,QAAQ;CACR,KAAK;AACP;AAEA,IAAM,gBAA6C;CACjD,OAAO;CACP,QAAQ;CACR,KAAK;AACP;AAEA,IAAa,aAAa,UAA+B,KAAK;AAC9D,IAAa,gBAAgB,UAA+B,QAAQ;AACpE,IAAa,qBAAqB,UAA+B,cAAc"}

package/dist/table/{bulk.d.ts → lib/bulk.d.ts}

@@ -1,7 +1,7 @@
 import { Method } from '@inertiajs/core';
-import { Node } from '../core/types';
-import { Action, ButtonVariant } from '../types/generated';
-import { ActionNode } from './types';
+import { Node } from '../../core/types.js';
+import { Action, ButtonVariant } from '../../types/generated.js';
+import { ActionNode } from '../types.js';
 export type BulkAction = {
     id: string;
     label: string;

package/dist/table/{bulk.js → lib/bulk.js}

@@ -1,4 +1,4 @@
-//#region resources/js/table/bulk.ts
+//#region resources/js/table/lib/bulk.ts
 function getBulkActions(actions) {
 	return (actions ?? []).flatMap((node) => {
 		if (node.type === "action.group") return [];

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

@@ -0,0 +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"}

package/dist/table/{filter-values.d.ts → lib/filter-values.d.ts}

@@ -1,4 +1,5 @@
-import { FilterData, Option } from '../types/generated';
+import { Option } from '../../types/generated.js';
+import { FilterNode } from '../types.js';
 /**
  * Whether a single scalar filter member is absent — the atomic rule the
  * filter-emptiness and query-serialization logic both build on.
@@ -10,9 +11,15 @@ export declare function isEmptyMember(value: unknown): value is null | undefined
  */
 export declare function isEmptyFilterValue(value: unknown): boolean;
 export declare function isActiveFilterValue(value: unknown): boolean;
+/**
+ * Whether a value has the wire shape of a dedicated-filter value: a plain
+ * `field => value` record.
+ */
+export declare function isFilterValue(value: unknown): value is Record<string, unknown>;
+export declare function filterValue(value: unknown): Record<string, unknown>;
 /**
  * Read a string entry from a filter's loose `props` bag, falling back when the
  * key is absent or not a string.
  */
-export declare function stringProp(filter: FilterData, key: string, fallback: string): string;
-export declare function filterOptions(filter: FilterData): Option[];
+export declare function stringProp(filter: FilterNode<string>, key: string, fallback: string): string;
+export declare function filterOptions(filter: FilterNode<string>): Option[];

package/dist/table/{filter-values.js → lib/filter-values.js}

@@ -1,4 +1,4 @@
-//#region resources/js/table/filter-values.ts
+//#region resources/js/table/lib/filter-values.ts
 /**
 * Whether a single scalar filter member is absent — the atomic rule the
 * filter-emptiness and query-serialization logic both build on.
@@ -12,14 +12,24 @@ function isEmptyMember(value) {
 */
 function isEmptyFilterValue(value) {
 	if (isEmptyMember(value)) return true;
-	if (Array.isArray(value)) return value.length === 0;
-	if (typeof value === "object") return Object.values(value).every(isEmptyMember);
+	if (Array.isArray(value)) return value.every(isEmptyFilterValue);
+	if (typeof value === "object" && value !== null) return Object.values(value).every(isEmptyFilterValue);
 	return false;
 }
 function isActiveFilterValue(value) {
 	return !isEmptyFilterValue(value);
 }
 /**
+* Whether a value has the wire shape of a dedicated-filter value: a plain
+* `field => value` record.
+*/
+function isFilterValue(value) {
+	return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+function filterValue(value) {
+	return isFilterValue(value) ? value : {};
+}
+/**
 * Read a string entry from a filter's loose `props` bag, falling back when the
 * key is absent or not a string.
 */
@@ -32,6 +42,6 @@ function filterOptions(filter) {
 	return Array.isArray(value) ? value : [];
 }
 //#endregion
-export { filterOptions, isActiveFilterValue, isEmptyFilterValue, isEmptyMember, stringProp };
+export { filterOptions, filterValue, isActiveFilterValue, isEmptyFilterValue, isEmptyMember, isFilterValue, stringProp };
 
 //# sourceMappingURL=filter-values.js.map

package/dist/table/lib/filter-values.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-values.js","names":[],"sources":["../../../resources/js/table/lib/filter-values.ts"],"sourcesContent":["import type { Option } from \"@lattice-php/lattice/types/generated\";\nimport type { FilterNode } from \"@lattice-php/lattice/table/types\";\n\n/**\n * Whether a single scalar filter member is absent — the atomic rule the\n * filter-emptiness and query-serialization logic both build on.\n */\nexport function isEmptyMember(value: unknown): value is null | undefined | \"\" {\n  return value == null || value === \"\";\n}\n\n/**\n * Whether a table-filter value should clear the filter rather than apply it —\n * an empty string, empty list, or an object whose every member is empty.\n */\nexport function isEmptyFilterValue(value: unknown): boolean {\n  if (isEmptyMember(value)) {\n    return true;\n  }\n\n  if (Array.isArray(value)) {\n    return value.every(isEmptyFilterValue);\n  }\n\n  if (typeof value === \"object\" && value !== null) {\n    return Object.values(value).every(isEmptyFilterValue);\n  }\n\n  return false;\n}\n\nexport function isActiveFilterValue(value: unknown): boolean {\n  return !isEmptyFilterValue(value);\n}\n\n/**\n * Whether a value has the wire shape of a dedicated-filter value: a plain\n * `field => value` record.\n */\nexport function isFilterValue(value: unknown): value is Record<string, unknown> {\n  return value !== null && typeof value === \"object\" && !Array.isArray(value);\n}\n\nexport function filterValue(value: unknown): Record<string, unknown> {\n  return isFilterValue(value) ? value : {};\n}\n\n/**\n * Read a string entry from a filter's loose `props` bag, falling back when the\n * key is absent or not a string.\n */\nexport function stringProp(filter: FilterNode<string>, key: string, fallback: string): string {\n  const value = filter.props[key];\n\n  return typeof value === \"string\" ? value : fallback;\n}\n\nexport function filterOptions(filter: FilterNode<string>): Option[] {\n  const value = filter.props.options;\n\n  return Array.isArray(value) ? (value as Option[]) : [];\n}\n"],"mappings":";;;;;AAOA,SAAgB,cAAc,OAAgD;CAC5E,OAAO,SAAS,QAAQ,UAAU;AACpC;;;;;AAMA,SAAgB,mBAAmB,OAAyB;CAC1D,IAAI,cAAc,KAAK,GACrB,OAAO;CAGT,IAAI,MAAM,QAAQ,KAAK,GACrB,OAAO,MAAM,MAAM,kBAAkB;CAGvC,IAAI,OAAO,UAAU,YAAY,UAAU,MACzC,OAAO,OAAO,OAAO,KAAK,EAAE,MAAM,kBAAkB;CAGtD,OAAO;AACT;AAEA,SAAgB,oBAAoB,OAAyB;CAC3D,OAAO,CAAC,mBAAmB,KAAK;AAClC;;;;;AAMA,SAAgB,cAAc,OAAkD;CAC9E,OAAO,UAAU,QAAQ,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK;AAC5E;AAEA,SAAgB,YAAY,OAAyC;CACnE,OAAO,cAAc,KAAK,IAAI,QAAQ,CAAC;AACzC;;;;;AAMA,SAAgB,WAAW,QAA4B,KAAa,UAA0B;CAC5F,MAAM,QAAQ,OAAO,MAAM;CAE3B,OAAO,OAAO,UAAU,WAAW,QAAQ;AAC7C;AAEA,SAAgB,cAAc,QAAsC;CAClE,MAAM,QAAQ,OAAO,MAAM;CAE3B,OAAO,MAAM,QAAQ,KAAK,IAAK,QAAqB,CAAC;AACvD"}

package/dist/table/{format.d.ts → lib/format.d.ts}

@@ -1,4 +1,4 @@
-import { FormatOptions } from '../format/date-time';
-import { TableColumn, TableRow } from './types';
+import { FormatOptions } from '../../format/date-time.js';
+import { TableColumn, TableRow } from '../types.js';
 export declare function formatCell(value: unknown, column?: TableColumn, options?: FormatOptions): string;
 export declare function resolveLink(column: TableColumn, row: TableRow, value: unknown): string | null;

package/dist/table/{format.js → lib/format.js}

@@ -1,5 +1,5 @@
-import { formatDateValue } from "../format/date-time.js";
-//#region resources/js/table/format.ts
+import { formatDateValue } from "../../format/date-time.js";
+//#region resources/js/table/lib/format.ts
 function formatCell(value, column, options) {
 	if (value === null || value === void 0) return "";
 	const date = (column?.props)?.date;
@@ -8,7 +8,7 @@ function formatCell(value, column, options) {
 	return JSON.stringify(value);
 }
 function resolveLink(column, row, value) {
-	const link = column.props?.link;
+	const link = column.props.link;
 	if (!link) return null;
 	const href = link.href ?? String(value ?? "");
 	if (href === "") return null;

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

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","names":[],"sources":["../../../resources/js/table/lib/format.ts"],"sourcesContent":["import { type FormatOptions, formatDateValue } from \"@lattice-php/lattice/format/date-time\";\nimport type { ColumnPropsOf, TableColumn, TableRow } from \"@lattice-php/lattice/table/types\";\n\nexport function formatCell(value: unknown, column?: TableColumn, options?: FormatOptions): string {\n  if (value === null || value === undefined) {\n    return \"\";\n  }\n\n  const date = (column?.props as ColumnPropsOf<\"column.text\"> | null)?.date;\n\n  if (date) {\n    return formatDateValue(value, date, options);\n  }\n\n  if (typeof value === \"string\" || typeof value === \"number\" || typeof value === \"boolean\") {\n    return String(value);\n  }\n\n  return JSON.stringify(value);\n}\n\nexport function resolveLink(column: TableColumn, row: TableRow, value: unknown): string | null {\n  const link = (column.props as ColumnPropsOf<\"column.text\">).link;\n\n  if (!link) {\n    return null;\n  }\n\n  const href = link.href ?? String(value ?? \"\");\n\n  if (href === \"\") {\n    return null;\n  }\n\n  return href.replace(/\\{([^}]+)\\}/g, (_, key: string) => {\n    if (key === \"value\") {\n      return encodeURIComponent(String(value ?? \"\"));\n    }\n\n    return encodeURIComponent(String(row[key] ?? \"\"));\n  });\n}\n"],"mappings":";;AAGA,SAAgB,WAAW,OAAgB,QAAsB,SAAiC;CAChG,IAAI,UAAU,QAAQ,UAAU,KAAA,GAC9B,OAAO;CAGT,MAAM,QAAQ,QAAQ,QAA+C;CAErE,IAAI,MACF,OAAO,gBAAgB,OAAO,MAAM,OAAO;CAG7C,IAAI,OAAO,UAAU,YAAY,OAAO,UAAU,YAAY,OAAO,UAAU,WAC7E,OAAO,OAAO,KAAK;CAGrB,OAAO,KAAK,UAAU,KAAK;AAC7B;AAEA,SAAgB,YAAY,QAAqB,KAAe,OAA+B;CAC7F,MAAM,OAAQ,OAAO,MAAuC;CAE5D,IAAI,CAAC,MACH,OAAO;CAGT,MAAM,OAAO,KAAK,QAAQ,OAAO,SAAS,EAAE;CAE5C,IAAI,SAAS,IACX,OAAO;CAGT,OAAO,KAAK,QAAQ,iBAAiB,GAAG,QAAgB;EACtD,IAAI,QAAQ,SACV,OAAO,mBAAmB,OAAO,SAAS,EAAE,CAAC;EAG/C,OAAO,mBAAmB,OAAO,IAAI,QAAQ,EAAE,CAAC;CAClD,CAAC;AACH"}

package/dist/table/{payload.d.ts → lib/payload.d.ts}

@@ -1,9 +1,8 @@
-import { Node } from '../core/types';
-import { TableColumn, TablePagination, TableRow, TableState } from './types';
+import { Node } from '../../core/types.js';
+import { TableColumn, TablePagination, TableRow, TableState } 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 flattenColumns(columns: TableColumn[]): TableColumn[];
 export declare function getState(value: unknown): TableState;
 export declare function getRowKey(row: TableRow, index: number): string;
 export declare function getRowActions(row: TableRow): Node[];

package/dist/table/{payload.js → lib/payload.js}

@@ -1,11 +1,11 @@
-//#region resources/js/table/payload.ts
+//#region resources/js/table/lib/payload.ts
 function getFilters(value) {
 	if (!Array.isArray(value)) return [];
 	return value.filter((clause) => typeof clause === "object" && clause !== null && typeof clause.field === "string" && typeof clause.operator === "string" && typeof clause.value === "string");
 }
 function getColumns(value) {
 	if (!Array.isArray(value)) return [];
-	return value.filter((column) => typeof column === "object" && column !== null && "key" in column && "label" in column && typeof column.key === "string" && typeof column.label === "string");
+	return value.filter((column) => typeof column === "object" && column !== null && "key" in column && "props" in column && typeof column.key === "string" && typeof column.props === "object" && column.props !== null && typeof column.props.label === "string");
 }
 function getRows(value) {
 	if (!Array.isArray(value)) return [];
@@ -26,16 +26,14 @@ function getPagination(value) {
 	if (typeof value !== "object" || value === null || Array.isArray(value)) return EMPTY_PAGINATION;
 	return value;
 }
-function flattenColumns(columns) {
-	return columns.flatMap((column) => [column, ...flattenColumns(column.columns ?? [])]);
-}
 function getState(value) {
 	if (typeof value !== "object" || value === null || Array.isArray(value)) return {
 		filters: [],
 		sorts: [],
 		page: 1,
 		perPage: 25,
-		tableFilters: {}
+		tableFilters: {},
+		tableFilterIndicators: []
 	};
 	const state = value;
 	return {
@@ -43,7 +41,8 @@ function getState(value) {
 		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)
+		tableFilters: getTableFilters(state.tableFilters),
+		tableFilterIndicators: getTableFilterIndicators(state.tableFilterIndicators)
 	};
 }
 /**
@@ -52,7 +51,11 @@ function getState(value) {
 */
 function getTableFilters(value) {
 	if (typeof value !== "object" || value === null || Array.isArray(value)) return {};
-	return value;
+	return Object.fromEntries(Object.entries(value).filter((entry) => typeof entry[1] === "object" && entry[1] !== null && !Array.isArray(entry[1])));
+}
+function getTableFilterIndicators(value) {
+	if (!Array.isArray(value)) return [];
+	return value.filter((indicator) => typeof indicator === "object" && indicator !== null && typeof indicator.filter === "string" && typeof indicator.label === "string" && typeof indicator.value === "string");
 }
 function getRowKey(row, index) {
 	const key = row.id ?? row.uuid ?? row.key ?? index;
@@ -62,6 +65,6 @@ function getRowActions(row) {
 	return Array.isArray(row.actions) ? row.actions : [];
 }
 //#endregion
-export { flattenColumns, getColumns, getPagination, getRowActions, getRowKey, getRows, getState };
+export { getColumns, getPagination, getRowActions, getRowKey, getRows, getState };
 
 //# sourceMappingURL=payload.js.map

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

@@ -0,0 +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"}

package/dist/table/{query.d.ts → lib/query.d.ts}

@@ -1,5 +1,5 @@
-import { ColumnWidth } from '../types/generated';
-import { TableColumn, TableSort, TableState } from './types';
+import { ColumnWidth } from '../../types/generated.js';
+import { TableColumn, TableSort, TableState } from '../types.js';
 export declare function getColumnSort(state: TableState, column: TableColumn): TableSort | undefined;
 export declare function getColumnAriaSort(sort: TableSort | undefined): "ascending" | "descending" | undefined;
 export declare function buildEndpoint(endpoint: string, state: TableState): string;
@@ -11,7 +11,7 @@ export declare function nextSort(sorts: TableSort[], column: TableColumn): Table
 export declare function getVisiblePages(currentPage: number, lastPage: number): number[];
 export declare function getTableSizingColumns(columns: TableColumn[]): {
     key: string;
-    label: string;
+    label: string | null;
     width: ColumnWidth;
 }[];
 export declare function getTableUtilityTracks(hasActions: boolean, hasSelection: boolean): {

package/dist/table/{query.js → lib/query.js}

@@ -1,7 +1,7 @@
-import { translate } from "../i18n/instance.js";
-import "../core/column-sizing.js";
+import { translate } from "../../i18n/instance.js";
+import "../../core/hooks/column-sizing.js";
 import { isEmptyMember } from "./filter-values.js";
-//#region resources/js/table/query.ts
+//#region resources/js/table/lib/query.ts
 function getColumnSort(state, column) {
 	return state.sorts.find((currentSort) => currentSort.key === column.key);
 }
@@ -18,24 +18,8 @@ function buildEndpoint(endpoint, state) {
 	url.searchParams.set("per_page", String(state.perPage));
 	return `${url.pathname}${url.search}`;
 }
-/**
-* Serialize the dedicated table filters as Laravel-native bracket params:
-* `tf[key]=v`, repeated `tf[key][]=v` for multi-value, and `tf[key][sub]=v`
-* for structured values (e.g. a date range's from/until). Empty values are
-* dropped so an unset filter never reaches the server.
-*/
 function appendTableFilters(url, tableFilters) {
-	for (const [key, value] of Object.entries(getTableFilterParams(tableFilters))) {
-		if (typeof value === "string") {
-			url.searchParams.set(`tf[${key}]`, value);
-			continue;
-		}
-		if (Array.isArray(value)) {
-			for (const item of value) if (!isEmptyMember(item)) url.searchParams.append(`tf[${key}][]`, String(item));
-			continue;
-		}
-		if (typeof value === "object" && value !== null) for (const [subKey, subValue] of Object.entries(value)) url.searchParams.set(`tf[${key}][${subKey}]`, String(subValue));
-	}
+	for (const [key, value] of Object.entries(getTableFilterParams(tableFilters))) appendTableFilterParam(url, `tf[${key}]`, value);
 }
 function getTableFilterParams(tableFilters) {
 	const params = {};
@@ -46,18 +30,34 @@ function getTableFilterParams(tableFilters) {
 	return params;
 }
 function normalizeTableFilterValue(value) {
+	if (isEmptyMember(value) || Array.isArray(value) || typeof value !== "object") return;
+	const entries = Object.entries(value).map(([subKey, subValue]) => [subKey, normalizeTableFilterMember(subValue)]).filter((entry) => entry[1] !== void 0);
+	return entries.length > 0 ? Object.fromEntries(entries) : void 0;
+}
+function normalizeTableFilterMember(value) {
 	if (isEmptyMember(value)) return;
-	if (typeof value === "string") return value;
 	if (Array.isArray(value)) {
-		const items = value.filter((item) => !isEmptyMember(item)).map(String);
-		return items.length > 0 ? items : void 0;
+		const values = value.map(normalizeTableFilterMember).filter((item) => item !== void 0);
+		return values.length > 0 ? values : void 0;
 	}
 	if (typeof value === "object") {
-		const entries = Object.entries(value).filter(([, subValue]) => !isEmptyMember(subValue)).map(([subKey, subValue]) => [subKey, String(subValue)]);
+		if (value === null) return;
+		const entries = Object.entries(value).map(([key, item]) => [key, normalizeTableFilterMember(item)]).filter((entry) => entry[1] !== void 0);
 		return entries.length > 0 ? Object.fromEntries(entries) : void 0;
 	}
 	return String(value);
 }
+function appendTableFilterParam(url, key, value) {
+	if (Array.isArray(value)) {
+		for (const item of value) appendTableFilterParam(url, `${key}[]`, item);
+		return;
+	}
+	if (typeof value === "object" && value !== null) {
+		for (const [subKey, subValue] of Object.entries(value)) appendTableFilterParam(url, `${key}[${subKey}]`, subValue);
+		return;
+	}
+	url.searchParams.append(key, String(value));
+}
 function getQueryParams(state) {
 	const params = {};
 	if (state.filters.length > 0) params.filter = serializeFilters(state);
@@ -97,7 +97,7 @@ function getSortDirectionLabel(direction) {
 	return direction === "desc" ? "descending" : "ascending";
 }
 function nextSort(sorts, column) {
-	if (!column.sortable) return sorts;
+	if (!column.props.sortable) return sorts;
 	const currentSort = sorts.find((sort) => sort.key === column.key);
 	const remainingSorts = sorts.filter((sort) => sort.key !== column.key);
 	if (!currentSort) return [...sorts, {
@@ -118,12 +118,12 @@ function getVisiblePages(currentPage, lastPage) {
 function getTableSizingColumns(columns) {
 	return columns.map((column) => ({
 		key: column.key,
-		label: column.label,
+		label: column.props.label,
 		width: columnWidthOrDefault(column)
 	}));
 }
 function columnWidthOrDefault(column) {
-	return column.width ?? (column.type === "column.stack" ? "xl" : "md");
+	return column.props.width ?? (column.type === "column.stack" ? "xl" : "md");
 }
 function getTableUtilityTracks(hasActions, hasSelection) {
 	return {

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

@@ -0,0 +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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"}

package/dist/table/plugin.d.ts

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

package/dist/table/plugin.js

@@ -0,0 +1,11 @@
+import { createPlugin, eagerComponent } from "../core/registry.js";
+import TableComponent from "./components/table.js";
+//#region resources/js/table/plugin.ts
+var tableComponents = createPlugin({
+	components: { table: eagerComponent(TableComponent) },
+	name: "lattice/table"
+});
+//#endregion
+export { tableComponents };
+
+//# sourceMappingURL=plugin.js.map

package/dist/table/plugin.js.map

@@ -0,0 +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"}

package/dist/table/registry.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-import { ColumnPropsOf, TableColumn, TableRow } from './types';
+import { ColumnPropsOf, TableColumn, TableRow } from './types.js';
+import { ColumnPropsMap } from '../types/generated.js';
 export type ColumnCellArgs<TType extends string = string> = {
     column: TableColumn;
     props: ColumnPropsOf<TType>;
@@ -8,6 +9,7 @@ export type ColumnCellArgs<TType extends string = string> = {
 };
 export type ColumnCellComponent<TType extends string = string> = (args: ColumnCellArgs<TType>) => ReactNode;
 export type ColumnRegistry = Record<string, ColumnCellComponent>;
+export type ColumnRegistryFor<TTypes extends keyof ColumnPropsMap & string> = Record<TTypes, ColumnCellComponent>;
 /**
  * Registers a typed column cell, erasing the type parameter so it fits the
  * registry. Mirrors `eagerComponent`/`lazyComponent` for the component registry:

package/dist/table/registry.js.map

@@ -1 +1 @@
-{"version":3,"file":"registry.js","names":[],"sources":["../../resources/js/table/registry.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { ColumnPropsOf, TableColumn, TableRow } from \"./types\";\n\nexport type ColumnCellArgs<TType extends string = string> = {\n  column: TableColumn;\n  props: ColumnPropsOf<TType>;\n  row: TableRow;\n  value: unknown;\n};\n\nexport type ColumnCellComponent<TType extends string = string> = (\n  args: ColumnCellArgs<TType>,\n) => ReactNode;\n\nexport type ColumnRegistry = Record<string, ColumnCellComponent>;\n\n/**\n * Registers a typed column cell, erasing the type parameter so it fits the\n * registry. Mirrors `eagerComponent`/`lazyComponent` for the component registry:\n * author against `ColumnCellComponent<\"my.type\">` for typed `props`, register\n * through this.\n */\nexport function columnCell<TType extends string>(\n  cell: ColumnCellComponent<TType>,\n): ColumnCellComponent {\n  return cell as ColumnCellComponent;\n}\n"],"mappings":";;;;;;;AAsBA,SAAgB,WACd,MACqB;CACrB,OAAO;AACT"}
+{"version":3,"file":"registry.js","names":[],"sources":["../../resources/js/table/registry.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { ColumnPropsOf, TableColumn, TableRow } from \"./types\";\nimport type { ColumnPropsMap } from \"@lattice-php/lattice/types/generated\";\n\nexport type ColumnCellArgs<TType extends string = string> = {\n  column: TableColumn;\n  props: ColumnPropsOf<TType>;\n  row: TableRow;\n  value: unknown;\n};\n\nexport type ColumnCellComponent<TType extends string = string> = (\n  args: ColumnCellArgs<TType>,\n) => ReactNode;\n\nexport type ColumnRegistry = Record<string, ColumnCellComponent>;\n\nexport type ColumnRegistryFor<TTypes extends keyof ColumnPropsMap & string> = Record<\n  TTypes,\n  ColumnCellComponent\n>;\n\n/**\n * Registers a typed column cell, erasing the type parameter so it fits the\n * registry. Mirrors `eagerComponent`/`lazyComponent` for the component registry:\n * author against `ColumnCellComponent<\"my.type\">` for typed `props`, register\n * through this.\n */\nexport function columnCell<TType extends string>(\n  cell: ColumnCellComponent<TType>,\n): ColumnCellComponent {\n  return cell as ColumnCellComponent;\n}\n"],"mappings":";;;;;;;AA4BA,SAAgB,WACd,MACqB;CACrB,OAAO;AACT"}