@zeedhi/common 1.79.1 → 1.80.0

package/dist/zd-common.esm.js

@@ -1,4 +1,4 @@
-import { AccessorManager, Event, KeyMap, Metadata, Accessor, I18n, FormatterParserProvider, Validation, Mask, DatasourceFactory, MethodNotAssignedError, Loader, Config, dayjs, Utils, DateHelper, Router, InstanceNotFoundError, Cookie, Http, URL as URL$1, VersionService } from '@zeedhi/core';
+import { AccessorManager, Event, KeyMap, Metadata, Accessor, I18n, FormatterParserProvider, Validation, Mask, DatasourceFactory, MethodNotAssignedError, Loader, Config, dayjs, Utils, DateHelper, Router, InstanceNotFoundError, MemoryDatasource, Cookie, Http, URL as URL$1, VersionService } from '@zeedhi/core';
 import merge from 'lodash.merge';
 import cloneDeep from 'lodash.clonedeep';
 import debounce from 'lodash.debounce';
@@ -3746,6 +3746,14 @@ class Date$1 extends TextInput {
          * Helper value.
          */
         this.helperValue = '';
+        /**
+         * Max value allowed.
+         */
+        this.max = '';
+        /**
+         * Min value allowed.
+         */
+        this.min = '';
         /**
          * Width of the picker.
          */
@@ -3773,6 +3781,8 @@ class Date$1 extends TextInput {
         this.pickerType = this.getInitValue('pickerType', props.pickerType, this.pickerType);
         this.helperOptions = this.getInitValue('helperOptions', props.helperOptions, this.helperOptions);
         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.mask = this.getInitValue('mask', props.mask, undefined);
         this.createAccessors();
@@ -3856,6 +3866,28 @@ class Date$1 extends TextInput {
         this.value = this.internalValue; // forces value accessor to be called if necessary
     }
     isValidDate(value, format, strict = true) {
+        const date = dayjs(value, format, strict);
+        const isValidFormat = date.isValid();
+        if (!isValidFormat)
+            return false;
+        const minDate = this.min ? dayjs(this.min, this.dateFormat) : null;
+        const isValidMin = !minDate || date.isAfter(minDate) || date.isSame(minDate);
+        if (!isValidMin)
+            return false;
+        const maxDate = this.max ? dayjs(this.max, this.dateFormat) : null;
+        const isValidMax = !maxDate || date.isBefore(maxDate) || date.isSame(maxDate);
+        if (!isValidMax)
+            return false;
+        const isAllowedDate = this.allowedDates === undefined
+            || (this.allowedDates instanceof Function
+                && this.allowedDates(dayjs(value, format).format(this.dateFormat)))
+            || (Array.isArray(this.allowedDates)
+                && this.allowedDates.indexOf(dayjs(value, format).format(this.dateFormat)) !== -1);
+        if (!isAllowedDate)
+            return false;
+        return true;
+    }
+    isValidFormatDate(value, format, strict = true) {
         return dayjs(value, format, strict).isValid();
     }
     get isoValue() {
@@ -3869,13 +3901,13 @@ class Date$1 extends TextInput {
             this.change(this.value);
     }
     formatISODateValue(value) {
-        if (value && this.isValidDate(value, this.dateFormat)) {
+        if (value && this.isValidFormatDate(value, this.dateFormat)) {
             return dayjs(value, this.dateFormat).format(this.isoFormat);
         }
         return '';
     }
     parseISODateValue(value) {
-        if (value && this.isValidDate(value, this.isoFormat)) {
+        if (value && this.isValidFormatDate(value, this.isoFormat)) {
             return dayjs(value, this.isoFormat).format(this.dateFormat);
         }
         return null;
@@ -4100,6 +4132,14 @@ class DateRange extends TextInput {
          * Helper options.
          */
         this.helperOptions = [];
+        /**
+          * Max value allowed.
+          */
+        this.max = '';
+        /**
+          * Min value allowed.
+          */
+        this.min = '';
         /**
          * Helper value.
          */
@@ -4127,6 +4167,8 @@ class DateRange extends TextInput {
         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);
+        this.min = this.getInitValue('min', props.min, this.min);
+        this.max = this.getInitValue('max', props.max, this.max);
         this.createAccessors();
         this.unitMask = this.mask;
         this.initialMask = this.getInitialMask();
@@ -4223,6 +4265,21 @@ class DateRange extends TextInput {
         return [value];
     }
     isValidDate(value, format, strict = true) {
+        const date = dayjs(value, format, strict);
+        const isValidFormat = date.isValid();
+        if (!isValidFormat)
+            return false;
+        const minDate = this.min ? dayjs(this.min, this.dateFormat) : null;
+        const isValidMin = !minDate || date.isAfter(minDate) || date.isSame(minDate);
+        if (!isValidMin)
+            return false;
+        const maxDate = this.max ? dayjs(this.max, this.dateFormat) : null;
+        const isValidMax = !maxDate || date.isBefore(maxDate) || date.isSame(maxDate);
+        if (!isValidMax)
+            return false;
+        return true;
+    }
+    isValidFormatDate(value, format, strict = true) {
         return dayjs(value, format, strict).isValid();
     }
     get isoRangeValue() {
@@ -4243,7 +4300,7 @@ class DateRange extends TextInput {
             splitedValue = this.splitValues(dates);
         const formattedValue = [];
         splitedValue.forEach((value) => {
-            if (value && this.isValidDate(value, this.dateFormat)) {
+            if (value && this.isValidFormatDate(value, this.dateFormat)) {
                 formattedValue.push(dayjs(value, this.dateFormat, true).format(this.isoFormat));
             }
         });
@@ -4253,7 +4310,7 @@ class DateRange extends TextInput {
         const parsedValue = [];
         if (values.length) {
             values.forEach((value) => {
-                if (value && this.isValidDate(value, this.isoFormat)) {
+                if (value && this.isValidFormatDate(value, this.isoFormat)) {
                     parsedValue.push(dayjs(value, this.isoFormat, true).format(this.dateFormat));
                 }
             });
@@ -6526,7 +6583,13 @@ class GridEditable extends Grid {
      */
     addNewRow(row, position = 'end') {
         return __awaiter(this, void 0, void 0, function* () {
-            const { data } = this.datasource;
+            let data;
+            if (this.datasource instanceof MemoryDatasource) {
+                data = this.datasource.allData;
+            }
+            else {
+                data = this.datasource.data;
+            }
             row[this.newRowIdentifier] = true;
             if (position === 'start') {
                 data.unshift(row);
@@ -11183,12 +11246,17 @@ class Tabs extends ComponentRender {
          * Set component height to fill all space available
          */
         this.fillHeight = false;
+        /**
+         * Disable touch support.
+         */
+        this.touchless = false;
         this.tabs = this.getTabs(props.tabs || []);
         this.activeTab = this.getInitValue('activeTab', props.activeTab, this.activeTabValue);
         this.height = this.getInitValue('height', props.height, this.height);
         this.minHeight = this.getInitValue('minHeight', props.minHeight, this.minHeight);
         this.maxHeight = this.getInitValue('maxHeight', props.maxHeight, this.maxHeight);
         this.fillHeight = this.getInitValue('fillHeight', props.fillHeight, this.fillHeight);
+        this.touchless = this.getInitValue('touchless', props.touchless, this.touchless);
         this.createAccessors();
     }
     get activeTab() {
@@ -11294,6 +11362,7 @@ class Text extends ComponentRender {
         this.compile = props.compile === true;
         this.tag = this.getInitValue('tag', props.tag, this.tag);
         this.text = this.getInitValue('text', props.text, this.text);
+        this.textResize = this.getInitValue('textResize', props.textResize, this.textResize);
         this.createAccessors();
     }
 }

package/dist/zd-common.umd.js

@@ -3753,6 +3753,14 @@
            * Helper value.
            */
           this.helperValue = '';
+          /**
+           * Max value allowed.
+           */
+          this.max = '';
+          /**
+           * Min value allowed.
+           */
+          this.min = '';
           /**
            * Width of the picker.
            */
@@ -3780,6 +3788,8 @@
           this.pickerType = this.getInitValue('pickerType', props.pickerType, this.pickerType);
           this.helperOptions = this.getInitValue('helperOptions', props.helperOptions, this.helperOptions);
           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.mask = this.getInitValue('mask', props.mask, undefined);
           this.createAccessors();
@@ -3863,6 +3873,28 @@
           this.value = this.internalValue; // forces value accessor to be called if necessary
       }
       isValidDate(value, format, strict = true) {
+          const date = core.dayjs(value, format, strict);
+          const isValidFormat = date.isValid();
+          if (!isValidFormat)
+              return false;
+          const minDate = this.min ? core.dayjs(this.min, this.dateFormat) : null;
+          const isValidMin = !minDate || date.isAfter(minDate) || date.isSame(minDate);
+          if (!isValidMin)
+              return false;
+          const maxDate = this.max ? core.dayjs(this.max, this.dateFormat) : null;
+          const isValidMax = !maxDate || date.isBefore(maxDate) || date.isSame(maxDate);
+          if (!isValidMax)
+              return false;
+          const isAllowedDate = this.allowedDates === undefined
+              || (this.allowedDates instanceof Function
+                  && this.allowedDates(core.dayjs(value, format).format(this.dateFormat)))
+              || (Array.isArray(this.allowedDates)
+                  && this.allowedDates.indexOf(core.dayjs(value, format).format(this.dateFormat)) !== -1);
+          if (!isAllowedDate)
+              return false;
+          return true;
+      }
+      isValidFormatDate(value, format, strict = true) {
           return core.dayjs(value, format, strict).isValid();
       }
       get isoValue() {
@@ -3876,13 +3908,13 @@
               this.change(this.value);
       }
       formatISODateValue(value) {
-          if (value && this.isValidDate(value, this.dateFormat)) {
+          if (value && this.isValidFormatDate(value, this.dateFormat)) {
               return core.dayjs(value, this.dateFormat).format(this.isoFormat);
           }
           return '';
       }
       parseISODateValue(value) {
-          if (value && this.isValidDate(value, this.isoFormat)) {
+          if (value && this.isValidFormatDate(value, this.isoFormat)) {
               return core.dayjs(value, this.isoFormat).format(this.dateFormat);
           }
           return null;
@@ -4107,6 +4139,14 @@
            * Helper options.
            */
           this.helperOptions = [];
+          /**
+            * Max value allowed.
+            */
+          this.max = '';
+          /**
+            * Min value allowed.
+            */
+          this.min = '';
           /**
            * Helper value.
            */
@@ -4134,6 +4174,8 @@
           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);
+          this.min = this.getInitValue('min', props.min, this.min);
+          this.max = this.getInitValue('max', props.max, this.max);
           this.createAccessors();
           this.unitMask = this.mask;
           this.initialMask = this.getInitialMask();
@@ -4230,6 +4272,21 @@
           return [value];
       }
       isValidDate(value, format, strict = true) {
+          const date = core.dayjs(value, format, strict);
+          const isValidFormat = date.isValid();
+          if (!isValidFormat)
+              return false;
+          const minDate = this.min ? core.dayjs(this.min, this.dateFormat) : null;
+          const isValidMin = !minDate || date.isAfter(minDate) || date.isSame(minDate);
+          if (!isValidMin)
+              return false;
+          const maxDate = this.max ? core.dayjs(this.max, this.dateFormat) : null;
+          const isValidMax = !maxDate || date.isBefore(maxDate) || date.isSame(maxDate);
+          if (!isValidMax)
+              return false;
+          return true;
+      }
+      isValidFormatDate(value, format, strict = true) {
           return core.dayjs(value, format, strict).isValid();
       }
       get isoRangeValue() {
@@ -4250,7 +4307,7 @@
               splitedValue = this.splitValues(dates);
           const formattedValue = [];
           splitedValue.forEach((value) => {
-              if (value && this.isValidDate(value, this.dateFormat)) {
+              if (value && this.isValidFormatDate(value, this.dateFormat)) {
                   formattedValue.push(core.dayjs(value, this.dateFormat, true).format(this.isoFormat));
               }
           });
@@ -4260,7 +4317,7 @@
           const parsedValue = [];
           if (values.length) {
               values.forEach((value) => {
-                  if (value && this.isValidDate(value, this.isoFormat)) {
+                  if (value && this.isValidFormatDate(value, this.isoFormat)) {
                       parsedValue.push(core.dayjs(value, this.isoFormat, true).format(this.dateFormat));
                   }
               });
@@ -6533,7 +6590,13 @@
        */
       addNewRow(row, position = 'end') {
           return __awaiter(this, void 0, void 0, function* () {
-              const { data } = this.datasource;
+              let data;
+              if (this.datasource instanceof core.MemoryDatasource) {
+                  data = this.datasource.allData;
+              }
+              else {
+                  data = this.datasource.data;
+              }
               row[this.newRowIdentifier] = true;
               if (position === 'start') {
                   data.unshift(row);
@@ -11190,12 +11253,17 @@
            * Set component height to fill all space available
            */
           this.fillHeight = false;
+          /**
+           * Disable touch support.
+           */
+          this.touchless = false;
           this.tabs = this.getTabs(props.tabs || []);
           this.activeTab = this.getInitValue('activeTab', props.activeTab, this.activeTabValue);
           this.height = this.getInitValue('height', props.height, this.height);
           this.minHeight = this.getInitValue('minHeight', props.minHeight, this.minHeight);
           this.maxHeight = this.getInitValue('maxHeight', props.maxHeight, this.maxHeight);
           this.fillHeight = this.getInitValue('fillHeight', props.fillHeight, this.fillHeight);
+          this.touchless = this.getInitValue('touchless', props.touchless, this.touchless);
           this.createAccessors();
       }
       get activeTab() {
@@ -11301,6 +11369,7 @@
           this.compile = props.compile === true;
           this.tag = this.getInitValue('tag', props.tag, this.tag);
           this.text = this.getInitValue('text', props.text, this.text);
+          this.textResize = this.getInitValue('textResize', props.textResize, this.textResize);
           this.createAccessors();
       }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.79.1",
+  "version": "1.80.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -41,5 +41,5 @@
     "lodash.times": "4.3.*",
     "mockdate": "3.0.*"
   },
-  "gitHead": "b4bf265016337a00b453394e11176f0ce770b63f"
+  "gitHead": "475e792a47bd61e8b083078ea84dbae954992339"
 }

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

@@ -57,6 +57,14 @@ export declare class DateRange extends TextInput implements IDateRange {
      * Helper options.
      */
     helperOptions?: string[];
+    /**
+      * Max value allowed.
+      */
+    max?: string;
+    /**
+      * Min value allowed.
+      */
+    min?: string;
     /**
      * Helper value.
      */
@@ -91,6 +99,7 @@ export declare class DateRange extends TextInput implements IDateRange {
     isValidDateArray(format: string, values?: string[]): boolean;
     private splitValues;
     isValidDate(value: string, format: string, strict?: boolean): boolean;
+    isValidFormatDate(value: string, format: string, strict?: boolean): boolean;
     get isoRangeValue(): string[];
     set isoRangeValue(newValue: string[]);
     formatISODateRangeValue(dates: string[] | string): string[];

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

@@ -64,6 +64,14 @@ export declare class Date extends TextInput implements IDate {
      * Helper value.
      */
     helperValue?: string;
+    /**
+     * Max value allowed.
+     */
+    max?: string;
+    /**
+     * Min value allowed.
+     */
+    min?: string;
     /**
      * Width of the picker.
      */
@@ -101,6 +109,7 @@ export declare class Date extends TextInput implements IDate {
     protected maskFormat(format: string): string;
     setDateValue(displayValue: string): void;
     isValidDate(value: string, format: string, strict?: boolean): boolean;
+    isValidFormatDate(value: string, format: string, strict?: boolean): boolean;
     get isoValue(): string;
     set isoValue(newValue: string);
     formatISODateValue(value: string): string;

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

@@ -23,6 +23,8 @@ export interface IDate extends ITextInput {
     orderedDates?: boolean;
     helperOptions?: string[];
     helperValue?: string;
+    max?: string;
+    min?: string;
 }
 export interface IDateRange extends IDate {
     splitter?: string;

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

@@ -22,4 +22,5 @@ export interface ITabs extends IComponentRender {
     maxHeight?: number | string;
     minHeight?: number | string;
     fillHeight?: boolean;
+    touchless?: boolean;
 }

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

@@ -27,6 +27,10 @@ export declare class Tabs extends ComponentRender implements ITabs {
      * Set component height to fill all space available
      */
     fillHeight: boolean;
+    /**
+     * Disable touch support.
+     */
+    touchless: boolean;
     /**
      * Create a new Tabs.
      * @param props Tabs properties

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

@@ -6,4 +6,10 @@ export interface IText extends IComponentRender {
     tag?: string;
     text: string | string[];
     compile?: boolean;
+    textResize?: ITextResize;
+}
+export interface ITextResize {
+    fontSize?: number;
+    min?: number;
+    max?: number;
 }

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

@@ -1,4 +1,4 @@
-import { IText } from './interfaces';
+import { IText, ITextResize } from './interfaces';
 import { ComponentRender } from '../zd-component/component-render';
 /**
  * Base class for Text component.
@@ -7,6 +7,7 @@ export declare class Text extends ComponentRender implements IText {
     compile: boolean;
     tag: string;
     text: string | string[];
+    textResize?: ITextResize;
     /**
      * Creates a new Text.
      * @param props Text properties