@zajno/common 1.3.14 → 1.4.1

package/coverage/lcov-report/src/viewModels/Validatable.ts.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">60% </span>
+                <span class="strong">37.5% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>27/45</span>
+                <span class='fraction'>18/48</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">47.83% </span>
+                <span class="strong">4.17% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>11/23</span>
+                <span class='fraction'>1/24</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">46.15% </span>
+                <span class="strong">26.67% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>6/13</span>
+                <span class='fraction'>4/15</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">62.5% </span>
+                <span class="strong">39.53% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>25/40</span>
+                <span class='fraction'>17/43</span>
             </div>
         
             
@@ -55,7 +55,7 @@
             Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
         </p>
     </div>
-    <div class='status-line medium'></div>
+    <div class='status-line low'></div>
     <pre><table class="coverage">
 <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
 <a name='L2'></a><a href='#L2'>2</a>
@@ -148,7 +148,15 @@
 <a name='L89'></a><a href='#L89'>89</a>
 <a name='L90'></a><a href='#L90'>90</a>
 <a name='L91'></a><a href='#L91'>91</a>
-<a name='L92'></a><a href='#L92'>92</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">2x</span>
+<a name='L92'></a><a href='#L92'>92</a>
+<a name='L93'></a><a href='#L93'>93</a>
+<a name='L94'></a><a href='#L94'>94</a>
+<a name='L95'></a><a href='#L95'>95</a>
+<a name='L96'></a><a href='#L96'>96</a>
+<a name='L97'></a><a href='#L97'>97</a>
+<a name='L98'></a><a href='#L98'>98</a>
+<a name='L99'></a><a href='#L99'>99</a>
+<a name='L100'></a><a href='#L100'>100</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -161,6 +169,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">11x</span>
@@ -170,10 +179,10 @@
 <span class="cline-any cline-yes">11x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">11x</span>
+<span class="cline-any cline-yes">11x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">11x</span>
-<span class="cline-any cline-yes">11x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -183,40 +192,47 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">11x</span>
-<span class="cline-any cline-yes">11x</span>
-<span class="cline-any cline-yes">11x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -239,32 +255,33 @@
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { observable, makeObservable, action } from 'mobx';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { observable, makeObservable, action, runInAction } from 'mobx';
 import { ValidatorFunction, ValidatorFunctionAsync, ValidationErrors, ValidationError } from '../validation';
 import { someAsync } from '../async/arrays';
 &nbsp;
-export type ValueValidator&lt;T&gt; = ValidatorFunction&lt;T&gt; | ValidatorFunctionAsync&lt;T&gt;;
-export type ValidationErrorsStrings = { [code: number]: string };
+export type ValueValidator&lt;T, TErrors = ValidationErrors&gt; = ValidatorFunction&lt;T, TErrors&gt; | ValidatorFunctionAsync&lt;T, TErrors&gt;;
+export type ValidationErrorsStrings&lt;TErrors extends string | number = number&gt; = Partial&lt;Omit&lt;Record&lt;TErrors, string&gt;, 0 | null&gt;&gt;;
 &nbsp;
