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

package/dist/components/FieldRenderer.d.ts

@@ -1,29 +1,30 @@
-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?: Suppliable<TValue>;
 } : {
-    defaultValue: TValue | (() => TValue);
+    defaultValue: Suppliable<TValue>;
 };
-export type FieldRendererProps<TOutput extends object, TPath extends FieldPath.Segments> = {
+export type FieldRendererProps<TOutput extends object, TPath extends FieldPath.Segments> = DefaultValueProps<FieldPath.Resolve<TOutput, TPath>> & {
     form: UseForm<TOutput>;
     path: TPath;
     overrideInitialValue?: boolean;
     unbindOnUnmount?: boolean;
-    render: (params: RenderParams<TOutput, FieldPath.Resolve<TOutput, NoInfer<TPath>>>) => ReactNode;
-} & DefaultValueProps<FieldPath.Resolve<TOutput, NoInfer<TPath>>>;
+    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,KAAK,iBAAiB,CAAC,MAAM,IAAI,SAAS,SAAS,MAAM,GACrD;IAAE,YAAY,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;CAAE,GACrC;IAAE,YAAY,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;CAAE,CAAC;AAEzC,MAAM,MAAM,kBAAkB,CAC5B,OAAO,SAAS,MAAM,EACtB,KAAK,SAAS,SAAS,CAAC,QAAQ,IAC9B,iBAAiB,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,GAAG;IACzD,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,KAAK,CAAC,CAAC,KAC7D,SAAS,CAAC;CAChB,CAAC;AAEF,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,4 +1,4 @@
-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";
@@ -6,7 +6,6 @@ export declare function useForm<TOutput extends object>(formConfigs: FormControl
     watchValues?: boolean;
 }): {
     formConfigs: FormController.Configs<TOutput>;
-    paths: FieldPathBuilder<TOutput>;
     hookConfigs: {
         validateMode?: "onChange" | "onBlur" | "onSubmit";
         revalidateMode?: "onChange" | "onBlur" | "onSubmit";
@@ -14,6 +13,23 @@ export declare function useForm<TOutput extends object>(formConfigs: FormControl
         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;AAKpD,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;;;;;;iBA0CA,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, bindingConfig: 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;AAG3C,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,aAAa,EAAE,UAAU,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GACxE,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,7 @@
 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/useFieldIssues';
 export * from './hooks/useRenderControl';
 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;AACvC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,4BAA4B,CAAC"}

package/dist/index.js

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

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/useSyncMutableStore.ts","../src/utils/composeFns.ts","../src/hooks/useForm.tsx","../src/hooks/useFormField.tsx","../src/hooks/useFieldValue.ts","../src/hooks/useFieldIssues.ts","../src/hooks/useRenderControl.tsx","../src/components/FieldRenderer.tsx"],"sourcesContent":["import { useCallback, useRef, useSyncExternalStore } from \"react\";\r\n\r\nexport function useSyncMutableStore<T>(\r\n  subscribe: (onVersionChange: () => void) => () => void,\r\n  getValue: () => T,\r\n) {\r\n  const versionRef = useRef(0);\r\n\r\n  const subscribeWithVersion = useCallback(\r\n    (onStoreChange: () => void) => {\r\n      return subscribe(() => {\r\n        versionRef.current++;\r\n        onStoreChange();\r\n      });\r\n    },\r\n    [subscribe],\r\n  );\r\n\r\n  const getSnapshot = useCallback(() => {\r\n    return versionRef.current;\r\n  }, []);\r\n\r\n  useSyncExternalStore(subscribeWithVersion, getSnapshot, getSnapshot);\r\n\r\n  return getValue();\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 { FormController } from \"@goodie-forms/core\";\r\nimport { useCallback, useState, useSyncExternalStore } from \"react\";\r\nimport { useSyncMutableStore } from \"../hooks/useSyncMutableStore\";\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\r\n  const subscribe = useCallback(\r\n    (onVersionChange: () => void) => {\r\n      const noop = () => {};\r\n\r\n      return composeFns(\r\n        controller.events.on(\"submissionStatusChange\", onVersionChange),\r\n        hookConfigs?.watchIssues\r\n          ? controller.events.on(\"fieldIssuesUpdated\", onVersionChange)\r\n          : noop,\r\n        hookConfigs?.watchValues\r\n          ? controller.events.on(\"fieldValueChanged\", onVersionChange)\r\n          : noop,\r\n      );\r\n    },\r\n    [controller, hookConfigs?.watchIssues, hookConfigs?.watchValues],\r\n  );\r\n\r\n  useSyncMutableStore(subscribe, () => controller);\r\n\r\n  const useWatchValues = () => {\r\n    return useSyncExternalStore(\r\n      (onStoreChange) =>\r\n        controller.events.on(\"fieldValueChanged\", onStoreChange),\r\n      () => controller.data,\r\n      () => controller.data,\r\n    );\r\n  };\r\n\r\n  const useWatchIssues = () => {\r\n    return useSyncExternalStore(\r\n      (onStoreChange) =>\r\n        controller.events.on(\"fieldIssuesUpdated\", onStoreChange),\r\n      () => controller.issues,\r\n      () => controller.issues,\r\n    );\r\n  };\r\n\r\n  const useWatchEvent = <E extends keyof typeof controller.events.events>(\r\n    eventName: E,\r\n    listener?: NonNullable<(typeof controller.events.events)[E]>[number],\r\n  ) => {\r\n    return useSyncMutableStore(\r\n      (onVersionChange) =>\r\n        controller.events.on(eventName, (...args: any[]) => {\r\n          (listener as any)?.(...args);\r\n          onVersionChange();\r\n        }),\r\n      () => undefined,\r\n    );\r\n  };\r\n\r\n  return {\r\n    formConfigs,\r\n    hookConfigs,\r\n    controller,\r\n    path: controller.path,\r\n    watchValues: useWatchValues,\r\n    watchIssues: useWatchIssues,\r\n    watchEvent: useWatchEvent,\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, FormField } from \"@goodie-forms/core\";\r\nimport { useCallback, useRef, useState, useSyncExternalStore } from \"react\";\r\nimport { UseForm } from \"../hooks/useForm\";\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): FormField<TOutput, FieldPath.Resolve<TOutput, TPath>> | undefined;\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.registerField<TPath>>[1],\r\n): FormField<TOutput, FieldPath.Resolve<TOutput, TPath>>;\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.registerField<TPath>>[1],\r\n) {\r\n  const { controller } = form;\r\n\r\n  const version = useRef(0);\r\n\r\n  useState(() => {\r\n    let existing = controller.getField(path);\r\n\r\n    if (!existing && bindingConfig) {\r\n      controller.registerField(path, bindingConfig);\r\n    }\r\n\r\n    return null;\r\n  });\r\n\r\n  const subscribe = useCallback(\r\n    (onStoreChange: () => void) => {\r\n      const { events } = controller;\r\n\r\n      return composeFns(\r\n        events.on(\"fieldRegistered\", (_path) => {\r\n          if (FieldPath.equals(_path, path)) {\r\n            version.current++;\r\n            onStoreChange();\r\n          }\r\n        }),\r\n        events.on(\"fieldUnregistered\", (_path) => {\r\n          if (FieldPath.equals(_path, path)) {\r\n            version.current++;\r\n            onStoreChange();\r\n          }\r\n        }),\r\n        events.on(\"fieldValueChanged\", (changedPath) => {\r\n          if (\r\n            FieldPath.equals(changedPath, path) ||\r\n            FieldPath.isDescendant(changedPath, path)\r\n          ) {\r\n            version.current++;\r\n            onStoreChange();\r\n          }\r\n        }),\r\n        events.on(\"fieldTouchUpdated\", (_path) => {\r\n          if (FieldPath.equals(_path, path)) {\r\n            version.current++;\r\n            onStoreChange();\r\n          }\r\n        }),\r\n        events.on(\"fieldDirtyUpdated\", (_path) => {\r\n          if (FieldPath.equals(_path, path)) {\r\n            version.current++;\r\n            onStoreChange();\r\n          }\r\n        }),\r\n        events.on(\"fieldIssuesUpdated\", (_path) => {\r\n          if (FieldPath.equals(_path, path)) {\r\n            version.current++;\r\n            onStoreChange();\r\n          }\r\n        }),\r\n      );\r\n    },\r\n    [controller, path],\r\n  );\r\n\r\n  const getSnapshot = useCallback(() => version.current, [controller, path]);\r\n\r\n  useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\r\n\r\n  return controller.getField(path);\r\n}\r\n","import { FieldPath } from \"@goodie-forms/core\";\r\nimport { useCallback, useSyncExternalStore } from \"react\";\r\nimport { UseForm } from \"../hooks/useForm\";\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 { controller } = form;\r\n\r\n  const subscribe = useCallback(\r\n    (onStoreChange: () => void) => {\r\n      const { events } = controller;\r\n\r\n      return composeFns(\r\n        events.on(\"fieldRegistered\", (fieldPath) => {\r\n          if (FieldPath.equals(path, fieldPath)) {\r\n            onStoreChange();\r\n          }\r\n        }),\r\n        events.on(\"fieldUnregistered\", (fieldPath) => {\r\n          if (FieldPath.equals(path, fieldPath)) {\r\n            onStoreChange();\r\n          }\r\n        }),\r\n        events.on(\"fieldValueChanged\", (changedPath) => {\r\n          if (\r\n            FieldPath.equals(changedPath, path) ||\r\n            FieldPath.isDescendant(changedPath, path)\r\n          ) {\r\n            onStoreChange();\r\n          }\r\n        }),\r\n      );\r\n    },\r\n    [controller, path],\r\n  );\r\n\r\n  const getSnapshot = useCallback(() => {\r\n    return controller.getField(path)?.value;\r\n  }, [controller, path]);\r\n\r\n  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\r\n}\r\n","import { FieldPath } from \"@goodie-forms/core\";\r\nimport { useCallback, useSyncExternalStore } from \"react\";\r\nimport { composeFns } from \"../utils/composeFns\";\r\nimport { UseForm } from \"./useForm\";\r\n\r\nexport function useFieldIssues<\r\n  TOutput extends object,\r\n  TPath extends FieldPath.Segments,\r\n>(form: UseForm<TOutput>, path: TPath) {\r\n  const { controller } = form;\r\n\r\n  const subscribe = useCallback(\r\n    (onStoreChange: () => void) => {\r\n      const { events } = controller;\r\n\r\n      return composeFns(\r\n        events.on(\"fieldRegistered\", (fieldPath) => {\r\n          if (FieldPath.equals(path, fieldPath)) {\r\n            onStoreChange();\r\n          }\r\n        }),\r\n        events.on(\"fieldUnregistered\", (fieldPath) => {\r\n          if (FieldPath.equals(path, fieldPath)) {\r\n            onStoreChange();\r\n          }\r\n        }),\r\n        events.on(\"fieldIssuesUpdated\", (fieldPath) => {\r\n          if (FieldPath.equals(path, fieldPath)) {\r\n            onStoreChange();\r\n          }\r\n        }),\r\n      );\r\n    },\r\n    [controller, path],\r\n  );\r\n\r\n  const getSnapshot = useCallback(() => {\r\n    return controller.getField(path)?.issues ?? [];\r\n  }, [controller, path]);\r\n\r\n  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\r\n}\r\n","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","import {\r\n  DeepReadonly,\r\n  FieldPath,\r\n  FormField,\r\n  Suppliable,\r\n} 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    name: string;\r\n\r\n    value: DeepReadonly<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: FormField<TOutput, TValue>;\r\n\r\n  form: UseForm<TOutput>;\r\n}\r\n\r\ntype DefaultValueProps<TValue> = undefined extends TValue\r\n  ? { defaultValue?: Suppliable<TValue> }\r\n  : { defaultValue: Suppliable<TValue> };\r\n\r\nexport type FieldRendererProps<\r\n  TOutput extends object,\r\n  TPath extends FieldPath.Segments,\r\n> = DefaultValueProps<FieldPath.Resolve<TOutput, TPath>> & {\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, TPath>>,\r\n  ) => ReactNode;\r\n};\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: props.defaultValue,\r\n  })!;\r\n\r\n  const currentValidateMode = props.form.controller.triedSubmitting\r\n    ? (props.form.hookConfigs?.revalidateMode ??\r\n      props.form.hookConfigs?.validateMode)\r\n    : props.form.hookConfigs?.validateMode;\r\n\r\n  const renderedJsx = props.render({\r\n    fieldProps: {\r\n      ref: elementRef,\r\n      name: field.stringPath,\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          field.issues.length !== 0 ||\r\n          currentValidateMode === \"onBlur\" ||\r\n          currentValidateMode === \"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(\"fieldValueChanged\", (_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 (field.issues.length !== 0 || currentValidateMode === \"onChange\") {\r\n          props.form.controller.validateField(props.path);\r\n        }\r\n      }),\r\n    );\r\n  }, [currentValidateMode]);\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.unregisterField(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":["useSyncMutableStore","subscribe","getValue","versionRef","useRef","subscribeWithVersion","useCallback","onStoreChange","getSnapshot","useSyncExternalStore","composeFns","fns","fn","useForm","formConfigs","hookConfigs","controller","useState","FormController","onVersionChange","noop","useWatchValues","useWatchIssues","useWatchEvent","eventName","listener","args","useFormField","form","path","bindingConfig","version","events","_path","FieldPath","changedPath","useFieldValue","fieldPath","useFieldIssues","useRenderControl","rerender","renderCount","renderScheduled","scheduleRerender","startTransition","i","FieldRenderer","props","elementRef","field","currentValidateMode","renderedJsx","arg","newValue","target","useEffect"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodie-forms/react",
-  "version": "1.2.4-alpha",
+  "version": "1.2.6-alpha",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -10,6 +10,9 @@
       "default": "./dist/index.js"
     }
   },
+  "files": [
+    "dist"
+  ],
   "publishConfig": {
     "access": "public"
   },
@@ -18,7 +21,7 @@
     "react-dom": "^18 || ^19"
   },
   "dependencies": {
-    "@goodie-forms/core": "1.2.4-alpha"
+    "@goodie-forms/core": "1.2.6-alpha"
   },
   "devDependencies": {
     "@types/react": "^19.2.9",

package/dist/hooks/useFieldErrors.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"useFieldErrors.d.ts","sourceRoot":"","sources":["../../src/hooks/useFieldErrors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAI3C,wBAAgB,cAAc,CAC5B,OAAO,SAAS,MAAM,EACtB,KAAK,SAAS,SAAS,CAAC,QAAQ,EAChC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,wEAqBpC"}

package/dist/hooks/useFormErrorObserver.d.ts

@@ -1,7 +0,0 @@
-import { FieldPath } from '../../../core/src';
-import { UseForm } from './useForm';
-/** @deprecated */
-export declare function useFormErrorObserver<TOutput extends object, TInclude extends FieldPath.Segments[] | undefined = undefined>(form: UseForm<TOutput>, options?: {
-    include?: TInclude;
-}): Record<string, import("@standard-schema/spec").StandardSchemaV1.Issue[]>;
-//# sourceMappingURL=useFormErrorObserver.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useFormErrorObserver.d.ts","sourceRoot":"","sources":["../../src/hooks/useFormErrorObserver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAI/C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGzC,kBAAkB;AAClB,wBAAgB,oBAAoB,CAClC,OAAO,SAAS,MAAM,EACtB,QAAQ,SAAS,SAAS,CAAC,QAAQ,EAAE,GAAG,SAAS,GAAG,SAAS,EAE7D,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EACtB,OAAO,CAAC,EAAE;IACR,OAAO,CAAC,EAAE,QAAQ,CAAC;CACpB,4EA6BF"}

package/dist/hooks/useFormValuesObserver.d.ts

@@ -1,7 +0,0 @@
-import { FieldPath } from '../../../core/src';
-import { UseForm } from './useForm';
-/** @deprecated */
-export declare function useFormValuesObserver<TOutput extends object, TPaths extends FieldPath.Segments[] | undefined = undefined>(form: UseForm<TOutput>, options?: {
-    include?: TPaths;
-}): import('../../../core/src').DeepPartial<TOutput>;
-//# sourceMappingURL=useFormValuesObserver.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useFormValuesObserver.d.ts","sourceRoot":"","sources":["../../src/hooks/useFormValuesObserver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGzC,kBAAkB;AAClB,wBAAgB,qBAAqB,CACnC,OAAO,SAAS,MAAM,EACtB,MAAM,SAAS,SAAS,CAAC,QAAQ,EAAE,GAAG,SAAS,GAAG,SAAS,EAE3D,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EACtB,OAAO,CAAC,EAAE;IACR,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,qDAmCF"}

package/src/components/FieldRenderer.tsx

@@ -1,166 +0,0 @@
-import { FieldPath, FormField, NonnullFormField } from "@goodie-forms/core";
-import { ChangeEvent, ReactNode, Ref, useEffect, useRef } from "react";
-import { UseForm } from "../hooks/useForm";
-import { useFormField } from "../hooks/useFormField";
-import { composeFns } from "../utils/composeFns";
-
-export interface RenderParams<TOutput extends object, TValue> {
-  fieldProps: {
-    ref: Ref<any | null>;
-
-    value: TValue | undefined;
-
-    onChange: (event: ChangeEvent<EventTarget> | TValue) => void;
-    onFocus: () => void;
-    onBlur: () => void;
-  };
-
-  field: undefined extends TValue
-    ? FormField<TOutput, TValue>
-    : NonnullFormField<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,
-> = {
-  form: UseForm<TOutput>;
-  path: TPath;
-  overrideInitialValue?: boolean;
-  unbindOnUnmount?: boolean;
-  render: (
-    params: RenderParams<TOutput, FieldPath.Resolve<TOutput, NoInfer<TPath>>>,
-  ) => ReactNode;
-} & DefaultValueProps<FieldPath.Resolve<TOutput, NoInfer<TPath>>>;
-
-export function FieldRenderer<
-  TOutput extends object,
-  const TPath extends FieldPath.Segments,
->(props: FieldRendererProps<TOutput, TPath>) {
-  type TValue = FieldPath.Resolve<TOutput, TPath>;
-
-  const elementRef = useRef<HTMLElement>(null);
-
-  const field = useFormField(props.form, props.path, {
-    overrideInitialValue: props.overrideInitialValue ?? true,
-    defaultValue:
-      typeof props.defaultValue === "function"
-        ? (props.defaultValue as any)()
-        : props.defaultValue,
-  })!;
-
-  const renderedJsx = props.render({
-    fieldProps: {
-      ref: elementRef,
-      value: field.value,
-      onChange(arg) {
-        let newValue: TValue;
-
-        if ("target" in arg) {
-          const { target } = arg;
-          if (target !== field.boundElement) return;
-          if (!("value" in target)) return;
-          if (typeof target.value !== "string") return;
-          newValue = target.value as TValue;
-        } else {
-          newValue = arg;
-        }
-
-        field.setValue(newValue, {
-          shouldTouch: true,
-          shouldMarkDirty: true,
-        });
-      },
-      onFocus() {
-        field.touch();
-      },
-      onBlur() {
-        if (
-          props.form.hookConfigs?.validateMode === "onBlur" ||
-          props.form.hookConfigs?.validateMode === "onChange"
-        ) {
-          props.form.controller.validateField(props.path);
-        }
-      },
-    },
-    field: field as any,
-    form: props.form,
-  });
-
-  useEffect(() => {
-    const { events } = props.form.controller;
-
-    return composeFns(
-      events.on("valueChanged", (_path) => {
-        if (
-          !FieldPath.equals(_path, props.path) &&
-          !FieldPath.isDescendant(_path, props.path)
-        ) {
-          return;
-        }
-
-        if (props.form.hookConfigs?.validateMode === "onChange") {
-          props.form.controller.validateField(props.path);
-        }
-      }),
-    );
-  }, []);
-
-  useEffect(() => {
-    field.bindElement(elementRef.current!);
-
-    return () => {
-      if (props.unbindOnUnmount) {
-        props.form.controller.unbindField(props.path);
-      }
-    };
-  }, []);
-
-  return <>{renderedJsx}</>;
-}
-
-/* ---- TESTS ---------------- */
-
-// function TestComp() {
-//   const form = useForm<{ a?: { b: 99 } }>({});
-
-//   const jsx = (
-//     <>
-//       <FieldRenderer
-//         form={form}
-//         path={form.paths.fromProxy((data) => data.a.b)}
-//         defaultValue={() => 99 as const}
-//         render={({ fieldProps, field }) => {
-//           //            ^?
-//           return <input {...fieldProps} />;
-//         }}
-//       />
-
-//       {/* defaultField olmayabilir, çünkü "a" nullable */}
-//       <FieldRenderer
-//         form={form}
-//         path={form.paths.fromProxy((data) => data.a)}
-//         render={({ ref, value, handlers, field }) => {
-//           //            ^?
-//           return <></>;
-//         }}
-//       />
-
-//       <FieldRenderer
-//         form={form}
-//         path={form.paths.fromStringPath("a.b")}
-//         defaultValue={() => 99 as const}
-//         render={({ ref, value, handlers, field }) => {
-//           //            ^?
-//           return <></>;
-//         }}
-//       />
-//     </>
-//   );
-// }

package/src/hooks/useFieldErrors.ts

@@ -1,31 +0,0 @@
-import { FieldPath } from "@goodie-forms/core";
-import { useEffect } from "react";
-import { UseForm } from "../hooks/useForm";
-import { useRenderControl } from "../hooks/useRenderControl";
-import { composeFns } from "../utils/composeFns";
-
-export function useFieldErrors<
-  TOutput extends object,
-  TPath extends FieldPath.Segments,
->(form: UseForm<TOutput>, path: TPath) {
-  const renderControl = useRenderControl();
-
-  const issues = form.controller.getField(path)?.issues;
-
-  useEffect(() => {
-    return composeFns(
-      form.controller.events.on("fieldBound", (fieldPath) => {
-        if (FieldPath.equals(path, fieldPath)) {
-          renderControl.forceRerender();
-        }
-      }),
-      form.controller.events.on("fieldIssuesUpdated", (fieldPath) => {
-        if (FieldPath.equals(path, fieldPath)) {
-          renderControl.forceRerender();
-        }
-      }),
-    );
-  }, []);
-
-  return issues;
-}

package/src/hooks/useFieldValue.ts

@@ -1,31 +0,0 @@
-import { FieldPath } from "@goodie-forms/core";
-import { useEffect } from "react";
-import { UseForm } from "../hooks/useForm";
-import { useRenderControl } from "../hooks/useRenderControl";
-import { composeFns } from "../utils/composeFns";
-
-export function useFieldValue<
-  TOutput extends object,
-  TPath extends FieldPath.Segments,
->(form: UseForm<TOutput>, path: TPath) {
-  const renderControl = useRenderControl();
-
-  const value = form.controller.getField(path)?.value;
-
-  useEffect(() => {
-    return composeFns(
-      form.controller.events.on("fieldBound", (fieldPath) => {
-        if (FieldPath.equals(path, fieldPath)) {
-          renderControl.forceRerender();
-        }
-      }),
-      form.controller.events.on("valueChanged", (fieldPath) => {
-        if (FieldPath.equals(path, fieldPath)) {
-          renderControl.forceRerender();
-        }
-      }),
-    );
-  }, []);
-
-  return value;
-}

package/src/hooks/useForm.tsx

@@ -1,50 +0,0 @@
-import { FieldPathBuilder, FormController } from "@goodie-forms/core";
-import { useEffect, useState } from "react";
-import { useRenderControl } from "../hooks/useRenderControl";
-import { composeFns } from "../utils/composeFns";
-
-export function useForm<TOutput extends object>(
-  formConfigs: FormController.Configs<TOutput>,
-  hookConfigs?: {
-    validateMode?: "onChange" | "onBlur" | "onSubmit";
-    revalidateMode?: "onChange" | "onBlur" | "onSubmit";
-    watchIssues?: boolean;
-    watchValues?: boolean;
-  },
-) {
-  const [controller] = useState(() => new FormController(formConfigs));
-  const [paths] = useState(() => new FieldPathBuilder<TOutput>());
-
-  const renderControl = useRenderControl();
-
-  useEffect(() => {
-    const noop = () => {};
-
-    return composeFns(
-      controller.events.on("submissionStatusChange", () => {
-        renderControl.forceRerender();
-      }),
-      hookConfigs?.watchIssues
-        ? controller.events.on("fieldIssuesUpdated", () =>
-            renderControl.forceRerender(),
-          )
-        : noop,
-      hookConfigs?.watchValues
-        ? controller.events.on("valueChanged", () =>
-            renderControl.forceRerender(),
-          )
-        : noop,
-    );
-  }, [controller]);
-
-  return {
-    formConfigs,
-    paths,
-    hookConfigs,
-    controller,
-  };
-}
-
-export type UseForm<TOutput extends object> = ReturnType<
-  typeof useForm<TOutput>
->;

package/src/hooks/useFormErrorObserver.ts

@@ -1,45 +0,0 @@
-import { FieldPath } from "@goodie-forms/core";
-import { groupBy } from "../utils/groupBy";
-import { useEffect } from "react";
-import { composeFns } from "../utils/composeFns";
-import type { UseForm } from "./useForm";
-import { useRenderControl } from "./useRenderControl";
-
-/** @deprecated */
-export function useFormErrorObserver<
-  TOutput extends object,
-  TInclude extends FieldPath.Segments[] | undefined = undefined,
->(
-  form: UseForm<TOutput>,
-  options?: {
-    include?: TInclude;
-  },
-) {
-  const renderControl = useRenderControl();
-
-  const observedIssues = form.controller._issues.filter((issue) => {
-    if (options?.include == null) return true;
-    const normalizedIssuePath = FieldPath.normalize(issue.path);
-    return options.include.some((path) =>
-      FieldPath.equals(path, normalizedIssuePath),
-    );
-  });
-
-  useEffect(() => {
-    const { events } = form.controller;
-
-    return composeFns(
-      events.on("fieldIssuesUpdated", (path) => {
-        if (options?.include?.includes?.(path) ?? true) {
-          renderControl.forceRerender();
-        }
-      }),
-    );
-  }, []);
-
-  return groupBy(observedIssues, (issue) =>
-    issue.path == null
-      ? "$"
-      : FieldPath.toStringPath(FieldPath.normalize(issue.path)),
-  );
-}

package/src/hooks/useFormField.tsx

@@ -1,63 +0,0 @@
-import { FieldPath } from "@goodie-forms/core";
-import { useEffect, useState } from "react";
-import { UseForm } from "../hooks/useForm";
-import { useRenderControl } from "../hooks/useRenderControl";
-import { composeFns } from "../utils/composeFns";
-
-export function useFormField<
-  TOutput extends object,
-  TPath extends FieldPath.Segments,
->(
-  form: UseForm<TOutput>,
-  path: TPath,
-  bindingConfig?: Parameters<typeof form.controller.bindField<TPath>>[1],
-) {
-  const renderControl = useRenderControl();
-
-  const [field, setField] = useState(() => {
-    let field = form.controller.getField(path);
-    if (field == null && bindingConfig != null) {
-      field = form.controller.bindField(path, bindingConfig);
-    }
-    return field;
-  });
-
-  useEffect(() => {
-    const { events } = form.controller;
-
-    setField(form.controller.getField(path));
-
-    return composeFns(
-      events.on("fieldBound", (_path) => {
-        if (!FieldPath.equals(_path, path)) return;
-        setField(form.controller.getField(path));
-      }),
-      events.on("fieldUnbound", (_path) => {
-        if (!FieldPath.equals(_path, path)) return;
-        setField(undefined);
-      }),
-      events.on("valueChanged", (changedPath) => {
-        if (
-          FieldPath.equals(changedPath, path) ||
-          FieldPath.isDescendant(changedPath, path)
-        ) {
-          renderControl.forceRerender();
-        }
-      }),
-      events.on("fieldTouchUpdated", (_path) => {
-        if (!FieldPath.equals(_path, path)) return;
-        renderControl.forceRerender();
-      }),
-      events.on("fieldDirtyUpdated", (_path) => {
-        if (!FieldPath.equals(_path, path)) return;
-        renderControl.forceRerender();
-      }),
-      events.on("fieldIssuesUpdated", (_path) => {
-        if (!FieldPath.equals(_path, path)) return;
-        renderControl.forceRerender();
-      }),
-    );
-  }, []);
-
-  return field;
-}

package/src/hooks/useFormValuesObserver.ts

@@ -1,50 +0,0 @@
-import { FieldPath } from "@goodie-forms/core";
-import { useEffect } from "react";
-import { composeFns } from "../utils/composeFns";
-import type { UseForm } from "./useForm";
-import { useRenderControl } from "./useRenderControl";
-
-/** @deprecated */
-export function useFormValuesObserver<
-  TOutput extends object,
-  TPaths extends FieldPath.Segments[] | undefined = undefined,
->(
-  form: UseForm<TOutput>,
-  options?: {
-    include?: TPaths;
-  },
-) {
-  const renderControl = useRenderControl();
-
-  const observedValues =
-    options?.include == null
-      ? form.controller._data
-      : options.include.reduce((data, path) => {
-          const value = FieldPath.getValue(
-            form.controller._data as TOutput,
-            path,
-          )!;
-          FieldPath.setValue(data, path, value);
-          return data;
-        }, {} as TOutput);
-
-  useEffect(() => {
-    const { events } = form.controller;
-
-    return composeFns(
-      events.on("valueChanged", (changedPath) => {
-        const watchingChange =
-          options?.include == null
-            ? true
-            : options.include.some(
-                (path) =>
-                  FieldPath.equals(path, changedPath) ||
-                  FieldPath.isDescendant(path, changedPath),
-              );
-        if (watchingChange) renderControl.forceRerender();
-      }),
-    );
-  }, []);
-
-  return observedValues;
-}

package/src/hooks/useRenderControl.tsx

@@ -1,26 +0,0 @@
-import { startTransition, useRef, useState } from "react";
-
-export function useRenderControl() {
-  const [, rerender] = useState(0);
-  const renderCount = useRef(0);
-  const renderScheduled = useRef(false);
-  renderCount.current++;
-
-  const scheduleRerender = () => {
-    if (renderScheduled.current) return;
-    renderScheduled.current = true;
-
-    queueMicrotask(() => {
-      startTransition(() => {
-        rerender((i) => i + 1);
-      });
-
-      renderScheduled.current = false;
-    });
-  };
-
-  return {
-    renderCount: renderCount.current,
-    forceRerender: scheduleRerender,
-  };
-}

package/src/index.ts

@@ -1,9 +0,0 @@
-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 "./components/FieldRenderer";

package/src/utils/composeFns.ts

@@ -1,7 +0,0 @@
-export function composeFns<TFns extends (() => void)[]>(...fns: TFns) {
-  return () => {
-    for (const fn of fns) {
-      fn();
-    }
-  };
-}

package/src/utils/groupBy.ts

@@ -1,13 +0,0 @@
-export function groupBy<T, K extends PropertyKey>(
-  items: readonly T[],
-  key: (item: T) => K,
-): Record<K, T[]> {
-  const result = {} as Record<K, T[]>;
-
-  for (const item of items) {
-    const k = key(item);
-    (result[k] ??= []).push(item);
-  }
-
-  return result;
-}

package/tsconfig.json

@@ -1,8 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "dist",
-    "jsx": "react-jsx"
-  },
-  "include": ["src"]
-}

package/vite.config.ts

@@ -1,23 +0,0 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-import dts from "vite-plugin-dts";
-
-export default defineConfig({
-  plugins: [react(), dts({ entryRoot: "src" })],
-  build: {
-    lib: {
-      entry: "src/index.ts",
-      formats: ["es"],
-      fileName: "index",
-    },
-    rollupOptions: {
-      external: [
-        "react",
-        "react-dom",
-        "react/jsx-runtime",
-        "@goodie-forms/core",
-      ],
-    },
-    sourcemap: true,
-  },
-});