@zeedhi/common 1.68.0 → 1.70.0

package/dist/zd-common.esm.js

@@ -2992,6 +2992,8 @@ class Dashboard extends ComponentRender {
         super(props);
         /* Enable edit mode */
         this.editingMode = false;
+        /* show edit header */
+        this.showEditHeader = true;
         /* Enable only move mode */
         this.moveMode = false;
         /* Cards */
@@ -3226,6 +3228,7 @@ class Dashboard extends ComponentRender {
         this.heightAdjust = this.getInitValue('heightAdjust', props.heightAdjust, this.heightAdjust);
         this.cardFooterSlot = this.getInitValue('cardFooterSlot', props.cardFooterSlot, this.cardFooterSlot);
         this.editHeader = this.getInitValue('editHeader', props.editHeader, this.editHeader);
+        this.showEditHeader = this.getInitValue('showEditHeader', props.showEditHeader, this.showEditHeader);
         this.createAccessors();
     }
     onMounted(element) {
@@ -4780,9 +4783,11 @@ class Column extends Component {
             this.loading = true;
             const dataToLookup = Array.from(new Set(this.dataToLookup)); // remove duplicates
             this.lookupDatasource.addFilter(lookupColumn, dataToLookup).then((data) => {
+                const lookupData = {};
                 data.forEach((row) => {
-                    this.lookupData[row[lookupColumn]] = row;
+                    lookupData[row[lookupColumn]] = row;
                 });
+                this.lookupData = lookupData;
                 this.lookupDataCount += 1;
                 this.loading = false;
             });
@@ -9980,8 +9985,9 @@ class SelectTree extends TextInput {
     }
     setValue(value) {
         let val = value;
+        const key = this.datasource ? this.dataValue : 'id';
         if (typeof value === 'object' && !Array.isArray(value) && value !== null) {
-            val = value[this.dataValue];
+            val = value[key];
         }
         else if (!value && value !== 0) {
             val = null;
@@ -10037,9 +10043,14 @@ class SelectTreeMultiple extends SelectTree {
          * Changes the behavior of checked nodes that will be displayed in the array of values
          */
         this.valueConsistsOf = 'LEAF_PRIORITY';
+        /**
+         * Show the selectAll option
+         */
+        this.showSelectAll = false;
         this.flat = this.getInitValue('flat', props.flat, this.flat);
         this.limit = this.getInitValue('limit', props.limit, this.limit);
         this.valueConsistsOf = this.getInitValue('valueConsistsOf', props.valueConsistsOf, this.valueConsistsOf);
+        this.showSelectAll = this.getInitValue('showSelectAll', props.showSelectAll, this.showSelectAll);
         this.createAccessors();
     }
     /**
@@ -10065,22 +10076,56 @@ class SelectTreeMultiple extends SelectTree {
     }
     setValue(value) {
         const arrValue = Array.isArray(value) ? value : [value];
-        if (this.returnObject) {
-            this.value = arrValue.map((item) => {
-                if (typeof item !== 'object') {
-                    return { id: item };
-                }
-                return { id: item[this.dataValue] };
-            });
-        }
-        else {
+        const key = this.datasource ? this.dataValue : 'id';
+        if (!this.returnObject) {
             this.value = arrValue.map((item) => {
                 if (typeof item === 'object') {
-                    return item[this.dataValue];
+                    return item[key];
                 }
                 return item;
             });
+            return;
         }
+        this.value = arrValue.map((item) => {
+            if (typeof item !== 'object') {
+                return { id: item };
+            }
+            return { id: item[key] };
+        });
+    }
+    getAllNodes(nodes = this.nodes) {
+        let result = nodes;
+        nodes.forEach((node) => {
+            if (!node.children)
+                return;
+            const childNodes = this.getAllNodes(node.children);
+            result = [...result, ...childNodes];
+        });
+        return result;
+    }
+    /**
+     * Dispatches select/unselect event
+     */
+    onSelectAll(isSelected, event, element) {
+        if (isSelected) {
+            this.callEvent('selectedAll', { event, element, component: this });
+            if (!event.defaultPrevented) {
+                this.selectAllItems();
+            }
+        }
+        else {
+            this.callEvent('unselectedAll', { event, element, component: this });
+            if (!event.defaultPrevented) {
+                this.unSelectAllItems();
+            }
+        }
+    }
+    selectAllItems() {
+        const allNodes = this.datasource ? this.datasource.data : this.getAllNodes();
+        this.setValue(allNodes);
+    }
+    unSelectAllItems() {
+        this.setValue([]);
     }
 }
 
@@ -10627,6 +10672,14 @@ class Textarea extends TextInput {
          * Default row count.
          */
         this.rows = 5;
+        /**
+         * Input height
+         */
+        this.height = 'auto';
+        /**
+         * Should input fill the remaining height
+         */
+        this.fillHeight = false;
         this.autoGrow = this.getInitValue('autoGrow', props.autoGrow, this.autoGrow);
         this.backgroundColor = this.getInitValue('backgroundColor', props.backgroundColor, this.backgroundColor);
         this.clearIcon = this.getInitValue('clearIcon', props.clearIcon, this.clearIcon);
@@ -10638,6 +10691,8 @@ class Textarea extends TextInput {
         this.rounded = this.getInitValue('rounded', props.rounded, this.reverse);
         this.rowHeight = this.getInitValue('rowHeight', props.rowHeight, this.rowHeight);
         this.rows = this.getInitValue('rows', props.rows, this.rows);
+        this.height = this.getInitValue('height', props.height, this.height);
+        this.fillHeight = this.getInitValue('fillHeight', props.fillHeight, this.fillHeight);
         this.createAccessors();
         if (this.counter && !Number.isNaN(parseInt(this.counter.toString(), 10))) {
             this.addValidation('maxLength', { limit: parseInt(this.counter.toString(), 10) });
@@ -10645,6 +10700,27 @@ class Textarea extends TextInput {
     }
 }
 
+/**
+ * Selects the time format by the rule:
+ * non-common format > common format
+ * and if the format is a common format, it will be overriden by timeFormat
+ */
+class TimeFormatSelector {
+    getFormat(format, timeFormat, useSeconds) {
+        const commonsDisplay = ['hh:mm A', 'hh:mm:ss A', 'HH:mm:ss', 'HH:mm'];
+        const seconds = useSeconds ? ':ss' : '';
+        const defaultFormats = {
+            ampm: `hh:mm${seconds} A`,
+            '24hr': `HH:mm${seconds}`,
+        };
+        const timeFormats = ['ampm', '24hr'];
+        if (commonsDisplay.includes(format) && timeFormats.includes(timeFormat)) {
+            return defaultFormats[timeFormat];
+        }
+        return format;
+    }
+}
+
 /**
  * Base class for Time Picker component.
  */
@@ -10733,21 +10809,20 @@ class Time extends TextInput {
         this.initialMask = this.getInitialMask();
         this.isSimpleDisplay = this.isSimpleFormat(this.displayFormat);
     }
+    getFormat(format, timeFormat) {
+        const timeFormatSelector = new TimeFormatSelector();
+        const selectedFormat = timeFormatSelector.getFormat(format, timeFormat, this.useSeconds);
+        return selectedFormat;
+    }
     get displayFormat() {
-        const commonsDisplay = ['hh:mm A', 'hh:mm:ss A', 'HH:mm:ss', 'HH:mm'];
-        if (commonsDisplay.includes(this.displayFormatInternal)) {
-            this.displayFormatInternal = this.defaultFormats[this.timeFormat];
-        }
+        this.displayFormatInternal = this.getFormat(this.displayFormatInternal, this.timeFormat);
         return this.displayFormatInternal;
     }
     set displayFormat(value) {
         this.displayFormatInternal = value;
     }
     get valueFormat() {
-        const commonsDisplay = ['hh:mm A', 'hh:mm:ss A', 'HH:mm:ss', 'HH:mm'];
-        if (commonsDisplay.includes(this.valueFormatInternal)) {
-            this.valueFormatInternal = this.defaultFormats['24hr'];
-        }
+        this.valueFormatInternal = this.getFormat(this.valueFormatInternal, '24hr');
         return this.valueFormatInternal;
     }
     set valueFormat(value) {
@@ -10757,13 +10832,6 @@ class Time extends TextInput {
         this.isoFormatValue = this.useSeconds ? 'HH:mm:ss' : 'HH:mm';
         return this.isoFormatValue;
     }
-    get defaultFormats() {
-        const seconds = this.useSeconds ? ':ss' : '';
-        return {
-            ampm: `hh:mm${seconds} A`,
-            '24hr': `HH:mm${seconds}`,
-        };
-    }
     getInitialMask() {
         if (isUndefined(this.mask)) {
             this.mask = this.inputFormat && this.maskFormat(this.inputFormat);
@@ -10970,45 +11038,51 @@ class Time extends TextInput {
         this.change(this.value);
     }
 }
-FormatterParserProvider.registerFormatter('ZdTime', (value, { valueFormat = Config.valueTimeFormat, displayFormat = Config.displayTimeFormat, inputFormat = Config.timeInputFormat, mask = '', initialMask, isSimpleDisplay = false, } = {}) => {
+FormatterParserProvider.registerFormatter('ZdTime', (value, { valueFormat = Config.valueTimeFormat, displayFormat = Config.displayTimeFormat, inputFormat = Config.timeInputFormat, timeFormat = Config.timeFormat || 'ampm', useSeconds = false, mask = '', initialMask, isSimpleDisplay = false, } = {}) => {
     if (!value) {
         return '';
     }
-    const isTimeValid = dayjs(value, valueFormat, true).isValid();
+    const timeFormatSelector = new TimeFormatSelector();
+    const timeDisplayFormat = timeFormatSelector.getFormat(displayFormat, timeFormat, useSeconds);
+    const timeValueFormat = timeFormatSelector.getFormat(valueFormat, '24hr', useSeconds);
+    const isTimeValid = dayjs(value, timeValueFormat, true).isValid();
     if (!isTimeValid) {
         return value;
     }
     if (mask && initialMask) {
         if (inputFormat) {
-            return dayjs(value, valueFormat).format(inputFormat);
+            return dayjs(value, timeValueFormat).format(inputFormat);
         }
         let valueToUnmask = value;
         if (isSimpleDisplay) {
-            valueToUnmask = dayjs(value, valueFormat).format(displayFormat);
+            valueToUnmask = dayjs(value, timeValueFormat).format(timeDisplayFormat);
         }
         const unmasked = Mask.getValueWithoutMask(valueToUnmask);
         const masked = Mask.getValueWithMask(unmasked, mask);
         return masked;
     }
-    return dayjs(value, valueFormat).format(displayFormat);
+    return dayjs(value, timeValueFormat).format(timeDisplayFormat);
 });
-FormatterParserProvider.registerParser('ZdTime', (value, { displayFormat = Config.displayTimeFormat, valueFormat = Config.valueTimeFormat, mask = '', initialMask, } = {}) => {
+FormatterParserProvider.registerParser('ZdTime', (value, { displayFormat = Config.displayTimeFormat, valueFormat = Config.valueTimeFormat, timeFormat = Config.timeFormat || 'ampm', useSeconds = false, mask = '', initialMask, } = {}) => {
     if (!value) {
         return null;
     }
-    if (dayjs(value, displayFormat, true).isValid()) {
-        return dayjs(value, displayFormat).format(valueFormat);
+    const timeFormatSelector = new TimeFormatSelector();
+    const timeDisplayFormat = timeFormatSelector.getFormat(displayFormat, timeFormat, useSeconds);
+    const timeValueFormat = timeFormatSelector.getFormat(valueFormat, '24hr', useSeconds);
+    if (dayjs(value, timeDisplayFormat, true).isValid()) {
+        return dayjs(value, timeDisplayFormat).format(timeValueFormat);
     }
     if (mask && Mask.checkMask(value, mask)) {
         const unmasked = Mask.getValueWithoutMask(value);
         let masked;
         if (!initialMask) {
-            const displayFmtMask = displayFormat.replace(/[A-Za-z]/gi, '#');
+            const displayFmtMask = timeDisplayFormat.replace(/[A-Za-z]/gi, '#');
             masked = Mask.getValueWithMask(unmasked, displayFmtMask);
         }
-        const timeFmtMask = valueFormat.replace(/[A-Za-z]/gi, '#');
+        const timeFmtMask = timeValueFormat.replace(/[A-Za-z]/gi, '#');
         masked = Mask.getValueWithMask(unmasked, timeFmtMask);
-        if (dayjs(masked, valueFormat, true).format(valueFormat) === masked) {
+        if (dayjs(masked, timeValueFormat, true).format(timeValueFormat) === masked) {
             return masked;
         }
     }

package/dist/zd-common.umd.js

@@ -2999,6 +2999,8 @@
           super(props);
           /* Enable edit mode */
           this.editingMode = false;
+          /* show edit header */
+          this.showEditHeader = true;
           /* Enable only move mode */
           this.moveMode = false;
           /* Cards */
@@ -3233,6 +3235,7 @@
           this.heightAdjust = this.getInitValue('heightAdjust', props.heightAdjust, this.heightAdjust);
           this.cardFooterSlot = this.getInitValue('cardFooterSlot', props.cardFooterSlot, this.cardFooterSlot);
           this.editHeader = this.getInitValue('editHeader', props.editHeader, this.editHeader);
+          this.showEditHeader = this.getInitValue('showEditHeader', props.showEditHeader, this.showEditHeader);
           this.createAccessors();
       }
       onMounted(element) {
@@ -4787,9 +4790,11 @@
               this.loading = true;
               const dataToLookup = Array.from(new Set(this.dataToLookup)); // remove duplicates
               this.lookupDatasource.addFilter(lookupColumn, dataToLookup).then((data) => {
+                  const lookupData = {};
                   data.forEach((row) => {
-                      this.lookupData[row[lookupColumn]] = row;
+                      lookupData[row[lookupColumn]] = row;
                   });
+                  this.lookupData = lookupData;
                   this.lookupDataCount += 1;
                   this.loading = false;
               });
@@ -9987,8 +9992,9 @@
       }
       setValue(value) {
           let val = value;
+          const key = this.datasource ? this.dataValue : 'id';
           if (typeof value === 'object' && !Array.isArray(value) && value !== null) {
-              val = value[this.dataValue];
+              val = value[key];
           }
           else if (!value && value !== 0) {
               val = null;
@@ -10044,9 +10050,14 @@
            * Changes the behavior of checked nodes that will be displayed in the array of values
            */
           this.valueConsistsOf = 'LEAF_PRIORITY';
+          /**
+           * Show the selectAll option
+           */
+          this.showSelectAll = false;
           this.flat = this.getInitValue('flat', props.flat, this.flat);
           this.limit = this.getInitValue('limit', props.limit, this.limit);
           this.valueConsistsOf = this.getInitValue('valueConsistsOf', props.valueConsistsOf, this.valueConsistsOf);
+          this.showSelectAll = this.getInitValue('showSelectAll', props.showSelectAll, this.showSelectAll);
           this.createAccessors();
       }
       /**
@@ -10072,22 +10083,56 @@
       }
       setValue(value) {
           const arrValue = Array.isArray(value) ? value : [value];
-          if (this.returnObject) {
-              this.value = arrValue.map((item) => {
-                  if (typeof item !== 'object') {
-                      return { id: item };
-                  }
-                  return { id: item[this.dataValue] };
-              });
-          }
-          else {
+          const key = this.datasource ? this.dataValue : 'id';
+          if (!this.returnObject) {
               this.value = arrValue.map((item) => {
                   if (typeof item === 'object') {
-                      return item[this.dataValue];
+                      return item[key];
                   }
                   return item;
               });
+              return;
           }
+          this.value = arrValue.map((item) => {
+              if (typeof item !== 'object') {
+                  return { id: item };
+              }
+              return { id: item[key] };
+          });
+      }
+      getAllNodes(nodes = this.nodes) {
+          let result = nodes;
+          nodes.forEach((node) => {
+              if (!node.children)
+                  return;
+              const childNodes = this.getAllNodes(node.children);
+              result = [...result, ...childNodes];
+          });
+          return result;
+      }
+      /**
+       * Dispatches select/unselect event
+       */
+      onSelectAll(isSelected, event, element) {
+          if (isSelected) {
+              this.callEvent('selectedAll', { event, element, component: this });
+              if (!event.defaultPrevented) {
+                  this.selectAllItems();
+              }
+          }
+          else {
+              this.callEvent('unselectedAll', { event, element, component: this });
+              if (!event.defaultPrevented) {
+                  this.unSelectAllItems();
+              }
+          }
+      }
+      selectAllItems() {
+          const allNodes = this.datasource ? this.datasource.data : this.getAllNodes();
+          this.setValue(allNodes);
+      }
+      unSelectAllItems() {
+          this.setValue([]);
       }
   }
 
@@ -10634,6 +10679,14 @@
            * Default row count.
            */
           this.rows = 5;
+          /**
+           * Input height
+           */
+          this.height = 'auto';
+          /**
+           * Should input fill the remaining height
+           */
+          this.fillHeight = false;
           this.autoGrow = this.getInitValue('autoGrow', props.autoGrow, this.autoGrow);
           this.backgroundColor = this.getInitValue('backgroundColor', props.backgroundColor, this.backgroundColor);
           this.clearIcon = this.getInitValue('clearIcon', props.clearIcon, this.clearIcon);
@@ -10645,6 +10698,8 @@
           this.rounded = this.getInitValue('rounded', props.rounded, this.reverse);
           this.rowHeight = this.getInitValue('rowHeight', props.rowHeight, this.rowHeight);
           this.rows = this.getInitValue('rows', props.rows, this.rows);
+          this.height = this.getInitValue('height', props.height, this.height);
+          this.fillHeight = this.getInitValue('fillHeight', props.fillHeight, this.fillHeight);
           this.createAccessors();
           if (this.counter && !Number.isNaN(parseInt(this.counter.toString(), 10))) {
               this.addValidation('maxLength', { limit: parseInt(this.counter.toString(), 10) });
@@ -10652,6 +10707,27 @@
       }
   }
 
+  /**
+   * Selects the time format by the rule:
+   * non-common format > common format
+   * and if the format is a common format, it will be overriden by timeFormat
+   */
+  class TimeFormatSelector {
+      getFormat(format, timeFormat, useSeconds) {
+          const commonsDisplay = ['hh:mm A', 'hh:mm:ss A', 'HH:mm:ss', 'HH:mm'];
+          const seconds = useSeconds ? ':ss' : '';
+          const defaultFormats = {
+              ampm: `hh:mm${seconds} A`,
+              '24hr': `HH:mm${seconds}`,
+          };
+          const timeFormats = ['ampm', '24hr'];
+          if (commonsDisplay.includes(format) && timeFormats.includes(timeFormat)) {
+              return defaultFormats[timeFormat];
+          }
+          return format;
+      }
+  }
+
   /**
    * Base class for Time Picker component.
    */
@@ -10740,21 +10816,20 @@
           this.initialMask = this.getInitialMask();
           this.isSimpleDisplay = this.isSimpleFormat(this.displayFormat);
       }
+      getFormat(format, timeFormat) {
+          const timeFormatSelector = new TimeFormatSelector();
+          const selectedFormat = timeFormatSelector.getFormat(format, timeFormat, this.useSeconds);
+          return selectedFormat;
+      }
       get displayFormat() {
-          const commonsDisplay = ['hh:mm A', 'hh:mm:ss A', 'HH:mm:ss', 'HH:mm'];
-          if (commonsDisplay.includes(this.displayFormatInternal)) {
-              this.displayFormatInternal = this.defaultFormats[this.timeFormat];
-          }
+          this.displayFormatInternal = this.getFormat(this.displayFormatInternal, this.timeFormat);
           return this.displayFormatInternal;
       }
       set displayFormat(value) {
           this.displayFormatInternal = value;
       }
       get valueFormat() {
-          const commonsDisplay = ['hh:mm A', 'hh:mm:ss A', 'HH:mm:ss', 'HH:mm'];
-          if (commonsDisplay.includes(this.valueFormatInternal)) {
-              this.valueFormatInternal = this.defaultFormats['24hr'];
-          }
+          this.valueFormatInternal = this.getFormat(this.valueFormatInternal, '24hr');
           return this.valueFormatInternal;
       }
       set valueFormat(value) {
@@ -10764,13 +10839,6 @@
           this.isoFormatValue = this.useSeconds ? 'HH:mm:ss' : 'HH:mm';
           return this.isoFormatValue;
       }
-      get defaultFormats() {
-          const seconds = this.useSeconds ? ':ss' : '';
-          return {
-              ampm: `hh:mm${seconds} A`,
-              '24hr': `HH:mm${seconds}`,
-          };
-      }
       getInitialMask() {
           if (isUndefined__default["default"](this.mask)) {
               this.mask = this.inputFormat && this.maskFormat(this.inputFormat);
@@ -10977,45 +11045,51 @@
           this.change(this.value);
       }
   }
-  core.FormatterParserProvider.registerFormatter('ZdTime', (value, { valueFormat = core.Config.valueTimeFormat, displayFormat = core.Config.displayTimeFormat, inputFormat = core.Config.timeInputFormat, mask = '', initialMask, isSimpleDisplay = false, } = {}) => {
+  core.FormatterParserProvider.registerFormatter('ZdTime', (value, { valueFormat = core.Config.valueTimeFormat, displayFormat = core.Config.displayTimeFormat, inputFormat = core.Config.timeInputFormat, timeFormat = core.Config.timeFormat || 'ampm', useSeconds = false, mask = '', initialMask, isSimpleDisplay = false, } = {}) => {
       if (!value) {
           return '';
       }
-      const isTimeValid = core.dayjs(value, valueFormat, true).isValid();
+      const timeFormatSelector = new TimeFormatSelector();
+      const timeDisplayFormat = timeFormatSelector.getFormat(displayFormat, timeFormat, useSeconds);
+      const timeValueFormat = timeFormatSelector.getFormat(valueFormat, '24hr', useSeconds);
+      const isTimeValid = core.dayjs(value, timeValueFormat, true).isValid();
       if (!isTimeValid) {
           return value;
       }
       if (mask && initialMask) {
           if (inputFormat) {
-              return core.dayjs(value, valueFormat).format(inputFormat);
+              return core.dayjs(value, timeValueFormat).format(inputFormat);
           }
           let valueToUnmask = value;
           if (isSimpleDisplay) {
-              valueToUnmask = core.dayjs(value, valueFormat).format(displayFormat);
+              valueToUnmask = core.dayjs(value, timeValueFormat).format(timeDisplayFormat);
           }
           const unmasked = core.Mask.getValueWithoutMask(valueToUnmask);
           const masked = core.Mask.getValueWithMask(unmasked, mask);
           return masked;
       }
-      return core.dayjs(value, valueFormat).format(displayFormat);
+      return core.dayjs(value, timeValueFormat).format(timeDisplayFormat);
   });
-  core.FormatterParserProvider.registerParser('ZdTime', (value, { displayFormat = core.Config.displayTimeFormat, valueFormat = core.Config.valueTimeFormat, mask = '', initialMask, } = {}) => {
+  core.FormatterParserProvider.registerParser('ZdTime', (value, { displayFormat = core.Config.displayTimeFormat, valueFormat = core.Config.valueTimeFormat, timeFormat = core.Config.timeFormat || 'ampm', useSeconds = false, mask = '', initialMask, } = {}) => {
       if (!value) {
           return null;
       }
-      if (core.dayjs(value, displayFormat, true).isValid()) {
-          return core.dayjs(value, displayFormat).format(valueFormat);
+      const timeFormatSelector = new TimeFormatSelector();
+      const timeDisplayFormat = timeFormatSelector.getFormat(displayFormat, timeFormat, useSeconds);
+      const timeValueFormat = timeFormatSelector.getFormat(valueFormat, '24hr', useSeconds);
+      if (core.dayjs(value, timeDisplayFormat, true).isValid()) {
+          return core.dayjs(value, timeDisplayFormat).format(timeValueFormat);
       }
       if (mask && core.Mask.checkMask(value, mask)) {
           const unmasked = core.Mask.getValueWithoutMask(value);
           let masked;
           if (!initialMask) {
-              const displayFmtMask = displayFormat.replace(/[A-Za-z]/gi, '#');
+              const displayFmtMask = timeDisplayFormat.replace(/[A-Za-z]/gi, '#');
               masked = core.Mask.getValueWithMask(unmasked, displayFmtMask);
           }
-          const timeFmtMask = valueFormat.replace(/[A-Za-z]/gi, '#');
+          const timeFmtMask = timeValueFormat.replace(/[A-Za-z]/gi, '#');
           masked = core.Mask.getValueWithMask(unmasked, timeFmtMask);
-          if (core.dayjs(masked, valueFormat, true).format(valueFormat) === masked) {
+          if (core.dayjs(masked, timeValueFormat, true).format(timeValueFormat) === masked) {
               return masked;
           }
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.68.0",
+  "version": "1.70.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -39,5 +39,5 @@
     "lodash.times": "^4.3.2",
     "mockdate": "^3.0.2"
   },
-  "gitHead": "84cc6c01ee3c9aab7566b333f73e2aac50ad5c4f"
+  "gitHead": "5d3e8cfdd580a87208edf3d4033e2a974161fd1a"
 }

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

@@ -10,6 +10,7 @@ import { IHeader } from '../zd-header/interfaces';
 export declare class Dashboard extends ComponentRender implements IDashboard {
     events: IDashboardEvents;
     editingMode: boolean;
+    showEditHeader: boolean;
     moveMode: boolean;
     cards: IDashboardCard[];
     addModal?: Modal;

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

@@ -18,6 +18,7 @@ export interface IDashboard extends IComponentRender {
     removePadding?: boolean;
     height?: string | number;
     heightAdjust?: string | number;
+    showEditHeader?: string | boolean;
     cardFooterSlot?: IComponentRender[];
 }
 export interface IDashboardCard extends Omit<ICard, 'name' | 'component'> {

package/types/components/zd-select-tree-multiple/interfaces.d.ts

@@ -13,6 +13,7 @@ export interface ISelectTreeMultiple extends ISelectTree {
     limit?: number;
     events?: ISelectTreeMultipleEvents;
     valueConsistsOf?: string;
+    showSelectAll?: boolean;
 }
 export interface ISelectTreeMultipleSelectedNodesEvent extends IEventParam<SelectTreeMultiple> {
     selectedNodes: ISelectTreeMultipleNode<IDictionary>[];
@@ -23,4 +24,6 @@ export interface ISelectTreeMultipleDeselectEvent extends IEventParam<SelectTree
 export interface ISelectTreeMultipleEvents extends ISelectTreeEvents {
     onChangeSelectedNodes?: IEvent<ISelectTreeMultipleSelectedNodesEvent> | string;
     onDeselect?: IEvent<ISelectTreeMultipleDeselectEvent> | string;
+    selectedAll?: IEvent<IEventParam<any>> | string;
+    unselectedAll?: IEvent<IEventParam<any>> | string;
 }

package/types/components/zd-select-tree-multiple/select-tree-multiple.d.ts

@@ -26,6 +26,10 @@ export declare class SelectTreeMultiple extends SelectTree implements ISelectTre
      * Changes the behavior of checked nodes that will be displayed in the array of values
      */
     valueConsistsOf: string;
+    /**
+     * Show the selectAll option
+     */
+    showSelectAll: boolean;
     /**
      * Creates a new instance of Select Tree Multiple
      * @param props
@@ -42,4 +46,11 @@ export declare class SelectTreeMultiple extends SelectTree implements ISelectTre
     get value(): any;
     set value(value: any);
     setValue(value: any): void;
+    getAllNodes(nodes?: import("..").ISelectTreeNode<IDictionary<any>>[]): import("..").ISelectTreeNode<IDictionary<any>>[];
+    /**
+     * Dispatches select/unselect event
+     */
+    onSelectAll(isSelected: boolean, event: Event, element: any): void;
+    selectAllItems(): void;
+    unSelectAllItems(): void;
 }

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

@@ -15,4 +15,6 @@ export interface ITextarea extends ITextInput {
     rounded?: boolean;
     rowHeight?: number | string;
     rows?: number | string;
+    height?: number | string;
+    fillHeight?: number | string | boolean;
 }

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

@@ -48,6 +48,14 @@ export declare class Textarea extends TextInput implements ITextarea {
      * Default row count.
      */
     rows: number | string;
+    /**
+     * Input height
+     */
+    height: number | string;
+    /**
+     * Should input fill the remaining height
+     */
+    fillHeight: number | string | boolean;
     /**
      * Create a new Textarea.
      * @param props Textarea properties

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

@@ -0,0 +1,8 @@
+/**
+ * Selects the time format by the rule:
+ * non-common format > common format
+ * and if the format is a common format, it will be overriden by timeFormat
+ */
+export declare class TimeFormatSelector {
+    getFormat(format: string, timeFormat: string, useSeconds: boolean): any;
+}

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

@@ -1,4 +1,3 @@
-import { IDictionary } from '@zeedhi/core';
 import { ITime } from './interfaces';
 import { TextInput } from '../zd-text-input/text-input';
 /**
@@ -78,12 +77,12 @@ export declare class Time extends TextInput implements ITime {
      * @param props Time properties
      */
     constructor(props: ITime);
+    private getFormat;
     get displayFormat(): string;
     set displayFormat(value: string);
     get valueFormat(): string;
     set valueFormat(value: string);
     private get isoFormat();
-    protected get defaultFormats(): IDictionary<string>;
     private getInitialMask;
     formatter(value: string): string;
     parser(value: string): any;