@strictly/react-form 0.0.16 → 0.0.18

package/dist/index.js

@@ -329,15 +329,17 @@ import {
 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) {
+  constructor(type, originalValue, adapters, mode) {
     this.type = type;
+    this.originalValue = originalValue;
     this.adapters = adapters;
+    this.mode = mode;
     __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.value = mobxCopy(type, originalValue);
     this.flattenedTypeDefs = flattenTypesOfType(type);
     const conversions = flattenValueTo(
       type,
@@ -345,7 +347,7 @@ var FormModel = class {
       () => {
       },
       (_t, fieldValue, _setter, typePath, valuePath) => {
-        const contextValue = this.toContext(value, valuePath);
+        const contextValue = this.toContext(originalValue, valuePath);
         const adapter2 = this.adapters[typePath];
         if (adapter2 == null) {
           return;
@@ -364,6 +366,16 @@ var FormModel = class {
       return v && [v.value];
     });
   }
+  get forceMutableFields() {
+    switch (this.mode) {
+      case "create":
+        return true;
+      case "edit":
+        return false;
+      default:
+        return this.mode;
+    }
+  }
   get fields() {
     return new Proxy(
       this.knownFields,
@@ -442,7 +454,7 @@ var FormModel = class {
     return {
       value: fieldOverride != null ? fieldOverride[0] : value,
       error,
-      readonly,
+      readonly: readonly && !this.forceMutableFields,
       required
     };
   }
@@ -724,10 +736,11 @@ var FormModel = class {
       }
     });
   }
-  validateAll() {
+  validateAll(force = this.mode === "create") {
     const accessors = toArray(this.accessors).toSorted(function([a], [b]) {
       return a.length - b.length;
     });
+    const flattenedOriginalValues = flattenValuesOfType(this.type, this.originalValue);
     return runInAction(() => {
       return accessors.reduce(
         (success, [
@@ -753,23 +766,32 @@ var FormModel = class {
           } = convert(accessor.value, valuePath, context);
           const value = fieldOverride != null ? fieldOverride[0] : storedValue;
           const dirty = fieldOverride != null && fieldOverride[0] !== storedValue;
-          const conversion = revert(value, valuePath, context);
-          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);
+          const needsValidation = force || !(valuePath in flattenedOriginalValues) || storedValue !== convert(
+            flattenedOriginalValues[valuePath],
+            valuePath,
+            // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+            this.toContext(this.originalValue, valuePath)
+          ).value;
+          if (needsValidation) {
+            const conversion = revert(value, valuePath, context);
+            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);
+            }
           }
+          return success;
         },
         true
       );
@@ -1762,7 +1784,7 @@ function useMantineFormFields({
     function() {
       return new MantineFormImpl(fields);
     },
-    // handled separately below
+    // fields handled separately below
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );

package/mantine/hooks.tsx

@@ -103,7 +103,7 @@ export function useMantineFormFields<
     function () {
       return new MantineFormImpl(fields)
     },
-    // handled separately below
+    // fields handled separately below
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [],
   )

package/package.json

@@ -70,7 +70,7 @@
     "test:watch": "vitest"
   },
   "type": "module",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "exports": {
     ".": {
       "import": {