@logixjs/form 0.0.1

package/dist/index.js

@@ -0,0 +1,56 @@
+import {
+  Error_exports
+} from "./chunk-S5JTU2CM.js";
+import {
+  derived,
+  fromValues,
+  list,
+  make,
+  node,
+  rules,
+  traits
+} from "./chunk-YHDEJ47V.js";
+import {
+  FormView_exports
+} from "./chunk-LNJJPZAG.js";
+import {
+  Rule_exports
+} from "./chunk-YVHXLY63.js";
+import {
+  SchemaErrorMapping_exports
+} from "./chunk-JZ5FZKPJ.js";
+import "./chunk-5DRI5UGD.js";
+import {
+  Path_exports
+} from "./chunk-OJVEZKU7.js";
+import {
+  SchemaPathMapping_exports
+} from "./chunk-NAR5SIFP.js";
+import "./chunk-EOXJRCM6.js";
+import {
+  Trait_exports,
+  computed,
+  link,
+  source
+} from "./chunk-AD2ZA7KA.js";
+import "./chunk-PZ5AY32C.js";
+export {
+  Error_exports as Error,
+  FormView_exports as FormView,
+  Path_exports as Path,
+  Rule_exports as Rule,
+  SchemaErrorMapping_exports as SchemaErrorMapping,
+  SchemaPathMapping_exports as SchemaPathMapping,
+  Trait_exports as Trait,
+  computed,
+  derived,
+  fromValues as from,
+  link,
+  list,
+  make,
+  node,
+  rules,
+  source,
+  traits
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/react/index.cjs

@@ -0,0 +1,332 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/react/index.ts
+var react_exports = {};
+__export(react_exports, {
+  useField: () => useField,
+  useFieldArray: () => useFieldArray,
+  useForm: () => useForm,
+  useFormState: () => useFormState
+});
+module.exports = __toCommonJS(react_exports);
+
+// src/react/useField.ts
+var import_react = require("react");
+var LogixReact = __toESM(require("@logixjs/react"), 1);
+
+// src/internal/form/path.ts
+var getAtPath = (state, path) => {
+  if (!path) return state;
+  const segments = path.split(".");
+  let current = state;
+  for (const segment of segments) {
+    if (current == null) return void 0;
+    const index = Number(segment);
+    if (Array.isArray(current) && Number.isInteger(index) && String(index) === segment) {
+      current = current[index];
+      continue;
+    }
+    current = current[segment];
+  }
+  return current;
+};
+
+// src/Path.ts
+var isNumericSegment = (seg) => /^[0-9]+$/.test(seg);
+var splitPath = (path) => {
+  if (!path) return [];
+  const parts = path.split(".").filter((p) => p.length > 0);
+  const segs = [];
+  for (const part of parts) {
+    if (!part) continue;
+    if (part.endsWith("[]")) {
+      const base = part.slice(0, -2);
+      if (base) segs.push(base);
+      segs.push("[]");
+      continue;
+    }
+    const bracket = /^(.+)\[(\d+)\]$/.exec(part);
+    if (bracket) {
+      const base = bracket[1];
+      if (base) segs.push(base);
+      segs.push(bracket[2]);
+      continue;
+    }
+    segs.push(part);
+  }
+  return segs;
+};
+var toErrorsPath = (valuePath) => {
+  if (!valuePath) return "errors";
+  const segs = splitPath(valuePath);
+  const out = [];
+  for (const seg of segs) {
+    if (isNumericSegment(seg)) {
+      out.push("rows", seg);
+      continue;
+    }
+    if (seg === "[]") {
+      continue;
+    }
+    out.push(seg);
+  }
+  return `errors.${out.join(".")}`;
+};
+var toManualErrorsPath = (valuePath) => {
+  const base = toErrorsPath(valuePath);
+  return base === "errors" ? "errors.$manual" : base.replace(/^errors\./, "errors.$manual.");
+};
+var toSchemaErrorsPath = (valuePath) => {
+  const base = toErrorsPath(valuePath);
+  return base === "errors" ? "errors.$schema" : base.replace(/^errors\./, "errors.$schema.");
+};
+var toUiPath = (valuePath) => valuePath ? `ui.${valuePath}` : "ui";
+
+// src/react/useField.ts
+var readUiFlag = (ui, key) => {
+  if (!ui || typeof ui !== "object" || Array.isArray(ui)) return false;
+  return ui[key] === true;
+};
+var useField = (form, path) => {
+  const value = LogixReact.useSelector(form.runtime, (s) => getAtPath(s, path));
+  const manualError = LogixReact.useSelector(form.runtime, (s) => getAtPath(s, toManualErrorsPath(path)));
+  const ruleError = LogixReact.useSelector(form.runtime, (s) => getAtPath(s, toErrorsPath(path)));
+  const schemaError = LogixReact.useSelector(form.runtime, (s) => getAtPath(s, toSchemaErrorsPath(path)));
+  const error = (0, import_react.useMemo)(() => manualError ?? ruleError ?? schemaError, [manualError, ruleError, schemaError]);
+  const ui = LogixReact.useSelector(form.runtime, (s) => getAtPath(s, toUiPath(path)));
+  const touched = (0, import_react.useMemo)(() => readUiFlag(ui, "touched"), [ui]);
+  const dirty = (0, import_react.useMemo)(() => readUiFlag(ui, "dirty"), [ui]);
+  const dispatch = LogixReact.useDispatch(form.runtime);
+  const onChange = (0, import_react.useCallback)(
+    (next) => {
+      dispatch({ _tag: "setValue", payload: { path, value: next } });
+    },
+    [dispatch, path]
+  );
+  const onBlur = (0, import_react.useCallback)(() => {
+    dispatch({ _tag: "blur", payload: { path } });
+  }, [dispatch, path]);
+  return (0, import_react.useMemo)(
+    () => ({
+      value,
+      error,
+      touched,
+      dirty,
+      onChange,
+      onBlur
+    }),
+    [value, error, touched, dirty, onChange, onBlur]
+  );
+};
+
+// src/react/useFieldArray.ts
+var import_react2 = require("react");
+var LogixReact2 = __toESM(require("@logixjs/react"), 1);
+
+// src/internal/form/rowid.ts
+var Logix = __toESM(require("@logixjs/core"), 1);
+var getRowIdStore = (runtime) => {
+  if (!runtime || typeof runtime !== "object" && typeof runtime !== "function") {
+    return void 0;
+  }
+  const store = Logix.InternalContracts.getRowIdStore(runtime);
+  if (!store || typeof store !== "object") return void 0;
+  const getRowId = store.getRowId;
+  if (typeof getRowId !== "function") return void 0;
+  return store;
+};
+var getTrackByForListPath = (runtime, listPath) => {
+  if (!runtime || typeof runtime !== "object" && typeof runtime !== "function") {
+    return void 0;
+  }
+  const configs = Logix.InternalContracts.getStateTraitListConfigs(runtime);
+  if (!Array.isArray(configs)) return void 0;
+  for (const cfg of configs) {
+    if (!cfg || typeof cfg !== "object") continue;
+    const typed = cfg;
+    if (typed.path !== listPath) continue;
+    if (typeof typed.trackBy === "string" && typed.trackBy.length > 0) {
+      return typed.trackBy;
+    }
+  }
+  return void 0;
+};
+var readTrackBy = (item, trackBy) => {
+  if (!item || typeof item !== "object") return void 0;
+  const segments = trackBy.split(".");
+  let current = item;
+  for (const seg of segments) {
+    if (current == null) return void 0;
+    current = current[seg];
+  }
+  return current;
+};
+var getFieldArrayItemId = (params) => {
+  const k = params.trackBy !== void 0 ? readTrackBy(params.item, params.trackBy) : void 0;
+  if (k !== void 0) return String(k);
+  const fromStore = params.rowIds?.[params.index] ?? params.rowIdStore?.getRowId(params.listPath, params.index);
+  if (typeof fromStore === "string" && fromStore.length > 0) return fromStore;
+  return String(params.index);
+};
+
+// src/react/useFieldArray.ts
+var useFieldArray = (form, path) => {
+  const items = LogixReact2.useSelector(form.runtime, (s) => {
+    const value = getAtPath(s, path);
+    return Array.isArray(value) ? value : [];
+  });
+  const dispatch = LogixReact2.useDispatch(form.runtime);
+  const rowIdStore = getRowIdStore(form.runtime);
+  const trackBy = getTrackByForListPath(form.runtime, path);
+  const fields = (0, import_react2.useMemo)(() => {
+    const ensureList = rowIdStore?.ensureList;
+    const rowIds = typeof ensureList === "function" ? (() => {
+      try {
+        return ensureList(path, items, trackBy);
+      } catch {
+        return void 0;
+      }
+    })() : void 0;
+    return items.map((item, index) => ({
+      id: getFieldArrayItemId({
+        listPath: path,
+        item,
+        index,
+        trackBy,
+        rowIds,
+        rowIdStore
+      })
+    }));
+  }, [items, rowIdStore, trackBy, path]);
+  const append = (0, import_react2.useCallback)(
+    (value) => {
+      dispatch({ _tag: "arrayAppend", payload: { path, value } });
+    },
+    [dispatch, path]
+  );
+  const prepend = (0, import_react2.useCallback)(
+    (value) => {
+      dispatch({ _tag: "arrayPrepend", payload: { path, value } });
+    },
+    [dispatch, path]
+  );
+  const remove = (0, import_react2.useCallback)(
+    (index) => {
+      dispatch({ _tag: "arrayRemove", payload: { path, index } });
+    },
+    [dispatch, path]
+  );
+  const swap = (0, import_react2.useCallback)(
+    (indexA, indexB) => {
+      dispatch({ _tag: "arraySwap", payload: { path, indexA, indexB } });
+    },
+    [dispatch, path]
+  );
+  const move = (0, import_react2.useCallback)(
+    (from, to) => {
+      dispatch({ _tag: "arrayMove", payload: { path, from, to } });
+    },
+    [dispatch, path]
+  );
+  return (0, import_react2.useMemo)(
+    () => ({
+      fields,
+      append,
+      prepend,
+      remove,
+      swap,
+      move
+    }),
+    [fields, append, prepend, remove, swap, move]
+  );
+};
+
+// src/react/useForm.ts
+var LogixReact3 = __toESM(require("@logixjs/react"), 1);
+var useForm = (form) => LogixReact3.useModule(form);
+
+// src/react/useFormState.ts
+var import_react3 = require("react");
+var LogixReact4 = __toESM(require("@logixjs/react"), 1);
+
+// src/FormView.ts
+var readSnapshot = (state) => {
+  const meta = state && typeof state === "object" && !Array.isArray(state) ? state.$form : void 0;
+  const safe = meta && typeof meta === "object" && !Array.isArray(meta) ? meta : void 0;
+  const submitCount = typeof safe?.submitCount === "number" && Number.isFinite(safe.submitCount) ? safe.submitCount : 0;
+  const isSubmitting = safe?.isSubmitting === true;
+  const isDirty = safe?.isDirty === true;
+  const errorCount = typeof safe?.errorCount === "number" && Number.isFinite(safe.errorCount) ? safe.errorCount : 0;
+  return {
+    submitCount,
+    isSubmitting,
+    isDirty,
+    errorCount
+  };
+};
+var getFormView = (state, prev) => {
+  const snap = readSnapshot(state);
+  const isValid = snap.errorCount === 0;
+  const isPristine = !snap.isDirty;
+  const canSubmit = !snap.isSubmitting && isValid;
+  if (prev && prev.submitCount === snap.submitCount && prev.isSubmitting === snap.isSubmitting && prev.isDirty === snap.isDirty && prev.isValid === isValid) {
+    return prev;
+  }
+  return {
+    canSubmit,
+    isSubmitting: snap.isSubmitting,
+    isValid,
+    isDirty: snap.isDirty,
+    isPristine,
+    submitCount: snap.submitCount
+  };
+};
+
+// src/react/useFormState.ts
+var useFormState = (form, selector, equalityFn) => {
+  const lastViewRef = (0, import_react3.useRef)(void 0);
+  const select = (0, import_react3.useCallback)(
+    (state) => {
+      const view = getFormView(state, lastViewRef.current);
+      lastViewRef.current = view;
+      return selector(view);
+    },
+    [selector]
+  );
+  return LogixReact4.useSelector(form.runtime, select, equalityFn);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useField,
+  useFieldArray,
+  useForm,
+  useFormState
+});
+//# sourceMappingURL=index.cjs.map

