@mobx-ecosystem/mobx-form 2.0.4 → 2.0.6

package/dist/field-service.d.ts

@@ -3,11 +3,11 @@ type FieldOptionsType = {
 };
 type Nullable<T> = T | null;
 export declare class FieldService<T> {
+    validate?(): Promise<void>;
     _serviceType: string;
     _initValue?: Nullable<T>;
     _value?: Nullable<T>;
     _error?: string;
-    validate?(): Promise<void>;
     _disabled: boolean;
     options?: FieldOptionsType;
     constructor(initValue?: T, options?: FieldOptionsType);
@@ -21,6 +21,7 @@ export declare class FieldService<T> {
     set disabled(disabled: boolean);
     get isValid(): boolean;
     get isInit(): boolean;
+    onChange: (_: any, value: T) => void;
     get props(): any;
 }
 export {};

package/dist/index.js

@@ -1 +1 @@
-import{isEqual as e}from"lodash";import{runInAction as t,makeAutoObservable as n}from"mobx";var r=function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},r.apply(this,arguments)};function i(e,t,n,r){return new(n||(n=Promise))((function(i,o){function u(e){try{s(r.next(e))}catch(e){o(e)}}function a(e){try{s(r.throw(e))}catch(e){o(e)}}function s(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(u,a)}s((r=r.apply(e,t||[])).next())}))}function o(e,t){var n,r,i,o,u={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:a(0),throw:a(1),return:a(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function a(a){return function(s){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,a[0]&&(u=0)),u;)try{if(n=1,r&&(i=2&a[0]?r.return:a[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;switch(r=0,i&&(a=[2&a[0],i.value]),a[0]){case 0:case 1:i=a;break;case 4:return u.label++,{value:a[1],done:!1};case 5:u.label++,r=a[1],a=[0];continue;case 7:a=u.ops.pop(),u.trys.pop();continue;default:if(!(i=u.trys,(i=i.length>0&&i[i.length-1])||6!==a[0]&&2!==a[0])){u=0;continue}if(3===a[0]&&(!i||a[1]>i[0]&&a[1]<i[3])){u.label=a[1];break}if(6===a[0]&&u.label<i[1]){u.label=i[1],i=a;break}if(i&&u.label<i[2]){u.label=i[2],u.ops.push(a);break}i[2]&&u.ops.pop(),u.trys.pop();continue}a=t.call(e,u)}catch(e){a=[6,e],r=0}finally{n=i=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,s])}}}var u,a=function(){function i(e,t){this._serviceType="field-service",this._disabled=!1,n(this),this.initValue=e,this.options=t}return Object.defineProperty(i.prototype,"initValue",{get:function(){return this._initValue},set:function(e){var n=this;t((function(){n._initValue=e,n._value=e,n.validate&&n.validate()}))},enumerable:!1,configurable:!0}),Object.defineProperty(i.prototype,"value",{get:function(){return this._value},set:function(e){var n=this;t((function(){n._value=e}))},enumerable:!1,configurable:!0}),Object.defineProperty(i.prototype,"error",{get:function(){return this._error},set:function(e){var n=this;t((function(){n._error=e}))},enumerable:!1,configurable:!0}),Object.defineProperty(i.prototype,"disabled",{get:function(){return this._disabled},set:function(e){var n=this;t((function(){n._disabled=e}))},enumerable:!1,configurable:!0}),Object.defineProperty(i.prototype,"isValid",{get:function(){return!this._error},enumerable:!1,configurable:!0}),Object.defineProperty(i.prototype,"isInit",{get:function(){return null!==(t=this.value)&&"object"==typeof t?e(this.value,this._initValue):this._value===this._initValue;var t},enumerable:!1,configurable:!0}),Object.defineProperty(i.prototype,"props",{get:function(){var e,t=this,n={value:this.value,error:this.error,disabled:this.disabled};return(null===(e=this.options)||void 0===e?void 0:e.onError)&&(n=r(r({},n),{onError:function(e){t.error=t.error||(null==e?void 0:e.toString())}})),r(r({},n),{onChange:function(e,n){t.value=n,t.validate&&t.validate()}})},enumerable:!1,configurable:!0}),i}(),s=function(e){u=e.validation.validate},l=function(){if(!u)throw new Error("You must define configureForm to configure mobx-form")},c=function(){function e(e,t){var r=this;this.validate=function(){return i(r,void 0,void 0,(function(){var e,t;return o(this,(function(n){switch(n.label){case 0:return e=this.getValues(),[4,null==u?void 0:u(e,this.validationSchema)];case 1:return(t=n.sent())&&0!=Object.keys(t||[]).length?this.setErrors(t):this.resetErrors(),[2]}}))}))},this.getValues=function(){var e={};return r.keys.forEach((function(t){e[t]=r.fields[t].value})),e},this.setValuesAsInit=function(){r.keys.forEach((function(e){r.fields[e].initValue=r.fields[e].value}))},this.resetErrors=function(){r.keys.forEach((function(e){return r.fields[e].error=void 0}))},this.reset=function(){r.keys.forEach((function(e){return r.fields[e].value=r.fields[e].initValue})),r.validate()},this.disable=function(){r.keys.forEach((function(e){return r.fields[e].disabled=!0}))},this.enable=function(){r.keys.forEach((function(e){return r.fields[e].disabled=!1}))},l(),n(this),this.fields=e,this.validationSchema=t,this.keys.forEach((function(e){r.fields[e].validate=r.validate}))}return Object.defineProperty(e.prototype,"keys",{get:function(){return Object.keys(this.fields)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isValid",{get:function(){var e=this;return this.keys.every((function(t){return e.fields[t].isValid}))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isTouched",{get:function(){var e=this;return this.keys.some((function(t){return!e.fields[t].isInit}))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"canBeSubmitted",{get:function(){return this.isTouched&&this.isValid},enumerable:!1,configurable:!0}),e.prototype.setErrors=function(e){var t=this;this.keys.forEach((function(n){t.fields[n].error=null==e?void 0:e[n]}))},e}();export{a as FieldService,c as FormService,l as _checkConfiguration,s as configureForm,u as validate};
+import{isEqual as e}from"lodash";import{makeAutoObservable as t}from"mobx";var i=function(){return i=Object.assign||function(e){for(var t,i=1,r=arguments.length;i<r;i++)for(var n in t=arguments[i])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},i.apply(this,arguments)};function r(e,t,i,r){return new(i||(i=Promise))((function(n,o){function u(e){try{s(r.next(e))}catch(e){o(e)}}function a(e){try{s(r.throw(e))}catch(e){o(e)}}function s(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(u,a)}s((r=r.apply(e,t||[])).next())}))}function n(e,t){var i,r,n,o,u={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]};return o={next:a(0),throw:a(1),return:a(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function a(a){return function(s){return function(a){if(i)throw new TypeError("Generator is already executing.");for(;o&&(o=0,a[0]&&(u=0)),u;)try{if(i=1,r&&(n=2&a[0]?r.return:a[0]?r.throw||((n=r.return)&&n.call(r),0):r.next)&&!(n=n.call(r,a[1])).done)return n;switch(r=0,n&&(a=[2&a[0],n.value]),a[0]){case 0:case 1:n=a;break;case 4:return u.label++,{value:a[1],done:!1};case 5:u.label++,r=a[1],a=[0];continue;case 7:a=u.ops.pop(),u.trys.pop();continue;default:if(!(n=u.trys,(n=n.length>0&&n[n.length-1])||6!==a[0]&&2!==a[0])){u=0;continue}if(3===a[0]&&(!n||a[1]>n[0]&&a[1]<n[3])){u.label=a[1];break}if(6===a[0]&&u.label<n[1]){u.label=n[1],n=a;break}if(n&&u.label<n[2]){u.label=n[2],u.ops.push(a);break}n[2]&&u.ops.pop(),u.trys.pop();continue}a=t.call(e,u)}catch(e){a=[6,e],r=0}finally{i=n=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,s])}}}var o,u=function(){function r(e,i){var r=this;this._serviceType="field-service",this._initValue=void 0,this._value=void 0,this._error=void 0,this._disabled=!1,this.onChange=function(e,t){r.value=t,r.validate&&r.validate()},t(this),this.initValue=e,this.options=i}return Object.defineProperty(r.prototype,"initValue",{get:function(){return this._initValue},set:function(e){this._initValue=e,this._value=e,this.validate&&this.validate()},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"value",{get:function(){return this._value},set:function(e){this._value=e},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"error",{get:function(){return this._error},set:function(e){this._error=e},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"disabled",{get:function(){return this._disabled},set:function(e){this._disabled=e},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"isValid",{get:function(){return!this._error},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"isInit",{get:function(){return null!==(t=this.value)&&"object"==typeof t?e(this.value,this._initValue):this._value===this._initValue;var t},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"props",{get:function(){var e,t=this,r={value:this.value,error:this.error,disabled:this.disabled};return(null===(e=this.options)||void 0===e?void 0:e.onError)&&(r=i(i({},r),{onError:function(e){t.error=t.error||(null==e?void 0:e.toString())}})),i(i({},r),{onChange:this.onChange})},enumerable:!1,configurable:!0}),r}(),a=function(e){o=e.validation.validate},s=function(){if(!o)throw new Error("You must define configureForm to configure mobx-form")},l=function(){function e(e,i){var u=this;this.validate=function(){return r(u,void 0,void 0,(function(){var e,t;return n(this,(function(i){switch(i.label){case 0:return e=this.getValues(),[4,null==o?void 0:o(e,this.validationSchema)];case 1:return(t=i.sent())&&0!=Object.keys(t||[]).length?this.setErrors(t):this.resetErrors(),[2]}}))}))},this.getValues=function(){var e={};return u.keys.forEach((function(t){e[t]=u.fields[t].value})),e},this.setValuesAsInit=function(){u.keys.forEach((function(e){u.fields[e].initValue=u.fields[e].value}))},this.resetErrors=function(){u.keys.forEach((function(e){return u.fields[e].error=void 0}))},this.reset=function(){u.keys.forEach((function(e){return u.fields[e].value=u.fields[e].initValue})),u.validate()},this.disable=function(){u.keys.forEach((function(e){return u.fields[e].disabled=!0}))},this.enable=function(){u.keys.forEach((function(e){return u.fields[e].disabled=!1}))},s(),t(this),this.fields=e,this.validationSchema=i,this.keys.forEach((function(e){u.fields[e].validate=u.validate}))}return Object.defineProperty(e.prototype,"keys",{get:function(){return Object.keys(this.fields)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isValid",{get:function(){var e=this;return this.keys.every((function(t){return e.fields[t].isValid}))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isTouched",{get:function(){var e=this;return this.keys.some((function(t){return!e.fields[t].isInit}))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"canBeSubmitted",{get:function(){return this.isTouched&&this.isValid},enumerable:!1,configurable:!0}),e.prototype.setErrors=function(e){var t=this;this.keys.forEach((function(i){t.fields[i].error=null==e?void 0:e[i]}))},e}();export{u as FieldService,l as FormService,s as _checkConfiguration,a as configureForm,o as validate};

package/package.json

@@ -2,7 +2,7 @@
   "type": "module",
   "name": "@mobx-ecosystem/mobx-form",
   "private": false,
-  "version": "2.0.4",
+  "version": "2.0.6",
   "description": "provides the ability to use forms with validation in MobX stores",
   "main": "dist/index.js",
   "module": "dist/index.js",