@lattice-php/lattice 0.26.0 → 0.28.0

package/dist/index.js

@@ -1,9 +1,9 @@
 import { initializeAppearance, updateAppearance, useAppearance } from "./appearance/index.js";
-import { createPlugin, createRegistry, eagerComponent, extendRegistry, lazyComponent } from "./core/registry.js";
-import { useColumnRegistry, useComponentRegistry } from "./core/registry-context.js";
-import { LATTICE_EVENT } from "./core/event-names.js";
 import { LATTICE_REF_HEADER, withRefHeader } from "./core/component-ref.js";
+import { LATTICE_EVENT } from "./core/event-names.js";
 import { withHeaders } from "./core/headers.js";
+import { createPlugin, createRegistry, eagerComponent, extendRegistry, lazyComponent } from "./core/registry.js";
+import { useColumnRegistry, useComponentRegistry } from "./core/registry-context.js";
 import { Icon, SpriteProvider } from "./icons/sprite.js";
 import { IconRenderer, IconRendererProvider } from "./icons/icon-renderer.js";
 import { CollapsedContext, useCollapsed } from "./core/collapsed-context.js";

package/dist/inertia.d.ts

@@ -11,3 +11,10 @@ export type CreateLayoutResolverOptions = {
 export declare function createPageResolver(pages: PageModules): (name: string) => ResolvedPage;
 export declare function createLayoutResolver({ defaultLayout }?: CreateLayoutResolverOptions): (name: string, page: InertiaPage) => unknown;
 export declare function withVisitHeaders(_href: string, options: VisitOptions): VisitOptions;
+/**
+ * Resolve the outgoing X-Lattice-Ref header through the renewed-token map at
+ * request time. Component props bake the originally sealed ref into headers at
+ * render time, so without this rewrite an Inertia request fired between a
+ * renewal and the next re-render would still carry the expired token.
+ */
+export declare function registerRefRenewal(): void;

package/dist/inertia.js

@@ -1,6 +1,8 @@
+import { LATTICE_REF_HEADER, latestRef } from "./core/component-ref.js";
 import { withHeaders } from "./core/headers.js";
 import SchemaLayout from "./layout/components/schema-layout.js";
 import Page from "./page.js";
+import { http } from "@inertiajs/react";
 //#region resources/js/inertia.ts
 var pageComponentName = "lattice/page";
 function createPageResolver(pages) {
@@ -23,7 +25,23 @@ function withVisitHeaders(_href, options) {
 		headers: withHeaders("", options.headers)
 	};
 }
+var refRenewalRegistered = false;
+/**
+* Resolve the outgoing X-Lattice-Ref header through the renewed-token map at
+* request time. Component props bake the originally sealed ref into headers at
+* render time, so without this rewrite an Inertia request fired between a
+* renewal and the next re-render would still carry the expired token.
+*/
+function registerRefRenewal() {
+	if (refRenewalRegistered) return;
+	refRenewalRegistered = true;
+	http.onRequest((config) => {
+		const sealed = config.headers?.[LATTICE_REF_HEADER];
+		if (config.headers && typeof sealed === "string" && sealed !== "") config.headers[LATTICE_REF_HEADER] = latestRef(sealed);
+		return config;
+	});
+}
 //#endregion
-export { createLayoutResolver, createPageResolver, pageComponentName, withVisitHeaders };
+export { createLayoutResolver, createPageResolver, pageComponentName, registerRefRenewal, withVisitHeaders };
 
 //# sourceMappingURL=inertia.js.map

package/dist/inertia.js.map

@@ -1 +1 @@
-{"version":3,"file":"inertia.js","names":[],"sources":["../resources/js/inertia.ts"],"sourcesContent":["import type { Page as InertiaPage, VisitOptions } from \"@inertiajs/core\";\nimport type { ResolvedComponent } from \"@inertiajs/react\";\nimport { withHeaders } from \"./core/headers\";\nimport { SchemaLayout } from \"./layout\";\nimport Page from \"./page\";\nimport type { PagePayload } from \"./core/types\";\n\nexport const pageComponentName = \"lattice/page\";\n\nexport type ResolvedPage =\n  | ResolvedComponent\n  | Promise<ResolvedComponent>\n  | { default: ResolvedComponent };\nexport type PageModules = Record<string, () => Promise<ResolvedComponent>>;\n\nexport type CreateLayoutResolverOptions = {\n  defaultLayout?: (name: string, page: InertiaPage) => unknown;\n};\n\nexport function createPageResolver(pages: PageModules) {\n  return (name: string): ResolvedPage => {\n    if (name === pageComponentName) {\n      return { default: Page };\n    }\n\n    const resolvedPage = pages[`./Pages/${name}.tsx`] ?? pages[`./pages/${name}.tsx`];\n\n    if (resolvedPage) {\n      return resolvedPage();\n    }\n\n    throw new Error(`Page not found: ${name}`);\n  };\n}\n\nexport function createLayoutResolver({ defaultLayout }: CreateLayoutResolverOptions = {}) {\n  return (name: string, page: InertiaPage): unknown => {\n    if (name === pageComponentName) {\n      const lattice = page.props.lattice as PagePayload | undefined;\n\n      return lattice?.layout ? SchemaLayout : null;\n    }\n\n    return defaultLayout?.(name, page) ?? null;\n  };\n}\n\nexport function withVisitHeaders(_href: string, options: VisitOptions): VisitOptions {\n  return {\n    ...options,\n    headers: withHeaders(\"\", options.headers),\n  };\n}\n"],"mappings":";;;;AAOA,IAAa,oBAAoB;AAYjC,SAAgB,mBAAmB,OAAoB;CACrD,QAAQ,SAA+B;EACrC,IAAI,SAAA,gBACF,OAAO,EAAE,SAAS,KAAK;EAGzB,MAAM,eAAe,MAAM,WAAW,KAAK,UAAU,MAAM,WAAW,KAAK;EAE3E,IAAI,cACF,OAAO,aAAa;EAGtB,MAAM,IAAI,MAAM,mBAAmB,MAAM;CAC3C;AACF;AAEA,SAAgB,qBAAqB,EAAE,kBAA+C,CAAC,GAAG;CACxF,QAAQ,MAAc,SAA+B;EACnD,IAAI,SAAA,gBAGF,OAFgB,KAAK,MAAM,SAEX,SAAS,eAAe;EAG1C,OAAO,gBAAgB,MAAM,IAAI,KAAK;CACxC;AACF;AAEA,SAAgB,iBAAiB,OAAe,SAAqC;CACnF,OAAO;EACL,GAAG;EACH,SAAS,YAAY,IAAI,QAAQ,OAAO;CAC1C;AACF"}
+{"version":3,"file":"inertia.js","names":[],"sources":["../resources/js/inertia.ts"],"sourcesContent":["import type { Page as InertiaPage, VisitOptions } from \"@inertiajs/core\";\nimport { http, type ResolvedComponent } from \"@inertiajs/react\";\nimport { LATTICE_REF_HEADER, latestRef } from \"./core/component-ref\";\nimport { withHeaders } from \"./core/headers\";\nimport { SchemaLayout } from \"./layout\";\nimport Page from \"./page\";\nimport type { PagePayload } from \"./core/types\";\n\nexport const pageComponentName = \"lattice/page\";\n\nexport type ResolvedPage =\n  | ResolvedComponent\n  | Promise<ResolvedComponent>\n  | { default: ResolvedComponent };\nexport type PageModules = Record<string, () => Promise<ResolvedComponent>>;\n\nexport type CreateLayoutResolverOptions = {\n  defaultLayout?: (name: string, page: InertiaPage) => unknown;\n};\n\nexport function createPageResolver(pages: PageModules) {\n  return (name: string): ResolvedPage => {\n    if (name === pageComponentName) {\n      return { default: Page };\n    }\n\n    const resolvedPage = pages[`./Pages/${name}.tsx`] ?? pages[`./pages/${name}.tsx`];\n\n    if (resolvedPage) {\n      return resolvedPage();\n    }\n\n    throw new Error(`Page not found: ${name}`);\n  };\n}\n\nexport function createLayoutResolver({ defaultLayout }: CreateLayoutResolverOptions = {}) {\n  return (name: string, page: InertiaPage): unknown => {\n    if (name === pageComponentName) {\n      const lattice = page.props.lattice as PagePayload | undefined;\n\n      return lattice?.layout ? SchemaLayout : null;\n    }\n\n    return defaultLayout?.(name, page) ?? null;\n  };\n}\n\nexport function withVisitHeaders(_href: string, options: VisitOptions): VisitOptions {\n  return {\n    ...options,\n    headers: withHeaders(\"\", options.headers),\n  };\n}\n\nlet refRenewalRegistered = false;\n\n/**\n * Resolve the outgoing X-Lattice-Ref header through the renewed-token map at\n * request time. Component props bake the originally sealed ref into headers at\n * render time, so without this rewrite an Inertia request fired between a\n * renewal and the next re-render would still carry the expired token.\n */\nexport function registerRefRenewal(): void {\n  if (refRenewalRegistered) {\n    return;\n  }\n\n  refRenewalRegistered = true;\n\n  http.onRequest((config) => {\n    const sealed = config.headers?.[LATTICE_REF_HEADER];\n\n    if (config.headers && typeof sealed === \"string\" && sealed !== \"\") {\n      config.headers[LATTICE_REF_HEADER] = latestRef(sealed);\n    }\n\n    return config;\n  });\n}\n"],"mappings":";;;;;;AAQA,IAAa,oBAAoB;AAYjC,SAAgB,mBAAmB,OAAoB;CACrD,QAAQ,SAA+B;EACrC,IAAI,SAAA,gBACF,OAAO,EAAE,SAAS,KAAK;EAGzB,MAAM,eAAe,MAAM,WAAW,KAAK,UAAU,MAAM,WAAW,KAAK;EAE3E,IAAI,cACF,OAAO,aAAa;EAGtB,MAAM,IAAI,MAAM,mBAAmB,MAAM;CAC3C;AACF;AAEA,SAAgB,qBAAqB,EAAE,kBAA+C,CAAC,GAAG;CACxF,QAAQ,MAAc,SAA+B;EACnD,IAAI,SAAA,gBAGF,OAFgB,KAAK,MAAM,SAEX,SAAS,eAAe;EAG1C,OAAO,gBAAgB,MAAM,IAAI,KAAK;CACxC;AACF;AAEA,SAAgB,iBAAiB,OAAe,SAAqC;CACnF,OAAO;EACL,GAAG;EACH,SAAS,YAAY,IAAI,QAAQ,OAAO;CAC1C;AACF;AAEA,IAAI,uBAAuB;;;;;;;AAQ3B,SAAgB,qBAA2B;CACzC,IAAI,sBACF;CAGF,uBAAuB;CAEvB,KAAK,WAAW,WAAW;EACzB,MAAM,SAAS,OAAO,UAAU;EAEhC,IAAI,OAAO,WAAW,OAAO,WAAW,YAAY,WAAW,IAC7D,OAAO,QAAQ,sBAAsB,UAAU,MAAM;EAGvD,OAAO;CACT,CAAC;AACH"}

package/dist/lattice.css

@@ -20,31 +20,37 @@
   --lt-secondary-fg: oklch(0.25 0.012 220);
   --lt-muted: oklch(0.955 0.004 210);
   --lt-muted-fg: oklch(0.52 0.015 220);
-  --lt-accent: oklch(0.95 0.024 195);
-  --lt-accent-fg: oklch(0.36 0.085 195);
+  /* Accent tint and focus ring take their hue from the primary, so a themed
+     primary keeps them coherent; an explicit override still wins. */
+  --lt-accent: oklch(from var(--lt-primary) 0.95 0.024 h);
+  --lt-accent-fg: oklch(from var(--lt-primary) 0.36 0.085 h);
   --lt-danger: oklch(0.55 0.2 26);
   --lt-danger-fg: oklch(0.985 0 0);
   --lt-border: oklch(0.915 0.005 210);
   --lt-input: oklch(0.88 0.007 210);
-  --lt-ring: oklch(0.7 0.1 195);
+  --lt-ring: oklch(from var(--lt-primary) 0.7 0.1 h);
   --lt-overlay: oklch(0.15 0.02 225 / 0.5);
   --lt-warning: oklch(0.83 0.15 85);
+  --lt-warning-fg: oklch(0.28 0.06 70);
   --lt-success: oklch(0.56 0.13 158);
   --lt-success-fg: oklch(0.985 0 0);
   --lt-info: oklch(0.55 0.13 245);
   --lt-info-fg: oklch(0.985 0 0);
-  --lt-primary-hover: oklch(0.46 0.12 195);
-  --lt-primary-active: oklch(0.41 0.12 195);
-  --lt-danger-hover: oklch(0.5 0.2 26);
-  --lt-danger-active: oklch(0.45 0.2 26);
-  --lt-success-hover: oklch(0.51 0.13 158);
-  --lt-success-active: oklch(0.47 0.13 158);
-  --lt-info-hover: oklch(0.5 0.13 245);
-  --lt-info-active: oklch(0.46 0.13 245);
-  --lt-warning-hover: oklch(0.78 0.15 85);
-  --lt-warning-active: oklch(0.73 0.15 85);
-  --lt-secondary-hover: oklch(0.925 0.006 210);
-  --lt-secondary-active: oklch(0.9 0.007 210);
+  /* Hover/active derive from the base colour so a themed base recolours its
+     whole state family; setting the state token directly still wins. Light
+     surfaces darken on interaction, the near-white secondary by less. */
+  --lt-primary-hover: oklch(from var(--lt-primary) calc(l - 0.05) c h);
+  --lt-primary-active: oklch(from var(--lt-primary) calc(l - 0.1) c h);
+  --lt-danger-hover: oklch(from var(--lt-danger) calc(l - 0.05) c h);
+  --lt-danger-active: oklch(from var(--lt-danger) calc(l - 0.1) c h);
+  --lt-success-hover: oklch(from var(--lt-success) calc(l - 0.05) c h);
+  --lt-success-active: oklch(from var(--lt-success) calc(l - 0.1) c h);
+  --lt-info-hover: oklch(from var(--lt-info) calc(l - 0.05) c h);
+  --lt-info-active: oklch(from var(--lt-info) calc(l - 0.1) c h);
+  --lt-warning-hover: oklch(from var(--lt-warning) calc(l - 0.05) c h);
+  --lt-warning-active: oklch(from var(--lt-warning) calc(l - 0.1) c h);
+  --lt-secondary-hover: oklch(from var(--lt-secondary) calc(l - 0.03) c h);
+  --lt-secondary-active: oklch(from var(--lt-secondary) calc(l - 0.06) c h);
   --lt-disabled: oklch(0.945 0.003 210);
   --lt-disabled-fg: oklch(0.68 0.008 220);
 
@@ -66,8 +72,6 @@
   --lt-font-mono: ui-monospace, "SFMono-Regular", "Menlo", monospace;
   --lt-font-display: var(--lt-font-sans);
 
-  --lt-warning-fg: oklch(0.28 0.06 70);
-
   --lt-shadow-inner: inset 0 1px 2px 0 oklch(0.2 0.02 225 / 0.06);
 
   --lt-chart-1: oklch(0.55 0.12 195);
@@ -87,7 +91,6 @@
   --lt-icon-2xl: 2rem;
   --lt-icon-3xl: 2.5rem;
   --lt-icon-4xl: 3rem;
-  --lt-icon-stroke: 1.5;
 
   /* Control heights — density lever */
   --lt-control-h-sm: 2rem;
@@ -161,32 +164,34 @@
   --lt-secondary-fg: oklch(0.955 0.005 210);
   --lt-muted: oklch(0.26 0.01 225);
   --lt-muted-fg: oklch(0.72 0.012 220);
-  --lt-accent: oklch(0.29 0.03 195);
-  --lt-accent-fg: oklch(0.97 0.005 210);
+  --lt-accent: oklch(from var(--lt-primary) 0.29 0.03 h);
+  --lt-accent-fg: oklch(from var(--lt-primary) 0.97 0.005 h);
   --lt-danger: oklch(0.55 0.18 25);
   --lt-danger-fg: oklch(0.985 0 0);
   --lt-border: oklch(0.285 0.012 225);
   --lt-input: oklch(0.33 0.014 225);
-  --lt-ring: oklch(0.6 0.1 192);
+  --lt-ring: oklch(from var(--lt-primary) 0.6 0.1 h);
   --lt-overlay: oklch(0.08 0.01 225 / 0.65);
   --lt-warning: oklch(0.75 0.14 82);
+  --lt-warning-fg: oklch(0.28 0.06 70);
   --lt-success: oklch(0.72 0.14 160);
   --lt-success-fg: oklch(0.2 0.04 160);
   --lt-info: oklch(0.72 0.13 242);
   --lt-info-fg: oklch(0.2 0.04 242);
 
-  --lt-primary-hover: oklch(0.79 0.115 190);
-  --lt-primary-active: oklch(0.83 0.11 190);
-  --lt-danger-hover: oklch(0.6 0.18 25);
-  --lt-danger-active: oklch(0.65 0.17 25);
-  --lt-success-hover: oklch(0.76 0.14 160);
-  --lt-success-active: oklch(0.8 0.13 160);
-  --lt-info-hover: oklch(0.76 0.13 242);
-  --lt-info-active: oklch(0.8 0.12 242);
-  --lt-warning-hover: oklch(0.79 0.14 82);
-  --lt-warning-active: oklch(0.83 0.13 82);
-  --lt-secondary-hover: oklch(0.31 0.013 225);
-  --lt-secondary-active: oklch(0.35 0.014 225);
+  /* Dark surfaces lighten on interaction. */
+  --lt-primary-hover: oklch(from var(--lt-primary) calc(l + 0.04) c h);
+  --lt-primary-active: oklch(from var(--lt-primary) calc(l + 0.08) c h);
+  --lt-danger-hover: oklch(from var(--lt-danger) calc(l + 0.04) c h);
+  --lt-danger-active: oklch(from var(--lt-danger) calc(l + 0.08) c h);
+  --lt-success-hover: oklch(from var(--lt-success) calc(l + 0.04) c h);
+  --lt-success-active: oklch(from var(--lt-success) calc(l + 0.08) c h);
+  --lt-info-hover: oklch(from var(--lt-info) calc(l + 0.04) c h);
+  --lt-info-active: oklch(from var(--lt-info) calc(l + 0.08) c h);
+  --lt-warning-hover: oklch(from var(--lt-warning) calc(l + 0.04) c h);
+  --lt-warning-active: oklch(from var(--lt-warning) calc(l + 0.08) c h);
+  --lt-secondary-hover: oklch(from var(--lt-secondary) calc(l + 0.04) c h);
+  --lt-secondary-active: oklch(from var(--lt-secondary) calc(l + 0.08) c h);
   --lt-disabled: oklch(0.28 0.01 225);
   --lt-disabled-fg: oklch(0.56 0.012 225);
 

package/dist/remote/components/data-list.js

@@ -1,7 +1,7 @@
-import { useT } from "../../i18n/instance.js";
+import { remoteJson } from "../../core/api.js";
 import { materializeSchema } from "../../core/materialize.js";
+import { useT } from "../../i18n/instance.js";
 import { Renderer } from "../../core/renderer.js";
-import { remoteJson } from "../../core/api.js";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region resources/js/remote/components/data-list.tsx

package/dist/table/components/bulk-bar.js

@@ -1,10 +1,10 @@
+import { apiFetch } from "../../core/api.js";
 import { useT } from "../../i18n/instance.js";
 import { prefixedTestId } from "../../core/test-id.js";
 import { useEffectDispatcher } from "../../effects/use-effect-dispatcher.js";
 import { Button } from "../../ui/button.js";
 import { Spinner } from "../../ui/spinner.js";
 import { ConfirmDialog } from "../../ui/confirm-dialog.js";
-import { apiFetch } from "../../core/api.js";
 import { runAction } from "../../action/lib/run-action.js";
 import { ActionForm } from "../../action/components/action-form.js";
 import { useState } from "react";

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

@@ -1,6 +1,6 @@
 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 { useWindowEvent } from "../../core/hooks/use-window-event.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";
@@ -109,7 +109,8 @@ function useTable(node) {
 	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("_sub", "search");
+		url.searchParams.set("_target", searchKey);
 		url.searchParams.set("_q", search);
 		const response = await apiFetch(`${url.pathname}${url.search}`, {
 			ref: componentRef,

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/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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"}
+{"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(\"_sub\", \"search\");\n      url.searchParams.set(\"_target\", 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/ui/fragment.js

@@ -1,7 +1,7 @@
 import { LATTICE_EVENT } from "../core/event-names.js";
+import { apiJson } from "../core/api.js";
 import { toNodes } from "../core/nodes.js";
 import { Renderer } from "../core/renderer.js";
-import { apiJson } from "../core/api.js";
 import { Skeleton } from "./skeleton.js";
 import { useCallback, useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";