@zeedhi/common 1.120.1 → 1.120.3

package/dist/zd-common.umd.js

@@ -2893,7 +2893,6 @@
           this.mask = this.getInitValue('mask', newMask, this.defaultMask);
           this.createAccessors();
           this.validateMask();
-          this.initializeMaskProxy();
       }
       /**
        * Merges two masks
@@ -2955,35 +2954,6 @@
               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
@@ -3997,7 +3967,7 @@
           /**
            * Width of the picker.
            */
-          this.width = 248;
+          this.pickerWidth = 248;
           this.isoFormat = 'YYYY-MM-DD';
           this.dateError = false;
           this.formatterFn = core.FormatterParserProvider.getFormatter('ZdDate');
@@ -4023,7 +3993,7 @@
           this.helperValue = this.getInitValue('helperValue', props.helperValue, this.helperValue);
           this.min = this.getInitValue('min', props.min, this.min);
           this.max = this.getInitValue('max', props.max, this.max);
-          this.width = this.getInitValue('width', props.width, this.width);
+          this.pickerWidth = this.getInitValue('pickerWidth', props.width || props.pickerWidth, this.pickerWidth);
           this.mask = this.getInitValue('mask', props.mask, undefined);
           this.createAccessors();
           this.initialMask = this.getInitialMask();
@@ -4398,7 +4368,7 @@
           /**
            * Width of the picker.
            */
-          this.width = 248;
+          this.pickerWidth = 248;
           /**
            * Helper options.
            */
@@ -4435,7 +4405,7 @@
           this.showDatePicker = this.getInitValue('showDatePicker', props.showDatePicker, this.showDatePicker);
           this.showWeek = this.getInitValue('showWeek', props.showWeek, this.showWeek);
           this.splitter = this.getInitValue('splitter', props.splitter, this.internalSplitter);
-          this.width = this.getInitValue('width', props.width, this.width);
+          this.pickerWidth = this.getInitValue('pickerWidth', props.width || props.pickerWidth, this.pickerWidth);
           this.mask = this.getInitValue('mask', props.mask, undefined);
           this.helperOptions = this.getInitValue('helperOptions', props.helperOptions, this.helperOptions);
           this.helperValue = this.getInitValue('helperValue', props.helperValue, this.helperValue);
@@ -14598,7 +14568,7 @@
           /**
            * Width of the picker.
            */
-          this.width = 290;
+          this.pickerWidth = 248;
           this.formatterFn = core.FormatterParserProvider.getFormatter('ZdTime');
           this.parserFn = core.FormatterParserProvider.getParser('ZdTime');
           this.isoFormatValue = 'HH:mm';
@@ -14624,7 +14594,7 @@
           this.scrollable = this.getInitValue('scrollable', props.scrollable, this.scrollable);
           this.showTimePicker = this.getInitValue('showTimePicker', props.showTimePicker, this.showTimePicker);
           this.useSeconds = this.getInitValue('useSeconds', props.useSeconds, this.useSeconds);
-          this.width = this.getInitValue('width', props.width, this.width);
+          this.pickerWidth = this.getInitValue('pickerWidth', props.pickerWidth, this.pickerWidth);
           this.autofill = this.getInitValue('autofill', props.autofill, this.autofill);
           this.timeValidation = this.timeValidation.bind(this);
           this.valueFormat = this.getInitValue('valueFormat', props.valueFormat, this.valueFormatInternal);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.120.1",
+  "version": "1.120.3",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -43,5 +43,5 @@
     "lodash.times": "4.3.*",
     "mockdate": "3.0.*"
   },
-  "gitHead": "074ff9c24d814d9917ed388a8505ce351a098a9b"
+  "gitHead": "48deb34f5847dc102a03346b4ec17cd3cfa44b7f"
 }

package/types/components/zd-date/date-range.d.ts

@@ -65,7 +65,7 @@ export declare class DateRange extends TextInput implements IDateRange {
     /**
      * Width of the picker.
      */
-    width: number | string;
+    pickerWidth: number | string;
     /**
      * Helper options.
      */

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

@@ -75,7 +75,7 @@ export declare class Date extends TextInput implements IDate {
     /**
      * Width of the picker.
      */
-    width: number | string;
+    pickerWidth: number | string;
     protected isoFormat: string;
     protected dateError: boolean;
     protected formatterFn: Function;

package/types/components/zd-date/interfaces.d.ts

@@ -19,7 +19,7 @@ export interface IDate extends ITextInput {
     scrollable?: boolean;
     showDatePicker?: boolean;
     showWeek?: boolean;
-    width?: number | string;
+    pickerWidth?: number | string;
     orderedDates?: boolean;
     helperOptions?: string[];
     helperValue?: string;

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

@@ -11,6 +11,7 @@ export declare type AutoNumericObj = {
  * Base class for Number component
  */
 export declare class Number extends TextInput implements INumber {
+    mask: any;
     protected defaultMask: any;
     align: string;
     /**
@@ -22,7 +23,6 @@ export declare class Number extends TextInput implements INumber {
     protected formatterFn: Function;
     protected parserFn: Function;
     private maskValid;
-    private internalMask;
     /**
      * Creates a new number input
      */
@@ -39,12 +39,6 @@ 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/components/zd-time/interfaces.d.ts

@@ -20,4 +20,5 @@ export interface ITime extends ITextInput {
     useSeconds?: boolean;
     valueFormat?: string;
     inputFormat?: string;
+    pickerWidth?: number | string;
 }

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

@@ -55,7 +55,7 @@ export declare class Time extends TextInput implements ITime {
     /**
      * Width of the picker.
      */
-    width: number | string;
+    pickerWidth: number | string;
     protected formatterFn: Function;
     protected parserFn: Function;
     private isoFormatValue;