package/dist/react/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react/index.ts","../../src/react/useField.ts","../../src/internal/form/path.ts","../../src/Path.ts","../../src/react/useFieldArray.ts","../../src/internal/form/rowid.ts","../../src/react/useForm.ts","../../src/react/useFormState.ts","../../src/FormView.ts"],"sourcesContent":["export * from './useField.js'\nexport * from './useFieldArray.js'\nexport * from './useForm.js'\nexport * from './useFormState.js'\n","import { useCallback, useMemo } from 'react'\nimport type * as Logix from '@logixjs/core'\nimport * as LogixReact from '@logixjs/react'\nimport type { FormAction, FormState } from '../Form.js'\nimport { getAtPath } from '../internal/form/path.js'\nimport { toErrorsPath, toManualErrorsPath, toSchemaErrorsPath, toUiPath } from '../Path.js'\n\nconst readUiFlag = (ui: unknown, key: string): boolean => {\n  if (!ui || typeof ui !== 'object' || Array.isArray(ui)) return false\n  return (ui as Record<string, unknown>)[key] === true\n}\n\ntype FormRuntimeHandle<TValues extends object> = {\n  readonly runtime: Logix.ModuleRuntime<FormState<TValues>, FormAction>\n}\n\nexport const useField = <TValues extends object>(\n  form: FormRuntimeHandle<TValues>,\n  path: string,\n): {\n  readonly value: unknown\n  readonly error: unknown\n  readonly touched: boolean\n  readonly dirty: boolean\n  readonly onChange: (value: unknown) => void\n  readonly onBlur: () => void\n} => {\n  const value = LogixReact.useSelector(form.runtime, (s) => getAtPath(s, path))\n  const manualError = LogixReact.useSelector(form.runtime, (s) => getAtPath(s, toManualErrorsPath(path)))\n  const ruleError = LogixReact.useSelector(form.runtime, (s) => getAtPath(s, toErrorsPath(path)))\n  const schemaError = LogixReact.useSelector(form.runtime, (s) => getAtPath(s, toSchemaErrorsPath(path)))\n  const error = useMemo(() => manualError ?? ruleError ?? schemaError, [manualError, ruleError, schemaError])\n  const ui = LogixReact.useSelector(form.runtime, (s) => getAtPath(s, toUiPath(path)))\n\n  const touched = useMemo(() => readUiFlag(ui, 'touched'), [ui])\n  const dirty = useMemo(() => readUiFlag(ui, 'dirty'), [ui])\n\n  const dispatch = LogixReact.useDispatch(form.runtime)\n\n  const onChange = useCallback(\n    (next: unknown) => {\n      dispatch({ _tag: 'setValue', payload: { path, value: next } })\n    },\n    [dispatch, path],\n  )\n\n  const onBlur = useCallback(() => {\n    dispatch({ _tag: 'blur', payload: { path } })\n  }, [dispatch, path])\n\n  return useMemo(\n    () => ({\n      value,\n      error,\n      touched,\n      dirty,\n      onChange,\n      onBlur,\n    }),\n    [value, error, touched, dirty, onChange, onBlur],\n  )\n}\n","export const getAtPath = (state: unknown, path: string): unknown => {\n  if (!path) return state\n\n  const segments = path.split('.')\n  let current: any = state\n\n  for (const segment of segments) {\n    if (current == null) return undefined\n    const index = Number(segment)\n    if (Array.isArray(current) && Number.isInteger(index) && String(index) === segment) {\n      current = current[index]\n      continue\n    }\n    current = current[segment]\n  }\n\n  return current\n}\n\nconst cloneContainer = (value: unknown): any => {\n  if (Array.isArray(value)) return value.slice()\n  if (value && typeof value === 'object') return { ...(value as any) }\n  return undefined\n}\n\nexport const setAtPath = (state: unknown, path: string, value: unknown): unknown => {\n  if (!path) return value\n\n  const segments = path.split('.')\n  const rootClone = cloneContainer(state) ?? {}\n\n  let current: any = rootClone\n  let currentSource: any = state\n\n  for (let i = 0; i < segments.length - 1; i++) {\n    const segment = segments[i]!\n    const index = Number(segment)\n    const isIndex = Number.isInteger(index) && String(index) === segment\n\n    const nextSource =\n      currentSource == null\n        ? undefined\n        : isIndex && Array.isArray(currentSource)\n          ? currentSource[index]\n          : currentSource[segment]\n\n    const nextSegment = segments[i + 1]!\n    const nextIndex = Number(nextSegment)\n    const nextIsIndex = Number.isInteger(nextIndex) && String(nextIndex) === nextSegment\n\n    const nextClone = cloneContainer(nextSource) ?? (nextIsIndex ? [] : {})\n\n    if (isIndex && Array.isArray(current)) {\n      current[index] = nextClone\n    } else {\n      current[segment] = nextClone\n    }\n\n    current = nextClone\n    currentSource = nextSource\n  }\n\n  const last = segments[segments.length - 1]!\n  const lastIndex = Number(last)\n  const lastIsIndex = Number.isInteger(lastIndex) && String(lastIndex) === last\n\n  if (lastIsIndex && Array.isArray(current)) {\n    current[lastIndex] = value\n  } else {\n    current[last] = value\n  }\n\n  return rootClone\n}\n\nexport const unsetAtPath = (state: unknown, path: string): unknown => {\n  if (!path) return state\n  if (getAtPath(state, path) === undefined) return state\n\n  const segments = path.split('.')\n  const rootClone = cloneContainer(state)\n  if (rootClone === undefined) return state\n\n  let current: any = rootClone\n  let currentSource: any = state\n\n  for (let i = 0; i < segments.length - 1; i++) {\n    const segment = segments[i]!\n    const index = Number(segment)\n    const isIndex = Number.isInteger(index) && String(index) === segment\n\n    const nextSource =\n      currentSource == null\n        ? undefined\n        : isIndex && Array.isArray(currentSource)\n          ? currentSource[index]\n          : currentSource[segment]\n\n    const nextClone = cloneContainer(nextSource)\n    if (nextClone === undefined) {\n      return state\n    }\n\n    if (isIndex && Array.isArray(current)) {\n      current[index] = nextClone\n    } else {\n      current[segment] = nextClone\n    }\n\n    current = nextClone\n    currentSource = nextSource\n  }\n\n  const last = segments[segments.length - 1]!\n  const lastIndex = Number(last)\n  const lastIsIndex = Number.isInteger(lastIndex) && String(lastIndex) === last\n\n  if (lastIsIndex && Array.isArray(current)) {\n    current[lastIndex] = undefined\n    return rootClone\n  }\n\n  if (current && typeof current === 'object') {\n    delete current[last]\n  }\n\n  return rootClone\n}\n\nexport const updateArrayAtPath = (\n  state: unknown,\n  path: string,\n  update: (items: ReadonlyArray<unknown>) => ReadonlyArray<unknown>,\n): unknown => {\n  const current = getAtPath(state, path)\n  const items = Array.isArray(current) ? current : []\n  const next = update(items)\n  return setAtPath(state, path, next)\n}\n","export type ValuePath = string\nexport type PatternPath = string\nexport type ListPath = string\nexport type ErrorsPath = string\nexport type UiPath = string\nexport type FieldPath = ReadonlyArray<string>\n\nconst isNumericSegment = (seg: string): boolean => /^[0-9]+$/.test(seg)\n\nconst splitPath = (path: string): ReadonlyArray<string> => {\n  if (!path) return []\n  const parts = path.split('.').filter((p) => p.length > 0)\n  const segs: Array<string> = []\n\n  for (const part of parts) {\n    if (!part) continue\n    if (part.endsWith('[]')) {\n      const base = part.slice(0, -2)\n      if (base) segs.push(base)\n      segs.push('[]')\n      continue\n    }\n    const bracket = /^(.+)\\[(\\d+)\\]$/.exec(part)\n    if (bracket) {\n      const base = bracket[1]!\n      if (base) segs.push(base)\n      segs.push(bracket[2]!)\n      continue\n    }\n    segs.push(part)\n  }\n\n  return segs\n}\n\nexport const toPatternPath = (valuePath: ValuePath): PatternPath => {\n  if (!valuePath) return valuePath\n  const segs = splitPath(valuePath)\n  const out: Array<string> = []\n\n  for (const seg of segs) {\n    if (seg === '[]' || isNumericSegment(seg)) {\n      if (out.length === 0) continue\n      const last = out[out.length - 1]!\n      if (!last.endsWith('[]')) out[out.length - 1] = `${last}[]`\n      continue\n    }\n    out.push(seg)\n  }\n\n  return out.join('.')\n}\n\nexport const toListPath = (valuePath: ValuePath): ListPath | undefined => {\n  const segs = splitPath(valuePath)\n  const firstIndex = segs.findIndex((seg) => seg === '[]' || isNumericSegment(seg))\n  if (firstIndex <= 0) return undefined\n  return segs.slice(0, firstIndex).join('.')\n}\n\nexport const toErrorsPath = (valuePath: ValuePath): ErrorsPath => {\n  if (!valuePath) return 'errors'\n  const segs = splitPath(valuePath)\n  const out: Array<string> = []\n\n  for (const seg of segs) {\n    if (isNumericSegment(seg)) {\n      out.push('rows', seg)\n      continue\n    }\n    if (seg === '[]') {\n      continue\n    }\n    out.push(seg)\n  }\n\n  return `errors.${out.join('.')}`\n}\n\nexport const toManualErrorsPath = (valuePath: ValuePath): ErrorsPath => {\n  const base = toErrorsPath(valuePath)\n  return base === 'errors' ? 'errors.$manual' : base.replace(/^errors\\./, 'errors.$manual.')\n}\n\nexport const toSchemaErrorsPath = (valuePath: ValuePath): ErrorsPath => {\n  const base = toErrorsPath(valuePath)\n  return base === 'errors' ? 'errors.$schema' : base.replace(/^errors\\./, 'errors.$schema.')\n}\n\nexport const toUiPath = (valuePath: ValuePath): UiPath => (valuePath ? `ui.${valuePath}` : 'ui')\n\nexport const toFieldPath = (path: ValuePath | PatternPath): FieldPath => {\n  const segs = splitPath(path)\n  const out: Array<string> = []\n  for (const seg of segs) {\n    if (seg === '[]' || isNumericSegment(seg)) continue\n    out.push(seg)\n  }\n  return out.length > 0 ? out : ['$root']\n}\n\nexport const Path = {\n  toPatternPath,\n  toListPath,\n  toErrorsPath,\n  toManualErrorsPath,\n  toSchemaErrorsPath,\n  toUiPath,\n  toFieldPath,\n} as const\n","import { useCallback, useMemo } from 'react'\nimport type * as Logix from '@logixjs/core'\nimport * as LogixReact from '@logixjs/react'\nimport type { FormAction, FormState } from '../Form.js'\nimport { getAtPath } from '../internal/form/path.js'\nimport { getFieldArrayItemId, getRowIdStore, getTrackByForListPath } from '../internal/form/rowid.js'\n\nexport interface FieldArrayItem {\n  readonly id: string\n}\n\ntype FormRuntimeHandle<TValues extends object> = {\n  readonly runtime: Logix.ModuleRuntime<FormState<TValues>, FormAction>\n}\n\nexport const useFieldArray = <TValues extends object>(\n  form: FormRuntimeHandle<TValues>,\n  path: string,\n): {\n  readonly fields: ReadonlyArray<FieldArrayItem>\n  readonly append: (value: unknown) => void\n  readonly prepend: (value: unknown) => void\n  readonly remove: (index: number) => void\n  readonly swap: (indexA: number, indexB: number) => void\n  readonly move: (from: number, to: number) => void\n} => {\n  const items = LogixReact.useSelector(form.runtime, (s) => {\n    const value = getAtPath(s, path)\n    return Array.isArray(value) ? value : []\n  })\n\n  const dispatch = LogixReact.useDispatch(form.runtime)\n  const rowIdStore = getRowIdStore(form.runtime)\n  const trackBy = getTrackByForListPath(form.runtime, path)\n\n  const fields = useMemo(() => {\n    const ensureList = rowIdStore?.ensureList\n    const rowIds =\n      typeof ensureList === 'function'\n        ? (() => {\n            try {\n              return ensureList(path, items, trackBy)\n            } catch {\n              return undefined\n            }\n          })()\n        : undefined\n\n    return items.map((item, index) => ({\n      id: getFieldArrayItemId({\n        listPath: path,\n        item,\n        index,\n        trackBy,\n        rowIds,\n        rowIdStore,\n      }),\n    }))\n  }, [items, rowIdStore, trackBy, path])\n\n  const append = useCallback(\n    (value: unknown) => {\n      dispatch({ _tag: 'arrayAppend', payload: { path, value } })\n    },\n    [dispatch, path],\n  )\n\n  const prepend = useCallback(\n    (value: unknown) => {\n      dispatch({ _tag: 'arrayPrepend', payload: { path, value } })\n    },\n    [dispatch, path],\n  )\n\n  const remove = useCallback(\n    (index: number) => {\n      dispatch({ _tag: 'arrayRemove', payload: { path, index } })\n    },\n    [dispatch, path],\n  )\n\n  const swap = useCallback(\n    (indexA: number, indexB: number) => {\n      dispatch({ _tag: 'arraySwap', payload: { path, indexA, indexB } })\n    },\n    [dispatch, path],\n  )\n\n  const move = useCallback(\n    (from: number, to: number) => {\n      dispatch({ _tag: 'arrayMove', payload: { path, from, to } })\n    },\n    [dispatch, path],\n  )\n\n  return useMemo(\n    () => ({\n      fields,\n      append,\n      prepend,\n      remove,\n      swap,\n      move,\n    }),\n    [fields, append, prepend, remove, swap, move],\n  )\n}\n","import * as Logix from '@logixjs/core'\n\nexport type RowIdStoreLike = {\n  readonly getRowId: (listPath: string, index: number) => string | undefined\n  readonly ensureList?: (listPath: string, items: ReadonlyArray<unknown>, trackBy?: string) => ReadonlyArray<string>\n}\n\ntype ListConfigLike = {\n  readonly path: string\n  readonly trackBy?: string\n}\n\nexport const getRowIdStore = (runtime: unknown): RowIdStoreLike | undefined => {\n  if (!runtime || (typeof runtime !== 'object' && typeof runtime !== 'function')) {\n    return undefined\n  }\n  const store = Logix.InternalContracts.getRowIdStore(runtime as any)\n  if (!store || typeof store !== 'object') return undefined\n  const getRowId = (store as Record<string, unknown>).getRowId\n  if (typeof getRowId !== 'function') return undefined\n  return store as RowIdStoreLike\n}\n\nexport const getTrackByForListPath = (runtime: unknown, listPath: string): string | undefined => {\n  if (!runtime || (typeof runtime !== 'object' && typeof runtime !== 'function')) {\n    return undefined\n  }\n  const configs = Logix.InternalContracts.getStateTraitListConfigs(runtime as any)\n  if (!Array.isArray(configs)) return undefined\n\n  for (const cfg of configs as ReadonlyArray<unknown>) {\n    if (!cfg || typeof cfg !== 'object') continue\n    const typed = cfg as ListConfigLike\n    if (typed.path !== listPath) continue\n    if (typeof typed.trackBy === 'string' && typed.trackBy.length > 0) {\n      return typed.trackBy\n    }\n  }\n\n  return undefined\n}\n\nconst readTrackBy = (item: unknown, trackBy: string): unknown => {\n  if (!item || typeof item !== 'object') return undefined\n  const segments = trackBy.split('.')\n  let current: any = item\n  for (const seg of segments) {\n    if (current == null) return undefined\n    current = current[seg as any]\n  }\n  return current\n}\n\nexport const getFieldArrayItemId = (params: {\n  readonly listPath: string\n  readonly item: unknown\n  readonly index: number\n  readonly trackBy?: string\n  readonly rowIds?: ReadonlyArray<string>\n  readonly rowIdStore?: RowIdStoreLike\n}): string => {\n  const k = params.trackBy !== undefined ? readTrackBy(params.item, params.trackBy) : undefined\n  if (k !== undefined) return String(k)\n\n  const fromStore = params.rowIds?.[params.index] ?? params.rowIdStore?.getRowId(params.listPath, params.index)\n  if (typeof fromStore === 'string' && fromStore.length > 0) return fromStore\n\n  return String(params.index)\n}\n","import * as LogixReact from '@logixjs/react'\nimport type { FormAction, FormHandleExt, FormModule, FormState } from '../Form.js'\n\nexport const useForm = <Id extends string, TValues extends object>(\n  form: FormModule<Id, TValues>,\n): LogixReact.ModuleRef<FormState<TValues>, FormAction> & FormHandleExt<TValues> => LogixReact.useModule(form)\n","import { useCallback, useRef } from 'react'\nimport type * as Logix from '@logixjs/core'\nimport * as LogixReact from '@logixjs/react'\nimport type { FormAction, FormState } from '../Form.js'\nimport type { FormView } from '../FormView.js'\nimport { getFormView } from '../FormView.js'\n\ntype FormRuntimeHandle<TValues extends object> = {\n  readonly runtime: Logix.ModuleRuntime<FormState<TValues>, FormAction>\n}\n\nexport const useFormState = <TValues extends object, V>(\n  form: FormRuntimeHandle<TValues>,\n  selector: (view: FormView) => V,\n  equalityFn?: (previous: V, next: V) => boolean,\n): V => {\n  const lastViewRef = useRef<FormView | undefined>(undefined)\n\n  const select = useCallback(\n    (state: unknown): V => {\n      const view = getFormView(state, lastViewRef.current)\n      lastViewRef.current = view\n      return selector(view)\n    },\n    [selector],\n  )\n\n  return LogixReact.useSelector(form.runtime, select, equalityFn)\n}\n","export type FormView = {\n  readonly canSubmit: boolean\n  readonly isSubmitting: boolean\n  readonly isValid: boolean\n  readonly isDirty: boolean\n  readonly isPristine: boolean\n  readonly submitCount: number\n}\n\ntype Snapshot = {\n  readonly submitCount: number\n  readonly isSubmitting: boolean\n  readonly isDirty: boolean\n  readonly errorCount: number\n}\n\nconst readSnapshot = (state: unknown): Snapshot => {\n  const meta = state && typeof state === 'object' && !Array.isArray(state) ? (state as any).$form : undefined\n  const safe = meta && typeof meta === 'object' && !Array.isArray(meta) ? (meta as any) : undefined\n\n  const submitCount = typeof safe?.submitCount === 'number' && Number.isFinite(safe.submitCount) ? safe.submitCount : 0\n  const isSubmitting = safe?.isSubmitting === true\n  const isDirty = safe?.isDirty === true\n  const errorCount = typeof safe?.errorCount === 'number' && Number.isFinite(safe.errorCount) ? safe.errorCount : 0\n\n  return {\n    submitCount,\n    isSubmitting,\n    isDirty,\n    errorCount,\n  }\n}\n\nexport const getFormView = (state: unknown, prev?: FormView): FormView => {\n  const snap = readSnapshot(state)\n  const isValid = snap.errorCount === 0\n  const isPristine = !snap.isDirty\n  const canSubmit = !snap.isSubmitting && isValid\n\n  if (\n    prev &&\n    prev.submitCount === snap.submitCount &&\n    prev.isSubmitting === snap.isSubmitting &&\n    prev.isDirty === snap.isDirty &&\n    prev.isValid === isValid\n  ) {\n    return prev\n  }\n\n  return {\n    canSubmit,\n    isSubmitting: snap.isSubmitting,\n    isValid,\n    isDirty: snap.isDirty,\n    isPristine,\n    submitCount: snap.submitCount,\n  }\n}\n"],"mappings":"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","names":["import_react","LogixReact","LogixReact","import_react","LogixReact"]}

