@zeedhi/common 1.108.1 → 1.109.0

package/dist/zd-common.esm.js

@@ -2876,11 +2876,20 @@ class Number$1 extends TextInput {
         this.formatterFn = FormatterParserProvider.getFormatter('ZdNumber');
         this.parserFn = FormatterParserProvider.getParser('ZdNumber');
         this.maskValid = false;
-        const newMask = Object.assign(Object.assign({}, this.defaultMask), props.mask);
+        const newMask = this.mergeMasks(this.defaultMask, props.mask);
         this.align = this.getInitValue('align', props.align, this.align);
         this.mask = this.getInitValue('mask', newMask, this.defaultMask);
         this.createAccessors();
         this.validateMask();
+        this.initializeMaskProxy();
+    }
+    /**
+     * Merges two masks
+     */
+    mergeMasks(maskA, maskB) {
+        if (typeof maskB !== 'object')
+            return Object.assign({}, maskA);
+        return Object.assign(Object.assign({}, maskA), maskB);
     }
     validateMask() {
         AutoNumeric.validate(this.mask, true);
@@ -2934,6 +2943,35 @@ class Number$1 extends TextInput {
             this.localValue = parsed;
         }
     }
+    /**
+     * initializes a mask proxy to call update when the mask is changed
+     */
+    initializeMaskProxy() {
+        this.internalMask = new Proxy(Object.assign({}, this.mask), {
+            set: (target, prop, newValue) => {
+                target[prop] = newValue;
+                setTimeout(() => {
+                    var _a;
+                    (_a = this.autoNumericObj) === null || _a === void 0 ? void 0 : _a.update(this.mask);
+                });
+                return true;
+            },
+        });
+    }
+    get mask() {
+        return this.internalMask;
+    }
+    set mask(value) {
+        this.internalMask = value;
+        if (typeof value !== 'object')
+            return;
+        // when the mask is replaced, should reinitialize the mask Proxy
+        setTimeout(() => {
+            var _a;
+            this.initializeMaskProxy();
+            (_a = this.autoNumericObj) === null || _a === void 0 ? void 0 : _a.update(this.mask);
+        });
+    }
     /**
      * Retrieves a formatted value with mask
      * @param value Any value

package/dist/zd-common.umd.js

@@ -2883,11 +2883,20 @@
           this.formatterFn = core.FormatterParserProvider.getFormatter('ZdNumber');
           this.parserFn = core.FormatterParserProvider.getParser('ZdNumber');
           this.maskValid = false;
-          const newMask = Object.assign(Object.assign({}, this.defaultMask), props.mask);
+          const newMask = this.mergeMasks(this.defaultMask, props.mask);
           this.align = this.getInitValue('align', props.align, this.align);
           this.mask = this.getInitValue('mask', newMask, this.defaultMask);
           this.createAccessors();
           this.validateMask();
+          this.initializeMaskProxy();
+      }
+      /**
+       * Merges two masks
+       */
+      mergeMasks(maskA, maskB) {
+          if (typeof maskB !== 'object')
+              return Object.assign({}, maskA);
+          return Object.assign(Object.assign({}, maskA), maskB);
       }
       validateMask() {
           AutoNumeric.validate(this.mask, true);
@@ -2941,6 +2950,35 @@
               this.localValue = parsed;
           }
       }
+      /**
+       * initializes a mask proxy to call update when the mask is changed
+       */
+      initializeMaskProxy() {
+          this.internalMask = new Proxy(Object.assign({}, this.mask), {
+              set: (target, prop, newValue) => {
+                  target[prop] = newValue;
+                  setTimeout(() => {
+                      var _a;
+                      (_a = this.autoNumericObj) === null || _a === void 0 ? void 0 : _a.update(this.mask);
+                  });
+                  return true;
+              },
+          });
+      }
+      get mask() {
+          return this.internalMask;
+      }
+      set mask(value) {
+          this.internalMask = value;
+          if (typeof value !== 'object')
+              return;
+          // when the mask is replaced, should reinitialize the mask Proxy
+          setTimeout(() => {
+              var _a;
+              this.initializeMaskProxy();
+              (_a = this.autoNumericObj) === null || _a === void 0 ? void 0 : _a.update(this.mask);
+          });
+      }
       /**
        * Retrieves a formatted value with mask
        * @param value Any value

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.108.1",
+  "version": "1.109.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -43,5 +43,5 @@
     "lodash.times": "4.3.*",
     "mockdate": "3.0.*"
   },
-  "gitHead": "9cd96dd092145062a963f12aaba1bb3e0d872cc8"
+  "gitHead": "1f4ffbc7dac5b71cff4065c5956921405a362085"
 }

package/types/components/zd-number/number.d.ts

@@ -1,25 +1,36 @@
 import { INumber } from './interfaces';
 import { TextInput } from '../zd-text-input/text-input';
+export declare type AutoNumericObj = {
+    rawValue: string;
+    update(mask: any): any;
+    clear(): any;
+    setValue(value: number): any;
+    remove(): any;
+};
 /**
  * Base class for Number component
  */
 export declare class Number extends TextInput implements INumber {
-    mask: any;
     protected defaultMask: any;
     align: string;
     /**
      * AutoNumeric object
      */
-    autoNumericObj: any;
+    autoNumericObj: AutoNumericObj;
     private formattedValue?;
     private localValue?;
     protected formatterFn: Function;
     protected parserFn: Function;
     private maskValid;
+    private internalMask;
     /**
      * Creates a new number input
      */
     constructor(props: INumber);
+    /**
+     * Merges two masks
+     */
+    private mergeMasks;
     validateMask(): void;
     get value(): any;
     set value(value: any);
@@ -28,6 +39,12 @@ export declare class Number extends TextInput implements INumber {
      */
     get displayValue(): any;
     set displayValue(value: any);
+    /**
+     * initializes a mask proxy to call update when the mask is changed
+     */
+    private initializeMaskProxy;
+    get mask(): any;
+    set mask(value: any);
     /**
      * Retrieves a formatted value with mask
      * @param value Any value

package/types/services/zd-json-cache/json-cache-service.d.ts

@@ -0,0 +1,12 @@
+export interface IJSONObject {
+    path: string;
+}
+export declare class JsonCacheService {
+    /**
+     * jsons collection
+     */
+    static jsonCollection: IJSONObject[];
+    static saveJSONCache(jsonCollection: IJSONObject[]): Promise<void>;
+    static getJSONCache(path: string): any;
+    static clearJSONCache(jsonCollection: IJSONObject[]): void;
+}