@tanstack/react-form 0.0.11 → 0.0.13

package/build/umd/index.development.js

@@ -1,985 +0,0 @@
-/**
- * react-form
- *
- * Copyright (c) TanStack
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('use-sync-external-store/shim/with-selector'), require('react')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'use-sync-external-store/shim/with-selector', 'react'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.ReactForm = {}, global.withSelector, global.React));
-})(this, (function (exports, withSelector, React) { 'use strict';
-
-  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-  function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-      Object.keys(e).forEach(function (k) {
-        if (k !== 'default') {
-          var d = Object.getOwnPropertyDescriptor(e, k);
-          Object.defineProperty(n, k, d.get ? d : {
-            enumerable: true,
-            get: function () { return e[k]; }
-          });
-        }
-      });
-    }
-    n["default"] = e;
-    return Object.freeze(n);
-  }
-
-  var React__namespace = /*#__PURE__*/_interopNamespace(React);
-  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-  /**
-   * store
-   *
-   * Copyright (c) TanStack
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE.md file in the root directory of this source tree.
-   *
-   * @license MIT
-   */
-  class Store {
-    listeners = new Set();
-    #batching = false;
-    #flushing = 0;
-    constructor(initialState, options) {
-      this.state = initialState;
-      this.options = options;
-      if (this.options?.onUpdate) {
-        this.subscribe(this.options?.onUpdate);
-      }
-    }
-    subscribe = listener => {
-      this.listeners.add(listener);
-      const unsub = this.options?.onSubscribe?.(listener, this);
-      return () => {
-        this.listeners.delete(listener);
-        unsub?.();
-      };
-    };
-    setState = updater => {
-      const previous = this.state;
-      this.state = this.options?.updateFn ? this.options.updateFn(previous)(updater) : updater(previous);
-      this.#flush();
-    };
-    #flush = () => {
-      if (this.#batching) return;
-      const flushId = ++this.#flushing;
-      this.listeners.forEach(listener => {
-        if (this.#flushing !== flushId) return;
-        listener();
-      });
-    };
-    batch = cb => {
-      if (this.#batching) return cb();
-      this.#batching = true;
-      cb();
-      this.#batching = false;
-      this.#flush();
-    };
-  }
-
-  /**
-   * form-core
-   *
-   * Copyright (c) TanStack
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE.md file in the root directory of this source tree.
-   *
-   * @license MIT
-   */
-
-  function _defineProperty(obj, key, value) {
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
-    }
-
-    return obj;
-  }
-
-  function _classPrivateFieldGet(receiver, privateMap) {
-    var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get");
-
-    return _classApplyDescriptorGet(receiver, descriptor);
-  }
-
-  function _classPrivateFieldSet(receiver, privateMap, value) {
-    var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set");
-
-    _classApplyDescriptorSet(receiver, descriptor, value);
-
-    return value;
-  }
-
-  function _classExtractFieldDescriptor(receiver, privateMap, action) {
-    if (!privateMap.has(receiver)) {
-      throw new TypeError("attempted to " + action + " private field on non-instance");
-    }
-
-    return privateMap.get(receiver);
-  }
-
-  function _classApplyDescriptorGet(receiver, descriptor) {
-    if (descriptor.get) {
-      return descriptor.get.call(receiver);
-    }
-
-    return descriptor.value;
-  }
-
-  function _classApplyDescriptorSet(receiver, descriptor, value) {
-    if (descriptor.set) {
-      descriptor.set.call(receiver, value);
-    } else {
-      if (!descriptor.writable) {
-        throw new TypeError("attempted to set read only private field");
-      }
-
-      descriptor.value = value;
-    }
-  }
-
-  function _checkPrivateRedeclaration(obj, privateCollection) {
-    if (privateCollection.has(obj)) {
-      throw new TypeError("Cannot initialize the same private elements twice on an object");
-    }
-  }
-
-  function _classPrivateFieldInitSpec(obj, privateMap, value) {
-    _checkPrivateRedeclaration(obj, privateMap);
-
-    privateMap.set(obj, value);
-  }
-
-  function functionalUpdate(updater, input) {
-    return typeof updater === 'function' ? updater(input) : updater;
-  }
-  function getBy(obj, path) {
-    const pathArray = makePathArray(path);
-    const pathObj = pathArray;
-    return pathObj.reduce((current, pathPart) => {
-      if (typeof current !== 'undefined') {
-        return current[pathPart];
-      }
-
-      return undefined;
-    }, obj);
-  }
-  function setBy(obj, _path, updater) {
-    const path = makePathArray(_path);
-
-    function doSet(parent) {
-      if (!path.length) {
-        return functionalUpdate(updater, parent);
-      }
-
-      const key = path.shift();
-
-      if (typeof key === 'string') {
-        if (typeof parent === 'object') {
-          return { ...parent,
-            [key]: doSet(parent[key])
-          };
-        }
-
-        return {
-          [key]: doSet()
-        };
-      }
-
-      if (typeof key === 'number') {
-        if (Array.isArray(parent)) {
-          const prefix = parent.slice(0, key);
-          return [...(prefix.length ? prefix : new Array(key)), doSet(parent[key]), ...parent.slice(key + 1)];
-        }
-
-        return [...new Array(key), doSet()];
-      }
-
-      throw new Error('Uh oh!');
-    }
-
-    return doSet(obj);
-  }
-  const reFindNumbers0 = /^(\d*)$/gm;
-  const reFindNumbers1 = /\.(\d*)\./gm;
-  const reFindNumbers2 = /^(\d*)\./gm;
-  const reFindNumbers3 = /\.(\d*$)/gm;
-  const reFindMultiplePeriods = /\.{2,}/gm;
-  const intPrefix = '__int__';
-  const intReplace = intPrefix + "$1";
-
-  function makePathArray(str) {
-    if (typeof str !== 'string') {
-      throw new Error();
-    }
-
-    return str.replace('[', '.').replace(']', '').replace(reFindNumbers0, intReplace).replace(reFindNumbers1, "." + intReplace + ".").replace(reFindNumbers2, intReplace + ".").replace(reFindNumbers3, "." + intReplace).replace(reFindMultiplePeriods, '.').split('.').map(d => {
-      if (d.indexOf(intPrefix) === 0) {
-        return parseInt(d.substring(intPrefix.length), 10);
-      }
-
-      return d;
-    });
-  }
-
-  function getDefaultFormState(defaultState) {
-    return {
-      values: {},
-      fieldMeta: {},
-      canSubmit: true,
-      isFieldsValid: false,
-      isFieldsValidating: false,
-      isFormValid: false,
-      isFormValidating: false,
-      isSubmitted: false,
-      isSubmitting: false,
-      isTouched: false,
-      isValid: false,
-      isValidating: false,
-      submissionAttempts: 0,
-      formValidationCount: 0,
-      ...defaultState
-    };
-  }
-
-  class FormApi {
-    // // This carries the context for nested fields
-    // Do not use __state directly, as it is not reactive.
-    // Please use form.useStore() utility to subscribe to state
-    constructor(_opts) {
-      var _opts$defaultValues, _opts$defaultState;
-
-      _defineProperty(this, "options", {});
-
-      _defineProperty(this, "store", void 0);
-
-      _defineProperty(this, "state", void 0);
-
-      _defineProperty(this, "fieldInfo", {});
-
-      _defineProperty(this, "fieldName", void 0);
-
-      _defineProperty(this, "validationMeta", {});
-
-      _defineProperty(this, "update", options => {
-        if (!options) return;
-        this.store.batch(() => {
-          if (options.defaultState && options.defaultState !== this.options.defaultState) {
-            this.store.setState(prev => ({ ...prev,
-              ...options.defaultState
-            }));
-          }
-
-          if (options.defaultValues !== this.options.defaultValues) {
-            this.store.setState(() => getDefaultFormState(options.defaultValues));
-          }
-        });
-        this.options = options;
-      });
-
-      _defineProperty(this, "reset", () => this.store.setState(() => getDefaultFormState(this.options.defaultValues)));
-
-      _defineProperty(this, "validateAllFields", async cause => {
-        const fieldValidationPromises = [];
-        this.store.batch(() => {
-          void Object.values(this.fieldInfo).forEach(field => {
-            Object.values(field.instances).forEach(instance => {
-              // If any fields are not touched
-              if (!instance.state.meta.isTouched) {
-                // Mark them as touched
-                instance.setMeta(prev => ({ ...prev,
-                  isTouched: true
-                })); // Validate the field
-
-                fieldValidationPromises.push(Promise.resolve().then(() => instance.validate(cause)));
-              }
-            });
-          });
-        });
-        return Promise.all(fieldValidationPromises);
-      });
-
-      _defineProperty(this, "handleSubmit", async e => {
-        e.preventDefault();
-        e.stopPropagation(); // Check to see that the form and all fields have been touched
-        // If they have not, touch them all and run validation
-        // Run form validation
-        // Submit the form
-
-        this.store.setState(old => ({ ...old,
-          // Submittion attempts mark the form as not submitted
-          isSubmitted: false,
-          // Count submission attempts
-          submissionAttempts: old.submissionAttempts + 1
-        })); // Don't let invalid forms submit
-
-        if (!this.state.canSubmit) return;
-        this.store.setState(d => ({ ...d,
-          isSubmitting: true
-        }));
-
-        const done = () => {
-          this.store.setState(prev => ({ ...prev,
-            isSubmitting: false
-          }));
-        }; // Validate all fields
-
-
-        await this.validateAllFields('submit'); // Fields are invalid, do not submit
-
-        if (!this.state.isFieldsValid) {
-          var _this$options$onSubmi, _this$options;
-
-          done();
-          (_this$options$onSubmi = (_this$options = this.options).onSubmitInvalid) == null ? void 0 : _this$options$onSubmi.call(_this$options, this.state.values, this);
-          return;
-        } // Run validation for the form
-        // await this.validateForm()
-
-
-        if (!this.state.isValid) {
-          var _this$options$onSubmi2, _this$options2;
-
-          done();
-          (_this$options$onSubmi2 = (_this$options2 = this.options).onSubmitInvalid) == null ? void 0 : _this$options$onSubmi2.call(_this$options2, this.state.values, this);
-          return;
-        }
-
-        try {
-          var _this$options$onSubmi3, _this$options3;
-
-          // Run the submit code
-          await ((_this$options$onSubmi3 = (_this$options3 = this.options).onSubmit) == null ? void 0 : _this$options$onSubmi3.call(_this$options3, this.state.values, this));
-          this.store.batch(() => {
-            this.store.setState(prev => ({ ...prev,
-              isSubmitted: true
-            }));
-            done();
-          });
-        } catch (err) {
-          done();
-          throw err;
-        }
-      });
-
-      _defineProperty(this, "getFieldValue", field => getBy(this.state.values, field));
-
-      _defineProperty(this, "getFieldMeta", field => {
-        return this.state.fieldMeta[field];
-      });
-
-      _defineProperty(this, "getFieldInfo", field => {
-        var _this$fieldInfo;
-
-        return (_this$fieldInfo = this.fieldInfo)[field] || (_this$fieldInfo[field] = {
-          instances: {}
-        });
-      });
-
-      _defineProperty(this, "setFieldMeta", (field, updater) => {
-        this.store.setState(prev => {
-          return { ...prev,
-            fieldMeta: { ...prev.fieldMeta,
-              [field]: functionalUpdate(updater, prev.fieldMeta[field])
-            }
-          };
-        });
-      });
-
-      _defineProperty(this, "setFieldValue", (field, updater, opts) => {
-        const touch = opts == null ? void 0 : opts.touch;
-        this.store.batch(() => {
-          if (touch) {
-            this.setFieldMeta(field, prev => ({ ...prev,
-              isTouched: true
-            }));
-          }
-
-          this.store.setState(prev => {
-            return { ...prev,
-              values: setBy(prev.values, field, updater)
-            };
-          });
-        });
-      });
-
-      _defineProperty(this, "pushFieldValue", (field, value, opts) => {
-        return this.setFieldValue(field, prev => [...(Array.isArray(prev) ? prev : []), value], opts);
-      });
-
-      _defineProperty(this, "insertFieldValue", (field, index, value, opts) => {
-        this.setFieldValue(field, prev => {
-          return prev.map((d, i) => i === index ? value : d);
-        }, opts);
-      });
-
-      _defineProperty(this, "removeFieldValue", (field, index, opts) => {
-        this.setFieldValue(field, prev => {
-          return prev.filter((_d, i) => i !== index);
-        }, opts);
-      });
-
-      _defineProperty(this, "swapFieldValues", (field, index1, index2) => {
-        this.setFieldValue(field, prev => {
-          const prev1 = prev[index1];
-          const prev2 = prev[index2];
-          return setBy(setBy(prev, [index1], prev2), [index2], prev1);
-        });
-      });
-
-      this.store = new Store(getDefaultFormState({ ...(_opts == null ? void 0 : _opts.defaultState),
-        values: (_opts$defaultValues = _opts == null ? void 0 : _opts.defaultValues) != null ? _opts$defaultValues : _opts == null ? void 0 : (_opts$defaultState = _opts.defaultState) == null ? void 0 : _opts$defaultState.values,
-        isFormValid: true
-      }), {
-        onUpdate: () => {
-          let {
-            state
-          } = this.store; // Computed state
-
-          const fieldMetaValues = Object.values(state.fieldMeta);
-          const isFieldsValidating = fieldMetaValues.some(field => field == null ? void 0 : field.isValidating);
-          const isFieldsValid = !fieldMetaValues.some(field => field == null ? void 0 : field.error);
-          const isTouched = fieldMetaValues.some(field => field == null ? void 0 : field.isTouched);
-          const isValidating = isFieldsValidating || state.isFormValidating;
-          const isFormValid = !state.formError;
-          const isValid = isFieldsValid && isFormValid;
-          const canSubmit = state.submissionAttempts === 0 && !isTouched || !isValidating && !state.isSubmitting && isValid;
-          state = { ...state,
-            isFieldsValidating,
-            isFieldsValid,
-            isFormValid,
-            isValid,
-            canSubmit,
-            isTouched
-          };
-          this.store.state = state;
-          this.state = state;
-        }
-      });
-      this.state = this.store.state;
-      this.update(_opts || {});
-    }
-
-  }
-
-  let uid = 0;
-
-  var _prevState = /*#__PURE__*/new WeakMap();
-
-  var _leaseValidateAsync = /*#__PURE__*/new WeakMap();
-
-  class FieldApi {
-    constructor(_opts) {
-      var _this$getMeta;
-
-      _defineProperty(this, "uid", void 0);
-
-      _defineProperty(this, "form", void 0);
-
-      _defineProperty(this, "name", void 0);
-
-      _defineProperty(this, "store", void 0);
-
-      _defineProperty(this, "state", void 0);
-
-      _classPrivateFieldInitSpec(this, _prevState, {
-        writable: true,
-        value: void 0
-      });
-
-      _defineProperty(this, "options", {});
-
-      _defineProperty(this, "mount", () => {
-        var _this$options$onMount, _this$options;
-
-        const info = this.getInfo();
-        info.instances[this.uid] = this;
-        const unsubscribe = this.form.store.subscribe(() => {
-          this.store.batch(() => {
-            const nextValue = this.getValue();
-            const nextMeta = this.getMeta();
-
-            if (nextValue !== this.state.value) {
-              this.store.setState(prev => ({ ...prev,
-                value: nextValue
-              }));
-            }
-
-            if (nextMeta !== this.state.meta) {
-              this.store.setState(prev => ({ ...prev,
-                meta: nextMeta
-              }));
-            }
-          });
-        });
-        (_this$options$onMount = (_this$options = this.options).onMount) == null ? void 0 : _this$options$onMount.call(_this$options, this);
-        return () => {
-          unsubscribe();
-          delete info.instances[this.uid];
-
-          if (!Object.keys(info.instances).length) {
-            delete this.form.fieldInfo[this.name];
-          }
-        };
-      });
-
-      _defineProperty(this, "update", opts => {
-        var _this$form$options$as, _this$form$options$on, _this$form$options$on2;
-
-        this.options = {
-          asyncDebounceMs: (_this$form$options$as = this.form.options.asyncDebounceMs) != null ? _this$form$options$as : 0,
-          onChangeAsyncDebounceMs: (_this$form$options$on = this.form.options.onChangeAsyncDebounceMs) != null ? _this$form$options$on : 0,
-          onBlurAsyncDebounceMs: (_this$form$options$on2 = this.form.options.onBlurAsyncDebounceMs) != null ? _this$form$options$on2 : 0,
-          ...opts
-        }; // Default Value
-
-        if (this.state.value === undefined && this.options.defaultValue !== undefined) {
-          this.setValue(this.options.defaultValue);
-        } // Default Meta
-        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-
-
-        if (this.getMeta() === undefined) {
-          this.setMeta(this.state.meta);
-        }
-      });
-
-      _defineProperty(this, "getValue", () => {
-        return this.form.getFieldValue(this.name);
-      });
-
-      _defineProperty(this, "setValue", (updater, options) => this.form.setFieldValue(this.name, updater, options));
-
-      _defineProperty(this, "getMeta", () => this.form.getFieldMeta(this.name));
-
-      _defineProperty(this, "setMeta", updater => this.form.setFieldMeta(this.name, updater));
-
-      _defineProperty(this, "getInfo", () => this.form.getFieldInfo(this.name));
-
-      _defineProperty(this, "pushValue", value => this.form.pushFieldValue(this.name, value));
-
-      _defineProperty(this, "insertValue", (index, value) => this.form.insertFieldValue(this.name, index, value));
-
-      _defineProperty(this, "removeValue", index => this.form.removeFieldValue(this.name, index));
-
-      _defineProperty(this, "swapValues", (aIndex, bIndex) => this.form.swapFieldValues(this.name, aIndex, bIndex));
-
-      _defineProperty(this, "getSubField", name => new FieldApi({
-        name: this.name + "." + name,
-        form: this.form
-      }));
-
-      _defineProperty(this, "validateSync", async (value = this.state.value, cause) => {
-        const {
-          onChange,
-          onBlur
-        } = this.options;
-        const validate = cause === 'submit' ? undefined : cause === 'change' ? onChange : onBlur;
-        if (!validate) return; // Use the validationCount for all field instances to
-        // track freshness of the validation
-
-        const validationCount = (this.getInfo().validationCount || 0) + 1;
-        this.getInfo().validationCount = validationCount;
-        const error = normalizeError(validate(value, this));
-
-        if (this.state.meta.error !== error) {
-          this.setMeta(prev => ({ ...prev,
-            error
-          }));
-        } // If a sync error is encountered, cancel any async validation
-
-
-        if (this.state.meta.error) {
-          this.cancelValidateAsync();
-        }
-      });
-
-      _classPrivateFieldInitSpec(this, _leaseValidateAsync, {
-        writable: true,
-        value: () => {
-          const count = (this.getInfo().validationAsyncCount || 0) + 1;
-          this.getInfo().validationAsyncCount = count;
-          return count;
-        }
-      });
-
-      _defineProperty(this, "cancelValidateAsync", () => {
-        // Lease a new validation count to ignore any pending validations
-        _classPrivateFieldGet(this, _leaseValidateAsync).call(this); // Cancel any pending validation state
-
-
-        this.setMeta(prev => ({ ...prev,
-          isValidating: false
-        }));
-      });
-
-      _defineProperty(this, "validateAsync", async (value = this.state.value, cause) => {
-        var _ref, _ref2;
-
-        const {
-          onChangeAsync,
-          onBlurAsync,
-          onSubmitAsync,
-          asyncDebounceMs,
-          onBlurAsyncDebounceMs,
-          onChangeAsyncDebounceMs
-        } = this.options;
-        const validate = cause === 'change' ? onChangeAsync : cause === 'submit' ? onSubmitAsync : onBlurAsync;
-        if (!validate) return;
-        const debounceMs = cause === 'submit' ? 0 : (_ref = (_ref2 = cause === 'change' ? onChangeAsyncDebounceMs : onBlurAsyncDebounceMs) != null ? _ref2 : asyncDebounceMs) != null ? _ref : 500;
-        if (this.state.meta.isValidating !== true) this.setMeta(prev => ({ ...prev,
-          isValidating: true
-        })); // Use the validationCount for all field instances to
-        // track freshness of the validation
-
-        const validationAsyncCount = _classPrivateFieldGet(this, _leaseValidateAsync).call(this);
-
-        const checkLatest = () => validationAsyncCount === this.getInfo().validationAsyncCount;
-
-        if (!this.getInfo().validationPromise) {
-          this.getInfo().validationPromise = new Promise((resolve, reject) => {
-            this.getInfo().validationResolve = resolve;
-            this.getInfo().validationReject = reject;
-          });
-        }
-
-        if (debounceMs > 0) {
-          await new Promise(r => setTimeout(r, debounceMs));
-        } // Only kick off validation if this validation is the latest attempt
-
-
-        if (checkLatest()) {
-          try {
-            const rawError = await validate(value, this);
-
-            if (checkLatest()) {
-              var _this$getInfo$validat, _this$getInfo;
-
-              const error = normalizeError(rawError);
-              this.setMeta(prev => ({ ...prev,
-                isValidating: false,
-                error
-              }));
-              (_this$getInfo$validat = (_this$getInfo = this.getInfo()).validationResolve) == null ? void 0 : _this$getInfo$validat.call(_this$getInfo, error);
-            }
-          } catch (error) {
-            if (checkLatest()) {
-              var _this$getInfo$validat2, _this$getInfo2;
-
-              (_this$getInfo$validat2 = (_this$getInfo2 = this.getInfo()).validationReject) == null ? void 0 : _this$getInfo$validat2.call(_this$getInfo2, error);
-              throw error;
-            }
-          } finally {
-            if (checkLatest()) {
-              this.setMeta(prev => ({ ...prev,
-                isValidating: false
-              }));
-              delete this.getInfo().validationPromise;
-            }
-          }
-        } // Always return the latest validation promise to the caller
-
-
-        return this.getInfo().validationPromise;
-      });
-
-      _defineProperty(this, "validate", (cause, value) => {
-        // If the field is pristine and validatePristine is false, do not validate
-        if (!this.state.meta.isTouched) return; // Attempt to sync validate first
-
-        this.validateSync(value, cause); // If there is an error, return it, do not attempt async validation
-
-        if (this.state.meta.error) {
-          if (!this.options.asyncAlways) {
-            return this.state.meta.error;
-          }
-        } // No error? Attempt async validation
-
-
-        return this.validateAsync(value, cause);
-      });
-
-      _defineProperty(this, "getChangeProps", (props = {}) => {
-        return { ...props,
-          value: this.state.value,
-          onChange: value => {
-            this.setValue(value);
-            props.onChange == null ? void 0 : props.onChange(value);
-          },
-          onBlur: e => {
-            const prevTouched = this.state.meta.isTouched;
-            this.setMeta(prev => ({ ...prev,
-              isTouched: true
-            }));
-
-            if (!prevTouched) {
-              this.validate('change');
-            }
-
-            this.validate('blur');
-          }
-        };
-      });
-
-      _defineProperty(this, "getInputProps", (props = {}) => {
-        return { ...props,
-          value: String(this.state.value),
-          onChange: e => {
-            this.setValue(e.target.value);
-            props.onChange == null ? void 0 : props.onChange(e.target.value);
-          },
-          onBlur: this.getChangeProps(props).onBlur
-        };
-      });
-
-      this.form = _opts.form;
-      this.uid = uid++; // Support field prefixing from FieldScope
-      // let fieldPrefix = ''
-      // if (this.form.fieldName) {
-      //   fieldPrefix = `${this.form.fieldName}.`
-      // }
-
-      this.name = _opts.name;
-      this.store = new Store({
-        value: this.getValue(),
-        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        meta: (_this$getMeta = this.getMeta()) != null ? _this$getMeta : {
-          isValidating: false,
-          isTouched: false,
-          ...this.options.defaultMeta
-        }
-      }, {
-        onUpdate: () => {
-          const state = this.store.state;
-          state.meta.touchedError = state.meta.isTouched ? state.meta.error : undefined;
-
-          if (state.value !== _classPrivateFieldGet(this, _prevState).value) {
-            this.validate('change', state.value);
-          }
-
-          _classPrivateFieldSet(this, _prevState, state);
-
-          this.state = state;
-        }
-      });
-      this.state = this.store.state;
-
-      _classPrivateFieldSet(this, _prevState, this.state);
-
-      this.update(_opts);
-    }
-
-  }
-
-  function normalizeError(rawError) {
-    if (rawError) {
-      if (typeof rawError !== 'string') {
-        return 'Invalid Form Values';
-      }
-
-      return rawError;
-    }
-
-    return undefined;
-  }
-
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-
-      return target;
-    };
-    return _extends.apply(this, arguments);
-  }
-
-  /**
-   * react-store
-   *
-   * Copyright (c) TanStack
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE.md file in the root directory of this source tree.
-   *
-   * @license MIT
-   */
-
-  function useStore(store, selector = d => d) {
-    const slice = withSelector.useSyncExternalStoreWithSelector(store.subscribe, () => store.state, () => store.state, selector, shallow);
-    return slice;
-  }
-  function shallow(objA, objB) {
-    if (Object.is(objA, objB)) {
-      return true;
-    }
-    if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
-      return false;
-    }
-    const keysA = Object.keys(objA);
-    if (keysA.length !== Object.keys(objB).length) {
-      return false;
-    }
-    for (let i = 0; i < keysA.length; i++) {
-      if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !Object.is(objA[keysA[i]], objB[keysA[i]])) {
-        return false;
-      }
-    }
-    return true;
-  }
-
-  const formContext = /*#__PURE__*/React__namespace.createContext(null);
-  function useFormContext() {
-    const formApi = React__namespace.useContext(formContext);
-
-    if (!formApi) {
-      throw new Error("You are trying to use the form API outside of a form!");
-    }
-
-    return formApi;
-  }
-
-  function useField(opts) {
-    // Get the form API either manually or from context
-    const {
-      formApi,
-      parentFieldName
-    } = useFormContext();
-    const [fieldApi] = React__namespace.useState(() => {
-      const name = (typeof opts.index === 'number' ? [parentFieldName, opts.index, opts.name] : [parentFieldName, opts.name]).filter(d => d !== undefined).join('.');
-      const api = new FieldApi({ ...opts,
-        form: formApi,
-        name: name
-      });
-      api.Field = Field;
-      return api;
-    }); // Keep options up to date as they are rendered
-
-    fieldApi.update({ ...opts,
-      form: formApi
-    });
-    useStore(fieldApi.store, opts.mode === 'array' ? state => {
-      return [state.meta, Object.keys(state.value || []).length];
-    } : undefined); // Instantiates field meta and removes it when unrendered
-
-    React__namespace.useEffect(() => fieldApi.mount(), [fieldApi]);
-    return fieldApi;
-  } // export type FieldValue<TFormData, TField> = TFormData extends any[]
-  //   ? TField extends `[${infer TIndex extends number | 'i'}].${infer TRest}`
-  //     ? DeepValue<TFormData[TIndex extends 'i' ? number : TIndex], TRest>
-  //     : TField extends `[${infer TIndex extends number | 'i'}]`
-  //     ? TFormData[TIndex extends 'i' ? number : TIndex]
-  //     : never
-  //   : TField extends `${infer TPrefix}[${infer TIndex extends
-  //       | number
-  //       | 'i'}].${infer TRest}`
-  //   ? DeepValue<
-  //       DeepValue<TFormData, TPrefix>[TIndex extends 'i' ? number : TIndex],
-  //       TRest
-  //     >
-  //   : TField extends `${infer TPrefix}[${infer TIndex extends number | 'i'}]`
-  //   ? DeepValue<TFormData, TPrefix>[TIndex extends 'i' ? number : TIndex]
-  //   : DeepValue<TFormData, TField>
-
-  function Field({
-    children,
-    ...fieldOptions
-  }) {
-    const fieldApi = useField(fieldOptions);
-    return /*#__PURE__*/React__namespace.createElement(formContext.Provider, {
-      value: {
-        formApi: fieldApi.form,
-        parentFieldName: fieldApi.name
-      },
-      children: functionalUpdate(children, fieldApi)
-    });
-  }
-
-  function useForm(opts) {
-    const [formApi] = React__default["default"].useState(() => {
-      // @ts-ignore
-      const api = new FormApi(opts);
-
-      api.Provider = props => /*#__PURE__*/React__default["default"].createElement(formContext.Provider, _extends({}, props, {
-        value: {
-          formApi: api
-        }
-      }));
-
-      api.getFormProps = () => {
-        return {
-          onSubmit: formApi.handleSubmit,
-          disabled: api.state.isSubmitting
-        };
-      };
-
-      api.Field = Field;
-      api.useField = useField;
-
-      api.useStore = ( // @ts-ignore
-      selector) => {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        return useStore(api.store, selector);
-      };
-
-      api.Subscribe = ( // @ts-ignore
-      props) => {
-        return functionalUpdate(props.children, // eslint-disable-next-line react-hooks/rules-of-hooks
-        useStore(api.store, props.selector));
-      };
-
-      return api;
-    });
-    formApi.useStore(state => state.isSubmitting);
-    formApi.update(opts);
-    return formApi;
-  }
-
-  function createFormFactory(defaultOpts) {
-    return {
-      useForm: opts => {
-        return useForm({ ...defaultOpts,
-          ...opts
-        });
-      },
-      useField: useField,
-      Field: Field
-    };
-  }
-
-  exports.Field = Field;
-  exports.FieldApi = FieldApi;
-  exports.FormApi = FormApi;
-  exports.createFormFactory = createFormFactory;
-  exports.functionalUpdate = functionalUpdate;
-  exports.useField = useField;
-  exports.useForm = useForm;
-
-  Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=index.development.js.map