@goodie-forms/react 1.2.4-alpha → 1.2.5-alpha

package/dist/index.js

@@ -1,6 +1,6 @@
 import { FormController as F, FieldPathBuilder as m, FieldPath as u } from "@goodie-forms/core";
 import { useState as f, useRef as v, startTransition as C, useEffect as c } from "react";
-import { jsx as g, Fragment as R } from "react/jsx-runtime";
+import { jsx as R, Fragment as g } from "react/jsx-runtime";
 function a() {
   const [, e] = f(0), n = v(0), t = v(!1);
   n.current++;
@@ -155,7 +155,7 @@ function E(e) {
       value: t.value,
       onChange(r) {
         let l;
-        if ("target" in r) {
+        if (typeof r == "object" && "target" in r) {
           const { target: d } = r;
           if (d !== t.boundElement || !("value" in d) || typeof d.value != "string") return;
           l = d.value;
@@ -185,7 +185,7 @@ function E(e) {
     );
   }, []), c(() => (t.bindElement(n.current), () => {
     e.unbindOnUnmount && e.form.controller.unbindField(e.path);
-  }), []), /* @__PURE__ */ g(R, { children: o });
+  }), []), /* @__PURE__ */ R(g, { children: o });
 }
 export {
   E as FieldRenderer,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/hooks/useRenderControl.tsx","../src/utils/composeFns.ts","../src/hooks/useForm.tsx","../src/hooks/useFormField.tsx","../src/hooks/useFieldValue.ts","../src/hooks/useFieldErrors.ts","../src/hooks/useFormValuesObserver.ts","../src/utils/groupBy.ts","../src/hooks/useFormErrorObserver.ts","../src/components/FieldRenderer.tsx"],"sourcesContent":["import { startTransition, useRef, useState } from \"react\";\r\n\r\nexport function useRenderControl() {\r\n  const [, rerender] = useState(0);\r\n  const renderCount = useRef(0);\r\n  const renderScheduled = useRef(false);\r\n  renderCount.current++;\r\n\r\n  const scheduleRerender = () => {\r\n    if (renderScheduled.current) return;\r\n    renderScheduled.current = true;\r\n\r\n    queueMicrotask(() => {\r\n      startTransition(() => {\r\n        rerender((i) => i + 1);\r\n      });\r\n\r\n      renderScheduled.current = false;\r\n    });\r\n  };\r\n\r\n  return {\r\n    renderCount: renderCount.current,\r\n    forceRerender: scheduleRerender,\r\n  };\r\n}\r\n","export function composeFns<TFns extends (() => void)[]>(...fns: TFns) {\r\n  return () => {\r\n    for (const fn of fns) {\r\n      fn();\r\n    }\r\n  };\r\n}\r\n","import { FieldPathBuilder, FormController } from \"@goodie-forms/core\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { useRenderControl } from \"../hooks/useRenderControl\";\r\nimport { composeFns } from \"../utils/composeFns\";\r\n\r\nexport function useForm<TOutput extends object>(\r\n  formConfigs: FormController.Configs<TOutput>,\r\n  hookConfigs?: {\r\n    validateMode?: \"onChange\" | \"onBlur\" | \"onSubmit\";\r\n    revalidateMode?: \"onChange\" | \"onBlur\" | \"onSubmit\";\r\n    watchIssues?: boolean;\r\n    watchValues?: boolean;\r\n  },\r\n) {\r\n  const [controller] = useState(() => new FormController(formConfigs));\r\n  const [paths] = useState(() => new FieldPathBuilder<TOutput>());\r\n\r\n  const renderControl = useRenderControl();\r\n\r\n  useEffect(() => {\r\n    const noop = () => {};\r\n\r\n    return composeFns(\r\n      controller.events.on(\"submissionStatusChange\", () => {\r\n        renderControl.forceRerender();\r\n      }),\r\n      hookConfigs?.watchIssues\r\n        ? controller.events.on(\"fieldIssuesUpdated\", () =>\r\n            renderControl.forceRerender(),\r\n          )\r\n        : noop,\r\n      hookConfigs?.watchValues\r\n        ? controller.events.on(\"valueChanged\", () =>\r\n            renderControl.forceRerender(),\r\n          )\r\n        : noop,\r\n    );\r\n  }, [controller]);\r\n\r\n  return {\r\n    formConfigs,\r\n    paths,\r\n    hookConfigs,\r\n    controller,\r\n  };\r\n}\r\n\r\nexport type UseForm<TOutput extends object> = ReturnType<\r\n  typeof useForm<TOutput>\r\n>;\r\n","import { FieldPath } from \"@goodie-forms/core\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { UseForm } from \"../hooks/useForm\";\r\nimport { useRenderControl } from \"../hooks/useRenderControl\";\r\nimport { composeFns } from \"../utils/composeFns\";\r\n\r\nexport function useFormField<\r\n  TOutput extends object,\r\n  TPath extends FieldPath.Segments,\r\n>(\r\n  form: UseForm<TOutput>,\r\n  path: TPath,\r\n  bindingConfig?: Parameters<typeof form.controller.bindField<TPath>>[1],\r\n) {\r\n  const renderControl = useRenderControl();\r\n\r\n  const [field, setField] = useState(() => {\r\n    let field = form.controller.getField(path);\r\n    if (field == null && bindingConfig != null) {\r\n      field = form.controller.bindField(path, bindingConfig);\r\n    }\r\n    return field;\r\n  });\r\n\r\n  useEffect(() => {\r\n    const { events } = form.controller;\r\n\r\n    setField(form.controller.getField(path));\r\n\r\n    return composeFns(\r\n      events.on(\"fieldBound\", (_path) => {\r\n        if (!FieldPath.equals(_path, path)) return;\r\n        setField(form.controller.getField(path));\r\n      }),\r\n      events.on(\"fieldUnbound\", (_path) => {\r\n        if (!FieldPath.equals(_path, path)) return;\r\n        setField(undefined);\r\n      }),\r\n      events.on(\"valueChanged\", (changedPath) => {\r\n        if (\r\n          FieldPath.equals(changedPath, path) ||\r\n          FieldPath.isDescendant(changedPath, path)\r\n        ) {\r\n          renderControl.forceRerender();\r\n        }\r\n      }),\r\n      events.on(\"fieldTouchUpdated\", (_path) => {\r\n        if (!FieldPath.equals(_path, path)) return;\r\n        renderControl.forceRerender();\r\n      }),\r\n      events.on(\"fieldDirtyUpdated\", (_path) => {\r\n        if (!FieldPath.equals(_path, path)) return;\r\n        renderControl.forceRerender();\r\n      }),\r\n      events.on(\"fieldIssuesUpdated\", (_path) => {\r\n        if (!FieldPath.equals(_path, path)) return;\r\n        renderControl.forceRerender();\r\n      }),\r\n    );\r\n  }, []);\r\n\r\n  return field;\r\n}\r\n","import { FieldPath } from \"@goodie-forms/core\";\r\nimport { useEffect } from \"react\";\r\nimport { UseForm } from \"../hooks/useForm\";\r\nimport { useRenderControl } from \"../hooks/useRenderControl\";\r\nimport { composeFns } from \"../utils/composeFns\";\r\n\r\nexport function useFieldValue<\r\n  TOutput extends object,\r\n  TPath extends FieldPath.Segments,\r\n>(form: UseForm<TOutput>, path: TPath) {\r\n  const renderControl = useRenderControl();\r\n\r\n  const value = form.controller.getField(path)?.value;\r\n\r\n  useEffect(() => {\r\n    return composeFns(\r\n      form.controller.events.on(\"fieldBound\", (fieldPath) => {\r\n        if (FieldPath.equals(path, fieldPath)) {\r\n          renderControl.forceRerender();\r\n        }\r\n      }),\r\n      form.controller.events.on(\"valueChanged\", (fieldPath) => {\r\n        if (FieldPath.equals(path, fieldPath)) {\r\n          renderControl.forceRerender();\r\n        }\r\n      }),\r\n    );\r\n  }, []);\r\n\r\n  return value;\r\n}\r\n","import { FieldPath } from \"@goodie-forms/core\";\r\nimport { useEffect } from \"react\";\r\nimport { UseForm } from \"../hooks/useForm\";\r\nimport { useRenderControl } from \"../hooks/useRenderControl\";\r\nimport { composeFns } from \"../utils/composeFns\";\r\n\r\nexport function useFieldErrors<\r\n  TOutput extends object,\r\n  TPath extends FieldPath.Segments,\r\n>(form: UseForm<TOutput>, path: TPath) {\r\n  const renderControl = useRenderControl();\r\n\r\n  const issues = form.controller.getField(path)?.issues;\r\n\r\n  useEffect(() => {\r\n    return composeFns(\r\n      form.controller.events.on(\"fieldBound\", (fieldPath) => {\r\n        if (FieldPath.equals(path, fieldPath)) {\r\n          renderControl.forceRerender();\r\n        }\r\n      }),\r\n      form.controller.events.on(\"fieldIssuesUpdated\", (fieldPath) => {\r\n        if (FieldPath.equals(path, fieldPath)) {\r\n          renderControl.forceRerender();\r\n        }\r\n      }),\r\n    );\r\n  }, []);\r\n\r\n  return issues;\r\n}\r\n","import { FieldPath } from \"@goodie-forms/core\";\r\nimport { useEffect } from \"react\";\r\nimport { composeFns } from \"../utils/composeFns\";\r\nimport type { UseForm } from \"./useForm\";\r\nimport { useRenderControl } from \"./useRenderControl\";\r\n\r\n/** @deprecated */\r\nexport function useFormValuesObserver<\r\n  TOutput extends object,\r\n  TPaths extends FieldPath.Segments[] | undefined = undefined,\r\n>(\r\n  form: UseForm<TOutput>,\r\n  options?: {\r\n    include?: TPaths;\r\n  },\r\n) {\r\n  const renderControl = useRenderControl();\r\n\r\n  const observedValues =\r\n    options?.include == null\r\n      ? form.controller._data\r\n      : options.include.reduce((data, path) => {\r\n          const value = FieldPath.getValue(\r\n            form.controller._data as TOutput,\r\n            path,\r\n          )!;\r\n          FieldPath.setValue(data, path, value);\r\n          return data;\r\n        }, {} as TOutput);\r\n\r\n  useEffect(() => {\r\n    const { events } = form.controller;\r\n\r\n    return composeFns(\r\n      events.on(\"valueChanged\", (changedPath) => {\r\n        const watchingChange =\r\n          options?.include == null\r\n            ? true\r\n            : options.include.some(\r\n                (path) =>\r\n                  FieldPath.equals(path, changedPath) ||\r\n                  FieldPath.isDescendant(path, changedPath),\r\n              );\r\n        if (watchingChange) renderControl.forceRerender();\r\n      }),\r\n    );\r\n  }, []);\r\n\r\n  return observedValues;\r\n}\r\n","export function groupBy<T, K extends PropertyKey>(\r\n  items: readonly T[],\r\n  key: (item: T) => K,\r\n): Record<K, T[]> {\r\n  const result = {} as Record<K, T[]>;\r\n\r\n  for (const item of items) {\r\n    const k = key(item);\r\n    (result[k] ??= []).push(item);\r\n  }\r\n\r\n  return result;\r\n}\r\n","import { FieldPath } from \"@goodie-forms/core\";\r\nimport { groupBy } from \"../utils/groupBy\";\r\nimport { useEffect } from \"react\";\r\nimport { composeFns } from \"../utils/composeFns\";\r\nimport type { UseForm } from \"./useForm\";\r\nimport { useRenderControl } from \"./useRenderControl\";\r\n\r\n/** @deprecated */\r\nexport function useFormErrorObserver<\r\n  TOutput extends object,\r\n  TInclude extends FieldPath.Segments[] | undefined = undefined,\r\n>(\r\n  form: UseForm<TOutput>,\r\n  options?: {\r\n    include?: TInclude;\r\n  },\r\n) {\r\n  const renderControl = useRenderControl();\r\n\r\n  const observedIssues = form.controller._issues.filter((issue) => {\r\n    if (options?.include == null) return true;\r\n    const normalizedIssuePath = FieldPath.normalize(issue.path);\r\n    return options.include.some((path) =>\r\n      FieldPath.equals(path, normalizedIssuePath),\r\n    );\r\n  });\r\n\r\n  useEffect(() => {\r\n    const { events } = form.controller;\r\n\r\n    return composeFns(\r\n      events.on(\"fieldIssuesUpdated\", (path) => {\r\n        if (options?.include?.includes?.(path) ?? true) {\r\n          renderControl.forceRerender();\r\n        }\r\n      }),\r\n    );\r\n  }, []);\r\n\r\n  return groupBy(observedIssues, (issue) =>\r\n    issue.path == null\r\n      ? \"$\"\r\n      : FieldPath.toStringPath(FieldPath.normalize(issue.path)),\r\n  );\r\n}\r\n","import { FieldPath, FormField, NonnullFormField } from \"@goodie-forms/core\";\r\nimport { ChangeEvent, ReactNode, Ref, useEffect, useRef } from \"react\";\r\nimport { UseForm } from \"../hooks/useForm\";\r\nimport { useFormField } from \"../hooks/useFormField\";\r\nimport { composeFns } from \"../utils/composeFns\";\r\n\r\nexport interface RenderParams<TOutput extends object, TValue> {\r\n  fieldProps: {\r\n    ref: Ref<any | null>;\r\n\r\n    value: TValue | undefined;\r\n\r\n    onChange: (event: ChangeEvent<EventTarget> | TValue) => void;\r\n    onFocus: () => void;\r\n    onBlur: () => void;\r\n  };\r\n\r\n  field: undefined extends TValue\r\n    ? FormField<TOutput, TValue>\r\n    : NonnullFormField<TOutput, TValue>;\r\n\r\n  form: UseForm<TOutput>;\r\n}\r\n\r\ntype DefaultValueProps<TValue> = undefined extends TValue\r\n  ? { defaultValue?: TValue | (() => TValue) }\r\n  : { defaultValue: TValue | (() => TValue) };\r\n\r\nexport type FieldRendererProps<\r\n  TOutput extends object,\r\n  TPath extends FieldPath.Segments,\r\n> = {\r\n  form: UseForm<TOutput>;\r\n  path: TPath;\r\n  overrideInitialValue?: boolean;\r\n  unbindOnUnmount?: boolean;\r\n  render: (\r\n    params: RenderParams<TOutput, FieldPath.Resolve<TOutput, NoInfer<TPath>>>,\r\n  ) => ReactNode;\r\n} & DefaultValueProps<FieldPath.Resolve<TOutput, NoInfer<TPath>>>;\r\n\r\nexport function FieldRenderer<\r\n  TOutput extends object,\r\n  const TPath extends FieldPath.Segments,\r\n>(props: FieldRendererProps<TOutput, TPath>) {\r\n  type TValue = FieldPath.Resolve<TOutput, TPath>;\r\n\r\n  const elementRef = useRef<HTMLElement>(null);\r\n\r\n  const field = useFormField(props.form, props.path, {\r\n    overrideInitialValue: props.overrideInitialValue ?? true,\r\n    defaultValue:\r\n      typeof props.defaultValue === \"function\"\r\n        ? (props.defaultValue as any)()\r\n        : props.defaultValue,\r\n  })!;\r\n\r\n  const renderedJsx = props.render({\r\n    fieldProps: {\r\n      ref: elementRef,\r\n      value: field.value,\r\n      onChange(arg) {\r\n        let newValue: TValue;\r\n\r\n        if (\"target\" in arg) {\r\n          const { target } = arg;\r\n          if (target !== field.boundElement) return;\r\n          if (!(\"value\" in target)) return;\r\n          if (typeof target.value !== \"string\") return;\r\n          newValue = target.value as TValue;\r\n        } else {\r\n          newValue = arg;\r\n        }\r\n\r\n        field.setValue(newValue, {\r\n          shouldTouch: true,\r\n          shouldMarkDirty: true,\r\n        });\r\n      },\r\n      onFocus() {\r\n        field.touch();\r\n      },\r\n      onBlur() {\r\n        if (\r\n          props.form.hookConfigs?.validateMode === \"onBlur\" ||\r\n          props.form.hookConfigs?.validateMode === \"onChange\"\r\n        ) {\r\n          props.form.controller.validateField(props.path);\r\n        }\r\n      },\r\n    },\r\n    field: field as any,\r\n    form: props.form,\r\n  });\r\n\r\n  useEffect(() => {\r\n    const { events } = props.form.controller;\r\n\r\n    return composeFns(\r\n      events.on(\"valueChanged\", (_path) => {\r\n        if (\r\n          !FieldPath.equals(_path, props.path) &&\r\n          !FieldPath.isDescendant(_path, props.path)\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        if (props.form.hookConfigs?.validateMode === \"onChange\") {\r\n          props.form.controller.validateField(props.path);\r\n        }\r\n      }),\r\n    );\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    field.bindElement(elementRef.current!);\r\n\r\n    return () => {\r\n      if (props.unbindOnUnmount) {\r\n        props.form.controller.unbindField(props.path);\r\n      }\r\n    };\r\n  }, []);\r\n\r\n  return <>{renderedJsx}</>;\r\n}\r\n\r\n/* ---- TESTS ---------------- */\r\n\r\n// function TestComp() {\r\n//   const form = useForm<{ a?: { b: 99 } }>({});\r\n\r\n//   const jsx = (\r\n//     <>\r\n//       <FieldRenderer\r\n//         form={form}\r\n//         path={form.paths.fromProxy((data) => data.a.b)}\r\n//         defaultValue={() => 99 as const}\r\n//         render={({ fieldProps, field }) => {\r\n//           //            ^?\r\n//           return <input {...fieldProps} />;\r\n//         }}\r\n//       />\r\n\r\n//       {/* defaultField olmayabilir, çünkü \"a\" nullable */}\r\n//       <FieldRenderer\r\n//         form={form}\r\n//         path={form.paths.fromProxy((data) => data.a)}\r\n//         render={({ ref, value, handlers, field }) => {\r\n//           //            ^?\r\n//           return <></>;\r\n//         }}\r\n//       />\r\n\r\n//       <FieldRenderer\r\n//         form={form}\r\n//         path={form.paths.fromStringPath(\"a.b\")}\r\n//         defaultValue={() => 99 as const}\r\n//         render={({ ref, value, handlers, field }) => {\r\n//           //            ^?\r\n//           return <></>;\r\n//         }}\r\n//       />\r\n//     </>\r\n//   );\r\n// }\r\n"],"names":["useRenderControl","rerender","useState","renderCount","useRef","renderScheduled","scheduleRerender","startTransition","i","composeFns","fns","fn","useForm","formConfigs","hookConfigs","controller","FormController","paths","FieldPathBuilder","renderControl","useEffect","noop","useFormField","form","path","bindingConfig","field","setField","events","_path","FieldPath","changedPath","useFieldValue","value","fieldPath","useFieldErrors","issues","useFormValuesObserver","options","observedValues","data","groupBy","items","key","result","item","k","useFormErrorObserver","observedIssues","issue","normalizedIssuePath","FieldRenderer","props","elementRef","renderedJsx","arg","newValue","target"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/hooks/useRenderControl.tsx","../src/utils/composeFns.ts","../src/hooks/useForm.tsx","../src/hooks/useFormField.tsx","../src/hooks/useFieldValue.ts","../src/hooks/useFieldErrors.ts","../src/hooks/useFormValuesObserver.ts","../src/utils/groupBy.ts","../src/hooks/useFormErrorObserver.ts","../src/components/FieldRenderer.tsx"],"sourcesContent":["import { startTransition, useRef, useState } from \"react\";\r\n\r\nexport function useRenderControl() {\r\n  const [, rerender] = useState(0);\r\n  const renderCount = useRef(0);\r\n  const renderScheduled = useRef(false);\r\n  renderCount.current++;\r\n\r\n  const scheduleRerender = () => {\r\n    if (renderScheduled.current) return;\r\n    renderScheduled.current = true;\r\n\r\n    queueMicrotask(() => {\r\n      startTransition(() => {\r\n        rerender((i) => i + 1);\r\n      });\r\n\r\n      renderScheduled.current = false;\r\n    });\r\n  };\r\n\r\n  return {\r\n    renderCount: renderCount.current,\r\n    forceRerender: scheduleRerender,\r\n  };\r\n}\r\n","export function composeFns<TFns extends (() => void)[]>(...fns: TFns) {\r\n  return () => {\r\n    for (const fn of fns) {\r\n      fn();\r\n    }\r\n  };\r\n}\r\n","import { FieldPathBuilder, FormController } from \"@goodie-forms/core\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { useRenderControl } from \"../hooks/useRenderControl\";\r\nimport { composeFns } from \"../utils/composeFns\";\r\n\r\nexport function useForm<TOutput extends object>(\r\n  formConfigs: FormController.Configs<TOutput>,\r\n  hookConfigs?: {\r\n    validateMode?: \"onChange\" | \"onBlur\" | \"onSubmit\";\r\n    revalidateMode?: \"onChange\" | \"onBlur\" | \"onSubmit\";\r\n    watchIssues?: boolean;\r\n    watchValues?: boolean;\r\n  },\r\n) {\r\n  const [controller] = useState(() => new FormController(formConfigs));\r\n  const [paths] = useState(() => new FieldPathBuilder<TOutput>());\r\n\r\n  const renderControl = useRenderControl();\r\n\r\n  useEffect(() => {\r\n    const noop = () => {};\r\n\r\n    return composeFns(\r\n      controller.events.on(\"submissionStatusChange\", () => {\r\n        renderControl.forceRerender();\r\n      }),\r\n      hookConfigs?.watchIssues\r\n        ? controller.events.on(\"fieldIssuesUpdated\", () =>\r\n            renderControl.forceRerender(),\r\n          )\r\n        : noop,\r\n      hookConfigs?.watchValues\r\n        ? controller.events.on(\"valueChanged\", () =>\r\n            renderControl.forceRerender(),\r\n          )\r\n        : noop,\r\n    );\r\n  }, [controller]);\r\n\r\n  return {\r\n    formConfigs,\r\n    paths,\r\n    hookConfigs,\r\n    controller,\r\n  };\r\n}\r\n\r\nexport type UseForm<TOutput extends object> = ReturnType<\r\n  typeof useForm<TOutput>\r\n>;\r\n","import { FieldPath } from \"@goodie-forms/core\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { UseForm } from \"../hooks/useForm\";\r\nimport { useRenderControl } from \"../hooks/useRenderControl\";\r\nimport { composeFns } from \"../utils/composeFns\";\r\n\r\nexport function useFormField<\r\n  TOutput extends object,\r\n  TPath extends FieldPath.Segments,\r\n>(\r\n  form: UseForm<TOutput>,\r\n  path: TPath,\r\n  bindingConfig?: Parameters<typeof form.controller.bindField<TPath>>[1],\r\n) {\r\n  const renderControl = useRenderControl();\r\n\r\n  const [field, setField] = useState(() => {\r\n    let field = form.controller.getField(path);\r\n    if (field == null && bindingConfig != null) {\r\n      field = form.controller.bindField(path, bindingConfig);\r\n    }\r\n    return field;\r\n  });\r\n\r\n  useEffect(() => {\r\n    const { events } = form.controller;\r\n\r\n    setField(form.controller.getField(path));\r\n\r\n    return composeFns(\r\n      events.on(\"fieldBound\", (_path) => {\r\n        if (!FieldPath.equals(_path, path)) return;\r\n        setField(form.controller.getField(path));\r\n      }),\r\n      events.on(\"fieldUnbound\", (_path) => {\r\n        if (!FieldPath.equals(_path, path)) return;\r\n        setField(undefined);\r\n      }),\r\n      events.on(\"valueChanged\", (changedPath) => {\r\n        if (\r\n          FieldPath.equals(changedPath, path) ||\r\n          FieldPath.isDescendant(changedPath, path)\r\n        ) {\r\n          renderControl.forceRerender();\r\n        }\r\n      }),\r\n      events.on(\"fieldTouchUpdated\", (_path) => {\r\n        if (!FieldPath.equals(_path, path)) return;\r\n        renderControl.forceRerender();\r\n      }),\r\n      events.on(\"fieldDirtyUpdated\", (_path) => {\r\n        if (!FieldPath.equals(_path, path)) return;\r\n        renderControl.forceRerender();\r\n      }),\r\n      events.on(\"fieldIssuesUpdated\", (_path) => {\r\n        if (!FieldPath.equals(_path, path)) return;\r\n        renderControl.forceRerender();\r\n      }),\r\n    );\r\n  }, []);\r\n\r\n  return field;\r\n}\r\n","import { FieldPath } from \"@goodie-forms/core\";\r\nimport { useEffect } from \"react\";\r\nimport { UseForm } from \"../hooks/useForm\";\r\nimport { useRenderControl } from \"../hooks/useRenderControl\";\r\nimport { composeFns } from \"../utils/composeFns\";\r\n\r\nexport function useFieldValue<\r\n  TOutput extends object,\r\n  TPath extends FieldPath.Segments,\r\n>(form: UseForm<TOutput>, path: TPath) {\r\n  const renderControl = useRenderControl();\r\n\r\n  const value = form.controller.getField(path)?.value;\r\n\r\n  useEffect(() => {\r\n    return composeFns(\r\n      form.controller.events.on(\"fieldBound\", (fieldPath) => {\r\n        if (FieldPath.equals(path, fieldPath)) {\r\n          renderControl.forceRerender();\r\n        }\r\n      }),\r\n      form.controller.events.on(\"valueChanged\", (fieldPath) => {\r\n        if (FieldPath.equals(path, fieldPath)) {\r\n          renderControl.forceRerender();\r\n        }\r\n      }),\r\n    );\r\n  }, []);\r\n\r\n  return value;\r\n}\r\n","import { FieldPath } from \"@goodie-forms/core\";\r\nimport { useEffect } from \"react\";\r\nimport { UseForm } from \"../hooks/useForm\";\r\nimport { useRenderControl } from \"../hooks/useRenderControl\";\r\nimport { composeFns } from \"../utils/composeFns\";\r\n\r\nexport function useFieldErrors<\r\n  TOutput extends object,\r\n  TPath extends FieldPath.Segments,\r\n>(form: UseForm<TOutput>, path: TPath) {\r\n  const renderControl = useRenderControl();\r\n\r\n  const issues = form.controller.getField(path)?.issues;\r\n\r\n  useEffect(() => {\r\n    return composeFns(\r\n      form.controller.events.on(\"fieldBound\", (fieldPath) => {\r\n        if (FieldPath.equals(path, fieldPath)) {\r\n          renderControl.forceRerender();\r\n        }\r\n      }),\r\n      form.controller.events.on(\"fieldIssuesUpdated\", (fieldPath) => {\r\n        if (FieldPath.equals(path, fieldPath)) {\r\n          renderControl.forceRerender();\r\n        }\r\n      }),\r\n    );\r\n  }, []);\r\n\r\n  return issues;\r\n}\r\n","import { FieldPath } from \"@goodie-forms/core\";\r\nimport { useEffect } from \"react\";\r\nimport { composeFns } from \"../utils/composeFns\";\r\nimport type { UseForm } from \"./useForm\";\r\nimport { useRenderControl } from \"./useRenderControl\";\r\n\r\n/** @deprecated */\r\nexport function useFormValuesObserver<\r\n  TOutput extends object,\r\n  TPaths extends FieldPath.Segments[] | undefined = undefined,\r\n>(\r\n  form: UseForm<TOutput>,\r\n  options?: {\r\n    include?: TPaths;\r\n  },\r\n) {\r\n  const renderControl = useRenderControl();\r\n\r\n  const observedValues =\r\n    options?.include == null\r\n      ? form.controller._data\r\n      : options.include.reduce((data, path) => {\r\n          const value = FieldPath.getValue(\r\n            form.controller._data as TOutput,\r\n            path,\r\n          )!;\r\n          FieldPath.setValue(data, path, value);\r\n          return data;\r\n        }, {} as TOutput);\r\n\r\n  useEffect(() => {\r\n    const { events } = form.controller;\r\n\r\n    return composeFns(\r\n      events.on(\"valueChanged\", (changedPath) => {\r\n        const watchingChange =\r\n          options?.include == null\r\n            ? true\r\n            : options.include.some(\r\n                (path) =>\r\n                  FieldPath.equals(path, changedPath) ||\r\n                  FieldPath.isDescendant(path, changedPath),\r\n              );\r\n        if (watchingChange) renderControl.forceRerender();\r\n      }),\r\n    );\r\n  }, []);\r\n\r\n  return observedValues;\r\n}\r\n","export function groupBy<T, K extends PropertyKey>(\r\n  items: readonly T[],\r\n  key: (item: T) => K,\r\n): Record<K, T[]> {\r\n  const result = {} as Record<K, T[]>;\r\n\r\n  for (const item of items) {\r\n    const k = key(item);\r\n    (result[k] ??= []).push(item);\r\n  }\r\n\r\n  return result;\r\n}\r\n","import { FieldPath } from \"@goodie-forms/core\";\r\nimport { groupBy } from \"../utils/groupBy\";\r\nimport { useEffect } from \"react\";\r\nimport { composeFns } from \"../utils/composeFns\";\r\nimport type { UseForm } from \"./useForm\";\r\nimport { useRenderControl } from \"./useRenderControl\";\r\n\r\n/** @deprecated */\r\nexport function useFormErrorObserver<\r\n  TOutput extends object,\r\n  TInclude extends FieldPath.Segments[] | undefined = undefined,\r\n>(\r\n  form: UseForm<TOutput>,\r\n  options?: {\r\n    include?: TInclude;\r\n  },\r\n) {\r\n  const renderControl = useRenderControl();\r\n\r\n  const observedIssues = form.controller._issues.filter((issue) => {\r\n    if (options?.include == null) return true;\r\n    const normalizedIssuePath = FieldPath.normalize(issue.path);\r\n    return options.include.some((path) =>\r\n      FieldPath.equals(path, normalizedIssuePath),\r\n    );\r\n  });\r\n\r\n  useEffect(() => {\r\n    const { events } = form.controller;\r\n\r\n    return composeFns(\r\n      events.on(\"fieldIssuesUpdated\", (path) => {\r\n        if (options?.include?.includes?.(path) ?? true) {\r\n          renderControl.forceRerender();\r\n        }\r\n      }),\r\n    );\r\n  }, []);\r\n\r\n  return groupBy(observedIssues, (issue) =>\r\n    issue.path == null\r\n      ? \"$\"\r\n      : FieldPath.toStringPath(FieldPath.normalize(issue.path)),\r\n  );\r\n}\r\n","import { FieldPath, FormField, NonnullFormField } from \"@goodie-forms/core\";\r\nimport { ChangeEvent, ReactNode, Ref, useEffect, useRef } from \"react\";\r\nimport { UseForm } from \"../hooks/useForm\";\r\nimport { useFormField } from \"../hooks/useFormField\";\r\nimport { composeFns } from \"../utils/composeFns\";\r\n\r\nexport interface RenderParams<TOutput extends object, TValue> {\r\n  fieldProps: {\r\n    ref: Ref<any | null>;\r\n\r\n    value: TValue | undefined;\r\n\r\n    onChange: (event: ChangeEvent<EventTarget> | TValue) => void;\r\n    onFocus: () => void;\r\n    onBlur: () => void;\r\n  };\r\n\r\n  field: undefined extends TValue\r\n    ? FormField<TOutput, TValue>\r\n    : NonnullFormField<TOutput, TValue>;\r\n\r\n  form: UseForm<TOutput>;\r\n}\r\n\r\ntype DefaultValueProps<TValue> = undefined extends TValue\r\n  ? { defaultValue?: TValue | (() => TValue) }\r\n  : { defaultValue: TValue | (() => TValue) };\r\n\r\nexport type FieldRendererProps<\r\n  TOutput extends object,\r\n  TPath extends FieldPath.Segments,\r\n> = {\r\n  form: UseForm<TOutput>;\r\n  path: TPath;\r\n  overrideInitialValue?: boolean;\r\n  unbindOnUnmount?: boolean;\r\n  render: (\r\n    params: RenderParams<TOutput, FieldPath.Resolve<TOutput, NoInfer<TPath>>>,\r\n  ) => ReactNode;\r\n} & DefaultValueProps<FieldPath.Resolve<TOutput, NoInfer<TPath>>>;\r\n\r\nexport function FieldRenderer<\r\n  TOutput extends object,\r\n  const TPath extends FieldPath.Segments,\r\n>(props: FieldRendererProps<TOutput, TPath>) {\r\n  type TValue = FieldPath.Resolve<TOutput, TPath>;\r\n\r\n  const elementRef = useRef<HTMLElement>(null);\r\n\r\n  const field = useFormField(props.form, props.path, {\r\n    overrideInitialValue: props.overrideInitialValue ?? true,\r\n    defaultValue:\r\n      typeof props.defaultValue === \"function\"\r\n        ? (props.defaultValue as any)()\r\n        : props.defaultValue,\r\n  })!;\r\n\r\n  const renderedJsx = props.render({\r\n    fieldProps: {\r\n      ref: elementRef,\r\n      value: field.value,\r\n      onChange(arg) {\r\n        let newValue: TValue;\r\n\r\n        if (typeof arg === \"object\" && \"target\" in arg) {\r\n          const { target } = arg;\r\n          if (target !== field.boundElement) return;\r\n          if (!(\"value\" in target)) return;\r\n          if (typeof target.value !== \"string\") return;\r\n          newValue = target.value as TValue;\r\n        } else {\r\n          newValue = arg;\r\n        }\r\n\r\n        field.setValue(newValue, {\r\n          shouldTouch: true,\r\n          shouldMarkDirty: true,\r\n        });\r\n      },\r\n      onFocus() {\r\n        field.touch();\r\n      },\r\n      onBlur() {\r\n        if (\r\n          props.form.hookConfigs?.validateMode === \"onBlur\" ||\r\n          props.form.hookConfigs?.validateMode === \"onChange\"\r\n        ) {\r\n          props.form.controller.validateField(props.path);\r\n        }\r\n      },\r\n    },\r\n    field: field as any,\r\n    form: props.form,\r\n  });\r\n\r\n  useEffect(() => {\r\n    const { events } = props.form.controller;\r\n\r\n    return composeFns(\r\n      events.on(\"valueChanged\", (_path) => {\r\n        if (\r\n          !FieldPath.equals(_path, props.path) &&\r\n          !FieldPath.isDescendant(_path, props.path)\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        if (props.form.hookConfigs?.validateMode === \"onChange\") {\r\n          props.form.controller.validateField(props.path);\r\n        }\r\n      }),\r\n    );\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    field.bindElement(elementRef.current!);\r\n\r\n    return () => {\r\n      if (props.unbindOnUnmount) {\r\n        props.form.controller.unbindField(props.path);\r\n      }\r\n    };\r\n  }, []);\r\n\r\n  return <>{renderedJsx}</>;\r\n}\r\n\r\n/* ---- TESTS ---------------- */\r\n\r\n// function TestComp() {\r\n//   const form = useForm<{ a?: { b: 99 } }>({});\r\n\r\n//   const jsx = (\r\n//     <>\r\n//       <FieldRenderer\r\n//         form={form}\r\n//         path={form.paths.fromProxy((data) => data.a.b)}\r\n//         defaultValue={() => 99 as const}\r\n//         render={({ fieldProps, field }) => {\r\n//           //            ^?\r\n//           return <input {...fieldProps} />;\r\n//         }}\r\n//       />\r\n\r\n//       {/* defaultField olmayabilir, çünkü \"a\" nullable */}\r\n//       <FieldRenderer\r\n//         form={form}\r\n//         path={form.paths.fromProxy((data) => data.a)}\r\n//         render={({ ref, value, handlers, field }) => {\r\n//           //            ^?\r\n//           return <></>;\r\n//         }}\r\n//       />\r\n\r\n//       <FieldRenderer\r\n//         form={form}\r\n//         path={form.paths.fromStringPath(\"a.b\")}\r\n//         defaultValue={() => 99 as const}\r\n//         render={({ ref, value, handlers, field }) => {\r\n//           //            ^?\r\n//           return <></>;\r\n//         }}\r\n//       />\r\n//     </>\r\n//   );\r\n// }\r\n"],"names":["useRenderControl","rerender","useState","renderCount","useRef","renderScheduled","scheduleRerender","startTransition","i","composeFns","fns","fn","useForm","formConfigs","hookConfigs","controller","FormController","paths","FieldPathBuilder","renderControl","useEffect","noop","useFormField","form","path","bindingConfig","field","setField","events","_path","FieldPath","changedPath","useFieldValue","value","fieldPath","useFieldErrors","issues","useFormValuesObserver","options","observedValues","data","groupBy","items","key","result","item","k","useFormErrorObserver","observedIssues","issue","normalizedIssuePath","FieldRenderer","props","elementRef","renderedJsx","arg","newValue","target"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodie-forms/react",
-  "version": "1.2.4-alpha",
+  "version": "1.2.5-alpha",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,7 +18,7 @@
     "react-dom": "^18 || ^19"
   },
   "dependencies": {
-    "@goodie-forms/core": "1.2.4-alpha"
+    "@goodie-forms/core": "1.2.5-alpha"
   },
   "devDependencies": {
     "@types/react": "^19.2.9",

package/src/components/FieldRenderer.tsx

@@ -62,7 +62,7 @@ export function FieldRenderer<
       onChange(arg) {
         let newValue: TValue;
 
-        if ("target" in arg) {
+        if (typeof arg === "object" && "target" in arg) {
           const { target } = arg;
           if (target !== field.boundElement) return;
           if (!("value" in target)) return;