@lattice-php/lattice 0.1.0 → 0.3.0

package/dist/form/components/form-transport.js

@@ -1,31 +1,30 @@
-import { withRefHeader } from "../../core/component-ref.js";
+import { apiFetch } from "../../core/api.js";
+import "./fields/repeater-rows.js";
 //#region resources/js/form/components/form-transport.ts
 /**
-* Shared client transport for the lattice form endpoint. Every form sub-action
-* (validation resolve, option search) POSTs to the same signed form URL, so the
-* CSRF header, component-ref header, and request shape live here in one place.
+* Shared client transport for the lattice form endpoint: every form sub-action
+* (validation resolve, option search) POSTs to the same signed URL, so the
+* request shape — notably stripping client-only row ids — lives here once.
 */
 var FORM_DEBOUNCE_MS = 250;
-function xsrfToken() {
-	const match = document.cookie.match(/XSRF-TOKEN=([^;]+)/);
-	return match ? decodeURIComponent(match[1]) : "";
+function scrubFormPayload(value) {
+	if (Array.isArray(value)) return value.map(scrubFormPayload);
+	if (value !== null && typeof value === "object") return Object.entries(value).reduce((payload, [key, item]) => {
+		if (key !== "__rowId") payload[key] = scrubFormPayload(item);
+		return payload;
+	}, {});
+	return value;
 }
 function postFormAction(action, componentRef, body, signal) {
-	return fetch(action, {
+	return apiFetch(action, {
 		method: "POST",
-		credentials: "same-origin",
+		ref: componentRef,
 		signal,
-		headers: {
-			"Content-Type": "application/json",
-			Accept: "application/json",
-			"X-Requested-With": "XMLHttpRequest",
-			"X-XSRF-TOKEN": xsrfToken(),
-			...withRefHeader(componentRef)
-		},
-		body: JSON.stringify(body)
+		body: JSON.stringify(scrubFormPayload(body)),
+		throwOnError: false
 	}).then((response) => response.ok ? response.json() : null);
 }
 //#endregion
-export { FORM_DEBOUNCE_MS, postFormAction, xsrfToken };
+export { FORM_DEBOUNCE_MS, postFormAction };
 
 //# sourceMappingURL=form-transport.js.map

package/dist/form/components/form-transport.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-transport.js","names":[],"sources":["../../../resources/js/form/components/form-transport.ts"],"sourcesContent":["/**\n * Shared client transport for the lattice form endpoint. Every form sub-action\n * (validation resolve, option search) POSTs to the same signed form URL, so the\n * CSRF header, component-ref header, and request shape live here in one place.\n */\n\nimport { withRefHeader } from \"@lattice/lattice/core/component-ref\";\n\nexport const FORM_DEBOUNCE_MS = 250;\n\nexport function xsrfToken(): string {\n  const match = document.cookie.match(/XSRF-TOKEN=([^;]+)/);\n\n  return match ? decodeURIComponent(match[1]) : \"\";\n}\n\nexport function postFormAction<T>(\n  action: string,\n  componentRef: string,\n  body: Record<string, unknown>,\n  signal: AbortSignal,\n): Promise<T | null> {\n  return fetch(action, {\n    method: \"POST\",\n    credentials: \"same-origin\",\n    signal,\n    headers: {\n      \"Content-Type\": \"application/json\",\n      Accept: \"application/json\",\n      \"X-Requested-With\": \"XMLHttpRequest\",\n      \"X-XSRF-TOKEN\": xsrfToken(),\n      ...withRefHeader(componentRef),\n    },\n    body: JSON.stringify(body),\n  }).then((response) => (response.ok ? (response.json() as Promise<T>) : null));\n}\n"],"mappings":";;;;;;;AAQA,IAAa,mBAAmB;AAEhC,SAAgB,YAAoB;CAClC,MAAM,QAAQ,SAAS,OAAO,MAAM,oBAAoB;CAExD,OAAO,QAAQ,mBAAmB,MAAM,EAAE,IAAI;AAChD;AAEA,SAAgB,eACd,QACA,cACA,MACA,QACmB;CACnB,OAAO,MAAM,QAAQ;EACnB,QAAQ;EACR,aAAa;EACb;EACA,SAAS;GACP,gBAAgB;GAChB,QAAQ;GACR,oBAAoB;GACpB,gBAAgB,UAAU;GAC1B,GAAG,cAAc,YAAY;EAC/B;EACA,MAAM,KAAK,UAAU,IAAI;CAC3B,CAAC,EAAE,MAAM,aAAc,SAAS,KAAM,SAAS,KAAK,IAAmB,IAAK;AAC9E"}
+{"version":3,"file":"form-transport.js","names":[],"sources":["../../../resources/js/form/components/form-transport.ts"],"sourcesContent":["/**\n * Shared client transport for the lattice form endpoint: every form sub-action\n * (validation resolve, option search) POSTs to the same signed URL, so the\n * request shape — notably stripping client-only row ids — lives here once.\n */\n\nimport { apiFetch } from \"@lattice-php/lattice/core/api\";\nimport { ROW_ID_KEY } from \"./fields/repeater-rows\";\n\nexport const FORM_DEBOUNCE_MS = 250;\n\nfunction scrubFormPayload(value: unknown): unknown {\n  if (Array.isArray(value)) {\n    return value.map(scrubFormPayload);\n  }\n\n  if (value !== null && typeof value === \"object\") {\n    return Object.entries(value as Record<string, unknown>).reduce<Record<string, unknown>>(\n      (payload, [key, item]) => {\n        if (key !== ROW_ID_KEY) {\n          payload[key] = scrubFormPayload(item);\n        }\n\n        return payload;\n      },\n      {},\n    );\n  }\n\n  return value;\n}\n\nexport function postFormAction<T>(\n  action: string,\n  componentRef: string,\n  body: Record<string, unknown>,\n  signal: AbortSignal,\n): Promise<T | null> {\n  return apiFetch(action, {\n    method: \"POST\",\n    ref: componentRef,\n    signal,\n    body: JSON.stringify(scrubFormPayload(body)),\n    throwOnError: false,\n  }).then((response) => (response.ok ? (response.json() as Promise<T>) : null));\n}\n"],"mappings":";;;;;;;;AASA,IAAa,mBAAmB;AAEhC,SAAS,iBAAiB,OAAyB;CACjD,IAAI,MAAM,QAAQ,KAAK,GACrB,OAAO,MAAM,IAAI,gBAAgB;CAGnC,IAAI,UAAU,QAAQ,OAAO,UAAU,UACrC,OAAO,OAAO,QAAQ,KAAgC,EAAE,QACrD,SAAS,CAAC,KAAK,UAAU;EACxB,IAAI,QAAA,WACF,QAAQ,OAAO,iBAAiB,IAAI;EAGtC,OAAO;CACT,GACA,CAAC,CACH;CAGF,OAAO;AACT;AAEA,SAAgB,eACd,QACA,cACA,MACA,QACmB;CACnB,OAAO,SAAS,QAAQ;EACtB,QAAQ;EACR,KAAK;EACL;EACA,MAAM,KAAK,UAAU,iBAAiB,IAAI,CAAC;EAC3C,cAAc;CAChB,CAAC,EAAE,MAAM,aAAc,SAAS,KAAM,SAAS,KAAK,IAAmB,IAAK;AAC9E"}

package/dist/form/components/form.d.ts

@@ -1,21 +1,2 @@
-import { RendererComponent } from '../../../../core/types';
-import { FormMethod } from './types';
-declare module '../../../../core/types' {
-    interface ComponentProps {
-        form: {
-            action?: string;
-            errorBag?: string;
-            ref?: string;
-            method?: FormMethod;
-            precognitive?: boolean;
-            resetOnError?: boolean | string[];
-            resetOnSuccess?: boolean | string[];
-            state?: Record<string, unknown>;
-            status?: string;
-            submitButton?: boolean;
-            submitLabel?: string;
-            validationTimeout?: number;
-        };
-    }
-}
+import { RendererComponent } from '../../core/types';
 export declare const FormComponent: RendererComponent<"form">;

package/dist/form/components/form.js

@@ -1,33 +1,26 @@
-import { withRefHeader } from "../../core/component-ref.js";
-import { getBooleanProp, getOptionalNumberProp, getStringProp } from "../../core/props.js";
 import { LATTICE_EVENT } from "../../events/event-names.js";
+import { withHeaders } from "../../core/headers.js";
 import { FormProvider } from "./context.js";
-import { FormSubmitButton } from "./base/submit-button.js";
+import { walkFields } from "./field-props.js";
+import { PrefillProvider } from "./prefill-context.js";
 import { ResolvedNodesProvider } from "./resolved-nodes.js";
 import { FormValuesProvider } from "./values.js";
 import { useFormResolver } from "./use-form-resolver.js";
+import { FormSubmitButton } from "./base/submit-button.js";
 import { useEffect, useMemo } from "react";
 import { Form } from "@inertiajs/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region resources/js/form/components/form.tsx
-function getFormState(props) {
-	const state = props?.state;
-	if (typeof state !== "object" || state === null || Array.isArray(state)) return {};
-	return state;
-}
-function collectFields(nodes, collected = {
-	labels: {},
-	values: {}
-}) {
-	for (const child of nodes ?? []) {
-		const name = getStringProp(child.props, "name");
-		if (name) {
-			const label = getStringProp(child.props, "label");
-			if (label) collected.labels[name] = label;
-			if (child.props?.value !== void 0) collected.values[name] = child.props.value;
-		}
-		collectFields(child.children, collected);
-	}
+function collectFields(nodes) {
+	const collected = {
+		labels: {},
+		values: {}
+	};
+	walkFields(nodes, (props) => {
+		if (!props.name) return;
+		if (props.label) collected.labels[props.name] = props.label;
+		if (props.value !== void 0) collected.values[props.name] = props.value;
+	});
 	return collected;
 }
 function FormResetListener({ componentId, reset }) {
@@ -41,36 +34,44 @@ function FormResetListener({ componentId, reset }) {
 	}, [componentId, reset]);
 	return null;
 }
-function FormBody({ action, children, componentRef, nodes, shouldRenderSubmitButton, submitLabel }) {
-	return /* @__PURE__ */ jsx(ResolvedNodesProvider, {
-		nodes: useFormResolver(action, componentRef, nodes),
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-6",
-			children: [children, shouldRenderSubmitButton && /* @__PURE__ */ jsx("div", {
-				className: "flex justify-end rounded-lt border border-lt-border bg-lt-surface px-6 py-4 shadow-xs",
-				children: /* @__PURE__ */ jsx(FormSubmitButton, { label: submitLabel })
-			})]
+function FormBody({ action, children, componentRef, nodes, shouldRenderSubmitButton, submitLabel, summaryLabel }) {
+	const { nodes: resolvedNodes, markUserEdit } = useFormResolver(action, componentRef, nodes);
+	return /* @__PURE__ */ jsx(PrefillProvider, {
+		value: { markUserEdit },
+		children: /* @__PURE__ */ jsx(ResolvedNodesProvider, {
+			nodes: resolvedNodes,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-6",
+				children: [children, shouldRenderSubmitButton && /* @__PURE__ */ jsx("div", {
+					className: "flex justify-end rounded-lt border border-lt-border bg-lt-surface px-6 py-4 shadow-xs",
+					children: /* @__PURE__ */ jsx(FormSubmitButton, {
+						label: submitLabel,
+						summaryLabel
+					})
+				})]
+			})
 		})
 	});
 }
 var FormComponent = ({ children, node }) => {
-	const props = node.props ?? {};
+	const props = node.props;
 	const action = props.action ?? "#";
 	const errorBag = props.errorBag;
-	const componentRef = getStringProp(props, "ref");
+	const componentRef = props.ref ?? "";
 	const method = props.method ?? "post";
-	const precognitive = getBooleanProp(props, "precognitive");
+	const precognitive = props.precognitive;
 	const resetOnError = props.resetOnError ?? false;
 	const resetOnSuccess = props.resetOnSuccess ?? [];
-	const state = getFormState(node.props);
-	const { labels: fieldLabels, values: fieldValues } = useMemo(() => collectFields(node.children), [node.children]);
-	const initialValues = {
+	const state = props.state;
+	const { labels: fieldLabels, values: fieldValues } = useMemo(() => collectFields(node.schema), [node.schema]);
+	const initialValues = useMemo(() => ({
 		...fieldValues,
 		...state
-	};
-	const shouldRenderSubmitButton = getBooleanProp(props, "submitButton", true);
+	}), [fieldValues, state]);
+	const shouldRenderSubmitButton = props.submitButton;
 	const submitLabel = props.submitLabel ?? "Submit";
-	const validationTimeout = getOptionalNumberProp(props, "validationTimeout");
+	const summaryLabel = props.validationSummaryLabel;
+	const validationTimeout = props.validationTimeout ?? void 0;
 	return /* @__PURE__ */ jsx(Form, {
 		action,
 		"data-lattice-component": node.id,
@@ -79,22 +80,19 @@ var FormComponent = ({ children, node }) => {
 		resetOnError,
 		resetOnSuccess,
 		validationTimeout: precognitive ? validationTimeout : void 0,
-		headers: withRefHeader(componentRef),
+		headers: withHeaders(componentRef),
 		className: "mx-auto flex w-full max-w-2xl flex-col gap-6",
-		children: ({ clearErrors, errors, invalid, processing, reset, touch, validate, validating, valid }) => /* @__PURE__ */ jsxs(FormProvider, {
+		children: ({ clearErrors, errors, processing, reset, validate }) => /* @__PURE__ */ jsxs(FormProvider, {
 			value: {
 				action,
 				clearErrors: (field) => clearErrors(field),
+				componentId: node.id,
 				componentRef,
 				errors,
 				fieldLabels,
-				invalid: (field) => invalid(field),
 				precognitive,
 				processing,
-				touch: (field) => touch(field),
-				validate: (field) => validate(field),
-				validating,
-				valid: (field) => valid(field)
+				validate: (field) => validate(field)
 			},
 			children: [
 				/* @__PURE__ */ jsx(FormResetListener, {
@@ -102,7 +100,7 @@ var FormComponent = ({ children, node }) => {
 					reset
 				}),
 				props.status && /* @__PURE__ */ jsx("div", {
-					className: "text-center text-sm font-medium text-green-600 dark:text-green-400",
+					className: "text-center text-sm font-medium text-lt-success",
 					children: props.status
 				}),
 				/* @__PURE__ */ jsx(FormValuesProvider, {
@@ -110,9 +108,10 @@ var FormComponent = ({ children, node }) => {
 					children: /* @__PURE__ */ jsx(FormBody, {
 						action,
 						componentRef,
-						nodes: node.children,
+						nodes: node.schema,
 						shouldRenderSubmitButton,
 						submitLabel,
+						summaryLabel,
 						children
 					})
 				})

package/dist/form/components/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","names":[],"sources":["../../../resources/js/form/components/form.tsx"],"sourcesContent":["import { Form as InertiaForm } from \"@inertiajs/react\";\nimport { withRefHeader } from \"@lattice/lattice/core/component-ref\";\nimport { getBooleanProp, getOptionalNumberProp, getStringProp } from \"@lattice/lattice/core/props\";\nimport { LATTICE_EVENT } from \"@lattice/lattice/events/event-names\";\nimport type { Node, NodeProps, RendererComponent } from \"@lattice/lattice/core/types\";\nimport { useEffect, useMemo } from \"react\";\nimport { FormSubmitButton } from \"./base/submit-button\";\nimport { FormProvider } from \"./context\";\nimport { ResolvedNodesProvider } from \"./resolved-nodes\";\nimport type { FormMethod } from \"./types\";\nimport { useFormResolver } from \"./use-form-resolver\";\nimport { FormValuesProvider } from \"./values\";\n\ndeclare module \"@lattice/lattice/core/types\" {\n  interface ComponentProps {\n    form: {\n      action?: string;\n      errorBag?: string;\n      ref?: string;\n      method?: FormMethod;\n      precognitive?: boolean;\n      resetOnError?: boolean | string[];\n      resetOnSuccess?: boolean | string[];\n      state?: Record<string, unknown>;\n      status?: string;\n      submitButton?: boolean;\n      submitLabel?: string;\n      validationTimeout?: number;\n    };\n  }\n}\n\nfunction getFormState(props: NodeProps | undefined): Record<string, unknown> {\n  const state = props?.state;\n\n  if (typeof state !== \"object\" || state === null || Array.isArray(state)) {\n    return {};\n  }\n\n  return state as Record<string, unknown>;\n}\n\ntype CollectedFields = {\n  labels: Record<string, string>;\n  values: Record<string, unknown>;\n};\n\nfunction collectFields(\n  nodes: Node[] | undefined,\n  collected: CollectedFields = { labels: {}, values: {} },\n): CollectedFields {\n  for (const child of nodes ?? []) {\n    const name = getStringProp(child.props, \"name\");\n\n    if (name) {\n      const label = getStringProp(child.props, \"label\");\n      if (label) {\n        collected.labels[name] = label;\n      }\n      if (child.props?.value !== undefined) {\n        collected.values[name] = child.props.value;\n      }\n    }\n\n    collectFields(child.children, collected);\n  }\n\n  return collected;\n}\n\nfunction FormResetListener({\n  componentId,\n  reset,\n}: {\n  componentId?: string;\n  reset: (...fields: string[]) => void;\n}) {\n  useEffect(() => {\n    const handler = (event: Event) => {\n      const detail = (event as CustomEvent<{ form?: string }>).detail;\n\n      if (!detail?.form || detail.form === componentId) {\n        reset();\n      }\n    };\n\n    window.addEventListener(LATTICE_EVENT.resetForm, handler);\n\n    return () => window.removeEventListener(LATTICE_EVENT.resetForm, handler);\n  }, [componentId, reset]);\n\n  return null;\n}\n\nfunction FormBody({\n  action,\n  children,\n  componentRef,\n  nodes,\n  shouldRenderSubmitButton,\n  submitLabel,\n}: {\n  action: string;\n  children: React.ReactNode;\n  componentRef: string;\n  nodes: Node[] | undefined;\n  shouldRenderSubmitButton: boolean;\n  submitLabel: string;\n}) {\n  const resolvedNodes = useFormResolver(action, componentRef, nodes);\n\n  return (\n    <ResolvedNodesProvider nodes={resolvedNodes}>\n      <div className=\"flex flex-col gap-6\">\n        {children}\n\n        {shouldRenderSubmitButton && (\n          <div className=\"flex justify-end rounded-lt border border-lt-border bg-lt-surface px-6 py-4 shadow-xs\">\n            <FormSubmitButton label={submitLabel} />\n          </div>\n        )}\n      </div>\n    </ResolvedNodesProvider>\n  );\n}\n\nexport const FormComponent: RendererComponent<\"form\"> = ({ children, node }) => {\n  const props = node.props ?? {};\n  const action = props.action ?? \"#\";\n  const errorBag = props.errorBag;\n  const componentRef = getStringProp(props, \"ref\");\n  const method = props.method ?? \"post\";\n  const precognitive = getBooleanProp(props, \"precognitive\");\n  const resetOnError = props.resetOnError ?? false;\n  const resetOnSuccess = props.resetOnSuccess ?? [];\n  const state = getFormState(node.props);\n  const { labels: fieldLabels, values: fieldValues } = useMemo(\n    () => collectFields(node.children),\n    [node.children],\n  );\n  const initialValues = { ...fieldValues, ...state };\n  const shouldRenderSubmitButton = getBooleanProp(props, \"submitButton\", true);\n  const submitLabel = props.submitLabel ?? \"Submit\";\n  const validationTimeout = getOptionalNumberProp(props, \"validationTimeout\");\n\n  return (\n    <InertiaForm\n      action={action}\n      data-lattice-component={node.id}\n      errorBag={errorBag}\n      method={method}\n      resetOnError={resetOnError}\n      resetOnSuccess={resetOnSuccess}\n      validationTimeout={precognitive ? validationTimeout : undefined}\n      headers={withRefHeader(componentRef)}\n      className=\"mx-auto flex w-full max-w-2xl flex-col gap-6\"\n    >\n      {({\n        clearErrors,\n        errors,\n        invalid,\n        processing,\n        reset,\n        touch,\n        validate,\n        validating,\n        valid,\n      }) => (\n        <FormProvider\n          value={{\n            action,\n            clearErrors: (field) => clearErrors(field),\n            componentRef,\n            errors: errors as Record<string, string | undefined>,\n            fieldLabels,\n            invalid: (field) => invalid(field),\n            precognitive,\n            processing,\n            touch: (field) => touch(field),\n            validate: (field) => validate(field),\n            validating,\n            valid: (field) => valid(field),\n          }}\n        >\n          <FormResetListener componentId={node.id} reset={reset} />\n\n          {props.status && (\n            <div className=\"text-center text-sm font-medium text-green-600 dark:text-green-400\">\n              {props.status}\n            </div>\n          )}\n\n          <FormValuesProvider initial={initialValues}>\n            <FormBody\n              action={action}\n              componentRef={componentRef}\n              nodes={node.children}\n              shouldRenderSubmitButton={shouldRenderSubmitButton}\n              submitLabel={submitLabel}\n            >\n              {children}\n            </FormBody>\n          </FormValuesProvider>\n        </FormProvider>\n      )}\n    </InertiaForm>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"form.js","names":[],"sources":["../../../resources/js/form/components/form.tsx"],"sourcesContent":["import { Form as InertiaForm } from \"@inertiajs/react\";\nimport { withHeaders } from \"@lattice-php/lattice/core/headers\";\nimport { LATTICE_EVENT } from \"@lattice-php/lattice/events/event-names\";\nimport type { Node, RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { useEffect, useMemo } from \"react\";\nimport { FormSubmitButton } from \"./base/submit-button\";\nimport { FormProvider } from \"./context\";\nimport { walkFields } from \"./field-props\";\nimport { PrefillProvider } from \"./prefill-context\";\nimport { ResolvedNodesProvider } from \"./resolved-nodes\";\nimport { useFormResolver } from \"./use-form-resolver\";\nimport { FormValuesProvider } from \"./values\";\n\ntype CollectedFields = {\n  labels: Record<string, string>;\n  values: Record<string, unknown>;\n};\n\nfunction collectFields(nodes: Node[] | undefined): CollectedFields {\n  const collected: CollectedFields = { labels: {}, values: {} };\n\n  walkFields(nodes, (props) => {\n    if (!props.name) {\n      return;\n    }\n    if (props.label) {\n      collected.labels[props.name] = props.label;\n    }\n    if (props.value !== undefined) {\n      collected.values[props.name] = props.value;\n    }\n  });\n\n  return collected;\n}\n\nfunction FormResetListener({\n  componentId,\n  reset,\n}: {\n  componentId?: string;\n  reset: (...fields: string[]) => void;\n}) {\n  useEffect(() => {\n    const handler = (event: Event) => {\n      const detail = (event as CustomEvent<{ form: string | null }>).detail;\n\n      if (!detail?.form || detail.form === componentId) {\n        reset();\n      }\n    };\n\n    window.addEventListener(LATTICE_EVENT.resetForm, handler);\n\n    return () => window.removeEventListener(LATTICE_EVENT.resetForm, handler);\n  }, [componentId, reset]);\n\n  return null;\n}\n\nfunction FormBody({\n  action,\n  children,\n  componentRef,\n  nodes,\n  shouldRenderSubmitButton,\n  submitLabel,\n  summaryLabel,\n}: {\n  action: string;\n  children: React.ReactNode;\n  componentRef: string;\n  nodes: Node[] | undefined;\n  shouldRenderSubmitButton: boolean;\n  submitLabel: string;\n  summaryLabel: string;\n}) {\n  const { nodes: resolvedNodes, markUserEdit } = useFormResolver(action, componentRef, nodes);\n\n  return (\n    <PrefillProvider value={{ markUserEdit }}>\n      <ResolvedNodesProvider nodes={resolvedNodes}>\n        <div className=\"flex flex-col gap-6\">\n          {children}\n\n          {shouldRenderSubmitButton && (\n            <div className=\"flex justify-end rounded-lt border border-lt-border bg-lt-surface px-6 py-4 shadow-xs\">\n              <FormSubmitButton label={submitLabel} summaryLabel={summaryLabel} />\n            </div>\n          )}\n        </div>\n      </ResolvedNodesProvider>\n    </PrefillProvider>\n  );\n}\n\nexport const FormComponent: RendererComponent<\"form\"> = ({ children, node }) => {\n  const props = node.props;\n  const action = props.action ?? \"#\";\n  const errorBag = props.errorBag;\n  const componentRef = props.ref ?? \"\";\n  const method = props.method ?? \"post\";\n  const precognitive = props.precognitive;\n  const resetOnError = props.resetOnError ?? false;\n  const resetOnSuccess = props.resetOnSuccess ?? [];\n  const state = props.state;\n  const { labels: fieldLabels, values: fieldValues } = useMemo(\n    () => collectFields(node.schema),\n    [node.schema],\n  );\n  const initialValues = useMemo(() => ({ ...fieldValues, ...state }), [fieldValues, state]);\n  const shouldRenderSubmitButton = props.submitButton;\n  const submitLabel = props.submitLabel ?? \"Submit\";\n  const summaryLabel = props.validationSummaryLabel;\n  const validationTimeout = props.validationTimeout ?? undefined;\n\n  return (\n    <InertiaForm\n      action={action}\n      data-lattice-component={node.id}\n      errorBag={errorBag}\n      method={method}\n      resetOnError={resetOnError}\n      resetOnSuccess={resetOnSuccess}\n      validationTimeout={precognitive ? validationTimeout : undefined}\n      headers={withHeaders(componentRef)}\n      className=\"mx-auto flex w-full max-w-2xl flex-col gap-6\"\n    >\n      {({ clearErrors, errors, processing, reset, validate }) => (\n        <FormProvider\n          value={{\n            action,\n            clearErrors: (field) => clearErrors(field),\n            componentId: node.id,\n            componentRef,\n            errors: errors as Record<string, string | undefined>,\n            fieldLabels,\n            precognitive,\n            processing,\n            validate: (field) => validate(field),\n          }}\n        >\n          <FormResetListener componentId={node.id} reset={reset} />\n\n          {props.status && (\n            <div className=\"text-center text-sm font-medium text-lt-success\">{props.status}</div>\n          )}\n\n          <FormValuesProvider initial={initialValues}>\n            <FormBody\n              action={action}\n              componentRef={componentRef}\n              nodes={node.schema}\n              shouldRenderSubmitButton={shouldRenderSubmitButton}\n              submitLabel={submitLabel}\n              summaryLabel={summaryLabel}\n            >\n              {children}\n            </FormBody>\n          </FormValuesProvider>\n        </FormProvider>\n      )}\n    </InertiaForm>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAkBA,SAAS,cAAc,OAA4C;CACjE,MAAM,YAA6B;EAAE,QAAQ,CAAC;EAAG,QAAQ,CAAC;CAAE;CAE5D,WAAW,QAAQ,UAAU;EAC3B,IAAI,CAAC,MAAM,MACT;EAEF,IAAI,MAAM,OACR,UAAU,OAAO,MAAM,QAAQ,MAAM;EAEvC,IAAI,MAAM,UAAU,KAAA,GAClB,UAAU,OAAO,MAAM,QAAQ,MAAM;CAEzC,CAAC;CAED,OAAO;AACT;AAEA,SAAS,kBAAkB,EACzB,aACA,SAIC;CACD,gBAAgB;EACd,MAAM,WAAW,UAAiB;GAChC,MAAM,SAAU,MAA+C;GAE/D,IAAI,CAAC,QAAQ,QAAQ,OAAO,SAAS,aACnC,MAAM;EAEV;EAEA,OAAO,iBAAiB,cAAc,WAAW,OAAO;EAExD,aAAa,OAAO,oBAAoB,cAAc,WAAW,OAAO;CAC1E,GAAG,CAAC,aAAa,KAAK,CAAC;CAEvB,OAAO;AACT;AAEA,SAAS,SAAS,EAChB,QACA,UACA,cACA,OACA,0BACA,aACA,gBASC;CACD,MAAM,EAAE,OAAO,eAAe,iBAAiB,gBAAgB,QAAQ,cAAc,KAAK;CAE1F,OACE,oBAAC,iBAAD;EAAiB,OAAO,EAAE,aAAa;YACrC,oBAAC,uBAAD;GAAuB,OAAO;aAC5B,qBAAC,OAAD;IAAK,WAAU;cAAf,CACG,UAEA,4BACC,oBAAC,OAAD;KAAK,WAAU;eACb,oBAAC,kBAAD;MAAkB,OAAO;MAA2B;KAAe,CAAA;IAChE,CAAA,CAEJ;;EACgB,CAAA;CACR,CAAA;AAErB;AAEA,IAAa,iBAA4C,EAAE,UAAU,WAAW;CAC9E,MAAM,QAAQ,KAAK;CACnB,MAAM,SAAS,MAAM,UAAU;CAC/B,MAAM,WAAW,MAAM;CACvB,MAAM,eAAe,MAAM,OAAO;CAClC,MAAM,SAAS,MAAM,UAAU;CAC/B,MAAM,eAAe,MAAM;CAC3B,MAAM,eAAe,MAAM,gBAAgB;CAC3C,MAAM,iBAAiB,MAAM,kBAAkB,CAAC;CAChD,MAAM,QAAQ,MAAM;CACpB,MAAM,EAAE,QAAQ,aAAa,QAAQ,gBAAgB,cAC7C,cAAc,KAAK,MAAM,GAC/B,CAAC,KAAK,MAAM,CACd;CACA,MAAM,gBAAgB,eAAe;EAAE,GAAG;EAAa,GAAG;CAAM,IAAI,CAAC,aAAa,KAAK,CAAC;CACxF,MAAM,2BAA2B,MAAM;CACvC,MAAM,cAAc,MAAM,eAAe;CACzC,MAAM,eAAe,MAAM;CAC3B,MAAM,oBAAoB,MAAM,qBAAqB,KAAA;CAErD,OACE,oBAAC,MAAD;EACU;EACR,0BAAwB,KAAK;EACnB;EACF;EACM;EACE;EAChB,mBAAmB,eAAe,oBAAoB,KAAA;EACtD,SAAS,YAAY,YAAY;EACjC,WAAU;aAER,EAAE,aAAa,QAAQ,YAAY,OAAO,eAC1C,qBAAC,cAAD;GACE,OAAO;IACL;IACA,cAAc,UAAU,YAAY,KAAK;IACzC,aAAa,KAAK;IAClB;IACQ;IACR;IACA;IACA;IACA,WAAW,UAAU,SAAS,KAAK;GACrC;aAXF;IAaE,oBAAC,mBAAD;KAAmB,aAAa,KAAK;KAAW;IAAQ,CAAA;IAEvD,MAAM,UACL,oBAAC,OAAD;KAAK,WAAU;eAAmD,MAAM;IAAY,CAAA;IAGtF,oBAAC,oBAAD;KAAoB,SAAS;eAC3B,oBAAC,UAAD;MACU;MACM;MACd,OAAO,KAAK;MACc;MACb;MACC;MAEb;KACO,CAAA;IACQ,CAAA;GACR;;CAEL,CAAA;AAEjB"}

package/dist/form/components/index.d.ts

@@ -1,11 +1,13 @@
+export { BuilderComponent } from './fields/builder';
 export { CheckboxComponent } from './fields/checkbox';
 export { ChoiceComponent } from './fields/choice';
 export { DateInputComponent } from './fields/date-input';
+export { FileUploadComponent } from './fields/file-upload';
 export { FormComponent } from './form';
 export { HiddenInputComponent } from './fields/hidden-input';
 export { NumberInputComponent } from './fields/number-input';
 export { PasswordInputComponent } from './fields/password-input';
+export { RepeaterComponent } from './fields/repeater';
 export { SelectComponent } from './fields/select';
-export { SubmitButtonComponent } from './fields/submit-button';
 export { TextareaComponent } from './fields/textarea';
 export { TextInputComponent } from './fields/text-input';

package/dist/form/components/index.js

@@ -1,12 +1,14 @@
 import { FormComponent } from "./form.js";
+import { BuilderComponent } from "./fields/builder.js";
 import { CheckboxComponent } from "./fields/checkbox.js";
 import { ChoiceComponent } from "./fields/choice.js";
 import { DateInputComponent } from "./fields/date-input.js";
+import { FileUploadComponent } from "./fields/file-upload.js";
 import { HiddenInputComponent } from "./fields/hidden-input.js";
 import { NumberInputComponent } from "./fields/number-input.js";
 import { PasswordInputComponent } from "./fields/password-input.js";
+import { RepeaterComponent } from "./fields/repeater.js";
 import { SelectComponent } from "./fields/select.js";
-import { SubmitButtonComponent } from "./fields/submit-button.js";
 import { TextareaComponent } from "./fields/textarea.js";
 import { TextInputComponent } from "./fields/text-input.js";
-export { CheckboxComponent, ChoiceComponent, DateInputComponent, FormComponent, HiddenInputComponent, NumberInputComponent, PasswordInputComponent, SelectComponent, SubmitButtonComponent, TextInputComponent, TextareaComponent };
+export { BuilderComponent, CheckboxComponent, ChoiceComponent, DateInputComponent, FileUploadComponent, FormComponent, HiddenInputComponent, NumberInputComponent, PasswordInputComponent, RepeaterComponent, SelectComponent, TextInputComponent, TextareaComponent };

package/dist/form/components/override-keys.d.ts

@@ -0,0 +1,2 @@
+export declare function rowIdFrom(row: Record<string, unknown>): string | null;
+export declare function buildOverrideKey(base: string, rowId: string | null, index: number, name: string): string;

package/dist/form/components/override-keys.js

@@ -0,0 +1,12 @@
+import { ROW_ID_KEY } from "./fields/repeater-rows.js";
+//#region resources/js/form/components/override-keys.ts
+function rowIdFrom(row) {
+	return typeof row["__rowId"] === "string" ? row[ROW_ID_KEY] : null;
+}
+function buildOverrideKey(base, rowId, index, name) {
+	return `${base}.${rowId ?? String(index)}.${name}`;
+}
+//#endregion
+export { buildOverrideKey, rowIdFrom };
+
+//# sourceMappingURL=override-keys.js.map

package/dist/form/components/override-keys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"override-keys.js","names":[],"sources":["../../../resources/js/form/components/override-keys.ts"],"sourcesContent":["import { ROW_ID_KEY } from \"./fields/repeater-rows\";\n\nexport function rowIdFrom(row: Record<string, unknown>): string | null {\n  return typeof row[ROW_ID_KEY] === \"string\" ? row[ROW_ID_KEY] : null;\n}\n\nexport function buildOverrideKey(\n  base: string,\n  rowId: string | null,\n  index: number,\n  name: string,\n): string {\n  return `${base}.${rowId ?? String(index)}.${name}`;\n}\n"],"mappings":";;AAEA,SAAgB,UAAU,KAA6C;CACrE,OAAO,OAAO,IAAA,eAAoB,WAAW,IAAI,cAAc;AACjE;AAEA,SAAgB,iBACd,MACA,OACA,OACA,MACQ;CACR,OAAO,GAAG,KAAK,GAAG,SAAS,OAAO,KAAK,EAAE,GAAG;AAC9C"}

package/dist/form/components/prefill-context.d.ts

@@ -0,0 +1,5 @@
+export type PrefillController = {
+    markUserEdit: (overrideKey: string) => void;
+};
+export declare const PrefillProvider: import('react').Provider<PrefillController | null>;
+export declare function usePrefillController(): PrefillController | null;

package/dist/form/components/prefill-context.js

@@ -0,0 +1,11 @@
+import { createContext, useContext } from "react";
+//#region resources/js/form/components/prefill-context.ts
+var PrefillContext = createContext(null);
+var PrefillProvider = PrefillContext.Provider;
+function usePrefillController() {
+	return useContext(PrefillContext);
+}
+//#endregion
+export { PrefillProvider, usePrefillController };
+
+//# sourceMappingURL=prefill-context.js.map

package/dist/form/components/prefill-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prefill-context.js","names":[],"sources":["../../../resources/js/form/components/prefill-context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport type PrefillController = {\n  markUserEdit: (overrideKey: string) => void;\n};\n\nconst PrefillContext = createContext<PrefillController | null>(null);\n\nexport const PrefillProvider = PrefillContext.Provider;\n\nexport function usePrefillController(): PrefillController | null {\n  return useContext(PrefillContext);\n}\n"],"mappings":";;AAMA,IAAM,iBAAiB,cAAwC,IAAI;AAEnE,IAAa,kBAAkB,eAAe;AAE9C,SAAgB,uBAAiD;CAC/D,OAAO,WAAW,cAAc;AAClC"}

package/dist/form/components/prefill-targets.d.ts

@@ -0,0 +1,17 @@
+import { Node } from '../../core/types';
+export type PrefillTarget = {
+    path: string;
+    overrideKey: string;
+    resetOn: string[];
+    refreshOn: string[];
+};
+type PrefillSnapshot = {
+    targets: PrefillTarget[];
+    values: Record<string, unknown>;
+};
+export { getPath } from './form-path';
+export declare function collectPrefillTargets(nodes: Node[] | undefined, values: Record<string, unknown>): PrefillTarget[];
+export declare function applyPrefillValue(setValue: (name: string, value: unknown) => void, path: string, value: unknown): void;
+export declare function pathsToClear(previous: PrefillSnapshot, next: PrefillSnapshot): string[];
+export declare function seededOverrides(targets: PrefillTarget[], values: Record<string, unknown>): string[];
+export declare function pruneOverrides(overrides: Set<string>, targets: PrefillTarget[]): Set<string>;

package/dist/form/components/prefill-targets.js

@@ -0,0 +1,73 @@
+import { fieldProps } from "./field-props.js";
+import { appendPath, getPath } from "./form-path.js";
+import { buildOverrideKey, rowIdFrom } from "./override-keys.js";
+//#region resources/js/form/components/prefill-targets.ts
+var ROW_COLLECTION_TYPES = new Set(["field.builder", "field.repeater"]);
+function mapDep(dep, rowPath) {
+	if (dep.startsWith("@")) return dep.slice(1);
+	return rowPath === null ? dep : appendPath(rowPath, dep);
+}
+function targetFor(node, rowPath, identityCollectionPath, index = 0, row = {}) {
+	const props = fieldProps(node);
+	if (!props.editablePrefill || !props.name) return null;
+	const rowId = rowIdFrom(row);
+	return {
+		path: rowPath === null ? props.name : appendPath(rowPath, props.name),
+		overrideKey: identityCollectionPath === null ? props.name : buildOverrideKey(identityCollectionPath, rowId, index, props.name),
+		resetOn: (props.prefillResetOn ?? []).map((dep) => mapDep(dep, rowPath)),
+		refreshOn: (props.prefillRefreshOn ?? []).map((dep) => mapDep(dep, rowPath))
+	};
+}
+function collectPrefillTargets(nodes, values) {
+	const targets = [];
+	const walk = (list, rowPath = null, identityRowPath = null, identityCollectionPath = null, index = 0, row = {}) => {
+		for (const node of list ?? []) {
+			if (ROW_COLLECTION_TYPES.has(node.type)) {
+				const name = fieldProps(node).name;
+				if (name) {
+					const childCollectionPath = appendPath(rowPath, name);
+					const childIdentityCollectionPath = appendPath(identityRowPath, name);
+					const storedRows = getPath(values, childCollectionPath);
+					const rows = Array.isArray(storedRows) ? storedRows : [];
+					const blocks = node.blocks;
+					rows.forEach((childRow, childIndex) => {
+						walk(blocks ? blocks.find((block) => block.type === childRow.type)?.schema ?? [] : node.schema ?? [], appendPath(childCollectionPath, childIndex), appendPath(childIdentityCollectionPath, rowIdFrom(childRow) ?? childIndex), childIdentityCollectionPath, childIndex, childRow);
+					});
+				}
+				continue;
+			}
+			const target = targetFor(node, rowPath, identityCollectionPath, index, row);
+			if (target) targets.push(target);
+			walk(node.schema, rowPath, identityRowPath, identityCollectionPath, index, row);
+		}
+	};
+	walk(nodes);
+	return targets;
+}
+function applyPrefillValue(setValue, path, value) {
+	setValue(path, value);
+}
+function pathsToClear(previous, next) {
+	const previousByKey = new Map(previous.targets.map((target) => [target.overrideKey, target]));
+	return next.targets.filter((target) => {
+		const previousTarget = previousByKey.get(target.overrideKey);
+		return target.resetOn.some((dep, index) => {
+			const previousDep = previousTarget?.resetOn[index] ?? dep;
+			return !Object.is(getPath(previous.values, previousDep), getPath(next.values, dep));
+		});
+	}).map((target) => target.overrideKey);
+}
+function seededOverrides(targets, values) {
+	return targets.filter((target) => {
+		const value = getPath(values, target.path);
+		return value !== void 0 && value !== null && value !== "";
+	}).map((target) => target.overrideKey);
+}
+function pruneOverrides(overrides, targets) {
+	const liveKeys = new Set(targets.map((target) => target.overrideKey));
+	return new Set([...overrides].filter((key) => liveKeys.has(key)));
+}
+//#endregion
+export { applyPrefillValue, collectPrefillTargets, getPath, pathsToClear, pruneOverrides, seededOverrides };
+
+//# sourceMappingURL=prefill-targets.js.map

package/dist/form/components/prefill-targets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prefill-targets.js","names":[],"sources":["../../../resources/js/form/components/prefill-targets.ts"],"sourcesContent":["import type { Node } from \"@lattice-php/lattice/core/types\";\nimport { fieldProps } from \"./field-props\";\nimport { appendPath, getPath } from \"./form-path\";\nimport { buildOverrideKey, rowIdFrom } from \"./override-keys\";\n\nexport type PrefillTarget = {\n  path: string;\n  overrideKey: string;\n  resetOn: string[];\n  refreshOn: string[];\n};\n\ntype PrefillSnapshot = {\n  targets: PrefillTarget[];\n  values: Record<string, unknown>;\n};\n\ntype Block = { type: string; label: string; schema: Node[] };\n\nconst ROW_COLLECTION_TYPES = new Set([\"field.builder\", \"field.repeater\"]);\n\nexport { getPath } from \"./form-path\";\n\nfunction mapDep(dep: string, rowPath: string | null): string {\n  if (dep.startsWith(\"@\")) {\n    return dep.slice(1);\n  }\n\n  return rowPath === null ? dep : appendPath(rowPath, dep);\n}\n\nfunction targetFor(\n  node: Node,\n  rowPath: string | null,\n  identityCollectionPath: string | null,\n  index = 0,\n  row: Record<string, unknown> = {},\n): PrefillTarget | null {\n  const props = fieldProps(node);\n\n  if (!props.editablePrefill || !props.name) {\n    return null;\n  }\n\n  const rowId = rowIdFrom(row);\n\n  return {\n    path: rowPath === null ? props.name : appendPath(rowPath, props.name),\n    overrideKey:\n      identityCollectionPath === null\n        ? props.name\n        : buildOverrideKey(identityCollectionPath, rowId, index, props.name),\n    resetOn: (props.prefillResetOn ?? []).map((dep) => mapDep(dep, rowPath)),\n    refreshOn: (props.prefillRefreshOn ?? []).map((dep) => mapDep(dep, rowPath)),\n  };\n}\n\nexport function collectPrefillTargets(\n  nodes: Node[] | undefined,\n  values: Record<string, unknown>,\n): PrefillTarget[] {\n  const targets: PrefillTarget[] = [];\n\n  const walk = (\n    list: Node[] | undefined,\n    rowPath: string | null = null,\n    identityRowPath: string | null = null,\n    identityCollectionPath: string | null = null,\n    index = 0,\n    row: Record<string, unknown> = {},\n  ): void => {\n    for (const node of list ?? []) {\n      if (ROW_COLLECTION_TYPES.has(node.type)) {\n        const name = fieldProps(node).name;\n        if (name) {\n          const childCollectionPath = appendPath(rowPath, name);\n          const childIdentityCollectionPath = appendPath(identityRowPath, name);\n          const storedRows = getPath(values, childCollectionPath);\n          const rows = Array.isArray(storedRows)\n            ? (storedRows as Array<Record<string, unknown>>)\n            : [];\n          const blocks = (node as unknown as { blocks?: Block[] }).blocks;\n\n          rows.forEach((childRow, childIndex) => {\n            const template = blocks\n              ? (blocks.find((block) => block.type === childRow.type)?.schema ?? [])\n              : (node.schema ?? []);\n\n            walk(\n              template,\n              appendPath(childCollectionPath, childIndex),\n              appendPath(childIdentityCollectionPath, rowIdFrom(childRow) ?? childIndex),\n              childIdentityCollectionPath,\n              childIndex,\n              childRow,\n            );\n          });\n        }\n\n        continue;\n      }\n\n      const target = targetFor(node, rowPath, identityCollectionPath, index, row);\n      if (target) {\n        targets.push(target);\n      }\n\n      walk(node.schema, rowPath, identityRowPath, identityCollectionPath, index, row);\n    }\n  };\n\n  walk(nodes);\n\n  return targets;\n}\n\nexport function applyPrefillValue(\n  setValue: (name: string, value: unknown) => void,\n  path: string,\n  value: unknown,\n): void {\n  setValue(path, value);\n}\n\nexport function pathsToClear(previous: PrefillSnapshot, next: PrefillSnapshot): string[] {\n  const previousByKey = new Map(\n    previous.targets.map((target) => [target.overrideKey, target] as const),\n  );\n\n  return next.targets\n    .filter((target) => {\n      const previousTarget = previousByKey.get(target.overrideKey);\n\n      return target.resetOn.some((dep, index) => {\n        const previousDep = previousTarget?.resetOn[index] ?? dep;\n\n        return !Object.is(getPath(previous.values, previousDep), getPath(next.values, dep));\n      });\n    })\n    .map((target) => target.overrideKey);\n}\n\nexport function seededOverrides(\n  targets: PrefillTarget[],\n  values: Record<string, unknown>,\n): string[] {\n  return targets\n    .filter((target) => {\n      const value = getPath(values, target.path);\n\n      return value !== undefined && value !== null && value !== \"\";\n    })\n    .map((target) => target.overrideKey);\n}\n\nexport function pruneOverrides(overrides: Set<string>, targets: PrefillTarget[]): Set<string> {\n  const liveKeys = new Set(targets.map((target) => target.overrideKey));\n\n  return new Set([...overrides].filter((key) => liveKeys.has(key)));\n}\n"],"mappings":"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"}

package/dist/form/components/resolved-nodes.d.ts

@@ -1,4 +1,4 @@
-import { Node } from '../../../../core/types';
+import { Node } from '../../core/types';
 export declare function ResolvedNodesProvider({ nodes, children, }: {
     nodes: Record<string, Node>;
     children: React.ReactNode;

package/dist/form/components/resolved-nodes.js

@@ -1,4 +1,5 @@
-import { getStringProp } from "../../core/props.js";
+import { fieldProps } from "./field-props.js";
+import { useFieldScope } from "./field-scope.js";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region resources/js/form/components/resolved-nodes.tsx
@@ -11,8 +12,10 @@ function ResolvedNodesProvider({ nodes, children }) {
 }
 function useResolvedNode(node) {
 	const nodes = useContext(ResolvedNodesContext);
-	const name = getStringProp(node.props, "name");
-	return name && nodes[name] ? nodes[name] : node;
+	const name = fieldProps(node).name ?? "";
+	const scope = useFieldScope();
+	const path = name && scope ? scope.errorKey(name) : name;
+	return path && nodes[path] || name && nodes[name] || node;
 }
 //#endregion
 export { ResolvedNodesProvider, useResolvedNode };

package/dist/form/components/resolved-nodes.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolved-nodes.js","names":[],"sources":["../../../resources/js/form/components/resolved-nodes.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport { getStringProp } from \"@lattice/lattice/core/props\";\nimport type { Node } from \"@lattice/lattice/core/types\";\n\nconst ResolvedNodesContext = createContext<Record<string, Node>>({});\n\nexport function ResolvedNodesProvider({\n  nodes,\n  children,\n}: {\n  nodes: Record<string, Node>;\n  children: React.ReactNode;\n}) {\n  return <ResolvedNodesContext.Provider value={nodes}>{children}</ResolvedNodesContext.Provider>;\n}\n\nexport function useResolvedNode(node: Node): Node {\n  const nodes = useContext(ResolvedNodesContext);\n  const name = getStringProp(node.props, \"name\");\n\n  return name && nodes[name] ? nodes[name] : node;\n}\n"],"mappings":";;;;AAIA,IAAM,uBAAuB,cAAoC,CAAC,CAAC;AAEnE,SAAgB,sBAAsB,EACpC,OACA,YAIC;CACD,OAAO,oBAAC,qBAAqB,UAAtB;EAA+B,OAAO;EAAQ;CAAwC,CAAA;AAC/F;AAEA,SAAgB,gBAAgB,MAAkB;CAChD,MAAM,QAAQ,WAAW,oBAAoB;CAC7C,MAAM,OAAO,cAAc,KAAK,OAAO,MAAM;CAE7C,OAAO,QAAQ,MAAM,QAAQ,MAAM,QAAQ;AAC7C"}
+{"version":3,"file":"resolved-nodes.js","names":[],"sources":["../../../resources/js/form/components/resolved-nodes.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { Node } from \"@lattice-php/lattice/core/types\";\nimport { fieldProps } from \"./field-props\";\nimport { useFieldScope } from \"./field-scope\";\n\nconst ResolvedNodesContext = createContext<Record<string, Node>>({});\n\nexport function ResolvedNodesProvider({\n  nodes,\n  children,\n}: {\n  nodes: Record<string, Node>;\n  children: React.ReactNode;\n}) {\n  return <ResolvedNodesContext.Provider value={nodes}>{children}</ResolvedNodesContext.Provider>;\n}\n\nexport function useResolvedNode(node: Node): Node {\n  const nodes = useContext(ResolvedNodesContext);\n  const name = fieldProps(node).name ?? \"\";\n  const scope = useFieldScope();\n  const path = name && scope ? scope.errorKey(name) : name;\n\n  return (path && nodes[path]) || (name && nodes[name]) || node;\n}\n"],"mappings":";;;;;AAKA,IAAM,uBAAuB,cAAoC,CAAC,CAAC;AAEnE,SAAgB,sBAAsB,EACpC,OACA,YAIC;CACD,OAAO,oBAAC,qBAAqB,UAAtB;EAA+B,OAAO;EAAQ;CAAwC,CAAA;AAC/F;AAEA,SAAgB,gBAAgB,MAAkB;CAChD,MAAM,QAAQ,WAAW,oBAAoB;CAC7C,MAAM,OAAO,WAAW,IAAI,EAAE,QAAQ;CACtC,MAAM,QAAQ,cAAc;CAC5B,MAAM,OAAO,QAAQ,QAAQ,MAAM,SAAS,IAAI,IAAI;CAEpD,OAAQ,QAAQ,MAAM,SAAW,QAAQ,MAAM,SAAU;AAC3D"}

package/dist/form/components/row-layout-context.d.ts

@@ -0,0 +1,5 @@
+export declare function TableCellProvider({ children }: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;
+/** True when a field is being rendered inside a table-layout cell (no own label). */
+export declare function useInTableCell(): boolean;

package/dist/form/components/row-layout-context.js

@@ -0,0 +1,18 @@
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region resources/js/form/components/row-layout-context.tsx
+var TableCellContext = createContext(false);
+function TableCellProvider({ children }) {
+	return /* @__PURE__ */ jsx(TableCellContext.Provider, {
+		value: true,
+		children
+	});
+}
+/** True when a field is being rendered inside a table-layout cell (no own label). */
+function useInTableCell() {
+	return useContext(TableCellContext);
+}
+//#endregion
+export { TableCellProvider, useInTableCell };
+
+//# sourceMappingURL=row-layout-context.js.map

package/dist/form/components/row-layout-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row-layout-context.js","names":[],"sources":["../../../resources/js/form/components/row-layout-context.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nconst TableCellContext = createContext(false);\n\nexport function TableCellProvider({ children }: { children: React.ReactNode }) {\n  return <TableCellContext.Provider value={true}>{children}</TableCellContext.Provider>;\n}\n\n/** True when a field is being rendered inside a table-layout cell (no own label). */\nexport function useInTableCell(): boolean {\n  return useContext(TableCellContext);\n}\n"],"mappings":";;;AAEA,IAAM,mBAAmB,cAAc,KAAK;AAE5C,SAAgB,kBAAkB,EAAE,YAA2C;CAC7E,OAAO,oBAAC,iBAAiB,UAAlB;EAA2B,OAAO;EAAO;CAAoC,CAAA;AACtF;;AAGA,SAAgB,iBAA0B;CACxC,OAAO,WAAW,gBAAgB;AACpC"}

package/dist/form/components/types.d.ts

@@ -1,4 +1,5 @@
 import { Method } from '@inertiajs/core';
+export type { Checkbox, Choice, DateInput, Form, FormFieldNode, FormNode, FormNodeType, HiddenInput, NumberInput, PasswordInput, RichEditor, Select, Textarea, TextInput, } from '../../types/generated';
 export type FormMethod = Method;
 export type FormLabelAction = {
     href: string;

package/dist/form/components/use-controlled-field.d.ts

@@ -1,16 +1,12 @@
-import { Node } from '../../../../core/types';
+import { Node } from '../../core/types';
 import { FieldState } from './conditions';
-type ControlledField = FieldState & {
+export type ControlledField = FieldState & {
+    localName: string;
     name: string;
+    testId?: string;
     value: string;
     error?: string;
     commit: (value: unknown) => void;
 };
-/**
- * Shared wiring for store-controlled, condition-aware fields: derives the current
- * string value (store, falling back to the node's value prop), the field state
- * (hidden/required/readonly/disabled), the current error, and a `commit` callback
- * that writes to the store and triggers precognition validation / error clearing.
- */
+/** Shared wiring read by every store-controlled, condition-aware field. */
 export declare function useControlledField(node: Node): ControlledField;
-export {};