@goodie-forms/react 1.0.0-alpha → 1.1.0-alpha

package/src/hooks/useRenderControl.tsx

@@ -1,12 +1,26 @@
-import { useRef, useState } from "react";
-
-export function useRenderControl() {
-  const [, rerender] = useState(0);
-  const renderCount = useRef(0);
-  renderCount.current++;
-
-  return {
-    renderCount: renderCount.current,
-    forceRerender: () => rerender((i) => i + 1),
-  };
-}
+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,7 +1,7 @@
-export * from "./hooks/useForm";
-export * from "./hooks/useFormField";
-export * from "./hooks/useFormValuesObserver";
-export * from "./hooks/useFormErrorObserver";
-export * from "./hooks/useRenderControl";
-
-export * from "./components/FieldRenderer";
+export * from "./hooks/useForm";
+export * from "./hooks/useFormField";
+export * from "./hooks/useFormValuesObserver";
+export * from "./hooks/useFormErrorObserver";
+export * from "./hooks/useRenderControl";
+
+export * from "./components/FieldRenderer";

package/src/utils/composeFns.ts

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

package/src/utils/groupBy.ts

@@ -1,13 +1,13 @@
-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;
-}
+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 +1,8 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "dist",
-    "jsx": "react-jsx"
-  },
-  "include": ["src"]
-}
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "dist",
+    "jsx": "react-jsx"
+  },
+  "include": ["src"]
+}

package/vite.config.ts

@@ -1,23 +1,23 @@
-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", "@goodie-forms/core"],
-    },
-    sourcemap: true,
-  },
-});
+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", "@goodie-forms/core"],
+    },
+    sourcemap: true,
+  },
+});

package/dist/components/FieldRenderer.d.ts

