@strictly/react-form 0.0.11 → 0.0.13

package/dist/index.js

@@ -302,7 +302,7 @@ function listAdapter() {
   );
 }
 
-// core/mobx/form_presenter.ts
+// core/mobx/form_model.ts
 import {
   assertExists,
   assertExistsAndReturn,
@@ -326,10 +326,136 @@ import {
   observable,
   runInAction
 } from "mobx";
-var FormPresenter = class {
-  constructor(type, adapters) {
+var _accessors_dec, _knownFields_dec, _fields_dec, _errors_dec, _fieldOverrides_dec, _value_dec, _init, _value, _fieldOverrides, _errors;
+_value_dec = [observable.ref], _fieldOverrides_dec = [observable.shallow], _errors_dec = [observable.shallow], _fields_dec = [computed], _knownFields_dec = [computed], _accessors_dec = [computed];
+var FormModel = class {
+  constructor(type, value, adapters) {
     this.type = type;
     this.adapters = adapters;
+    __runInitializers(_init, 5, this);
+    __privateAdd(this, _value, __runInitializers(_init, 8, this)), __runInitializers(_init, 11, this);
+    __privateAdd(this, _fieldOverrides, __runInitializers(_init, 12, this)), __runInitializers(_init, 15, this);
+    __privateAdd(this, _errors, __runInitializers(_init, 16, this, {})), __runInitializers(_init, 19, this);
+    __publicField(this, "flattenedTypeDefs");
+    this.value = mobxCopy(type, value);
+    this.flattenedTypeDefs = flattenTypesOfType(type);
+    const conversions = flattenValueTo(
+      type,
+      this.value,
+      () => {
+      },
+      (_t, value2, _setter, typePath, valuePath) => {
+        const adapter2 = this.adapters[typePath];
+        if (adapter2 == null) {
+          return;
+        }
+        const {
+          convert,
+          revert
+        } = adapter2;
+        if (revert == null) {
+          return;
+        }
+        return convert(value2, valuePath, this.value);
+      }
+    );
+    this.fieldOverrides = map(conversions, function(_k, v) {
+      return v && [v.value];
+    });
+  }
+  get fields() {
+    return new Proxy(
+      this.knownFields,
+      {
+        get: (target, prop) => {
+          const field = target[prop];
+          if (field != null) {
+            return field;
+          }
+          if (typeof prop === "string") {
+            return this.maybeSynthesizeFieldByValuePath(prop);
+          }
+        }
+      }
+    );
+  }
+  get knownFields() {
+    return flattenValueTo(
+      this.type,
+      this.value,
+      () => {
+      },
+      // TODO swap these to valuePath, typePath in flatten
+      (_t, _v, _setter, typePath, valuePath) => {
+        return this.synthesizeFieldByPaths(
+          // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+          valuePath,
+          // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+          typePath
+        );
+      }
+    );
+  }
+  maybeSynthesizeFieldByValuePath(valuePath) {
+    let typePath;
+    try {
+      typePath = valuePathToTypePath(
+        this.type,
+        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+        valuePath,
+        true
+      );
+    } catch (e) {
+      return;
+    }
+    return this.synthesizeFieldByPaths(valuePath, typePath);
+  }
+  synthesizeFieldByPaths(valuePath, typePath) {
+    const adapter2 = this.adapters[typePath];
+    if (adapter2 == null) {
+      return;
+    }
+    const {
+      convert,
+      create
+    } = adapter2;
+    const fieldOverride = this.fieldOverrides[valuePath];
+    const accessor = this.getAccessorForValuePath(valuePath);
+    const fieldTypeDef = this.flattenedTypeDefs[typePath];
+    const {
+      value,
+      required,
+      readonly
+    } = convert(
+      accessor != null ? accessor.value : fieldTypeDef != null ? mobxCopy(
+        fieldTypeDef,
+        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+        create(valuePath, this.value)
+      ) : create(valuePath, this.value),
+      // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+      valuePath,
+      this.value
+    );
+    const error = this.errors[valuePath];
+    return {
+      value: fieldOverride != null ? fieldOverride[0] : value,
+      error,
+      readonly,
+      required
+    };
+  }
+  getAccessorForValuePath(valuePath) {
+    return this.accessors[valuePath];
+  }
+  // should only be referenced internally, so loosely typed
+  get accessors() {
+    return flattenAccessorsOfType(
+      this.type,
+      this.value,
+      (value) => {
+        this.value = mobxCopy(this.type, value);
+      }
+    );
   }
   maybeGetAdapterForValuePath(valuePath) {
     const typePath = valuePathToTypePath(this.type, valuePath, true);
@@ -345,15 +471,15 @@ var FormPresenter = class {
   typePath(valuePath) {
     return valuePathToTypePath(this.type, valuePath, true);
   }
-  setFieldValueAndValidate(model, valuePath, value) {
-    return this.internalSetFieldValue(model, valuePath, value, true);
+  setFieldValueAndValidate(valuePath, value) {
+    return this.internalSetFieldValue(valuePath, value, true);
   }
-  setFieldValue(model, valuePath, value) {
-    return this.internalSetFieldValue(model, valuePath, value, false);
+  setFieldValue(valuePath, value) {
+    return this.internalSetFieldValue(valuePath, value, false);
   }
-  addListItem(model, valuePath, elementValue = null, index) {
+  addListItem(valuePath, elementValue = null, index) {
     const listValuePath = valuePath;
-    const accessor = model.accessors[valuePath];
+    const accessor = this.accessors[valuePath];
     const listTypePath = this.typePath(valuePath);
     const definedIndex = index != null ? index : accessor.value.length;
     const elementTypePath = `${listTypePath}.*`;
@@ -366,7 +492,7 @@ var FormPresenter = class {
     const element = elementValue != null ? elementValue[0] : elementAdapter.create(
       // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
       elementTypePath,
-      model.value
+      this.value
     );
     const originalList = accessor.value;
     const newList = [
@@ -374,7 +500,7 @@ var FormPresenter = class {
       element,
       ...originalList.slice(definedIndex)
     ];
-    const targetPaths = Object.keys(model.fieldOverrides).filter(function(v) {
+    const targetPaths = Object.keys(this.fieldOverrides).filter(function(v) {
       return v.startsWith(`${listValuePath}.`);
     }).map(function(v) {
       const parts = v.substring(listValuePath.length + 1).split(".");
@@ -388,11 +514,11 @@ var FormPresenter = class {
     }).sort(function([a], [b]) {
       return b - a;
     });
-    runInAction(function() {
-      targetPaths.forEach(function([
+    runInAction(() => {
+      targetPaths.forEach(([
         index2,
         postfix
-      ]) {
+      ]) => {
         const fromJsonPath = [
           listValuePath,
           `${index2}`,
@@ -403,99 +529,102 @@ var FormPresenter = class {
           `${index2 + 1}`,
           ...postfix
         ].join(".");
-        const fieldOverride = model.fieldOverrides[fromJsonPath];
-        delete model.fieldOverrides[fromJsonPath];
-        model.fieldOverrides[toJsonPath] = fieldOverride;
-        const error = model.errors[fromJsonPath];
-        delete model.errors[fromJsonPath];
-        model.errors[toJsonPath] = error;
+        const fieldOverride = this.fieldOverrides[fromJsonPath];
+        delete this.fieldOverrides[fromJsonPath];
+        this.fieldOverrides[toJsonPath] = fieldOverride;
+        const error = this.errors[fromJsonPath];
+        delete this.errors[fromJsonPath];
+        this.errors[toJsonPath] = error;
       });
       accessor.set(newList);
-      delete model.fieldOverrides[listValuePath];
+      delete this.fieldOverrides[listValuePath];
     });
   }
-  removeListItem(model, elementValuePath) {
-    const [
-      listValuePath,
-      elementIndexString
-    ] = assertExistsAndReturn(
-      jsonPathPop(elementValuePath),
-      "expected a path with two or more segments {}",
-      elementValuePath
-    );
-    const accessor = model.accessors[listValuePath];
-    const elementIndex = checkValidNumber(
-      parseInt(elementIndexString),
-      "unexpected index {} ({})",
-      elementIndexString,
-      elementValuePath
-    );
-    const newList = [...accessor.value];
-    assertState(
-      elementIndex >= 0 && elementIndex < newList.length,
-      "invalid index from path {} ({})",
-      elementIndex,
-      elementValuePath
-    );
-    newList.splice(elementIndex, 1);
-    const targetPaths = Object.keys(model.fieldOverrides).filter(function(v) {
-      return v.startsWith(`${listValuePath}.`);
-    }).map(function(v) {
-      const parts = v.substring(listValuePath.length + 1).split(".");
-      const index = parseInt(parts[0]);
-      return [
-        index,
-        parts.slice(1)
-      ];
-    }).filter(function([index]) {
-      return index > elementIndex;
-    }).sort(function([a], [b]) {
-      return a - b;
-    });
-    runInAction(function() {
-      targetPaths.forEach(function([
-        index,
-        postfix
-      ]) {
-        const fromJsonPath = [
-          listValuePath,
-          `${index}`,
-          ...postfix
-        ].join(".");
-        const toJsonPath = [
+  removeListItem(...elementValuePaths) {
+    const orderedElementValuePaths = elementValuePaths.toSorted().reverse();
+    runInAction(() => {
+      orderedElementValuePaths.forEach((elementValuePath) => {
+        const [
           listValuePath,
-          `${index - 1}`,
-          ...postfix
-        ].join(".");
-        const fieldOverride = model.fieldOverrides[fromJsonPath];
-        delete model.fieldOverrides[fromJsonPath];
-        model.fieldOverrides[toJsonPath] = fieldOverride;
-        const error = model.errors[fromJsonPath];
-        delete model.errors[fromJsonPath];
-        model.errors[toJsonPath] = error;
+          elementIndexString
+        ] = assertExistsAndReturn(
+          jsonPathPop(elementValuePath),
+          "expected a path with two or more segments {}",
+          elementValuePath
+        );
+        const accessor = this.accessors[listValuePath];
+        const elementIndex = checkValidNumber(
+          parseInt(elementIndexString),
+          "unexpected index {} ({})",
+          elementIndexString,
+          elementValuePath
+        );
+        const newList = [...accessor.value];
+        assertState(
+          elementIndex >= 0 && elementIndex < newList.length,
+          "invalid index from path {} ({})",
+          elementIndex,
+          elementValuePath
+        );
+        newList.splice(elementIndex, 1);
+        const targetPaths = Object.keys(this.fieldOverrides).filter(function(v) {
+          return v.startsWith(`${listValuePath}.`);
+        }).map(function(v) {
+          const parts = v.substring(listValuePath.length + 1).split(".");
+          const index = parseInt(parts[0]);
+          return [
+            index,
+            parts.slice(1)
+          ];
+        }).filter(function([index]) {
+          return index > elementIndex;
+        }).sort(function([a], [b]) {
+          return a - b;
+        });
+        targetPaths.forEach(([
+          index,
+          postfix
+        ]) => {
+          const fromJsonPath = [
+            listValuePath,
+            `${index}`,
+            ...postfix
+          ].join(".");
+          const toJsonPath = [
+            listValuePath,
+            `${index - 1}`,
+            ...postfix
+          ].join(".");
+          const fieldOverride = this.fieldOverrides[fromJsonPath];
+          delete this.fieldOverrides[fromJsonPath];
+          this.fieldOverrides[toJsonPath] = fieldOverride;
+          const error = this.errors[fromJsonPath];
+          delete this.errors[fromJsonPath];
+          this.errors[toJsonPath] = error;
+        });
+        accessor.set(newList);
+        delete this.fieldOverrides[listValuePath];
       });
-      accessor.set(newList);
-      delete model.fieldOverrides[listValuePath];
     });
   }
-  internalSetFieldValue(model, valuePath, value, displayValidation) {
+  internalSetFieldValue(valuePath, value, displayValidation) {
     const { revert } = this.getAdapterForValuePath(valuePath);
     assertExists(revert, "setting value not supported {}", valuePath);
-    const conversion = revert(value, valuePath, model.value);
-    const accessor = model.getAccessorForValuePath(valuePath);
+    const conversion = revert(value, valuePath, this.value);
+    const accessor = this.getAccessorForValuePath(valuePath);
     return runInAction(() => {
-      model.fieldOverrides[valuePath] = [value];
+      this.fieldOverrides[valuePath] = [value];
       switch (conversion.type) {
         case 1 /* Failure */:
           if (displayValidation) {
-            model.errors[valuePath] = conversion.error;
+            this.errors[valuePath] = conversion.error;
           }
           if (conversion.value != null && accessor != null) {
             accessor.set(conversion.value[0]);
           }
           return false;
         case 0 /* Success */:
-          delete model.errors[valuePath];
+          delete this.errors[valuePath];
           accessor == null ? void 0 : accessor.set(conversion.value);
           return true;
         default:
@@ -503,15 +632,15 @@ var FormPresenter = class {
       }
     });
   }
-  clearFieldError(model, valuePath) {
-    const fieldOverride = model.fieldOverrides[valuePath];
+  clearFieldError(valuePath) {
+    const fieldOverride = this.fieldOverrides[valuePath];
     if (fieldOverride != null) {
-      runInAction(function() {
-        delete model.errors[valuePath];
+      runInAction(() => {
+        delete this.errors[valuePath];
       });
     }
   }
-  clearFieldValue(model, valuePath) {
+  clearFieldValue(valuePath) {
     const typePath = this.typePath(valuePath);
     const adapter2 = this.adapters[typePath];
     if (adapter2 == null) {
@@ -521,42 +650,42 @@ var FormPresenter = class {
       convert,
       create
     } = adapter2;
-    const value = create(valuePath, model.value);
+    const value = create(valuePath, this.value);
     const {
       value: displayValue
-    } = convert(value, valuePath, model.value);
+    } = convert(value, valuePath, this.value);
     const key = valuePath;
-    runInAction(function() {
-      model.fieldOverrides[key] = [displayValue];
+    runInAction(() => {
+      this.fieldOverrides[key] = [displayValue];
     });
   }
-  clearAll(model, value) {
+  clearAll(value) {
     runInAction(() => {
-      model.errors = {};
-      model.fieldOverrides = {};
-      model.value = mobxCopy(this.type, value);
+      this.errors = {};
+      this.fieldOverrides = {};
+      this.value = mobxCopy(this.type, value);
     });
   }
-  isValuePathActive(model, valuePath) {
-    const values = flattenValuesOfType(this.type, model.value);
+  isValuePathActive(valuePath) {
+    const values = flattenValuesOfType(this.type, this.value);
     const keys = new Set(Object.keys(values));
     return keys.has(valuePath);
   }
-  validateField(model, valuePath, ignoreDefaultValue = false) {
+  validateField(valuePath, ignoreDefaultValue = false) {
     const {
       convert,
       revert,
       create
     } = this.getAdapterForValuePath(valuePath);
-    const fieldOverride = model.fieldOverrides[valuePath];
-    const accessor = model.getAccessorForValuePath(valuePath);
+    const fieldOverride = this.fieldOverrides[valuePath];
+    const accessor = this.getAccessorForValuePath(valuePath);
     const {
       value: storedValue
     } = convert(
-      accessor != null ? accessor.value : create(valuePath, model.value),
+      accessor != null ? accessor.value : create(valuePath, this.value),
       // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
       valuePath,
-      model.value
+      this.value
     );
     const value = fieldOverride != null ? fieldOverride[0] : storedValue;
     const dirty = storedValue !== value;
@@ -564,411 +693,117 @@ var FormPresenter = class {
     if (ignoreDefaultValue) {
       const {
         value: defaultDisplayValue
-      } = convert(create(valuePath, model.value), valuePath, model.value);
+      } = convert(create(valuePath, this.value), valuePath, this.value);
       if (defaultDisplayValue === value) {
         return true;
       }
     }
-    const conversion = revert(value, valuePath, model.value);
-    return runInAction(function() {
+    const conversion = revert(value, valuePath, this.value);
+    return runInAction(() => {
       switch (conversion.type) {
         case 1 /* Failure */:
-          model.errors[valuePath] = conversion.error;
+          this.errors[valuePath] = conversion.error;
           if (conversion.value != null && accessor != null && dirty) {
-            accessor.set(conversion.value[0]);
-          }
-          return false;
-        case 0 /* Success */:
-          delete model.errors[valuePath];
-          if (accessor != null && dirty) {
-            accessor.set(conversion.value);
-          }
-          return true;
-        default:
-          throw new UnreachableError2(conversion);
-      }
-    });
-  }
-  validateAll(model) {
-    const accessors = toArray(model.accessors).toSorted(function([a], [b]) {
-      return a.length - b.length;
-    });
-    return runInAction(() => {
-      return accessors.reduce(
-        (success, [
-          valuePath,
-          accessor
-        ]) => {
-          const adapterPath = valuePath;
-          const adapter2 = this.maybeGetAdapterForValuePath(adapterPath);
-          if (adapter2 == null) {
-            return success;
-          }
-          const {
-            convert,
-            revert
-          } = adapter2;
-          if (revert == null) {
-            return success;
-          }
-          const fieldOverride = model.fieldOverrides[adapterPath];
-          const {
-            value: storedValue
-          } = convert(accessor.value, valuePath, model.value);
-          const value = fieldOverride != null ? fieldOverride[0] : storedValue;
-          const dirty = fieldOverride != null && fieldOverride[0] !== storedValue;
-          const conversion = revert(value, valuePath, model.value);
-          switch (conversion.type) {
-            case 1 /* Failure */:
-              model.errors[adapterPath] = conversion.error;
-              if (conversion.value != null && dirty) {
-                accessor.set(conversion.value[0]);
-              }
-              return false;
-            case 0 /* Success */:
-              if (dirty) {
-                accessor.set(conversion.value);
-              }
-              delete model.errors[adapterPath];
-              return success;
-            default:
-              throw new UnreachableError2(conversion);
-          }
-        },
-        true
-      );
-    });
-  }
-};
-var _accessors_dec, _knownFields_dec, _fields_dec, _errors_dec, _fieldOverrides_dec, _value_dec, _init, _value, _fieldOverrides, _errors;
-_value_dec = [observable.ref], _fieldOverrides_dec = [observable.shallow], _errors_dec = [observable.shallow], _fields_dec = [computed], _knownFields_dec = [computed], _accessors_dec = [computed];
-var FormModel = class {
-  constructor(type, value, adapters) {
-    this.type = type;
-    this.adapters = adapters;
-    __runInitializers(_init, 5, this);
-    __privateAdd(this, _value, __runInitializers(_init, 8, this)), __runInitializers(_init, 11, this);
-    __privateAdd(this, _fieldOverrides, __runInitializers(_init, 12, this)), __runInitializers(_init, 15, this);
-    __privateAdd(this, _errors, __runInitializers(_init, 16, this, {})), __runInitializers(_init, 19, this);
-    __publicField(this, "flattenedTypeDefs");
-    this.value = mobxCopy(type, value);
-    this.flattenedTypeDefs = flattenTypesOfType(type);
-    const conversions = flattenValueTo(
-      type,
-      this.value,
-      () => {
-      },
-      (_t, value2, _setter, typePath, valuePath) => {
-        const adapter2 = this.adapters[typePath];
-        if (adapter2 == null) {
-          return;
-        }
-        const {
-          convert,
-          revert
-        } = adapter2;
-        if (revert == null) {
-          return;
-        }
-        return convert(value2, valuePath, this.value);
-      }
-    );
-    this.fieldOverrides = map(conversions, function(_k, v) {
-      return v && [v.value];
-    });
-  }
-  get fields() {
-    return new Proxy(
-      this.knownFields,
-      {
-        get: (target, prop) => {
-          const field = target[prop];
-          if (field != null) {
-            return field;
-          }
-          if (typeof prop === "string") {
-            return this.maybeSynthesizeFieldByValuePath(prop);
-          }
-        }
-      }
-    );
-  }
-  get knownFields() {
-    return flattenValueTo(
-      this.type,
-      this.value,
-      () => {
-      },
-      // TODO swap these to valuePath, typePath in flatten
-      (_t, _v, _setter, typePath, valuePath) => {
-        return this.synthesizeFieldByPaths(
-          // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-          valuePath,
-          // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-          typePath
-        );
-      }
-    );
-  }
-  maybeSynthesizeFieldByValuePath(valuePath) {
-    let typePath;
-    try {
-      typePath = valuePathToTypePath(
-        this.type,
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        valuePath,
-        true
-      );
-    } catch (e) {
-      return;
-    }
-    return this.synthesizeFieldByPaths(valuePath, typePath);
-  }
-  synthesizeFieldByPaths(valuePath, typePath) {
-    const adapter2 = this.adapters[typePath];
-    if (adapter2 == null) {
-      return;
-    }
-    const {
-      convert,
-      create
-    } = adapter2;
-    const fieldOverride = this.fieldOverrides[valuePath];
-    const accessor = this.getAccessorForValuePath(valuePath);
-    const fieldTypeDef = this.flattenedTypeDefs[typePath];
-    const {
-      value,
-      required,
-      readonly
-    } = convert(
-      accessor != null ? accessor.value : fieldTypeDef != null ? mobxCopy(
-        fieldTypeDef,
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        create(valuePath, this.value)
-      ) : create(valuePath, this.value),
-      // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-      valuePath,
-      this.value
-    );
-    const error = this.errors[valuePath];
-    return {
-      value: fieldOverride != null ? fieldOverride[0] : value,
-      error,
-      readonly,
-      required
-    };
-  }
-  getAccessorForValuePath(valuePath) {
-    return this.accessors[valuePath];
-  }
-  // should only be referenced internally, so loosely typed
-  get accessors() {
-    return flattenAccessorsOfType(
-      this.type,
-      this.value,
-      (value) => {
-        this.value = mobxCopy(this.type, value);
-      }
-    );
-  }
-};
-_init = __decoratorStart(null);
-_value = new WeakMap();
-_fieldOverrides = new WeakMap();
-_errors = new WeakMap();
-__decorateElement(_init, 4, "value", _value_dec, FormModel, _value);
-__decorateElement(_init, 4, "fieldOverrides", _fieldOverrides_dec, FormModel, _fieldOverrides);
-__decorateElement(_init, 4, "errors", _errors_dec, FormModel, _errors);
-__decorateElement(_init, 2, "fields", _fields_dec, FormModel);
-__decorateElement(_init, 2, "knownFields", _knownFields_dec, FormModel);
-__decorateElement(_init, 2, "accessors", _accessors_dec, FormModel);
-__decoratorMetadata(_init, FormModel);
-
-// core/mobx/hooks.tsx
-import {
-  useCallback,
-  useMemo as useMemo2
-} from "react";
-
-// util/partial.tsx
-import { observer } from "mobx-react";
-import {
-  forwardRef,
-  useMemo
-} from "react";
-import { jsx } from "react/jsx-runtime";
-function createSimplePartialComponent(Component, curriedProps) {
-  return forwardRef(
-    function(exposedProps, ref) {
-      const C = Component;
-      return /* @__PURE__ */ jsx(
-        C,
-        __spreadValues(__spreadValues({
-          ref
-        }, curriedProps), exposedProps)
-      );
-    }
-  );
-}
-function createPartialComponent(Component, curriedPropsSource, additionalPropKeys = []) {
-  return forwardRef(
-    function(props, ref) {
-      const C = Component;
-      const [
-        additionalProps,
-        exposedProps
-      ] = additionalPropKeys.reduce(
-        function([
-          additionalProps2,
-          exposedProps2
-        ], key) {
-          const value = props[
-            // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-            key
-          ];
-          delete exposedProps2[key];
-          additionalProps2[key] = value;
-          return [
-            additionalProps2,
-            exposedProps2
-          ];
-        },
-        [
-          // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-          {},
-          // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-          __spreadValues({}, props)
-        ]
-      );
-      const curriedProps = curriedPropsSource(additionalProps);
-      return /* @__PURE__ */ jsx(
-        C,
-        __spreadValues(__spreadValues({
-          ref
-        }, curriedProps), exposedProps)
-      );
-    }
-  );
-}
-function usePartialComponent(curriedPropsSource, deps, Component, additionalPropKeys = []) {
-  return useMemo(
-    function() {
-      return createPartialComponent(
-        Component,
-        curriedPropsSource,
-        additionalPropKeys
-      );
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      ...deps,
-      Component,
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      ...additionalPropKeys
-    ]
-  );
-}
-function createPartialObserverComponent(Component, curriedPropsSource, additionalPropKeys = []) {
-  return createUnsafePartialObserverComponent(
-    Component,
-    curriedPropsSource,
-    additionalPropKeys
-  );
-}
-function createUnsafePartialObserverComponent(Component, curriedPropsSource, additionalPropKeys = []) {
-  return observer(
-    forwardRef(
-      function(props, ref) {
-        const C = Component;
-        const [
-          additionalProps,
-          exposedProps
-        ] = additionalPropKeys.reduce(
-          function([
-            additionalProps2,
-            exposedProps2
-          ], key) {
-            const value = props[
-              // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-              key
-            ];
-            delete exposedProps2[key];
-            additionalProps2[key] = value;
-            return [
-              additionalProps2,
-              exposedProps2
-            ];
-          },
-          [
-            // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-            {},
-            // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-            __spreadValues({}, props)
-          ]
-        );
-        const curriedProps = curriedPropsSource(additionalProps);
-        return /* @__PURE__ */ jsx(
-          C,
-          __spreadValues(__spreadValues({
-            ref
-          }, curriedProps), exposedProps)
-        );
+            accessor.set(conversion.value[0]);
+          }
+          return false;
+        case 0 /* Success */:
+          delete this.errors[valuePath];
+          if (accessor != null && dirty) {
+            accessor.set(conversion.value);
+          }
+          return true;
+        default:
+          throw new UnreachableError2(conversion);
       }
-    )
-  );
-}
-function usePartialObserverComponent(curriedPropsSource, deps, Component, additionalPropKeys = []) {
-  return useMemo(
-    function() {
-      return createPartialObserverComponent(
-        Component,
-        curriedPropsSource,
-        additionalPropKeys
+    });
+  }
+  validateAll() {
+    const accessors = toArray(this.accessors).toSorted(function([a], [b]) {
+      return a.length - b.length;
+    });
+    return runInAction(() => {
+      return accessors.reduce(
+        (success, [
+          valuePath,
+          accessor
+        ]) => {
+          const adapterPath = valuePath;
+          const adapter2 = this.maybeGetAdapterForValuePath(adapterPath);
+          if (adapter2 == null) {
+            return success;
+          }
+          const {
+            convert,
+            revert
+          } = adapter2;
+          if (revert == null) {
+            return success;
+          }
+          const fieldOverride = this.fieldOverrides[adapterPath];
+          const {
+            value: storedValue
+          } = convert(accessor.value, valuePath, this.value);
+          const value = fieldOverride != null ? fieldOverride[0] : storedValue;
+          const dirty = fieldOverride != null && fieldOverride[0] !== storedValue;
+          const conversion = revert(value, valuePath, this.value);
+          switch (conversion.type) {
+            case 1 /* Failure */:
+              this.errors[adapterPath] = conversion.error;
+              if (conversion.value != null && dirty) {
+                accessor.set(conversion.value[0]);
+              }
+              return false;
+            case 0 /* Success */:
+              if (dirty) {
+                accessor.set(conversion.value);
+              }
+              delete this.errors[adapterPath];
+              return success;
+            default:
+              throw new UnreachableError2(conversion);
+          }
+        },
+        true
       );
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      ...deps,
-      Component,
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      ...additionalPropKeys
-    ]
-  );
-}
+    });
+  }
+};
+_init = __decoratorStart(null);
+_value = new WeakMap();
+_fieldOverrides = new WeakMap();
+_errors = new WeakMap();
+__decorateElement(_init, 4, "value", _value_dec, FormModel, _value);
+__decorateElement(_init, 4, "fieldOverrides", _fieldOverrides_dec, FormModel, _fieldOverrides);
+__decorateElement(_init, 4, "errors", _errors_dec, FormModel, _errors);
+__decorateElement(_init, 2, "fields", _fields_dec, FormModel);
+__decorateElement(_init, 2, "knownFields", _knownFields_dec, FormModel);
+__decorateElement(_init, 2, "accessors", _accessors_dec, FormModel);
+__decoratorMetadata(_init, FormModel);
 
 // core/mobx/hooks.tsx
-function useDefaultMobxFormHooks(presenter, value, {
+import {
+  useCallback
+} from "react";
+function useDefaultMobxFormHooks(model, {
   onValidFieldSubmit,
-  onValidFormSubmit,
-  FormFieldsView
+  onValidFormSubmit
 } = {}) {
-  const model = useMemo2(function() {
-    return presenter.createModel(value);
-  }, [
-    presenter,
-    value
-  ]);
   const onFieldValueChange = useCallback(
-    function(path, value2) {
-      presenter.clearFieldError(model, path);
-      presenter.setFieldValue(model, path, value2);
+    function(path, value) {
+      model.clearFieldError(path);
+      model.setFieldValue(path, value);
     },
-    [
-      presenter,
-      model
-    ]
+    [model]
   );
   const onFieldSubmit = useCallback(
     function(valuePath) {
-      if (presenter.validateField(model, valuePath)) {
-        onValidFieldSubmit == null ? void 0 : onValidFieldSubmit(model, valuePath);
+      if (model.validateField(valuePath)) {
+        onValidFieldSubmit == null ? void 0 : onValidFieldSubmit(valuePath);
       }
       return false;
     },
     [
-      presenter,
       model,
       onValidFieldSubmit
     ]
@@ -976,55 +811,29 @@ function useDefaultMobxFormHooks(presenter, value, {
   const onFieldBlur = useCallback(
     function(path) {
       setTimeout(function() {
-        if (presenter.isValuePathActive(model, path)) {
-          presenter.validateField(model, path, true);
+        if (model.isValuePathActive(path)) {
+          model.validateField(path, true);
         }
       }, 100);
     },
-    [
-      presenter,
-      model
-    ]
+    [model]
   );
   const onFormSubmit = useCallback(
     function() {
-      if (presenter.validateAll(model)) {
-        onValidFormSubmit == null ? void 0 : onValidFormSubmit(model, model.value);
+      if (model.validateAll()) {
+        onValidFormSubmit == null ? void 0 : onValidFormSubmit(model.value);
       }
     },
     [
-      presenter,
       model,
       onValidFormSubmit
     ]
   );
-  const FormFields = useMemo2(() => {
-    if (FormFieldsView == null) {
-      return void 0;
-    }
-    return createUnsafePartialObserverComponent(FormFieldsView, () => {
-      return {
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        fields: model.fields,
-        onFieldBlur,
-        onFieldSubmit,
-        onFieldValueChange
-      };
-    });
-  }, [
-    model,
-    FormFieldsView,
-    onFieldBlur,
-    onFieldSubmit,
-    onFieldValueChange
-  ]);
   return {
-    model,
     onFieldValueChange,
     onFieldSubmit,
     onFieldBlur,
-    onFormSubmit,
-    FormFields
+    onFormSubmit
   };
 }
 
@@ -1359,8 +1168,156 @@ import {
 } from "mobx";
 import {
   useEffect,
-  useMemo as useMemo3
+  useMemo as useMemo2
+} from "react";
+
+// util/partial.tsx
+import { observer } from "mobx-react";
+import {
+  forwardRef,
+  useMemo
 } from "react";
+import { jsx } from "react/jsx-runtime";
+function createSimplePartialComponent(Component, curriedProps) {
+  return forwardRef(
+    function(exposedProps, ref) {
+      const C = Component;
+      return /* @__PURE__ */ jsx(
+        C,
+        __spreadValues(__spreadValues({
+          ref
+        }, curriedProps), exposedProps)
+      );
+    }
+  );
+}
+function createPartialComponent(Component, curriedPropsSource, additionalPropKeys = []) {
+  return forwardRef(
+    function(props, ref) {
+      const C = Component;
+      const [
+        additionalProps,
+        exposedProps
+      ] = additionalPropKeys.reduce(
+        function([
+          additionalProps2,
+          exposedProps2
+        ], key) {
+          const value = props[
+            // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+            key
+          ];
+          delete exposedProps2[key];
+          additionalProps2[key] = value;
+          return [
+            additionalProps2,
+            exposedProps2
+          ];
+        },
+        [
+          // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+          {},
+          // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+          __spreadValues({}, props)
+        ]
+      );
+      const curriedProps = curriedPropsSource(additionalProps);
+      return /* @__PURE__ */ jsx(
+        C,
+        __spreadValues(__spreadValues({
+          ref
+        }, curriedProps), exposedProps)
+      );
+    }
+  );
+}
+function usePartialComponent(curriedPropsSource, deps, Component, additionalPropKeys = []) {
+  return useMemo(
+    function() {
+      return createPartialComponent(
+        Component,
+        curriedPropsSource,
+        additionalPropKeys
+      );
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      ...deps,
+      Component,
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      ...additionalPropKeys
+    ]
+  );
+}
+function createPartialObserverComponent(Component, curriedPropsSource, additionalPropKeys = []) {
+  return createUnsafePartialObserverComponent(
+    Component,
+    curriedPropsSource,
+    additionalPropKeys
+  );
+}
+function createUnsafePartialObserverComponent(Component, curriedPropsSource, additionalPropKeys = []) {
+  return observer(
+    forwardRef(
+      function(props, ref) {
+        const C = Component;
+        const [
+          additionalProps,
+          exposedProps
+        ] = additionalPropKeys.reduce(
+          function([
+            additionalProps2,
+            exposedProps2
+          ], key) {
+            const value = props[
+              // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+              key
+            ];
+            delete exposedProps2[key];
+            additionalProps2[key] = value;
+            return [
+              additionalProps2,
+              exposedProps2
+            ];
+          },
+          [
+            // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+            {},
+            // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+            __spreadValues({}, props)
+          ]
+        );
+        const curriedProps = curriedPropsSource(additionalProps);
+        return /* @__PURE__ */ jsx(
+          C,
+          __spreadValues(__spreadValues({
+            ref
+          }, curriedProps), exposedProps)
+        );
+      }
+    )
+  );
+}
+function usePartialObserverComponent(curriedPropsSource, deps, Component, additionalPropKeys = []) {
+  return useMemo(
+    function() {
+      return createPartialObserverComponent(
+        Component,
+        curriedPropsSource,
+        additionalPropKeys
+      );
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      ...deps,
+      Component,
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      ...additionalPropKeys
+    ]
+  );
+}
 
 // mantine/create_checkbox.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
@@ -1415,14 +1372,18 @@ function createCheckbox(valuePath, Checkbox) {
 }
 
 // mantine/create_fields_view.tsx
+import {
+  jsonPathPrefix,
+  jsonPathUnprefix
+} from "@strictly/define";
 import { observer as observer2 } from "mobx-react";
 import { jsx as jsx3 } from "react/jsx-runtime";
 function createFieldsView(valuePath, FieldsView, observableProps) {
   function toKey(subKey) {
-    return subKey.replace("$", valuePath);
+    return jsonPathPrefix(valuePath, subKey);
   }
   function toSubKey(key) {
-    return key.replace(valuePath, "$");
+    return jsonPathUnprefix(valuePath, key);
   }
   function onFieldValueChange(subKey, value) {
     observableProps.onFieldValueChange(toKey(subKey), value);
@@ -1719,7 +1680,7 @@ function useMantineFormFields({
   onFieldSubmit,
   fields
 }) {
-  const form = useMemo3(
+  const form = useMemo2(
     function() {
       return new MantineFormImpl(fields);
     },
@@ -1871,6 +1832,7 @@ var MantineFormImpl = class {
       this
     );
   }
+  // TODO have an option to bind to a Text/(value: T) => JSX.Element for viewing form fields
 };
 _init2 = __decoratorStart(null);
 _fields = new WeakMap();
@@ -1919,7 +1881,6 @@ export {
   AbstractSelectValueTypeConverter,
   DefaultErrorRenderer,
   FormModel,
-  FormPresenter,
   IntegerToStringConverter,
   NullableToBooleanConverter,
   SelectDiscriminatedUnionConverter,