@strictly/react-form 0.0.10 → 0.0.11

package/dist/index.js

@@ -1,3 +1,73 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __decoratorStart = (base) => {
+  var _a;
+  return [, , , __create((_a = base == null ? void 0 : base[__knownSymbol("metadata")]) != null ? _a : null)];
+};
+var __decoratorStrings = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError("Function expected") : fn;
+var __decoratorContext = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError("Already initialized") : fns.push(__expectFn(fn || null)) });
+var __decoratorMetadata = (array, target) => __defNormalProp(target, __knownSymbol("metadata"), array[3]);
+var __runInitializers = (array, flags, self, value) => {
+  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
+  return value;
+};
+var __decorateElement = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16);
+  var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings[k + 5];
+  var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc(k < 4 ? target : { get [name]() {
+    return __privateGet(this, extra);
+  }, set [name](x) {
+    return __privateSet(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet : __privateMethod)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y;
+    }
+    it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k ^ 4 || it === void 0) __expectFn(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError("Object expected");
+    else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata(array, target), desc && __defProp(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+
 // field_converters/chain_field_converter.ts
 import {
   UnreachableError
@@ -285,7 +355,7 @@ var FormPresenter = class {
     const listValuePath = valuePath;
     const accessor = model.accessors[valuePath];
     const listTypePath = this.typePath(valuePath);
-    const definedIndex = index ?? accessor.value.length;
+    const definedIndex = index != null ? index : accessor.value.length;
     const elementTypePath = `${listTypePath}.*`;
     const elementAdapter = assertExistsAndReturn(
       this.adapters[elementTypePath],
@@ -426,7 +496,7 @@ var FormPresenter = class {
           return false;
         case 0 /* Success */:
           delete model.errors[valuePath];
-          accessor?.set(conversion.value);
+          accessor == null ? void 0 : accessor.set(conversion.value);
           return true;
         default:
           throw new UnreachableError2(conversion);
@@ -570,10 +640,17 @@ var FormPresenter = class {
     });
   }
 };
+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(
@@ -600,14 +677,6 @@ var FormModel = class {
       return v && [v.value];
     });
   }
-  @observable.ref
-  accessor value;
-  @observable.shallow
-  accessor fieldOverrides;
-  @observable.shallow
-  accessor errors = {};
-  flattenedTypeDefs;
-  @computed
   get fields() {
     return new Proxy(
       this.knownFields,
@@ -624,7 +693,6 @@ var FormModel = class {
       }
     );
   }
-  @computed
   get knownFields() {
     return flattenValueTo(
       this.type,
@@ -693,7 +761,6 @@ var FormModel = class {
   getAccessorForValuePath(valuePath) {
     return this.accessors[valuePath];
   }
-  @computed
   // should only be referenced internally, so loosely typed
   get accessors() {
     return flattenAccessorsOfType(
@@ -705,6 +772,17 @@ var FormModel = class {
     );
   }
 };
+_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 {
@@ -725,11 +803,9 @@ function createSimplePartialComponent(Component, curriedProps) {
       const C = Component;
       return /* @__PURE__ */ jsx(
         C,
-        {
-          ref,
-          ...curriedProps,
-          ...exposedProps
-        }
+        __spreadValues(__spreadValues({
+          ref
+        }, curriedProps), exposedProps)
       );
     }
   );
@@ -761,17 +837,15 @@ function createPartialComponent(Component, curriedPropsSource, additionalPropKey
           // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
           {},
           // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-          { ...props }
+          __spreadValues({}, props)
         ]
       );
       const curriedProps = curriedPropsSource(additionalProps);
       return /* @__PURE__ */ jsx(
         C,
-        {
-          ref,
-          ...curriedProps,
-          ...exposedProps
-        }
+        __spreadValues(__spreadValues({
+          ref
+        }, curriedProps), exposedProps)
       );
     }
   );
@@ -830,17 +904,15 @@ function createUnsafePartialObserverComponent(Component, curriedPropsSource, add
             // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
             {},
             // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-            { ...props }
+            __spreadValues({}, props)
           ]
         );
         const curriedProps = curriedPropsSource(additionalProps);
         return /* @__PURE__ */ jsx(
           C,
-          {
-            ref,
-            ...curriedProps,
-            ...exposedProps
-          }
+          __spreadValues(__spreadValues({
+            ref
+          }, curriedProps), exposedProps)
         );
       }
     )
