formstate - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

CHANGELOG.md

@@ -0,0 +0,0 @@ # 1.0.1

lib/core/fieldState.d.ts

@@ -15,2 +15,10 @@ import { ComposibleValidatable, Validator } from './types';
     error?: string;
+    /**
+     * Allows you to set an error on a field lazily
+     * Use case:
+     *  You validate some things on client (e.g. isRequired)
+     *  You then validate the field on the backend with an explict action (e.g. continue button)
+     *  You now want to highlight an error from the backend for this field
+     **/
+    setError(error: string): void;
     /** If the field has been touched */
@@ -23,3 +31,3 @@ dirty?: boolean;
      * Use case:
-     * - to show a green color in the field if `hasError` is false
+     * - to show a green color in the field : `hasError == false && hasBeenValidated == true`
      **/
@@ -26,0 +34,0 @@ hasBeenValidated: boolean;

lib/core/fieldState.js

@@ -26,3 +26,3 @@ "use strict";
          * Use case:
-         * - to show a green color in the field if `hasError` is false
+         * - to show a green color in the field : `hasError == false && hasBeenValidated == true`
          **/
@@ -211,2 +211,12 @@ this.hasBeenValidated = false;
     }
+    /**
+     * Allows you to set an error on a field lazily
+     * Use case:
+     *  You validate some things on client (e.g. isRequired)
+     *  You then validate the field on the backend with an explict action (e.g. continue button)
+     *  You now want to highlight an error from the backend for this field
+     **/
+    FieldState.prototype.setError = function (error) {
+        this.error = error;
+    };
     Object.defineProperty(FieldState.prototype, "hasError", {
@@ -226,2 +236,5 @@ get: function () {
     __decorate([
+        mobx_1.action
+    ], FieldState.prototype, "setError", null);
+    __decorate([
         mobx_1.observable
@@ -228,0 +241,0 @@ ], FieldState.prototype, "dirty", void 0);

lib/core/formState.d.ts

@@ -0,0 +0,0 @@ import { ComposibleValidatable, Validator } from './types';

lib/core/formState.js

@@ -0,0 +0,0 @@ "use strict";

lib/core/formStateLazy.d.ts

@@ -0,0 +0,0 @@ import { Validatable, Validator } from './types';

lib/core/formStateLazy.js

@@ -0,0 +0,0 @@ "use strict";

lib/core/types.d.ts

@@ -0,0 +0,0 @@ /** A truthy string or falsy values */

lib/core/types.js

@@ -0,0 +0,0 @@ "use strict";

lib/index.d.ts

@@ -0,0 +0,0 @@ export * from './core/types';

lib/index.js

@@ -0,0 +0,0 @@ "use strict";

lib/internal/utils.d.ts

 export declare function debounce<T extends Function>(func: T, milliseconds: number, immediate?: boolean): T;

lib/internal/utils.js

@@ -0,0 +0,0 @@ "use strict";

lib/starts.js

@@ -0,0 +0,0 @@ "use strict";

package.json

 {
   "name": "formstate",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Painless and simple MobX form management",
@@ -48,2 +48,3 @@ "main": "./lib/index.js",
     "mocha": "5.0.5",
+    "moment": "2.22.1",
     "react": "15.4.2",
@@ -50,0 +51,0 @@ "react-dom": "15.4.2",

README.md

@@ -0,0 +0,0 @@ # FormState

src/core/fieldState.ts

@@ -19,2 +19,12 @@ import { observable, action, computed, runInAction } from 'mobx';
 
+  /**
+   * Allows you to set an error on a field lazily
+   * Use case:
+   *  You validate some things on client (e.g. isRequired)
+   *  You then validate the field on the backend with an explict action (e.g. continue button)
+   *  You now want to highlight an error from the backend for this field
+   **/
+  @action setError(error: string) {
+    this.error = error;
+  }
 
@@ -30,3 +40,3 @@ /** If the field has been touched */
    * Use case:
-   * - to show a green color in the field if `hasError` is false
+   * - to show a green color in the field : `hasError == false && hasBeenValidated == true`
    **/
@@ -33,0 +43,0 @@ @observable hasBeenValidated: boolean = false;

src/core/formState.ts

@@ -0,0 +0,0 @@ import { observable, action, computed, runInAction, isObservable, isArrayLike } from 'mobx';

src/core/formStateLazy.ts

@@ -0,0 +0,0 @@ import { observable, action, computed, runInAction } from 'mobx';

src/core/types.ts

@@ -0,0 +0,0 @@ import * as utils from '../internal/utils';

src/index.ts

@@ -0,0 +0,0 @@ export * from './core/types';

src/internal/utils.ts

@@ -0,0 +0,0 @@ /**

src/starts.ts

@@ -0,0 +0,0 @@ import { starts } from 'starts';

tsconfig.json

@@ -0,0 +0,0 @@ {

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

76947

increased by3.21%

Number of package files

30

increased by15.38%

Lines of code

2050

increased by6.27%

Worsened metrics

Dev dependency count

22

increased by4.76%

Number of low supply chain risk alerts

1

increased byInfinity%

No dependency changes