package/dist/react/index.d.cts

@@ -0,0 +1,43 @@
+import * as Logix from '@logixjs/core';
+import { e as FormState, f as FormAction, l as FormModule, k as FormHandleExt } from '../impl-Ccdm5eDF.cjs';
+import * as LogixReact from '@logixjs/react';
+import { a as FormView } from '../FormView-CAg9LVrf.cjs';
+import 'effect';
+import '../Rule-BOAiSVz9.cjs';
+import '../Trait-Bu794ROY.cjs';
+
+type FormRuntimeHandle$2<TValues extends object> = {
+    readonly runtime: Logix.ModuleRuntime<FormState<TValues>, FormAction>;
+};
+declare const useField: <TValues extends object>(form: FormRuntimeHandle$2<TValues>, path: string) => {
+    readonly value: unknown;
+    readonly error: unknown;
+    readonly touched: boolean;
+    readonly dirty: boolean;
+    readonly onChange: (value: unknown) => void;
+    readonly onBlur: () => void;
+};
+
+interface FieldArrayItem {
+    readonly id: string;
+}
+type FormRuntimeHandle$1<TValues extends object> = {
+    readonly runtime: Logix.ModuleRuntime<FormState<TValues>, FormAction>;
+};
+declare const useFieldArray: <TValues extends object>(form: FormRuntimeHandle$1<TValues>, path: string) => {
+    readonly fields: ReadonlyArray<FieldArrayItem>;
+    readonly append: (value: unknown) => void;
+    readonly prepend: (value: unknown) => void;
+    readonly remove: (index: number) => void;
+    readonly swap: (indexA: number, indexB: number) => void;
+    readonly move: (from: number, to: number) => void;
+};
+
+declare const useForm: <Id extends string, TValues extends object>(form: FormModule<Id, TValues>) => LogixReact.ModuleRef<FormState<TValues>, FormAction> & FormHandleExt<TValues>;
+
+type FormRuntimeHandle<TValues extends object> = {
+    readonly runtime: Logix.ModuleRuntime<FormState<TValues>, FormAction>;
+};
+declare const useFormState: <TValues extends object, V>(form: FormRuntimeHandle<TValues>, selector: (view: FormView) => V, equalityFn?: (previous: V, next: V) => boolean) => V;
+
+export { type FieldArrayItem, useField, useFieldArray, useForm, useFormState };

