cross-state 0.9.0 → 0.9.2

package/dist/es/react/index.mjs

@@ -1,9 +1,79 @@
-import { jsx } from "react/jsx-runtime";
-import { createContext, useMemo, useContext, useState, useRef, useEffect, startTransition } from "react";
-import { u as useScope, a as useStore, b as useCache } from "../useCache.mjs";
-import { S, r, c } from "../useCache.mjs";
-import { b as castArrayPath, g as get, h as deepEqual, i as debounce, t as throttle } from "../store.mjs";
+import { S as ScopeProvider, a as useScope, d as useStore, u as useCache } from "../useCache.mjs";
+import { r, e } from "../useCache.mjs";
+import { useMemo, useState, useEffect, createElement, createContext, useContext, useRef, startTransition } from "react";
+import { b as castArrayPath, g as get, d as deepEqual, e as debounce, t as throttle } from "../store.mjs";
 import { S as Scope, h as hash } from "../scope.mjs";
+import { jsx, Fragment } from "react/jsx-runtime";
+function FormError({ name }) {
+  const { errors, isDirty } = this.useField(name);
+  return isDirty ? /* @__PURE__ */ jsx(Fragment, { children: errors.join(", ") }) : null;
+}
+function FormInput({
+  id,
+  name,
+  component = "input",
+  commitOnBlur,
+  commitDebounce,
+  inputFilter,
+  serialize = (x) => x,
+  deserialize = (x) => x,
+  ...restProps
+}) {
+  const { value, setValue, errors } = this.useField(name);
+  const errorString = useMemo(() => errors.join("\n"), [errors]);
+  const [localValue, setLocalValue] = useState();
+  const _id = useMemo(
+    () => id || `f${Math.random().toString(36).slice(2, 15)}${Math.random().toString(36).slice(2, 15)}`,
+    [id]
+  );
+  useEffect(() => {
+    if (localValue === void 0 || !commitDebounce) {
+      return;
+    }
+    const timeout = setTimeout(() => {
+      setValue(deserialize(localValue));
+      setLocalValue(void 0);
+    }, commitDebounce);
+    return () => clearTimeout(timeout);
+  }, [localValue, commitDebounce]);
+  useEffect(() => {
+    const element = document.querySelector(
+      [`#${_id} input`, `#${_id} select`, `#${_id} textarea`, `#${_id}`].join(",")
+    );
+    if (!(element instanceof HTMLInputElement || element instanceof HTMLSelectElement || element instanceof HTMLTextAreaElement)) {
+      return;
+    }
+    element.setCustomValidity(errorString);
+  }, [_id, errorString]);
+  const props = {
+    ...restProps,
+    id: _id,
+    name,
+    value: localValue ?? serialize(value),
+    onChange: (event, ...moreArgs) => {
+      var _a;
+      const value2 = typeof event === "object" && event !== null && "target" in event ? event.target.value : event;
+      if (inputFilter && !inputFilter(value2)) {
+        return;
+      }
+      if (commitOnBlur || commitDebounce) {
+        setLocalValue(value2);
+      } else {
+        setValue(deserialize(value2));
+      }
+      (_a = restProps.onChange) == null ? void 0 : _a.call(restProps, event, ...moreArgs);
+    },
+    onBlur(...args) {
+      var _a;
+      if (localValue !== void 0) {
+        setValue(deserialize(localValue));
+        setLocalValue(void 0);
+      }
+      (_a = restProps.onBlur) == null ? void 0 : _a.call(restProps, ...args);
+    }
+  };
+  return createElement(component, props);
+}
 function wildcardMatch(s, w) {
   if (typeof s === "string") {
     s = castArrayPath(s);
@@ -31,6 +101,21 @@ function getWildCardMatches(object, path) {
   }
   return matches;
 }
+function FormContainer({ form, children }) {
+  const { validate } = form.useForm();
+  return /* @__PURE__ */ jsx(
+    "form",
+    {
+      noValidate: true,
+      onSubmit: (event) => {
+        event.preventDefault();
+        validate();
+        event.currentTarget.reportValidity();
+      },
+      children
+    }
+  );
+}
 class Form {
   constructor(options) {
     this.options = options;
@@ -40,31 +125,43 @@ class Form {
     });
     this.state = new Scope({});
     this.Provider = this.Provider.bind(this);
+    this.useForm = this.useForm.bind(this);
+    this.useField = this.useField.bind(this);
+    this.useHasChanges = this.useHasChanges.bind(this);
+    this.useIsValid = this.useIsValid.bind(this);
+    this.Input = this.Input.bind(this);
+    this.Error = this.Error.bind(this);
   }
   Provider({
     children,
     original,
-    defaultValue = this.options.defaultValue,
-    validations = this.options.validations
+    defaultValue,
+    validations
   }) {
     const value = useMemo(
-      () => ({ original, options: { defaultValue, validations } }),
+      () => ({
+        original,
+        options: {
+          defaultValue: { ...this.options.defaultValue, ...defaultValue },
+          validations: { ...this.options.validations, ...validations }
+        }
+      }),
       [original, defaultValue, validations]
     );
-    return /* @__PURE__ */ jsx(this.context.Provider, { value, children: /* @__PURE__ */ jsx(this.state.Provider, { children }) });
+    return /* @__PURE__ */ jsx(this.context.Provider, { value, children: /* @__PURE__ */ jsx(ScopeProvider, { scope: this.state, children: /* @__PURE__ */ jsx(FormContainer, { form: this, children }) }) });
   }
   useForm() {
     const { original, options } = useContext(this.context);
     const state = useScope(this.state);
-    return useMemo(
-      () => ({
+    return useMemo(() => {
+      const instance = {
         original,
         draft: state.map(
           (state2) => state2.draft ?? original ?? options.defaultValue,
           (draft) => (state2) => ({ ...state2, draft })
         ),
-        getField(path) {
-          const { draft } = this;
+        getField: (path) => {
+          const { draft } = instance;
           return {
             get originalValue() {
               return original !== void 0 ? get(original, path) : void 0;
@@ -76,31 +173,33 @@ class Form {
               draft.set(path, update);
             },
             get isDirty() {
-              return state.get().hasTriggeredValidations || !deepEqual(this.originalValue, this.value);
+              const comparisonValue = this.originalValue ?? get(options.defaultValue, path);
+              return state.get().hasTriggeredValidations || !deepEqual(comparisonValue, this.value);
             },
-            get error() {
+            get errors() {
               const blocks = Object.entries(
                 options.validations ?? {}
               ).filter(([key]) => wildcardMatch(path, key)).map(([, value2]) => value2);
               const value = this.value;
               const draftValue = draft.get();
+              const errors = [];
               for (const block of blocks ?? []) {
                 for (const [validationName, validate] of Object.entries(block)) {
                   if (!validate(value, { draft: draftValue, original, field: path })) {
-                    return validationName;
+                    errors.push(validationName);
                   }
                 }
               }
-              return void 0;
+              return errors;
             }
           };
         },
-        hasChanges() {
+        get hasChanges() {
           const { draft } = state.get();
-          return !!draft && !deepEqual(draft, original);
+          return !!draft && !deepEqual(draft, original ?? options.defaultValue);
         },
-        getErrors() {
-          const draft = this.draft.get();
+        get errors() {
+          const draft = instance.draft.get();
           const errors = /* @__PURE__ */ new Set();
           for (const [path, block] of Object.entries(options.validations ?? {})) {
             for (const [validationName, validate] of Object.entries(
@@ -115,19 +214,19 @@ class Form {
           }
           return [...errors];
         },
-        isValid() {
-          return this.getErrors().length === 0;
+        get isValid() {
+          return instance.errors.length === 0;
         },
-        validate() {
+        validate: () => {
           state.set("hasTriggeredValidations", true);
-          return this.isValid();
+          return instance.isValid;
         },
         reset() {
           state.set("draft", void 0);
         }
-      }),
-      [original, options, state]
-    );
+      };
+      return instance;
+    }, [original, options, state]);
   }
   useField(path, useStoreOptions) {
     const form = this.useForm();
@@ -144,11 +243,17 @@ class Form {
   }
   useHasChanges() {
     const form = this.useForm();
-    return useStore(form.draft.map(() => form.hasChanges()));
+    return useStore(form.draft.map(() => form.hasChanges));
   }
   useIsValid() {
     const form = this.useForm();
-    return useStore(form.draft.map(() => form.isValid()));
+    return useStore(form.draft.map(() => form.isValid));
+  }
+  Input(props) {
+    return Reflect.apply(FormInput, this, [props]);
+  }
+  Error({ name }) {
+    return Reflect.apply(FormError, this, [{ name }]);
   }
 }
 function createForm(options) {
@@ -194,13 +299,13 @@ function useDecoupledState(value, onChange, options = {}) {
 }
 export {
   Form,
-  S as ScopeProvider,
+  ScopeProvider,
   createForm,
   r as reactMethods,
   read,
   useCache,
   useDecoupledState,
-  c as useProp,
+  e as useProp,
   useScope,
   useStore
 };

package/dist/es/react/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/lib/wildcardMatch.ts","../../../src/react/form.tsx","../../../src/react/read.ts","../../../src/react/useDecoupledState.ts"],"sourcesContent":["import { type KeyType } from './path';\nimport { castArrayPath } from './propAccess';\n\nexport function wildcardMatch(s: KeyType[] | string, w: KeyType[] | string): boolean {\n  if (typeof s === 'string') {\n    s = castArrayPath(s);\n  }\n\n  if (typeof w === 'string') {\n    w = castArrayPath(w);\n  }\n\n  return s.length === w.length && s.every((s, i) => w[i] === '*' || s === w[i]);\n}\n\nexport function getWildCardMatches(object: any, path: KeyType[] | string): Record<KeyType, any> {\n  const matches: Record<KeyType, any> = {};\n  const [first, ...rest] = castArrayPath(path);\n\n  if (first === undefined) {\n    return object;\n  }\n\n  if (!(object instanceof Object)) {\n    return {};\n  }\n\n  if (first === '*') {\n    for (const [key, value] of Object.entries(object)) {\n      matches[key] = getWildCardMatches(value, rest);\n    }\n  } else {\n    matches[first] = getWildCardMatches(object[first], rest);\n  }\n\n  return matches;\n}\n","/* eslint-disable react-hooks/rules-of-hooks */\n\nimport { createContext, useContext, useMemo, type ReactNode } from 'react';\nimport { useScope } from './scope';\nimport { useStore, type UseStoreOptions } from './useStore';\nimport { Scope } from '@core';\nimport { deepEqual } from '@lib/equals';\nimport {\n  type PathAsString,\n  type Value,\n  type WildcardMatch,\n  type WildcardPathAsString,\n  type WildcardValue,\n} from '@lib/path';\nimport { get } from '@lib/propAccess';\nimport { getWildCardMatches, wildcardMatch } from '@lib/wildcardMatch';\n\nexport interface FormOptions<\n  TDraft,\n  TOriginal,\n  TValidations extends Validations<TDraft, TOriginal>,\n> {\n  defaultValue: TDraft;\n  validations?: TValidations;\n}\n\nexport type Validation<TValue, TDraft, TOriginal> = (\n  value: TValue,\n  context: { draft: TDraft; original: TOriginal; field: PathAsString<TDraft> },\n) => boolean;\n\nexport type Validations<TDraft, TOriginal> = {\n  [P in WildcardPathAsString<TDraft>]?: Record<\n    string,\n    Validation<WildcardValue<TDraft, P>, TDraft, TOriginal>\n  >;\n};\n\nexport interface Field<\n  TDraft,\n  TOriginal,\n  TPath extends PathAsString<TDraft>,\n  TValidations extends Validations<TDraft, TOriginal>,\n> {\n  originalValue: Value<TOriginal, TPath> | undefined;\n  value: Value<TDraft, TPath>;\n  setValue: (\n    value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n  ) => void;\n  isDirty: boolean;\n  error?: keyof {\n    [P in keyof TValidations as WildcardMatch<TPath, P> extends true\n      ? keyof TValidations[P]\n      : never]: 1;\n  };\n}\n\nexport class Form<\n  TDraft,\n  TOriginal extends TDraft = TDraft,\n  TValidations extends Validations<TDraft, TOriginal> = {},\n> {\n  private context = createContext({\n    original: undefined as TOriginal | undefined,\n    options: this.options,\n  });\n\n  private state = new Scope<{\n    draft?: TDraft;\n    hasTriggeredValidations?: boolean;\n  }>({});\n\n  constructor(public readonly options: FormOptions<TDraft, TOriginal, TValidations>) {\n    this.Provider = this.Provider.bind(this);\n  }\n\n  Provider({\n    children,\n    original,\n    defaultValue = this.options.defaultValue,\n    validations = this.options.validations,\n  }: { children?: ReactNode; original?: TOriginal } & Partial<\n    FormOptions<TDraft, TOriginal, TValidations>\n  >) {\n    const value = useMemo(\n      () => ({ original, options: { defaultValue, validations } }),\n      [original, defaultValue, validations],\n    );\n\n    return (\n      <this.context.Provider value={value}>\n        <this.state.Provider>{children}</this.state.Provider>\n      </this.context.Provider>\n    );\n  }\n\n  useForm() {\n    const { original, options } = useContext(this.context);\n    const state = useScope(this.state);\n\n    return useMemo(\n      () => ({\n        original,\n\n        draft: state.map(\n          (state) => state.draft ?? original ?? options.defaultValue,\n          (draft) => (state) => ({ ...state, draft }),\n        ),\n\n        getField<TPath extends PathAsString<TDraft>>(\n          path: TPath,\n        ): Field<TDraft, TOriginal, TPath, TValidations> {\n          const { draft } = this;\n\n          return {\n            get originalValue() {\n              return original !== undefined ? get(original as any, path as any) : undefined;\n            },\n\n            get value() {\n              return get(draft.get(), path);\n            },\n\n            setValue(update) {\n              draft.set(path, update);\n            },\n\n            get isDirty() {\n              return (\n                state.get().hasTriggeredValidations || !deepEqual(this.originalValue, this.value)\n              );\n            },\n\n            get error() {\n              const blocks: Record<string, Validation<any, any, any>>[] = Object.entries(\n                options.validations ?? {},\n              )\n                .filter(([key]) => wildcardMatch(path, key))\n                .map(([, value]) => value);\n\n              const value = this.value;\n              const draftValue = draft.get();\n\n              for (const block of blocks ?? []) {\n                for (const [validationName, validate] of Object.entries(block)) {\n                  if (!validate(value, { draft: draftValue, original, field: path })) {\n                    return validationName as any;\n                  }\n                }\n              }\n\n              return undefined;\n            },\n          };\n        },\n\n        hasChanges() {\n          const { draft } = state.get();\n          return !!draft && !deepEqual(draft, original);\n        },\n\n        getErrors(): (keyof {\n          [Field in PathAsString<TDraft> as keyof {\n            [Pattern in keyof TValidations as WildcardMatch<Field, Pattern> extends true\n              ? `${Field}.${keyof TValidations[Pattern] & string}`\n              : never]: 1;\n          }]: 1;\n        })[] {\n          const draft = this.draft.get();\n          const errors = new Set<string>();\n\n          for (const [path, block] of Object.entries(options.validations ?? {})) {\n            for (const [validationName, validate] of Object.entries(\n              block as Record<string, Validation<any, any, any>>,\n            )) {\n              for (const [field, value] of Object.entries(getWildCardMatches(draft, path))) {\n                if (!validate(value, { draft, original, field })) {\n                  errors.add(`${field}.${validationName}`);\n                }\n              }\n            }\n          }\n\n          return [...errors] as any;\n        },\n\n        isValid() {\n          return this.getErrors().length === 0;\n        },\n\n        validate() {\n          state.set('hasTriggeredValidations', true);\n          return this.isValid();\n        },\n\n        reset() {\n          state.set('draft', undefined);\n        },\n      }),\n      [original, options, state],\n    );\n  }\n\n  useField<TPath extends PathAsString<TDraft>>(path: TPath, useStoreOptions?: UseStoreOptions) {\n    const form = this.useForm();\n    const state = useScope(this.state);\n\n    useStore(\n      form.draft.map((draft) => get(draft, path)),\n      useStoreOptions,\n    );\n\n    useStore(\n      state.map((state) => state.hasTriggeredValidations),\n      useStoreOptions,\n    );\n\n    return form.getField(path);\n  }\n\n  useHasChanges() {\n    const form = this.useForm();\n\n    return useStore(form.draft.map(() => form.hasChanges()));\n  }\n\n  useIsValid() {\n    const form = this.useForm();\n\n    return useStore(form.draft.map(() => form.isValid()));\n  }\n}\n\nexport function createForm<\n  TDraft,\n  TOriginal extends TDraft = TDraft,\n  TValidations extends Validations<TDraft, TOriginal> = {},\n>(options: FormOptions<TDraft, TOriginal, TValidations>) {\n  return new Form(options);\n}\n\n/* eslint-enable react-hooks/rules-of-hooks */\n","import { useCache } from './useCache';\nimport type { UseStoreOptions } from './useStore';\nimport type { Cache } from '@core';\n\nexport function read<T>(cache: Cache<T>, options?: UseStoreOptions): T {\n  const { status, value, error } = useCache(cache, options);\n\n  if (status === 'value') {\n    return value;\n  }\n\n  if (status === 'error') {\n    throw error;\n  }\n\n  throw cache.state.once((state) => state.status !== 'pending');\n}\n","import { startTransition, useEffect, useMemo, useRef, useState } from 'react';\nimport { type Duration } from '@core';\nimport { debounce } from '@lib/debounce';\nimport { hash } from '@lib/hash';\nimport { throttle } from '@lib/throttle';\n\nexport interface UseDecoupledStateOptions<T> {\n  debounce?: Duration;\n  throttle?: Duration;\n  onCommit?: (value: T) => void;\n}\n\nexport function useDecoupledState<T>(\n  value: T,\n  onChange: (value: T) => void,\n  options: UseDecoupledStateOptions<T> = {},\n): [state: T, setState: (value: T) => void] {\n  const [dirty, setDirty] = useState<{ v: T }>();\n  const ref = useRef({ onChange, onCommit: options.onCommit });\n\n  useEffect(() => {\n    ref.current = { onChange, onCommit: options.onCommit };\n  }, [onChange]);\n\n  const update = useMemo(() => {\n    const { onChange, onCommit } = ref.current;\n\n    const update = (value: T) => {\n      onChange(value);\n      setDirty(undefined);\n      onCommit?.(value);\n    };\n\n    let delayedUpdate: (value: T) => void;\n\n    if (options.debounce) {\n      delayedUpdate = debounce(update, options.debounce);\n    } else if (options.throttle) {\n      delayedUpdate = throttle(update, options.throttle);\n    } else {\n      delayedUpdate = (value) => startTransition(() => update(value));\n    }\n\n    return (value: T) => {\n      setDirty({ v: value });\n      delayedUpdate(value);\n    };\n  }, [hash([options.debounce, options.throttle])]);\n\n  return [dirty ? dirty.v : value, update];\n}\n"],"names":["s","state","value","onChange","update"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/react/form/formError.tsx","../../../src/react/form/formInput.tsx","../../../src/lib/wildcardMatch.ts","../../../src/react/form/form.tsx","../../../src/react/read.ts","../../../src/react/useDecoupledState.ts"],"sourcesContent":["import { type Form } from './form';\nimport { type PathAsString } from '@lib/path';\n\nexport type FormErrorProps<TDraft, TPath extends PathAsString<TDraft>> = {\n  name: TPath;\n};\n\nexport function FormError<TDraft, TPath extends PathAsString<TDraft>>(\n  this: Form<TDraft, any>,\n  { name }: FormErrorProps<TDraft, TPath>,\n) {\n  const { errors, isDirty } = this.useField(name);\n\n  return isDirty ? <>{errors.join(', ')}</> : null;\n}\n","import {\n  createElement,\n  useEffect,\n  useMemo,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  type HTMLProps,\n} from 'react';\nimport { type Form } from './form';\nimport { type PathAsString } from '@index';\nimport { type Value } from '@lib/path';\n\nexport type FormInputComponent<T> = ElementType<{\n  id: string;\n  value: T;\n  onChange: (event: { target: { value: T } } | T | undefined, ...args: any[]) => void;\n  onBlur: (...args: any[]) => void;\n}>;\n\ntype InputValue<T extends FormInputComponent<any>> = ComponentPropsWithoutRef<T> extends {\n  value: infer U;\n}\n  ? U\n  : ComponentPropsWithoutRef<T> extends {\n      value?: infer U;\n    }\n  ? U | undefined\n  : never;\n\ntype InputChangeValue<T extends FormInputComponent<any>> = ComponentPropsWithoutRef<T> extends {\n  onChange?: (update: infer U) => void;\n}\n  ? U extends { target: { value: infer V } }\n    ? V\n    : U\n  : never;\n\nexport type FormInputProps<\n  TDraft,\n  TPath extends PathAsString<TDraft>,\n  TComponent extends FormInputComponent<any>,\n> = {\n  name: TPath;\n  commitOnBlur?: boolean;\n  commitDebounce?: number;\n  inputFilter?: (value: InputChangeValue<TComponent>) => boolean;\n  onChange?: ComponentPropsWithoutRef<TComponent>['onChange'];\n  onBlur?: ComponentPropsWithoutRef<TComponent>['onBlur'];\n} & (TComponent extends 'input' | ((props: HTMLProps<HTMLInputElement>) => JSX.Element)\n  ? { component?: TComponent }\n  : { component: TComponent }) &\n  Omit<\n    ComponentPropsWithoutRef<TComponent>,\n    | 'form'\n    | 'name'\n    | 'component'\n    | 'commitOnBlur'\n    | 'commitDebounce'\n    | 'value'\n    | 'onChange'\n    | 'onBlur'\n  > &\n  (Value<TDraft, TPath> extends InputValue<TComponent>\n    ? { serialize?: (value: Value<TDraft, TPath>) => InputValue<TComponent> }\n    : { serialize: (value: Value<TDraft, TPath>) => InputValue<TComponent> }) &\n  (InputChangeValue<TComponent> extends Value<TDraft, TPath>\n    ? { deserialize?: (value: InputChangeValue<TComponent>) => Value<TDraft, TPath> }\n    : { deserialize: (value: InputChangeValue<TComponent>) => Value<TDraft, TPath> });\n\nexport function FormInput<\n  TDraft,\n  TPath extends PathAsString<TDraft>,\n  TComponent extends FormInputComponent<any>,\n>(\n  this: Form<TDraft, any>,\n  {\n    id,\n    name,\n    component = 'input' as TComponent,\n    commitOnBlur,\n    commitDebounce,\n    inputFilter,\n    serialize = (x) => x as InputValue<TComponent>,\n    deserialize = (x) => x as Value<TDraft, TPath>,\n    ...restProps\n  }: FormInputProps<TDraft, TPath, TComponent>,\n): JSX.Element {\n  type T = InputChangeValue<TComponent>;\n\n  const { value, setValue, errors } = this.useField(name);\n  const errorString = useMemo(() => errors.join('\\n'), [errors]);\n  const [localValue, setLocalValue] = useState<T>();\n  const _id = useMemo(\n    () =>\n      id || `f${Math.random().toString(36).slice(2, 15)}${Math.random().toString(36).slice(2, 15)}`,\n\n    [id],\n  );\n\n  useEffect(() => {\n    if (localValue === undefined || !commitDebounce) {\n      return;\n    }\n\n    const timeout = setTimeout(() => {\n      setValue(deserialize(localValue));\n      setLocalValue(undefined);\n    }, commitDebounce);\n\n    return () => clearTimeout(timeout);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [localValue, commitDebounce]);\n\n  useEffect(() => {\n    const element = document.querySelector(\n      [`#${_id} input`, `#${_id} select`, `#${_id} textarea`, `#${_id}`].join(','),\n    );\n\n    if (\n      !(\n        element instanceof HTMLInputElement ||\n        element instanceof HTMLSelectElement ||\n        element instanceof HTMLTextAreaElement\n      )\n    ) {\n      return;\n    }\n\n    element.setCustomValidity(errorString);\n  }, [_id, errorString]);\n\n  const props = {\n    ...restProps,\n    id: _id,\n    name,\n    value: localValue ?? serialize(value),\n    onChange: (event: { target: { value: T } } | T, ...moreArgs: any[]) => {\n      const value =\n        typeof event === 'object' && event !== null && 'target' in event\n          ? event.target.value\n          : event;\n\n      if (inputFilter && !inputFilter(value)) {\n        return;\n      }\n\n      if (commitOnBlur || commitDebounce) {\n        setLocalValue(value);\n      } else {\n        setValue(deserialize(value));\n      }\n\n      restProps.onChange?.(event, ...moreArgs);\n    },\n    onBlur(...args: any[]) {\n      if (localValue !== undefined) {\n        setValue(deserialize(localValue));\n        setLocalValue(undefined);\n      }\n\n      restProps.onBlur?.(...(args as [any]));\n    },\n  };\n\n  return createElement(component, props as any);\n}\n","import { type KeyType } from './path';\nimport { castArrayPath } from './propAccess';\n\nexport function wildcardMatch(s: KeyType[] | string, w: KeyType[] | string): boolean {\n  if (typeof s === 'string') {\n    s = castArrayPath(s);\n  }\n\n  if (typeof w === 'string') {\n    w = castArrayPath(w);\n  }\n\n  return s.length === w.length && s.every((s, i) => w[i] === '*' || s === w[i]);\n}\n\nexport function getWildCardMatches(object: any, path: KeyType[] | string): Record<KeyType, any> {\n  const matches: Record<KeyType, any> = {};\n  const [first, ...rest] = castArrayPath(path);\n\n  if (first === undefined) {\n    return object;\n  }\n\n  if (!(object instanceof Object)) {\n    return {};\n  }\n\n  if (first === '*') {\n    for (const [key, value] of Object.entries(object)) {\n      matches[key] = getWildCardMatches(value, rest);\n    }\n  } else {\n    matches[first] = getWildCardMatches(object[first], rest);\n  }\n\n  return matches;\n}\n","/* eslint-disable react-hooks/rules-of-hooks */\n\nimport {\n  createContext,\n  useContext,\n  useMemo,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport { ScopeProvider, useScope } from '../scope';\nimport { useStore, type UseStoreOptions } from '../useStore';\nimport { FormError, type FormErrorProps } from './formError';\nimport { FormInput, type FormInputComponent, type FormInputProps } from './formInput';\nimport { Scope } from '@core';\nimport { deepEqual } from '@lib/equals';\nimport {\n  type PathAsString,\n  type Value,\n  type WildcardPathAsString,\n  type WildcardValue,\n} from '@lib/path';\nimport { get } from '@lib/propAccess';\nimport { getWildCardMatches, wildcardMatch } from '@lib/wildcardMatch';\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Form types\n/// /////////////////////////////////////////////////////////////////////////////\n\nexport interface FormOptions<TDraft, TOriginal> {\n  defaultValue: TDraft;\n  validations?: Validations<TDraft, TOriginal>;\n}\n\nexport type Validations<TDraft, TOriginal> = {\n  [P in WildcardPathAsString<TDraft>]?: Record<\n    string,\n    Validation<WildcardValue<TDraft, P>, TDraft, TOriginal>\n  >;\n};\n\nexport type Validation<TValue, TDraft, TOriginal> = (\n  value: TValue,\n  context: { draft: TDraft; original: TOriginal; field: PathAsString<TDraft> },\n) => boolean;\n\nexport interface Field<TDraft, TOriginal, TPath extends PathAsString<TDraft>> {\n  originalValue: Value<TOriginal, TPath> | undefined;\n  value: Value<TDraft, TPath>;\n  setValue: (\n    value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n  ) => void;\n  isDirty: boolean;\n  errors: string[];\n}\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Implementation\n/// /////////////////////////////////////////////////////////////////////////////\n\nfunction FormContainer({ form, children }: { form: Form<any, any>; children?: ReactNode }) {\n  const { validate } = form.useForm();\n\n  return (\n    <form\n      noValidate\n      onSubmit={(event) => {\n        event.preventDefault();\n\n        validate();\n        event.currentTarget.reportValidity();\n      }}\n    >\n      {children}\n    </form>\n  );\n}\n\nexport class Form<TDraft, TOriginal extends TDraft = TDraft> {\n  private context = createContext({\n    original: undefined as TOriginal | undefined,\n    options: this.options,\n  });\n\n  private state = new Scope<{\n    draft?: TDraft;\n    hasTriggeredValidations?: boolean;\n  }>({});\n\n  constructor(public readonly options: FormOptions<TDraft, TOriginal>) {\n    this.Provider = this.Provider.bind(this);\n    this.useForm = this.useForm.bind(this);\n    this.useField = this.useField.bind(this);\n    this.useHasChanges = this.useHasChanges.bind(this);\n    this.useIsValid = this.useIsValid.bind(this);\n    this.Input = this.Input.bind(this);\n    this.Error = this.Error.bind(this);\n  }\n\n  Provider({\n    children,\n    original,\n    defaultValue,\n    validations,\n  }: { children?: ReactNode; original?: TOriginal } & Partial<FormOptions<TDraft, TOriginal>>) {\n    const value = useMemo(\n      () => ({\n        original,\n        options: {\n          defaultValue: { ...this.options.defaultValue, ...defaultValue },\n          validations: { ...this.options.validations, ...validations } as Validations<\n            TDraft,\n            TOriginal\n          >,\n        },\n      }),\n      [original, defaultValue, validations],\n    );\n\n    return (\n      <this.context.Provider value={value}>\n        <ScopeProvider scope={this.state}>\n          <FormContainer form={this}>{children}</FormContainer>\n        </ScopeProvider>\n      </this.context.Provider>\n    );\n  }\n\n  useForm() {\n    const { original, options } = useContext(this.context);\n    const state = useScope(this.state);\n\n    return useMemo(() => {\n      const instance = {\n        original,\n\n        draft: state.map(\n          (state) => state.draft ?? original ?? options.defaultValue,\n          (draft) => (state) => ({ ...state, draft }),\n        ),\n\n        getField: <TPath extends PathAsString<TDraft>>(\n          path: TPath,\n        ): Field<TDraft, TOriginal, TPath> => {\n          const { draft } = instance;\n\n          return {\n            get originalValue() {\n              return original !== undefined ? get(original as any, path as any) : undefined;\n            },\n\n            get value() {\n              return get(draft.get(), path);\n            },\n\n            setValue(update) {\n              draft.set(path, update);\n            },\n\n            get isDirty() {\n              const comparisonValue = this.originalValue ?? get(options.defaultValue, path);\n\n              return state.get().hasTriggeredValidations || !deepEqual(comparisonValue, this.value);\n            },\n\n            get errors() {\n              const blocks: Record<string, Validation<any, any, any>>[] = Object.entries(\n                options.validations ?? {},\n              )\n                .filter(([key]) => wildcardMatch(path, key))\n                .map(([, value]) => value);\n\n              const value = this.value;\n              const draftValue = draft.get();\n              const errors: string[] = [];\n\n              for (const block of blocks ?? []) {\n                for (const [validationName, validate] of Object.entries(block)) {\n                  if (!validate(value, { draft: draftValue, original, field: path })) {\n                    errors.push(validationName);\n                  }\n                }\n              }\n\n              return errors;\n            },\n          };\n        },\n\n        get hasChanges() {\n          const { draft } = state.get();\n          return !!draft && !deepEqual(draft, original ?? options.defaultValue);\n        },\n\n        get errors(): string[] {\n          const draft = instance.draft.get();\n          const errors = new Set<string>();\n\n          for (const [path, block] of Object.entries(options.validations ?? {})) {\n            for (const [validationName, validate] of Object.entries(\n              block as Record<string, Validation<any, any, any>>,\n            )) {\n              for (const [field, value] of Object.entries(getWildCardMatches(draft, path))) {\n                if (!validate(value, { draft, original, field })) {\n                  errors.add(`${field}.${validationName}`);\n                }\n              }\n            }\n          }\n\n          return [...errors] as any;\n        },\n\n        get isValid() {\n          return instance.errors.length === 0;\n        },\n\n        validate: () => {\n          state.set('hasTriggeredValidations', true);\n          return instance.isValid;\n        },\n\n        reset() {\n          state.set('draft', undefined);\n        },\n      };\n\n      return instance;\n    }, [original, options, state]);\n  }\n\n  useField<TPath extends PathAsString<TDraft>>(path: TPath, useStoreOptions?: UseStoreOptions) {\n    const form = this.useForm();\n    const state = useScope(this.state);\n\n    useStore(\n      form.draft.map((draft) => get(draft, path)),\n      useStoreOptions,\n    );\n\n    useStore(\n      state.map((state) => state.hasTriggeredValidations),\n      useStoreOptions,\n    );\n\n    return form.getField(path);\n  }\n\n  useHasChanges() {\n    const form = this.useForm();\n\n    return useStore(form.draft.map(() => form.hasChanges));\n  }\n\n  useIsValid() {\n    const form = this.useForm();\n\n    return useStore(form.draft.map(() => form.isValid));\n  }\n\n  Input<\n    TPath extends PathAsString<TDraft>,\n    TComponent extends FormInputComponent<any> = (\n      props: ComponentPropsWithoutRef<'input'>,\n    ) => JSX.Element,\n  >(props: FormInputProps<TDraft, TPath, TComponent>): JSX.Element {\n    return Reflect.apply(FormInput, this, [props]);\n  }\n\n  Error<TPath extends PathAsString<TDraft>>({ name }: FormErrorProps<TDraft, TPath>) {\n    return Reflect.apply(FormError, this, [{ name }]);\n  }\n}\n\nexport function createForm<TDraft, TOriginal extends TDraft = TDraft>(\n  options: FormOptions<TDraft, TOriginal>,\n) {\n  return new Form(options);\n}\n\n/* eslint-enable react-hooks/rules-of-hooks */\n","import { useCache } from './useCache';\nimport type { UseStoreOptions } from './useStore';\nimport type { Cache } from '@core';\n\nexport function read<T>(cache: Cache<T>, options?: UseStoreOptions): T {\n  const { status, value, error } = useCache(cache, options);\n\n  if (status === 'value') {\n    return value;\n  }\n\n  if (status === 'error') {\n    throw error;\n  }\n\n  throw cache.state.once((state) => state.status !== 'pending');\n}\n","import { startTransition, useEffect, useMemo, useRef, useState } from 'react';\nimport { type Duration } from '@core';\nimport { debounce } from '@lib/debounce';\nimport { hash } from '@lib/hash';\nimport { throttle } from '@lib/throttle';\n\nexport interface UseDecoupledStateOptions<T> {\n  debounce?: Duration;\n  throttle?: Duration;\n  onCommit?: (value: T) => void;\n}\n\nexport function useDecoupledState<T>(\n  value: T,\n  onChange: (value: T) => void,\n  options: UseDecoupledStateOptions<T> = {},\n): [state: T, setState: (value: T) => void] {\n  const [dirty, setDirty] = useState<{ v: T }>();\n  const ref = useRef({ onChange, onCommit: options.onCommit });\n\n  useEffect(() => {\n    ref.current = { onChange, onCommit: options.onCommit };\n  }, [onChange]);\n\n  const update = useMemo(() => {\n    const { onChange, onCommit } = ref.current;\n\n    const update = (value: T) => {\n      onChange(value);\n      setDirty(undefined);\n      onCommit?.(value);\n    };\n\n    let delayedUpdate: (value: T) => void;\n\n    if (options.debounce) {\n      delayedUpdate = debounce(update, options.debounce);\n    } else if (options.throttle) {\n      delayedUpdate = throttle(update, options.throttle);\n    } else {\n      delayedUpdate = (value) => startTransition(() => update(value));\n    }\n\n    return (value: T) => {\n      setDirty({ v: value });\n      delayedUpdate(value);\n    };\n  }, [hash([options.debounce, options.throttle])]);\n\n  return [dirty ? dirty.v : value, update];\n}\n"],"names":["value","s","state","onChange","update"],"mappings":"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"}

package/dist/es/react/register.mjs

@@ -1,4 +1,4 @@
-import { r as reactMethods, b as useCache, u as useScope, d as useScopeStore, e as useScopeProp, S as ScopeProvider } from "../useCache.mjs";
+import { r as reactMethods, u as useCache, a as useScope, b as useScopeStore, c as useScopeProp, S as ScopeProvider } from "../useCache.mjs";
 import { S as Store } from "../store.mjs";
 import { C as Cache } from "../cache.mjs";
 import { S as Scope } from "../scope.mjs";

package/dist/es/store.mjs

@@ -726,14 +726,14 @@ export {
   calcDuration as a,
   castArrayPath as b,
   createStore as c,
-  set as d,
-  arrayMethods as e,
-  setMethods as f,
+  deepEqual as d,
+  debounce as e,
+  set as f,
   get as g,
-  deepEqual as h,
-  debounce as i,
-  makeSelector as j,
-  mapMethods as m,
+  arrayMethods as h,
+  mapMethods as i,
+  setMethods as j,
+  makeSelector as m,
   queue as q,
   recordMethods as r,
   shallowEqual as s,

package/dist/es/useCache.mjs

@@ -1,26 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import require$$0, { useRef, useMemo, useCallback, useLayoutEffect, useDebugValue, useContext, createContext, useEffect } from "react";
-import { h as deepEqual, j as makeSelector, c as createStore } from "./store.mjs";
+import { d as deepEqual, m as makeSelector, c as createStore } from "./store.mjs";
 import { h as hash } from "./scope.mjs";
-var withSelectorExports = {};
-var withSelector = {
-  get exports() {
-    return withSelectorExports;
-  },
-  set exports(v) {
-    withSelectorExports = v;
-  }
-};
+var withSelector = { exports: {} };
 var withSelector_production_min = {};
-var shimExports = {};
-var shim = {
-  get exports() {
-    return shimExports;
-  },
-  set exports(v) {
-    shimExports = v;
-  }
-};
+var shim = { exports: {} };
 var useSyncExternalStoreShim_production_min = {};
 /**
  * @license React
@@ -208,16 +192,14 @@ function requireUseSyncExternalStoreShim_development() {
 var hasRequiredShim;
 function requireShim() {
   if (hasRequiredShim)
-    return shimExports;
+    return shim.exports;
   hasRequiredShim = 1;
-  (function(module) {
-    if (process.env.NODE_ENV === "production") {
-      module.exports = requireUseSyncExternalStoreShim_production_min();
-    } else {
-      module.exports = requireUseSyncExternalStoreShim_development();
-    }
-  })(shim);
-  return shimExports;
+  if (process.env.NODE_ENV === "production") {
+    shim.exports = requireUseSyncExternalStoreShim_production_min();
+  } else {
+    shim.exports = requireUseSyncExternalStoreShim_development();
+  }
+  return shim.exports;
 }
 /**
  * @license React
@@ -383,13 +365,12 @@ function requireWithSelector_development() {
   }
   return withSelector_development;
 }
-(function(module) {
-  if (process.env.NODE_ENV === "production") {
-    module.exports = requireWithSelector_production_min();
-  } else {
-    module.exports = requireWithSelector_development();
-  }
-})(withSelector);
+if (process.env.NODE_ENV === "production") {
+  withSelector.exports = requireWithSelector_production_min();
+} else {
+  withSelector.exports = requireWithSelector_development();
+}
+var withSelectorExports = withSelector.exports;
 const unwrapProxySymbol = /* @__PURE__ */ Symbol("unwrapProxy");
 function isPlainObject(value) {
   return typeof value === "object" && value !== null && Object.getPrototypeOf(value) === Object.prototype;
@@ -597,12 +578,12 @@ function useCache(cache, { passive, updateOnMount, ...options } = {}) {
 }
 export {
   ScopeProvider as S,
-  useStore as a,
-  useCache as b,
-  useProp as c,
-  useScopeStore as d,
-  useScopeProp as e,
+  useScope as a,
+  useScopeStore as b,
+  useScopeProp as c,
+  useStore as d,
+  useProp as e,
   reactMethods as r,
-  useScope as u
+  useCache as u
 };
 //# sourceMappingURL=useCache.mjs.map