@goodie-forms/react 1.1.6-alpha → 1.2.0-alpha

package/src/hooks/useFormValuesObserver.ts

@@ -1,45 +1,49 @@
-import { Field } from "@goodie-forms/core";
-import { useEffect } from "react";
-import { composeFns } from "../utils/composeFns";
-import type { UseForm } from "./useForm";
-import { useRenderControl } from "./useRenderControl";
-
-export function useFormValuesObserver<
-  TShape extends object,
-  TPaths extends Field.Paths<TShape>[] | undefined = undefined
->(
-  form: UseForm<TShape>,
-  options?: {
-    include?: TPaths;
-  }
-) {
-  const renderControl = useRenderControl();
-
-  const observedValues =
-    options?.include == null
-      ? form.controller._data
-      : options.include.reduce((data, path) => {
-          const value = Field.getValue(form.controller._data as TShape, path)!;
-          Field.setValue(data, path, value);
-          return data;
-        }, {} as TShape);
-
-  useEffect(() => {
-    const { events } = form.controller;
-
-    return composeFns(
-      events.on("valueChanged", (changedPath) => {
-        const watchingChange =
-          options?.include == null
-            ? true
-            : options.include.some(
-                (path) =>
-                  path === changedPath || Field.isDescendant(path, changedPath)
-              );
-        if (watchingChange) renderControl.forceRerender();
-      })
-    );
-  }, []);
-
-  return observedValues;
-}
+import { FieldPath } from "@goodie-forms/core";
+import { useEffect } from "react";
+import { composeFns } from "../utils/composeFns";
+import type { UseForm } from "./useForm";
+import { useRenderControl } from "./useRenderControl";
+
+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 +1,26 @@
-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,
-  };
-}
+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",
-        "react/jsx-runtime",
-        "@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",
+        "react/jsx-runtime",
+        "@goodie-forms/core",
+      ],
+    },
+    sourcemap: true,
+  },
+});