@goodie-forms/react 1.2.5-alpha → 1.3.0

package/README.md

@@ -0,0 +1,61 @@
+<!-- Logo -->
+<p align="center">
+  <img src="https://raw.githubusercontent.com/iGoodie/goodie-forms/master/.github/assets/logo.svg" height="200px" alt="Logo"/>
+</p>
+
+<!-- Slogan -->
+<p align="center">
+   An unopinionated modern form state and data management library
+</p>
+<!-- Badges -->
+<p align="center">
+
+  <!-- Main Badges -->
+  <img src="https://raw.githubusercontent.com/iGoodie/paper-editor/master/.github/assets/main-badge.svg" height="20px"/>
+  <a href="https://www.npmjs.com/package/@goodie-forms/react">
+    <img src="https://img.shields.io/npm/v/@goodie-forms/react"/>
+  </a>
+  <a href="https://github.com/iGoodie/goodie-forms/tags">
+    <img src="https://img.shields.io/github/v/tag/iGoodie/goodie-forms"/>
+  </a>
+  <a href="https://github.com/iGoodie/goodie-forms">
+    <img src="https://img.shields.io/github/languages/top/iGoodie/goodie-forms"/>
+  </a>
+
+  <br/>
+
+  <!-- Github Badges -->
+  <img src="https://raw.githubusercontent.com/iGoodie/paper-editor/master/.github/assets/github-badge.svg" height="20px"/>
+  <a href="https://github.com/iGoodie/goodie-forms/commits/master">
+    <img src="https://img.shields.io/github/last-commit/iGoodie/goodie-forms"/>
+  </a>
+  <a href="https://github.com/iGoodie/goodie-forms/issues">
+    <img src="https://img.shields.io/github/issues/iGoodie/goodie-forms"/>
+  </a>
+  <a href="https://github.com/iGoodie/goodie-forms/tree/master/src">
+    <img src="https://img.shields.io/github/languages/code-size/iGoodie/goodie-forms"/>
+  </a>
+
+  <br/>
+
+  <!-- Support Badges -->
+  <img src="https://raw.githubusercontent.com/iGoodie/paper-editor/master/.github/assets/support-badge.svg" height="20px"/>
+  <a href="https://discord.gg/KNxxdvN">
+    <img src="https://img.shields.io/discord/610497509437210624?label=discord"/>
+  </a>
+  <a href="https://www.patreon.com/iGoodie">
+    <img src="https://img.shields.io/endpoint.svg?url=https%3A%2F%2Fshieldsio-patreon.vercel.app%2Fapi%3Fusername%3DiGoodie%26type%3Dpatrons"/>
+  </a>
+</p>
+
+# Description
+
+React package of Goodie Forms.
+
+## License
+
+&copy; 2026 Taha Anılcan Metinyurt (iGoodie)
+
+For any part of this work for which the license is applicable, this work is licensed under the [Attribution-ShareAlike 4.0 International](http://creativecommons.org/licenses/by-sa/4.0/) license. (See LICENSE).
+
+<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a>

package/dist/components/FieldRenderer.d.ts

@@ -1,29 +1,25 @@
-import { FieldPath, FormField, NonnullFormField } from '../../../core/src';
+import { DeepReadonly, FieldPath, FormField, Suppliable } from '../../../core/src';
 import { ChangeEvent, ReactNode, Ref } from 'react';
 import { UseForm } from '../hooks/useForm';
 export interface RenderParams<TOutput extends object, TValue> {
     fieldProps: {
         ref: Ref<any | null>;
-        value: TValue | undefined;
+        name: string;
+        value: DeepReadonly<TValue> | undefined;
         onChange: (event: ChangeEvent<EventTarget> | TValue) => void;
         onFocus: () => void;
         onBlur: () => void;
     };
-    field: undefined extends TValue ? FormField<TOutput, TValue> : NonnullFormField<TOutput, TValue>;
+    field: FormField<TOutput, TValue>;
     form: UseForm<TOutput>;
 }
-type DefaultValueProps<TValue> = undefined extends TValue ? {
-    defaultValue?: TValue | (() => TValue);
-} : {
-    defaultValue: TValue | (() => TValue);
-};
-export type FieldRendererProps<TOutput extends object, TPath extends FieldPath.Segments> = {
+export interface FieldRendererProps<TOutput extends object, TPath extends FieldPath.Segments> {
     form: UseForm<TOutput>;
     path: TPath;
+    defaultValue?: Suppliable<FieldPath.Resolve<TOutput, TPath>>;
     overrideInitialValue?: boolean;
-    unbindOnUnmount?: boolean;
-    render: (params: RenderParams<TOutput, FieldPath.Resolve<TOutput, NoInfer<TPath>>>) => ReactNode;
-} & DefaultValueProps<FieldPath.Resolve<TOutput, NoInfer<TPath>>>;
+    unregisterOnUnmount?: boolean;
+    render: (params: RenderParams<TOutput, FieldPath.Resolve<TOutput, TPath>>) => ReactNode;
+}
 export declare function FieldRenderer<TOutput extends object, const TPath extends FieldPath.Segments>(props: FieldRendererProps<TOutput, TPath>): import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=FieldRenderer.d.ts.map

package/dist/components/FieldRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldRenderer.d.ts","sourceRoot":"","sources":["../../src/components/FieldRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,EAAqB,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAI3C,MAAM,WAAW,YAAY,CAAC,OAAO,SAAS,MAAM,EAAE,MAAM;IAC1D,UAAU,EAAE;QACV,GAAG,EAAE,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;QAErB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;QAE1B,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,GAAG,MAAM,KAAK,IAAI,CAAC;QAC7D,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,MAAM,EAAE,MAAM,IAAI,CAAC;KACpB,CAAC;IAEF,KAAK,EAAE,SAAS,SAAS,MAAM,GAC3B,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,GAC1B,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAEtC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;CACxB;AAED,KAAK,iBAAiB,CAAC,MAAM,IAAI,SAAS,SAAS,MAAM,GACrD;IAAE,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAA;CAAE,GAC1C;IAAE,YAAY,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAA;CAAE,CAAC;AAE9C,MAAM,MAAM,kBAAkB,CAC5B,OAAO,SAAS,MAAM,EACtB,KAAK,SAAS,SAAS,CAAC,QAAQ,IAC9B;IACF,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IACvB,IAAI,EAAE,KAAK,CAAC;IACZ,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,EAAE,CACN,MAAM,EAAE,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,KACtE,SAAS,CAAC;CAChB,GAAG,iBAAiB,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAElE,wBAAgB,aAAa,CAC3B,OAAO,SAAS,MAAM,EACtB,KAAK,CAAC,KAAK,SAAS,SAAS,CAAC,QAAQ,EACtC,KAAK,EAAE,kBAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,2CAiF1C"}
+{"version":3,"file":"FieldRenderer.d.ts","sourceRoot":"","sources":["../../src/components/FieldRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,SAAS,EACT,SAAS,EACT,UAAU,EACX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,EAAqB,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAI3C,MAAM,WAAW,YAAY,CAAC,OAAO,SAAS,MAAM,EAAE,MAAM;IAC1D,UAAU,EAAE;QACV,GAAG,EAAE,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;QAErB,IAAI,EAAE,MAAM,CAAC;QAEb,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;QAExC,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,GAAG,MAAM,KAAK,IAAI,CAAC;QAC7D,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,MAAM,EAAE,MAAM,IAAI,CAAC;KACpB,CAAC;IAEF,KAAK,EAAE,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAElC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB,CACjC,OAAO,SAAS,MAAM,EACtB,KAAK,SAAS,SAAS,CAAC,QAAQ;IAEhC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IACvB,IAAI,EAAE,KAAK,CAAC;IACZ,YAAY,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAC7D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,MAAM,EAAE,CACN,MAAM,EAAE,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,KAC7D,SAAS,CAAC;CAChB;AAED,wBAAgB,aAAa,CAC3B,OAAO,SAAS,MAAM,EACtB,KAAK,CAAC,KAAK,SAAS,SAAS,CAAC,QAAQ,EACtC,KAAK,EAAE,kBAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,2CAqF1C"}

package/dist/hooks/useFieldIssues.d.ts

@@ -0,0 +1,4 @@
+import { FieldPath } from '../../../core/src';
+import { UseForm } from './useForm';
+export declare function useFieldIssues<TOutput extends object, TPath extends FieldPath.Segments>(form: UseForm<TOutput>, path: TPath): import("@standard-schema/spec").StandardSchemaV1.Issue[];
+//# sourceMappingURL=useFieldIssues.d.ts.map

package/dist/hooks/useFieldIssues.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldIssues.d.ts","sourceRoot":"","sources":["../../src/hooks/useFieldIssues.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,wBAAgB,cAAc,CAC5B,OAAO,SAAS,MAAM,EACtB,KAAK,SAAS,SAAS,CAAC,QAAQ,EAChC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,4DAiCpC"}

package/dist/hooks/useFieldValue.d.ts

@@ -1,4 +1,4 @@
 import { FieldPath } from '../../../core/src';
 import { UseForm } from '../hooks/useForm';
-export declare function useFieldValue<TOutput extends object, TPath extends FieldPath.Segments>(form: UseForm<TOutput>, path: TPath): FieldPath.Resolve<TOutput, TPath> | undefined;
+export declare function useFieldValue<TOutput extends object, TPath extends FieldPath.Segments>(form: UseForm<TOutput>, path: TPath): import('../../../core/src').DeepReadonly<FieldPath.Resolve<TOutput, TPath>> | undefined;
 //# sourceMappingURL=useFieldValue.d.ts.map

package/dist/hooks/useFieldValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFieldValue.d.ts","sourceRoot":"","sources":["../../src/hooks/useFieldValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAI3C,wBAAgB,aAAa,CAC3B,OAAO,SAAS,MAAM,EACtB,KAAK,SAAS,SAAS,CAAC,QAAQ,EAChC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,iDAqBpC"}
+{"version":3,"file":"useFieldValue.d.ts","sourceRoot":"","sources":["../../src/hooks/useFieldValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAG3C,wBAAgB,aAAa,CAC3B,OAAO,SAAS,MAAM,EACtB,KAAK,SAAS,SAAS,CAAC,QAAQ,EAChC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,4FAoCpC"}

package/dist/hooks/useForm.d.ts

@@ -1,19 +1,31 @@
-import { FieldPathBuilder, FormController } from '../../../core/src';
+import { FormController } from '../../../core/src';
 export declare function useForm<TOutput extends object>(formConfigs: FormController.Configs<TOutput>, hookConfigs?: {
     validateMode?: "onChange" | "onBlur" | "onSubmit";
     revalidateMode?: "onChange" | "onBlur" | "onSubmit";
-    watchIssues?: boolean;
-    watchValues?: boolean;
 }): {
     formConfigs: FormController.Configs<TOutput>;
-    paths: FieldPathBuilder<TOutput>;
     hookConfigs: {
         validateMode?: "onChange" | "onBlur" | "onSubmit";
         revalidateMode?: "onChange" | "onBlur" | "onSubmit";
-        watchIssues?: boolean;
-        watchValues?: boolean;
     } | undefined;
     controller: FormController<TOutput>;
+    path: import('../../../core/src').FieldPathBuilder<TOutput>;
+    watchValues: () => import('../../../core/src').DeepReadonly<import('../../../core/src').DeepPartial<TOutput>>;
+    watchIssues: () => readonly import("@standard-schema/spec").StandardSchemaV1.Issue[];
+    watchEvent: <E extends "fieldTouchUpdated" | "submissionStatusChange" | "validationStatusChange" | "fieldRegistered" | "fieldUnregistered" | "fieldDirtyUpdated" | "fieldIssuesUpdated" | "fieldReset" | "elementBound" | "elementUnbound" | "fieldValidationTriggered" | "fieldValueChanged">(eventName: E, listener?: NonNullable<Partial<{
+        submissionStatusChange: ((isSubmitting: boolean) => void)[];
+        validationStatusChange: ((isValidating: boolean) => void)[];
+        fieldRegistered: ((fieldPath: import("@goodie-forms/core").FieldPath.Segments) => void)[];
+        fieldUnregistered: ((fieldPath: import("@goodie-forms/core").FieldPath.Segments) => void)[];
+        fieldTouchUpdated: ((path: import("@goodie-forms/core").FieldPath.Segments) => void)[];
+        fieldDirtyUpdated: ((path: import("@goodie-forms/core").FieldPath.Segments) => void)[];
+        fieldIssuesUpdated: ((fieldPath: import("@goodie-forms/core").FieldPath.Segments) => void)[];
+        fieldReset: ((fieldPath: import("@goodie-forms/core").FieldPath.Segments) => void)[];
+        elementBound: ((fieldPath: import("@goodie-forms/core").FieldPath.Segments, el: HTMLElement) => void)[];
+        elementUnbound: ((fieldPath: import("@goodie-forms/core").FieldPath.Segments) => void)[];
+        fieldValidationTriggered: ((fieldPath: import("@goodie-forms/core").FieldPath.Segments) => void)[];
+        fieldValueChanged: ((fieldPath: import("@goodie-forms/core").FieldPath.Segments, newValue: {} | undefined, oldValue: {} | undefined) => void)[];
+    }>[E]>[number]) => undefined;
 };
 export type UseForm<TOutput extends object> = ReturnType<typeof useForm<TOutput>>;
 //# sourceMappingURL=useForm.d.ts.map

package/dist/hooks/useForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../../src/hooks/useForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAKtE,wBAAgB,OAAO,CAAC,OAAO,SAAS,MAAM,EAC5C,WAAW,EAAE,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,EAC5C,WAAW,CAAC,EAAE;IACZ,YAAY,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;IAClD,cAAc,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;;;;uBAJgB,UAAU,GAAG,QAAQ,GAAG,UAAU;yBAChC,UAAU,GAAG,QAAQ,GAAG,UAAU;sBACrC,OAAO;sBACP,OAAO;;;EAkCxB;AAED,MAAM,MAAM,OAAO,CAAC,OAAO,SAAS,MAAM,IAAI,UAAU,CACtD,OAAO,OAAO,CAAC,OAAO,CAAC,CACxB,CAAC"}
+{"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../../src/hooks/useForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAIpD,wBAAgB,OAAO,CAAC,OAAO,SAAS,MAAM,EAC5C,WAAW,EAAE,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,EAC5C,WAAW,CAAC,EAAE;IACZ,YAAY,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;IAClD,cAAc,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;CACrD;;;uBAFgB,UAAU,GAAG,QAAQ,GAAG,UAAU;yBAChC,UAAU,GAAG,QAAQ,GAAG,UAAU;;;;;;iBAgC9B,CAAC,4RACX,CAAC,aACD,WAAW;;;;;;;;;;;;;UAAsC,CAAC,MAAM,CAAC;EAqBvE;AAED,MAAM,MAAM,OAAO,CAAC,OAAO,SAAS,MAAM,IAAI,UAAU,CACtD,OAAO,OAAO,CAAC,OAAO,CAAC,CACxB,CAAC"}

package/dist/hooks/useFormField.d.ts

@@ -1,4 +1,5 @@
-import { FieldPath } from '../../../core/src';
+import { FieldPath, FormField } from '../../../core/src';
 import { UseForm } from '../hooks/useForm';
-export declare function useFormField<TOutput extends object, TPath extends FieldPath.Segments>(form: UseForm<TOutput>, path: TPath, bindingConfig?: Parameters<typeof form.controller.bindField<TPath>>[1]): import('../../../core/src').FormField<TOutput, FieldPath.Resolve<TOutput, TPath>> | undefined;
+export declare function useFormField<TOutput extends object, TPath extends FieldPath.Segments>(form: UseForm<TOutput>, path: TPath): FormField<TOutput, FieldPath.Resolve<TOutput, TPath>> | undefined;
+export declare function useFormField<TOutput extends object, TPath extends FieldPath.Segments>(form: UseForm<TOutput>, path: TPath, registerConfig: Parameters<typeof form.controller.registerField<TPath>>[1]): FormField<TOutput, FieldPath.Resolve<TOutput, TPath>>;
 //# sourceMappingURL=useFormField.d.ts.map

package/dist/hooks/useFormField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFormField.d.ts","sourceRoot":"","sources":["../../src/hooks/useFormField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAI3C,wBAAgB,YAAY,CAC1B,OAAO,SAAS,MAAM,EACtB,KAAK,SAAS,SAAS,CAAC,QAAQ,EAEhC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EACtB,IAAI,EAAE,KAAK,EACX,aAAa,CAAC,EAAE,UAAU,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,kGAkDvE"}
+{"version":3,"file":"useFormField.d.ts","sourceRoot":"","sources":["../../src/hooks/useFormField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAI3C,wBAAgB,YAAY,CAC1B,OAAO,SAAS,MAAM,EACtB,KAAK,SAAS,SAAS,CAAC,QAAQ,EAEhC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EACtB,IAAI,EAAE,KAAK,GACV,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,GAAG,SAAS,CAAC;AAErE,wBAAgB,YAAY,CAC1B,OAAO,SAAS,MAAM,EACtB,KAAK,SAAS,SAAS,CAAC,QAAQ,EAEhC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EACtB,IAAI,EAAE,KAAK,EACX,cAAc,EAAE,UAAU,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GACzE,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC"}

package/dist/hooks/useSyncMutableStore.d.ts

@@ -0,0 +1,2 @@
+export declare function useSyncMutableStore<T>(subscribe: (onVersionChange: () => void) => () => void, getValue: () => T): T;
+//# sourceMappingURL=useSyncMutableStore.d.ts.map

package/dist/hooks/useSyncMutableStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSyncMutableStore.d.ts","sourceRoot":"","sources":["../../src/hooks/useSyncMutableStore.ts"],"names":[],"mappings":"AAEA,wBAAgB,mBAAmB,CAAC,CAAC,EACnC,SAAS,EAAE,CAAC,eAAe,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,EACtD,QAAQ,EAAE,MAAM,CAAC,KAqBlB"}

package/dist/index.d.ts

@@ -1,9 +1,6 @@
 export * from './hooks/useForm';
 export * from './hooks/useFormField';
 export * from './hooks/useFieldValue';
-export * from './hooks/useFieldErrors';
-export * from './hooks/useFormValuesObserver';
-export * from './hooks/useFormErrorObserver';
-export * from './hooks/useRenderControl';
+export * from './hooks/useFieldIssues';
 export * from './components/FieldRenderer';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AAEzC,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,4BAA4B,CAAC"}

package/dist/index.js

@@ -1,200 +1,171 @@
-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 R, Fragment as g } from "react/jsx-runtime";
-function a() {
-  const [, e] = f(0), n = v(0), t = v(!1);
-  n.current++;
-  const o = () => {
-    t.current || (t.current = !0, queueMicrotask(() => {
-      C(() => {
-        e((r) => r + 1);
-      }), t.current = !1;
-    }));
-  };
+import { FormController as V, FieldPath as i } from "@goodie-forms/core";
+import { useRef as v, useCallback as d, useSyncExternalStore as f, useState as g, useEffect as m } from "react";
+import { jsx as U, Fragment as I } from "react/jsx-runtime";
+function a(u, n) {
+  const e = v(0), l = d(
+    (r) => u(() => {
+      e.current++, r();
+    }),
+    [u]
+  ), o = d(() => e.current, []);
+  return f(l, o, o), n();
+}
+function M(u, n) {
+  const [e] = g(() => new V(u)), l = d(
+    (t) => e.events.on("submissionStatusChange", t),
+    [e]
+  );
+  a(l, () => e);
+  const o = () => f(
+    (t) => e.events.on("fieldValueChanged", t),
+    () => e.data,
+    () => e.data
+  ), r = () => f(
+    (t) => e.events.on("fieldIssuesUpdated", t),
+    () => e.issues,
+    () => e.issues
+  ), s = (t, F) => a(
+    (b) => e.events.on(t, (...q) => {
+      F?.(...q), b();
+    }),
+    () => {
+    }
+  );
   return {
-    renderCount: n.current,
-    forceRerender: o
+    formConfigs: u,
+    hookConfigs: n,
+    controller: e,
+    path: e.path,
+    watchValues: o,
+    watchIssues: r,
+    watchEvent: s
   };
 }
-function i(...e) {
+function c(...u) {
   return () => {
-    for (const n of e)
+    for (const n of u)
       n();
   };
 }
-function U(e, n) {
-  const [t] = f(() => new F(e)), [o] = f(() => new m()), r = a();
-  return c(() => {
-    const l = () => {
-    };
-    return i(
-      t.events.on("submissionStatusChange", () => {
-        r.forceRerender();
-      }),
-      n?.watchIssues ? t.events.on(
-        "fieldIssuesUpdated",
-        () => r.forceRerender()
-      ) : l,
-      n?.watchValues ? t.events.on(
-        "valueChanged",
-        () => r.forceRerender()
-      ) : l
-    );
-  }, [t]), {
-    formConfigs: e,
-    paths: o,
-    hookConfigs: n,
-    controller: t
-  };
-}
-function h(e, n, t) {
-  const o = a(), [r, l] = f(() => {
-    let d = e.controller.getField(n);
-    return d == null && t != null && (d = e.controller.bindField(n, t)), d;
-  });
-  return c(() => {
-    const { events: d } = e.controller;
-    return l(e.controller.getField(n)), i(
-      d.on("fieldBound", (s) => {
-        u.equals(s, n) && l(e.controller.getField(n));
-      }),
-      d.on("fieldUnbound", (s) => {
-        u.equals(s, n) && l(void 0);
-      }),
-      d.on("valueChanged", (s) => {
-        (u.equals(s, n) || u.isDescendant(s, n)) && o.forceRerender();
-      }),
-      d.on("fieldTouchUpdated", (s) => {
-        u.equals(s, n) && o.forceRerender();
-      }),
-      d.on("fieldDirtyUpdated", (s) => {
-        u.equals(s, n) && o.forceRerender();
-      }),
-      d.on("fieldIssuesUpdated", (s) => {
-        u.equals(s, n) && o.forceRerender();
-      })
-    );
-  }, []), r;
-}
-function w(e, n) {
-  const t = a(), o = e.controller.getField(n)?.value;
-  return c(() => i(
-    e.controller.events.on("fieldBound", (r) => {
-      u.equals(n, r) && t.forceRerender();
-    }),
-    e.controller.events.on("valueChanged", (r) => {
-      u.equals(n, r) && t.forceRerender();
-    })
-  ), []), o;
-}
-function B(e, n) {
-  const t = a(), o = e.controller.getField(n)?.issues;
-  return c(() => i(
-    e.controller.events.on("fieldBound", (r) => {
-      u.equals(n, r) && t.forceRerender();
-    }),
-    e.controller.events.on("fieldIssuesUpdated", (r) => {
-      u.equals(n, r) && t.forceRerender();
-    })
-  ), []), o;
-}
-function y(e, n) {
-  const t = a(), o = n?.include == null ? e.controller._data : n.include.reduce((r, l) => {
-    const d = u.getValue(
-      e.controller._data,
-      l
-    );
-    return u.setValue(r, l, d), r;
-  }, {});
-  return c(() => {
-    const { events: r } = e.controller;
-    return i(
-      r.on("valueChanged", (l) => {
-        (n?.include == null || n.include.some(
-          (s) => u.equals(s, l) || u.isDescendant(s, l)
-        )) && t.forceRerender();
-      })
-    );
-  }, []), o;
+function R(u, n, e) {
+  const { controller: l } = u;
+  g(() => (!l.getField(n) && e && l.registerField(n, e), null));
+  const o = d(
+    (r) => {
+      const { events: s } = l;
+      return c(
+        s.on("fieldRegistered", (t) => {
+          i.equals(t, n) && r();
+        }),
+        s.on("fieldUnregistered", (t) => {
+          i.equals(t, n) && r();
+        }),
+        s.on("fieldValueChanged", (t) => {
+          (i.equals(t, n) || i.isDescendant(t, n)) && r();
+        }),
+        s.on("fieldTouchUpdated", (t) => {
+          i.equals(t, n) && r();
+        }),
+        s.on("fieldDirtyUpdated", (t) => {
+          i.equals(t, n) && r();
+        }),
+        s.on("fieldIssuesUpdated", (t) => {
+          i.equals(t, n) && r();
+        })
+      );
+    },
+    [l, n]
+  );
+  return a(o, () => l.getField(n));
 }
-function q(e, n) {
-  const t = {};
-  for (const o of e) {
-    const r = n(o);
-    (t[r] ??= []).push(o);
-  }
-  return t;
+function S(u, n) {
+  const { controller: e } = u, l = d(
+    (r) => {
+      const { events: s } = e;
+      return c(
+        s.on("fieldRegistered", (t) => {
+          i.equals(n, t) && r();
+        }),
+        s.on("fieldUnregistered", (t) => {
+          i.equals(n, t) && r();
+        }),
+        s.on("fieldValueChanged", (t) => {
+          (i.equals(t, n) || i.isDescendant(t, n)) && r();
+        })
+      );
+    },
+    [e, n]
+  ), o = d(() => e.getField(n)?.value, [e, n]);
+  return f(l, o, o);
 }
-function D(e, n) {
-  const t = a(), o = e.controller._issues.filter((r) => {
-    if (n?.include == null) return !0;
-    const l = u.normalize(r.path);
-    return n.include.some(
-      (d) => u.equals(d, l)
-    );
-  });
-  return c(() => {
-    const { events: r } = e.controller;
-    return i(
-      r.on("fieldIssuesUpdated", (l) => {
-        (n?.include?.includes?.(l) ?? !0) && t.forceRerender();
-      })
-    );
-  }, []), q(
-    o,
-    (r) => r.path == null ? "$" : u.toStringPath(u.normalize(r.path))
-  );
+function k(u, n) {
+  const { controller: e } = u, l = d(
+    (r) => {
+      const { events: s } = e;
+      return c(
+        s.on("fieldRegistered", (t) => {
+          i.equals(n, t) && r();
+        }),
+        s.on("fieldUnregistered", (t) => {
+          i.equals(n, t) && r();
+        }),
+        s.on("fieldIssuesUpdated", (t) => {
+          i.equals(n, t) && r();
+        })
+      );
+    },
+    [e, n]
+  ), o = d(() => e.getField(n)?.issues ?? [], [e, n]);
+  return f(l, o, o);
 }
-function E(e) {
-  const n = v(null), t = h(e.form, e.path, {
-    overrideInitialValue: e.overrideInitialValue ?? !0,
-    defaultValue: typeof e.defaultValue == "function" ? e.defaultValue() : e.defaultValue
-  }), o = e.render({
+function w(u) {
+  const n = v(null), e = R(u.form, u.path, {
+    overrideInitialValue: u.overrideInitialValue ?? !0,
+    defaultValue: u.defaultValue
+  }), l = u.form.controller.triedSubmitting ? u.form.hookConfigs?.revalidateMode ?? u.form.hookConfigs?.validateMode : u.form.hookConfigs?.validateMode, o = u.render({
     fieldProps: {
       ref: n,
-      value: t.value,
+      name: e.stringPath,
+      value: e.value,
       onChange(r) {
-        let l;
+        let s;
         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;
+          const { target: t } = r;
+          if (t !== e.boundElement || !("value" in t) || typeof t.value != "string") return;
+          s = t.value;
         } else
-          l = r;
-        t.setValue(l, {
+          s = r;
+        e.setValue(s, {
           shouldTouch: !0,
           shouldMarkDirty: !0
         });
       },
       onFocus() {
-        t.touch();
+        e.touch();
       },
       onBlur() {
-        (e.form.hookConfigs?.validateMode === "onBlur" || e.form.hookConfigs?.validateMode === "onChange") && e.form.controller.validateField(e.path);
+        (e.issues.length !== 0 || l === "onBlur" || l === "onChange") && u.form.controller.validateField(u.path);
       }
     },
-    field: t,
-    form: e.form
+    field: e,
+    form: u.form
   });
-  return c(() => {
-    const { events: r } = e.form.controller;
-    return i(
-      r.on("valueChanged", (l) => {
-        !u.equals(l, e.path) && !u.isDescendant(l, e.path) || e.form.hookConfigs?.validateMode === "onChange" && e.form.controller.validateField(e.path);
+  return m(() => {
+    const { events: r } = u.form.controller;
+    return c(
+      r.on("fieldValueChanged", (s) => {
+        !i.equals(s, u.path) && !i.isDescendant(s, u.path) || (e.issues.length !== 0 || l === "onChange") && u.form.controller.validateField(u.path);
       })
     );
-  }, []), c(() => (t.bindElement(n.current), () => {
-    e.unbindOnUnmount && e.form.controller.unbindField(e.path);
-  }), []), /* @__PURE__ */ R(g, { children: o });
+  }, [l]), m(() => (e.bindElement(n.current), () => {
+    u.unregisterOnUnmount && u.form.controller.unregisterField(u.path);
+  }), []), /* @__PURE__ */ U(I, { children: o });
 }
 export {
-  E as FieldRenderer,
-  B as useFieldErrors,
-  w as useFieldValue,
-  U as useForm,
-  D as useFormErrorObserver,
-  h as useFormField,
-  y as useFormValuesObserver,
-  a as useRenderControl
+  w as FieldRenderer,
+  k as useFieldIssues,
+  S as useFieldValue,
+  M as useForm,
+  R as useFormField
 };
 //# sourceMappingURL=index.js.map