@@ -1,22 +0,0 @@
-import { Field, FormField } from '../../../core/src';
-import { ChangeEvent, FocusEvent, ReactNode, Ref } from 'react';
-import { UseForm } from '../hooks/useForm';
-export interface RenderParams<TShape extends object, TPath extends Field.Paths<TShape>> {
-    ref: Ref<any | null>;
-    value: Field.GetValue<TShape, TPath> | undefined;
-    handlers: {
-        onChange: (event: ChangeEvent<EventTarget>) => void;
-        onFocus: (event: FocusEvent) => void;
-        onBlur: (event: FocusEvent) => void;
-    };
-    field: FormField<TShape, TPath>;
-}
-export interface FieldRendererProps<TShape extends object, TPath extends Field.Paths<TShape>> {
-    form: UseForm<TShape>;
-    path: TPath;
-    resetOnUnmount?: boolean;
-    defaultValue?: Field.GetValue<TShape, TPath>;
-    render: (params: RenderParams<TShape, TPath>) => ReactNode;
-}
-export declare function FieldRenderer<TShape extends object, TPath extends Field.Paths<TShape>>(props: FieldRendererProps<TShape, TPath>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=FieldRenderer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FieldRenderer.d.ts","sourceRoot":"","sources":["../../src/components/FieldRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EACL,WAAW,EACX,UAAU,EACV,SAAS,EACT,GAAG,EAGJ,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAI3C,MAAM,WAAW,YAAY,CAC3B,MAAM,SAAS,MAAM,EACrB,KAAK,SAAS,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;IAEjC,GAAG,EAAE,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;IAErB,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,SAAS,CAAC;IAEjD,QAAQ,EAAE;QACR,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;QACpD,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;QACrC,MAAM,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;KACrC,CAAC;IAEF,KAAK,EAAE,SAAS,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,kBAAkB,CACjC,MAAM,SAAS,MAAM,EACrB,KAAK,SAAS,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;IAEjC,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IACtB,IAAI,EAAE,KAAK,CAAC;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,SAAS,CAAC;CAC5D;AAED,wBAAgB,aAAa,CAC3B,MAAM,SAAS,MAAM,EACrB,KAAK,SAAS,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,EACjC,KAAK,EAAE,kBAAkB,CAAC,MAAM,EAAE,KAAK,CAAC,2CA8DzC"}

package/dist/hooks/useForm.d.ts

@@ -1,22 +0,0 @@
-import { FormController, Form } from '../../../core/src';
-export declare function useForm<TShape extends object>(formConfigs: Form.FormConfigs<TShape>, hookConfigs?: {
-    validateMode?: "onChange" | "onBlur" | "onSubmit";
-    revalidateMode?: "onChange" | "onBlur" | "onSubmit";
-    watchIssues?: boolean;
-    watchValues?: boolean;
-}): {
-    formConfigs: {
-        initialData?: import('packages/core/src/types/DeepPartial').DeepPartial<TShape> | undefined;
-        validationSchema?: import('@standard-schema/spec').StandardSchemaV1<TShape, TShape> | undefined;
-        equalityComparators?: Record<any, (a: any, b: any) => boolean>;
-    };
-    hookConfigs: {
-        validateMode?: "onChange" | "onBlur" | "onSubmit";
-        revalidateMode?: "onChange" | "onBlur" | "onSubmit";
-        watchIssues?: boolean;
-        watchValues?: boolean;
-    } | undefined;
-    controller: FormController<TShape>;
-};
-export type UseForm<TShape extends object> = ReturnType<typeof useForm<TShape>>;
-//# sourceMappingURL=useForm.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../../src/hooks/useForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAK/D,wBAAgB,OAAO,CAAC,MAAM,SAAS,MAAM,EAC3C,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,EACrC,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;;;EAqCxB;AAED,MAAM,MAAM,OAAO,CAAC,MAAM,SAAS,MAAM,IAAI,UAAU,CAAC,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC"}

package/dist/hooks/useFormErrorObserver.d.ts

@@ -1,6 +0,0 @@
-import { Field } from '../../../core/src';
-import { UseForm } from './useForm';
-export declare function useFormErrorObserver<TShape extends object>(form: UseForm<TShape>, options?: {
-    include?: Field.Paths<TShape>[];
-}): Record<Field.Paths<TShape>, 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,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAIhD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGzC,wBAAgB,oBAAoB,CAAC,MAAM,SAAS,MAAM,EACxD,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,EACrB,OAAO,CAAC,EAAE;IACR,OAAO,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;CACjC,yFA0BF"}

package/dist/hooks/useFormField.d.ts

@@ -1,4 +0,0 @@
-import { Field } from '../../../core/src';
-import { UseForm } from '../hooks/useForm';
-export declare function useFormField<TShape extends object, TPath extends Field.Paths<TShape>>(form: UseForm<TShape>, path: TPath, defaultValue?: Field.GetValue<TShape, TPath>): import('../../../core/src').FormField<TShape, TPath>;
-//# sourceMappingURL=useFormField.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useFormField.d.ts","sourceRoot":"","sources":["../../src/hooks/useFormField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAI3C,wBAAgB,YAAY,CAC1B,MAAM,SAAS,MAAM,EACrB,KAAK,SAAS,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,EAEjC,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,EACrB,IAAI,EAAE,KAAK,EACX,YAAY,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,yDAiC7C"}

package/dist/hooks/useFormValuesObserver.d.ts

@@ -1,6 +0,0 @@
-import { Field } from '../../../core/src';
-import { UseForm } from './useForm';
-export declare function useFormValuesObserver<TShape extends object>(form: UseForm<TShape>, options?: {
-    include?: Field.Paths<TShape>[];
-}): import('packages/core/src/types/DeepPartial').DeepPartial<TShape>;
-//# 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,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGzC,wBAAgB,qBAAqB,CAAC,MAAM,SAAS,MAAM,EACzD,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,EACrB,OAAO,CAAC,EAAE;IACR,OAAO,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;CACjC,qEAuBF"}

package/dist/hooks/useRenderControl.d.ts

@@ -1,5 +0,0 @@
-export declare function useRenderControl(): {
-    renderCount: number;
-    forceRerender: () => void;
-};
-//# sourceMappingURL=useRenderControl.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useRenderControl.d.ts","sourceRoot":"","sources":["../../src/hooks/useRenderControl.tsx"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB;;;EAS/B"}

package/dist/index.d.ts

@@ -1,7 +0,0 @@
-export * from './hooks/useForm';
-export * from './hooks/useFormField';
-export * from './hooks/useFormValuesObserver';
-export * from './hooks/useFormErrorObserver';
-export * from './hooks/useRenderControl';
-export * from './components/FieldRenderer';
-//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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