package/dist/react/index.d.ts

@@ -0,0 +1,43 @@
+import * as Logix from '@logixjs/core';
+import { e as FormState, f as FormAction, l as FormModule, k as FormHandleExt } from '../impl-BfSlyM58.js';
+import * as LogixReact from '@logixjs/react';
+import { a as FormView } from '../FormView-CAg9LVrf.js';
+import 'effect';
+import '../Rule-BOAiSVz9.js';
+import '../Trait-Bu794ROY.js';
+
+type FormRuntimeHandle$2<TValues extends object> = {
+    readonly runtime: Logix.ModuleRuntime<FormState<TValues>, FormAction>;
+};
+declare const useField: <TValues extends object>(form: FormRuntimeHandle$2<TValues>, path: string) => {
+    readonly value: unknown;
+    readonly error: unknown;
+    readonly touched: boolean;
+    readonly dirty: boolean;
+    readonly onChange: (value: unknown) => void;
+    readonly onBlur: () => void;
+};
+
+interface FieldArrayItem {
+    readonly id: string;
+}
+type FormRuntimeHandle$1<TValues extends object> = {
+    readonly runtime: Logix.ModuleRuntime<FormState<TValues>, FormAction>;
+};
+declare const useFieldArray: <TValues extends object>(form: FormRuntimeHandle$1<TValues>, path: string) => {
+    readonly fields: ReadonlyArray<FieldArrayItem>;
+    readonly append: (value: unknown) => void;
+    readonly prepend: (value: unknown) => void;
+    readonly remove: (index: number) => void;
+    readonly swap: (indexA: number, indexB: number) => void;
+    readonly move: (from: number, to: number) => void;
+};
+
+declare const useForm: <Id extends string, TValues extends object>(form: FormModule<Id, TValues>) => LogixReact.ModuleRef<FormState<TValues>, FormAction> & FormHandleExt<TValues>;
+
+type FormRuntimeHandle<TValues extends object> = {
+    readonly runtime: Logix.ModuleRuntime<FormState<TValues>, FormAction>;
+};
+declare const useFormState: <TValues extends object, V>(form: FormRuntimeHandle<TValues>, selector: (view: FormView) => V, equalityFn?: (previous: V, next: V) => boolean) => V;
+
+export { type FieldArrayItem, useField, useFieldArray, useForm, useFormState };