@@ -891,7 +963,7 @@ function useDefaultMobxFormHooks(presenter, value, {
   const onFieldSubmit = useCallback(
     function(valuePath) {
       if (presenter.validateField(model, valuePath)) {
-        onValidFieldSubmit?.(model, valuePath);
+        onValidFieldSubmit == null ? void 0 : onValidFieldSubmit(model, valuePath);
       }
       return false;
     },
@@ -917,7 +989,7 @@ function useDefaultMobxFormHooks(presenter, value, {
   const onFormSubmit = useCallback(
     function() {
       if (presenter.validateAll(model)) {
-        onValidFormSubmit?.(model, model.value);
+        onValidFormSubmit == null ? void 0 : onValidFormSubmit(model, model.value);
       }
     },
     [
@@ -1023,11 +1095,10 @@ function mergeAdaptersWithValidators(adapters, validators) {
           readonly: readonly1 || readonly2
         };
       }
-      acc[key] = {
-        ...adapter2,
+      acc[key] = __spreadProps(__spreadValues({}, adapter2), {
         convert,
         revert: adapter2.revert && revert
-      };
+      });
       return acc;
     },
     {}
@@ -1110,9 +1181,9 @@ var NullableToBooleanConverter = class {
     this.typeDef = typeDef;
     this.prototype = prototype;
     this.nullType = nullType;
+    __publicField(this, "defaultValue");
     this.defaultValue = defaultToNull ? this.nullType : prototype;
   }
-  defaultValue;
   convert(from) {
     return {
       value: from !== this.nullType,
@@ -1295,17 +1366,21 @@ import {
 import { jsx as jsx2 } from "react/jsx-runtime";
 function createCheckbox(valuePath, Checkbox) {
   const onChange = (e) => {
-    this.onFieldValueChange?.(valuePath, e.target.checked);
+    var _a;
+    (_a = this.onFieldValueChange) == null ? void 0 : _a.call(this, valuePath, e.target.checked);
   };
   const onFocus = () => {
-    this.onFieldFocus?.(valuePath);
+    var _a;
+    (_a = this.onFieldFocus) == null ? void 0 : _a.call(this, valuePath);
   };
   const onBlur = () => {
-    this.onFieldBlur?.(valuePath);
+    var _a;
+    (_a = this.onFieldBlur) == null ? void 0 : _a.call(this, valuePath);
   };
   const onKeyUp = (e) => {
+    var _a;
     if (e.key === "Enter") {
-      if (this.onFieldSubmit?.(valuePath)) {
+      if ((_a = this.onFieldSubmit) == null ? void 0 : _a.call(this, valuePath)) {
         e.preventDefault();
       }
     }
@@ -1353,13 +1428,16 @@ function createFieldsView(valuePath, FieldsView, observableProps) {
     observableProps.onFieldValueChange(toKey(subKey), value);
   }
   function onFieldBlur(subKey) {
-    observableProps.onFieldBlur?.(toKey(subKey));
+    var _a;
+    (_a = observableProps.onFieldBlur) == null ? void 0 : _a.call(observableProps, toKey(subKey));
   }
   function onFieldFocus(subKey) {
-    observableProps.onFieldFocus?.(toKey(subKey));
+    var _a;
+    (_a = observableProps.onFieldFocus) == null ? void 0 : _a.call(observableProps, toKey(subKey));
   }
   function onFieldSubmit(subKey) {
-    observableProps.onFieldSubmit?.(toKey(subKey));
+    var _a;
+    (_a = observableProps.onFieldSubmit) == null ? void 0 : _a.call(observableProps, toKey(subKey));
   }
   const Component = observer2(
     function(props) {
@@ -1378,16 +1456,13 @@ function createFieldsView(valuePath, FieldsView, observableProps) {
       );
       return /* @__PURE__ */ jsx3(
         FieldsView,
-        {
-          // maybe we can do this in a more type safe way
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/consistent-type-assertions
-          ...props,
+        __spreadProps(__spreadValues({}, props), {
           fields: subFields,
           onFieldBlur,
           onFieldFocus,
           onFieldSubmit,
           onFieldValueChange
-        }
+        })
       );
     }
   );
@@ -1417,13 +1492,10 @@ function createForm(valuePath, Form, observableProps) {
     }, []);
     return /* @__PURE__ */ jsx4(
       Form,
-      {
-        // maybe we can do this in a more type safe way
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/consistent-type-assertions
-        ...props,
+      __spreadProps(__spreadValues({}, props), {
         onValueChange,
         value
-      }
+      })
     );
   });
 }
@@ -1487,17 +1559,21 @@ function createRadio(valuePath, value, Radio) {
 import { jsx as jsx6 } from "react/jsx-runtime";
 function createRadioGroup(valuePath, RadioGroup) {
   const onChange = (value) => {
-    this.onFieldValueChange?.(valuePath, value);
+    var _a;
+    (_a = this.onFieldValueChange) == null ? void 0 : _a.call(this, valuePath, value);
   };
   const onFocus = () => {
-    this.onFieldFocus?.(valuePath);
+    var _a;
+    (_a = this.onFieldFocus) == null ? void 0 : _a.call(this, valuePath);
   };
   const onBlur = () => {
-    this.onFieldBlur?.(valuePath);
+    var _a;
+    (_a = this.onFieldBlur) == null ? void 0 : _a.call(this, valuePath);
   };
   const onKeyUp = (e) => {
+    var _a;
     if (e.key === "Enter") {
-      if (this.onFieldSubmit?.(valuePath)) {
+      if ((_a = this.onFieldSubmit) == null ? void 0 : _a.call(this, valuePath)) {
         e.preventDefault();
       }
     }
@@ -1526,17 +1602,21 @@ function createRadioGroup(valuePath, RadioGroup) {
 import { jsx as jsx7 } from "react/jsx-runtime";
 function createTextInput(valuePath, TextInput) {
   const onChange = (e) => {
-    this.onFieldValueChange?.(valuePath, e.target.value);
+    var _a;
+    (_a = this.onFieldValueChange) == null ? void 0 : _a.call(this, valuePath, e.target.value);
   };
   const onFocus = () => {
-    this.onFieldFocus?.(valuePath);
+    var _a;
+    (_a = this.onFieldFocus) == null ? void 0 : _a.call(this, valuePath);
   };
   const onBlur = () => {
-    this.onFieldBlur?.(valuePath);
+    var _a;
+    (_a = this.onFieldBlur) == null ? void 0 : _a.call(this, valuePath);
   };
   const onKeyUp = (e) => {
+    var _a;
     if (e.key === "Enter") {
-      if (this.onFieldSubmit?.(valuePath)) {
+      if ((_a = this.onFieldSubmit) == null ? void 0 : _a.call(this, valuePath)) {
         e.preventDefault();
       }
     }
@@ -1578,17 +1658,21 @@ function createTextInput(valuePath, TextInput) {
 import { jsx as jsx8 } from "react/jsx-runtime";
 function createValueInput(valuePath, ValueInput) {
   const onChange = (value) => {
-    this.onFieldValueChange?.(valuePath, value);
+    var _a;
+    (_a = this.onFieldValueChange) == null ? void 0 : _a.call(this, valuePath, value);
   };
   const onFocus = () => {
-    this.onFieldFocus?.(valuePath);
+    var _a;
+    (_a = this.onFieldFocus) == null ? void 0 : _a.call(this, valuePath);
   };
   const onBlur = () => {
-    this.onFieldBlur?.(valuePath);
+    var _a;
+    (_a = this.onFieldBlur) == null ? void 0 : _a.call(this, valuePath);
   };
   const onKeyUp = (e) => {
+    var _a;
     if (e.key === "Enter") {
-      if (this.onFieldSubmit?.(valuePath)) {
+      if ((_a = this.onFieldSubmit) == null ? void 0 : _a.call(this, valuePath)) {
         e.preventDefault();
       }
     }
@@ -1626,7 +1710,7 @@ function createValueInput(valuePath, ValueInput) {
 // mantine/hooks.tsx
 import { jsx as jsx9 } from "react/jsx-runtime";
 function SimpleSelect(props) {
-  return /* @__PURE__ */ jsx9(Select, { ...props });
+  return /* @__PURE__ */ jsx9(Select, __spreadValues({}, props));
 }
 function useMantineFormFields({
   onFieldValueChange,
@@ -1677,39 +1761,40 @@ function useMantineFormFields({
   ]);
   return form;
 }
+var _fields_dec2, _init2, _fields;
+_fields_dec2 = [observable2.ref];
 var MantineFormImpl = class {
-  textInputCache = new Cache(
-    createTextInput.bind(this)
-  );
-  valueInputCache = new Cache(
-    createValueInput.bind(this)
-  );
-  checkboxCache = new Cache(
-    createCheckbox.bind(this)
-  );
-  radioGroupCache = new Cache(
-    createRadioGroup.bind(this)
-  );
-  radioCache = new Cache(
-    createRadio.bind(this)
-  );
-  pillCache = new Cache(
-    createPill.bind(this)
-  );
-  listCache = new Cache(
-    createList.bind(this)
-  );
-  fieldsViewCache = new Cache(
-    createFieldsView.bind(this)
-  );
-  formCache = new Cache(createForm.bind(this));
-  @observable2.ref
-  accessor fields;
-  onFieldValueChange;
-  onFieldFocus;
-  onFieldBlur;
-  onFieldSubmit;
   constructor(fields) {
+    __publicField(this, "textInputCache", new Cache(
+      createTextInput.bind(this)
+    ));
+    __publicField(this, "valueInputCache", new Cache(
+      createValueInput.bind(this)
+    ));
+    __publicField(this, "checkboxCache", new Cache(
+      createCheckbox.bind(this)
+    ));
+    __publicField(this, "radioGroupCache", new Cache(
+      createRadioGroup.bind(this)
+    ));
+    __publicField(this, "radioCache", new Cache(
+      createRadio.bind(this)
+    ));
+    __publicField(this, "pillCache", new Cache(
+      createPill.bind(this)
+    ));
+    __publicField(this, "listCache", new Cache(
+      createList.bind(this)
+    ));
+    __publicField(this, "fieldsViewCache", new Cache(
+      createFieldsView.bind(this)
+    ));
+    __publicField(this, "formCache", new Cache(createForm.bind(this)));
+    __privateAdd(this, _fields, __runInitializers(_init2, 8, this)), __runInitializers(_init2, 11, this);
+    __publicField(this, "onFieldValueChange");
+    __publicField(this, "onFieldFocus");
+    __publicField(this, "onFieldBlur");
+    __publicField(this, "onFieldSubmit");
     this.fields = fields;
   }
   textInput(valuePath, TextInput = TextInputImpl) {
@@ -1787,6 +1872,10 @@ var MantineFormImpl = class {
     );
   }
 };
+_init2 = __decoratorStart(null);
+_fields = new WeakMap();
+__decorateElement(_init2, 4, "fields", _fields_dec2, MantineFormImpl, _fields);
+__decoratorMetadata(_init2, MantineFormImpl);
 
 // types/merge_validators.ts
 import {
@@ -1794,10 +1883,7 @@ import {
   validate as validate3
 } from "@strictly/define";
 function mergeValidators(validators1, validators2) {
-  const validators = {
-    ...validators1,
-    ...validators2
-  };
+  const validators = __spreadValues(__spreadValues({}, validators1), validators2);
   const keys1 = new Set(Object.keys(validators1));
   const keys2 = new Set(Object.keys(validators2));
   return Array.from(keys1.intersection(keys2)).reduce(

package/package.json

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