-export type ValidationConfig&lt;T&gt; = {
-    validator: ValueValidator&lt;Readonly&lt;T&gt;&gt;,
-    errors: ValidationErrorsStrings,
+export type ValidationConfig&lt;T, TErrors extends string | number = ValidationErrors&gt; = {
+    validator: ValueValidator&lt;Readonly&lt;T&gt;, TErrors&gt;,
+    errors: ValidationErrorsStrings&lt;TErrors&gt;,
 };
 &nbsp;
-const EmptyValidator = () =&gt; ValidationErrors.None;
+const EmptyValidator = <span class="fstat-no" title="function not covered" >() =</span>&gt; <span class="cstat-no" title="statement not covered" >0;</span>
+&nbsp;
 export abstract class ValidatableModel&lt;T = string&gt; {
 &nbsp;
-    private _validator: ValueValidator&lt;Readonly&lt;T&gt;&gt; = null;
-    private _strings: ValidationErrorsStrings = null;
+    private _validator: ValueValidator&lt;Readonly&lt;T&gt;, any&gt; = null;
+    private _strings: ValidationErrorsStrings&lt;any&gt; = null;
 &nbsp;
     @observable
     private _error: string = null;
 &nbsp;
     private _validationError: ValidationError = null;
+    protected _validateOnChange = false;
 &nbsp;
-    constructor(config?: ValidationConfig&lt;T&gt;) {
+    constructor() {
         makeObservable(this);
-        this.setValidationConfig(config);
     }
 &nbsp;
     protected abstract get valueToValidate(): Readonly&lt;T&gt;;
@@ -273,10 +290,15 @@ export abstract class ValidatableModel&lt;T = string&gt; {
 &nbsp;
     get error() { return this._error; }
 &nbsp;
-    public setValidationConfig(config?: ValidationConfig&lt;T&gt;) {
-        this._validator = <span class="branch-1 cbranch-no" title="branch not covered" >config?.validator </span>|| EmptyValidator;
-        this._strings = <span class="branch-1 cbranch-no" title="branch not covered" >config?.errors;</span>
-        return this;
+    public <span class="fstat-no" title="function not covered" >setValidationConfig&lt;</span>TErrors extends string | number = ValidationErrors&gt;(config?: ValidationConfig&lt;T, TErrors&gt;) {
+<span class="cstat-no" title="statement not covered" >        this._validator = config?.validator || EmptyValidator;</span>
+<span class="cstat-no" title="statement not covered" >        this._strings = config?.errors;</span>
+<span class="cstat-no" title="statement not covered" >        return this;</span>
+    }
+&nbsp;
+    public <span class="fstat-no" title="function not covered" >validateOnChange(</span>enable = <span class="branch-0 cbranch-no" title="branch not covered" >true)</span> {
+<span class="cstat-no" title="statement not covered" >        this._validateOnChange = enable;</span>
+<span class="cstat-no" title="statement not covered" >        return this;</span>
     }
 &nbsp;
     public <span class="fstat-no" title="function not covered" >async </span>testValidate(value: T) {
@@ -288,26 +310,28 @@ export abstract class ValidatableModel&lt;T = string&gt; {
     }
 &nbsp;
     async validate() {
-        <span class="missing-if-branch" title="if path not taken" >I</span>if (!this._validator) {
-<span class="cstat-no" title="statement not covered" >            return true;</span>
+        <span class="missing-if-branch" title="else path not taken" >E</span>if (!this._validator) {
+            return true;
         }
 &nbsp;
-        try {
-            const valid = await this._validator(this.valueToValidate);
-            this._validationError = valid === ValidationErrors.None
+<span class="cstat-no" title="statement not covered" >        try {</span>
+            const validationResult = <span class="cstat-no" title="statement not covered" >await this._validator(this.valueToValidate);</span>
+<span class="cstat-no" title="statement not covered" >            this._validationError = !validationResult</span>
                 ? null
-                : <span class="branch-1 cbranch-no" title="branch not covered" >new ValidationError('Unknown error', valid);</span>
+                : new ValidationError('Unknown error', validationResult);
         } catch (err) {
 <span class="cstat-no" title="statement not covered" >            this._validationError = err as ValidationError;</span>
         }
 &nbsp;
-        <span class="missing-if-branch" title="else path not taken" >E</span>if (!this._validationError) {
-            this._error = null;
-        } else {
-            const code = <span class="cstat-no" title="statement not covered" >this._validationError.code;</span>
-<span class="cstat-no" title="statement not covered" >            this._error = this._strings &amp;&amp; this._strings[code];</span>
-        }
-        return this._validationError == null;
+<span class="cstat-no" title="statement not covered" >        runInAction(<span class="fstat-no" title="function not covered" >() =</span>&gt; {</span>
+<span class="cstat-no" title="statement not covered" >            if (!this._validationError) {</span>
+<span class="cstat-no" title="statement not covered" >                this._error = null;</span>
+            } else {
+                const code = <span class="cstat-no" title="statement not covered" >this._validationError.code;</span>
+<span class="cstat-no" title="statement not covered" >                this._error = this._strings &amp;&amp; this._strings[code];</span>
+            }
+        });
+<span class="cstat-no" title="statement not covered" >        return this._validationError == null;</span>
     }
 &nbsp;
 <span class="fstat-no" title="function not covered" >    async </span>getIsInvalid() {
@@ -337,7 +361,7 @@ export abstract class ValidatableModel&lt;T = string&gt; {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Thu Jan 20 2022 17:54:25 GMT+0000 (Coordinated Universal Time)
+                at Mon Jan 31 2022 14:31:00 GMT+0000 (Coordinated Universal Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>

package/coverage/lcov-report/src/viewModels/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">78.18% </span>
+                <span class="strong">73.88% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>215/275</span>
+                <span class='fraction'>215/291</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">59.32% </span>
+                <span class="strong">40.63% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>35/59</span>
+                <span class='fraction'>26/64</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">65.71% </span>
+                <span class="strong">62.73% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>69/105</span>
+                <span class='fraction'>69/110</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">78.11% </span>
+                <span class="strong">73.17% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>182/233</span>
+                <span class='fraction'>180/246</span>
             </div>
         
             
@@ -74,77 +74,77 @@
 </thead>
 <tbody><tr>
 	<td class="file medium" data-value="FlagModel.ts"><a href="FlagModel.ts.html">FlagModel.ts</a></td>
-	<td data-value="64" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 64%"></div><div class="cover-empty" style="width: 36%"></div></div>
+	<td data-value="67.86" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 67%"></div><div class="cover-empty" style="width: 33%"></div></div>
 	</td>
-	<td data-value="64" class="pct medium">64%</td>
-	<td data-value="25" class="abs medium">16/25</td>
+	<td data-value="67.86" class="pct medium">67.86%</td>
+	<td data-value="28" class="abs medium">19/28</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="1" class="abs high">1/1</td>
-	<td data-value="37.5" class="pct low">37.5%</td>
-	<td data-value="8" class="abs low">3/8</td>
-	<td data-value="55" class="pct medium">55%</td>
-	<td data-value="20" class="abs medium">11/20</td>
+	<td data-value="44.44" class="pct low">44.44%</td>
+	<td data-value="9" class="abs low">4/9</td>
+	<td data-value="59.09" class="pct medium">59.09%</td>
+	<td data-value="22" class="abs medium">13/22</td>
 	</tr>
 
 <tr>
 	<td class="file medium" data-value="MultiSelectModel.ts"><a href="MultiSelectModel.ts.html">MultiSelectModel.ts</a></td>
-	<td data-value="77.67" class="pic medium">
+	<td data-value="77.14" class="pic medium">
 	<div class="chart"><div class="cover-fill" style="width: 77%"></div><div class="cover-empty" style="width: 23%"></div></div>
 	</td>
-	<td data-value="77.67" class="pct medium">77.67%</td>
-	<td data-value="103" class="abs medium">80/103</td>
-	<td data-value="43.75" class="pct low">43.75%</td>
-	<td data-value="16" class="abs low">7/16</td>
+	<td data-value="77.14" class="pct medium">77.14%</td>
+	<td data-value="105" class="abs medium">81/105</td>
+	<td data-value="44.44" class="pct low">44.44%</td>
+	<td data-value="18" class="abs low">8/18</td>
 	<td data-value="66.67" class="pct medium">66.67%</td>
 	<td data-value="42" class="abs medium">28/42</td>
-	<td data-value="77.11" class="pct medium">77.11%</td>
-	<td data-value="83" class="abs medium">64/83</td>
+	<td data-value="76.47" class="pct medium">76.47%</td>
+	<td data-value="85" class="abs medium">65/85</td>
 	</tr>
 
 <tr>
 	<td class="file high" data-value="NumberModel.ts"><a href="NumberModel.ts.html">NumberModel.ts</a></td>
-	<td data-value="80.95" class="pic high">
-	<div class="chart"><div class="cover-fill" style="width: 80%"></div><div class="cover-empty" style="width: 20%"></div></div>
+	<td data-value="83.33" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 83%"></div><div class="cover-empty" style="width: 17%"></div></div>
 	</td>
-	<td data-value="80.95" class="pct high">80.95%</td>
-	<td data-value="21" class="abs high">17/21</td>
+	<td data-value="83.33" class="pct high">83.33%</td>
+	<td data-value="24" class="abs high">20/24</td>
 	<td data-value="33.33" class="pct low">33.33%</td>
 	<td data-value="3" class="abs low">1/3</td>
-	<td data-value="42.86" class="pct low">42.86%</td>
-	<td data-value="7" class="abs low">3/7</td>
-	<td data-value="86.67" class="pct high">86.67%</td>
-	<td data-value="15" class="abs high">13/15</td>
+	<td data-value="50" class="pct medium">50%</td>
+	<td data-value="8" class="abs medium">4/8</td>
+	<td data-value="88.24" class="pct high">88.24%</td>
+	<td data-value="17" class="abs high">15/17</td>
 	</tr>
 
 <tr>
 	<td class="file high" data-value="SelectModel.ts"><a href="SelectModel.ts.html">SelectModel.ts</a></td>
-	<td data-value="95.16" class="pic high">
-	<div class="chart"><div class="cover-fill" style="width: 95%"></div><div class="cover-empty" style="width: 5%"></div></div>
+	<td data-value="91.04" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 91%"></div><div class="cover-empty" style="width: 9%"></div></div>
 	</td>
-	<td data-value="95.16" class="pct high">95.16%</td>
-	<td data-value="62" class="abs high">59/62</td>
-	<td data-value="93.75" class="pct high">93.75%</td>
-	<td data-value="16" class="abs high">15/16</td>
-	<td data-value="88" class="pct high">88%</td>
-	<td data-value="25" class="abs high">22/25</td>
-	<td data-value="94.64" class="pct high">94.64%</td>
-	<td data-value="56" class="abs high">53/56</td>
+	<td data-value="91.04" class="pct high">91.04%</td>
+	<td data-value="67" class="abs high">61/67</td>
+	<td data-value="83.33" class="pct high">83.33%</td>
+	<td data-value="18" class="abs high">15/18</td>
+	<td data-value="84.62" class="pct high">84.62%</td>
+	<td data-value="26" class="abs high">22/26</td>
+	<td data-value="90" class="pct high">90%</td>
+	<td data-value="60" class="abs high">54/60</td>
 	</tr>
 
 <tr>
-	<td class="file medium" data-value="Validatable.ts"><a href="Validatable.ts.html">Validatable.ts</a></td>
-	<td data-value="60" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 60%"></div><div class="cover-empty" style="width: 40%"></div></div>
+	<td class="file low" data-value="Validatable.ts"><a href="Validatable.ts.html">Validatable.ts</a></td>
+	<td data-value="37.5" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 37%"></div><div class="cover-empty" style="width: 63%"></div></div>
 	</td>
-	<td data-value="60" class="pct medium">60%</td>
-	<td data-value="45" class="abs medium">27/45</td>
-	<td data-value="47.83" class="pct low">47.83%</td>
-	<td data-value="23" class="abs low">11/23</td>
-	<td data-value="46.15" class="pct low">46.15%</td>
-	<td data-value="13" class="abs low">6/13</td>
-	<td data-value="62.5" class="pct medium">62.5%</td>
-	<td data-value="40" class="abs medium">25/40</td>
+	<td data-value="37.5" class="pct low">37.5%</td>
+	<td data-value="48" class="abs low">18/48</td>
+	<td data-value="4.17" class="pct low">4.17%</td>
+	<td data-value="24" class="abs low">1/24</td>
+	<td data-value="26.67" class="pct low">26.67%</td>
+	<td data-value="15" class="abs low">4/15</td>
+	<td data-value="39.53" class="pct low">39.53%</td>
+	<td data-value="43" class="abs low">17/43</td>
 	</tr>
 
 <tr>
@@ -170,7 +170,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Thu Jan 20 2022 17:54:25 GMT+0000 (Coordinated Universal Time)
+                at Mon Jan 31 2022 14:31:00 GMT+0000 (Coordinated Universal Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>

package/coverage/lcov-report/src/viewModels/wrappers.ts.html

@@ -211,7 +211,7 @@ export function mixinLabel<T, TModel extends IValueModel<T>, TLabel = s
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Thu Jan 20 2022 17:54:25 GMT+0000 (Coordinated Universal Time)
+                at Mon Jan 31 2022 14:31:00 GMT+0000 (Coordinated Universal Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>