@zeedhi/common 1.69.0 → 1.71.0

package/dist/zd-common.esm.js

@@ -2869,9 +2869,9 @@ class ModalService {
      * Creates a new modal instance from JSON
      * @param modal modal structure
      */
-    static createFromJson(modalPath, local) {
+    static createFromJson(modalPath, local, JSONCache) {
         return __awaiter(this, void 0, void 0, function* () {
-            const modal = yield Metadata.get(modalPath, local);
+            const modal = yield Metadata.get(modalPath, local, JSONCache);
             return this.create(modal);
         });
     }
@@ -2948,37 +2948,6 @@ class LoadingService {
     }
 }
 
-class JsonCacheService {
-    static saveJSONCache(jsonCollection) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const jsonCollectionInCache = jsonCollection.map((jsonItem) => __awaiter(this, void 0, void 0, function* () {
-                const { path } = jsonItem;
-                const metadata = yield Metadata.get(path, true);
-                localStorage.setItem(path, JSON.stringify(metadata));
-            }));
-            yield Promise.all(jsonCollectionInCache);
-        });
-    }
-    static getJSONCache(path) {
-        const getMetadaFromCache = localStorage.getItem(path);
-        let metadataValueReturn = false;
-        if (typeof getMetadaFromCache === 'string') {
-            metadataValueReturn = JSON.parse(getMetadaFromCache);
-        }
-        return metadataValueReturn;
-    }
-    static clearJSONCache(jsonCollection) {
-        jsonCollection.map((jsonItem) => __awaiter(this, void 0, void 0, function* () {
-            const { path } = jsonItem;
-            localStorage.removeItem(path);
-        }));
-    }
-}
-/**
- * jsons collection
- */
-JsonCacheService.jsonCollection = [];
-
 /**
  * Base class for Dashboard component.
  */
@@ -4589,18 +4558,8 @@ class Frame extends ComponentRender {
     }
     getMetadata() {
         return __awaiter(this, void 0, void 0, function* () {
-            let page;
             try {
-                if (this.JSONCache) {
-                    page = JsonCacheService.getJSONCache(this.path);
-                    if (page === false) {
-                        yield JsonCacheService.saveJSONCache([{ path: this.path }]);
-                        page = yield this.requestPage();
-                    }
-                }
-                else {
-                    page = yield this.requestPage();
-                }
+                const page = yield this.requestPage();
                 if (typeof page !== 'object')
                     throw new Error();
                 this.metadata = merge(page, this.override);
@@ -4640,7 +4599,7 @@ class Frame extends ComponentRender {
                 if (this.type === 'post') {
                     return Metadata.post(this.path, this.params);
                 }
-                return Metadata.get(this.path, this.local);
+                return Metadata.get(this.path, this.local, this.JSONCache);
             }
             const url = Metadata.getMetadataUrl(this.path, this.local);
             const cache = yield caches.open(Frame.cacheName);
@@ -9985,8 +9944,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;
@@ -10042,9 +10002,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();
     }
     /**
@@ -10070,23 +10035,57 @@ 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([]);
+    }
 }
 
 /**
@@ -10660,6 +10659,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.
  */
@@ -10748,21 +10768,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) {
@@ -10772,13 +10791,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);
@@ -10985,45 +10997,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;
         }
     }
@@ -11550,6 +11568,7 @@ class TreeGrid extends Grid {
         this.parentField = this.getInitValue('parentField', props.parentField, this.parentField);
         this.fetchOnDemand = this.getInitValue('fetchOnDemand', props.fetchOnDemand, this.fetchOnDemand);
         this.flat = this.getInitValue('flat', props.flat, this.flat);
+        this.fieldHasChild = this.getInitValue('fieldHasChild', props.fieldHasChild, this.fieldHasChild);
         this.detach = this.getInitValue('detach', props.detach, this.detach);
         this.treeDataStructure = new TreeDataStructure(this);
         this.createAccessors();
@@ -11668,7 +11687,9 @@ class TreeGrid extends Grid {
      * @param isSelected row is selected
      */
     selectRow(row, isSelected) {
-        const childrenRows = !this.flat ? this.treeDataStructure.getChildren(row) : [];
+        const childrenRows = !this.flat
+            ? this.treeDataStructure.getChildren(row)
+            : [];
         const rows = [row, ...childrenRows];
         if (isSelected) {
             this.selectedRows = this.removeDuplicates(this.selectedRows.concat(rows), this.datasource.uniqueKey);
@@ -11711,7 +11732,9 @@ class TreeGrid extends Grid {
     selectParents(row) {
         if (row[this.parentField]) {
             const parentRow = this.treeDataStructure.getRowData(row).tree__parent;
-            const every = this.treeDataStructure.getChildren(parentRow).every((item) => {
+            const every = this.treeDataStructure
+                .getChildren(parentRow)
+                .every((item) => {
                 const index = this.treeDataStructure.findDataIndex(this.selectedRows, item[this.datasource.uniqueKey]);
                 if (index > -1)
                     return true;
@@ -13379,4 +13402,4 @@ const AutoNumeric = require('@zeedhi/autonumeric/dist/autoNumeric');
 const packageContent = require('../package.json');
 VersionService.addPackageVersion(packageContent.name, packageContent.version);
 
-export { Alert, AlertService, ApexChart, AutoNumeric, Badge, Breadcrumbs, Button, ButtonGroup, CSVReport, Card, Carousel, Checkbox, CheckboxMultiple, ChildNotFoundError, Chip, CodeEditor, Col, CollapseCard, Column, ColumnNotFoundError, Component, ComponentRender, Container, Currency, Dashboard, Date$1 as Date, DateRange, Dialog, DialogService, Divider, Dropdown, FileInput, Footer, Form, Frame, FramePage, Grid, GridColumn, GridColumnEditable, GridEditable, Header, Icon, Icons, Image, Increment, Input, Iterable, IterableColumnsButton, IterableColumnsButtonController, IterableComponentRender, IterablePageComponent, IterablePageInfo, IterablePageSize, IterablePagination, JsonCacheService, List, ListGroup, ListItem, Loading, LoadingService, Login, LoginButton, MasterDetail, Menu, MenuButton, MenuGroup, MenuLink, MenuSeparator, Modal, ModalCloseButton, ModalService, Month, Number$1 as Number, PDFReport, Password, Progress, Radio, RangeSlider, Report, Row, Search, Select, SelectMultiple, SelectTree, SelectTreeMultiple, SelectableList, SpeedDial, Steppers, SvgMap, Switch, Tab, Table, Tabs, Tag, Text, TextInput, Textarea, Time, Toggleable, Tooltip, Tree, TreeDataStructure, TreeGrid, TreeGridEditable, WatchURL, XLS2Report, XLS3Report, XLSReport, initTheme };
+export { Alert, AlertService, ApexChart, AutoNumeric, Badge, Breadcrumbs, Button, ButtonGroup, CSVReport, Card, Carousel, Checkbox, CheckboxMultiple, ChildNotFoundError, Chip, CodeEditor, Col, CollapseCard, Column, ColumnNotFoundError, Component, ComponentRender, Container, Currency, Dashboard, Date$1 as Date, DateRange, Dialog, DialogService, Divider, Dropdown, FileInput, Footer, Form, Frame, FramePage, Grid, GridColumn, GridColumnEditable, GridEditable, Header, Icon, Icons, Image, Increment, Input, Iterable, IterableColumnsButton, IterableColumnsButtonController, IterableComponentRender, IterablePageComponent, IterablePageInfo, IterablePageSize, IterablePagination, List, ListGroup, ListItem, Loading, LoadingService, Login, LoginButton, MasterDetail, Menu, MenuButton, MenuGroup, MenuLink, MenuSeparator, Modal, ModalCloseButton, ModalService, Month, Number$1 as Number, PDFReport, Password, Progress, Radio, RangeSlider, Report, Row, Search, Select, SelectMultiple, SelectTree, SelectTreeMultiple, SelectableList, SpeedDial, Steppers, SvgMap, Switch, Tab, Table, Tabs, Tag, Text, TextInput, Textarea, Time, Toggleable, Tooltip, Tree, TreeDataStructure, TreeGrid, TreeGridEditable, WatchURL, XLS2Report, XLS3Report, XLSReport, initTheme };

package/dist/zd-common.umd.js

@@ -2876,9 +2876,9 @@
        * Creates a new modal instance from JSON
        * @param modal modal structure
        */
-      static createFromJson(modalPath, local) {
+      static createFromJson(modalPath, local, JSONCache) {
           return __awaiter(this, void 0, void 0, function* () {
-              const modal = yield core.Metadata.get(modalPath, local);
+              const modal = yield core.Metadata.get(modalPath, local, JSONCache);
               return this.create(modal);
           });
       }
@@ -2955,37 +2955,6 @@
       }
   }
 
-  class JsonCacheService {
-      static saveJSONCache(jsonCollection) {
-          return __awaiter(this, void 0, void 0, function* () {
-              const jsonCollectionInCache = jsonCollection.map((jsonItem) => __awaiter(this, void 0, void 0, function* () {
-                  const { path } = jsonItem;
-                  const metadata = yield core.Metadata.get(path, true);
-                  localStorage.setItem(path, JSON.stringify(metadata));
-              }));
-              yield Promise.all(jsonCollectionInCache);
-          });
-      }
-      static getJSONCache(path) {
-          const getMetadaFromCache = localStorage.getItem(path);
-          let metadataValueReturn = false;
-          if (typeof getMetadaFromCache === 'string') {
-              metadataValueReturn = JSON.parse(getMetadaFromCache);
-          }
-          return metadataValueReturn;
-      }
-      static clearJSONCache(jsonCollection) {
-          jsonCollection.map((jsonItem) => __awaiter(this, void 0, void 0, function* () {
-              const { path } = jsonItem;
-              localStorage.removeItem(path);
-          }));
-      }
-  }
-  /**
-   * jsons collection
-   */
-  JsonCacheService.jsonCollection = [];
-
   /**
    * Base class for Dashboard component.
    */
@@ -4596,18 +4565,8 @@
       }
       getMetadata() {
           return __awaiter(this, void 0, void 0, function* () {
-              let page;
               try {
-                  if (this.JSONCache) {
-                      page = JsonCacheService.getJSONCache(this.path);
-                      if (page === false) {
-                          yield JsonCacheService.saveJSONCache([{ path: this.path }]);
-                          page = yield this.requestPage();
-                      }
-                  }
-                  else {
-                      page = yield this.requestPage();
-                  }
+                  const page = yield this.requestPage();
                   if (typeof page !== 'object')
                       throw new Error();
                   this.metadata = merge__default["default"](page, this.override);
@@ -4647,7 +4606,7 @@
                   if (this.type === 'post') {
                       return core.Metadata.post(this.path, this.params);
                   }
-                  return core.Metadata.get(this.path, this.local);
+                  return core.Metadata.get(this.path, this.local, this.JSONCache);
               }
               const url = core.Metadata.getMetadataUrl(this.path, this.local);
               const cache = yield caches.open(Frame.cacheName);
@@ -9992,8 +9951,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;
@@ -10049,9 +10009,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();
       }
       /**
@@ -10077,23 +10042,57 @@
       }
       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([]);
+      }
   }
 
   /**
@@ -10667,6 +10666,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.
    */
@@ -10755,21 +10775,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) {
@@ -10779,13 +10798,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);
@@ -10992,45 +11004,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;
           }
       }
@@ -11557,6 +11575,7 @@
           this.parentField = this.getInitValue('parentField', props.parentField, this.parentField);
           this.fetchOnDemand = this.getInitValue('fetchOnDemand', props.fetchOnDemand, this.fetchOnDemand);
           this.flat = this.getInitValue('flat', props.flat, this.flat);
+          this.fieldHasChild = this.getInitValue('fieldHasChild', props.fieldHasChild, this.fieldHasChild);
           this.detach = this.getInitValue('detach', props.detach, this.detach);
           this.treeDataStructure = new TreeDataStructure(this);
           this.createAccessors();
@@ -11675,7 +11694,9 @@
        * @param isSelected row is selected
        */
       selectRow(row, isSelected) {
-          const childrenRows = !this.flat ? this.treeDataStructure.getChildren(row) : [];
+          const childrenRows = !this.flat
+              ? this.treeDataStructure.getChildren(row)
+              : [];
           const rows = [row, ...childrenRows];
           if (isSelected) {
               this.selectedRows = this.removeDuplicates(this.selectedRows.concat(rows), this.datasource.uniqueKey);
@@ -11718,7 +11739,9 @@
       selectParents(row) {
           if (row[this.parentField]) {
               const parentRow = this.treeDataStructure.getRowData(row).tree__parent;
-              const every = this.treeDataStructure.getChildren(parentRow).every((item) => {
+              const every = this.treeDataStructure
+                  .getChildren(parentRow)
+                  .every((item) => {
                   const index = this.treeDataStructure.findDataIndex(this.selectedRows, item[this.datasource.uniqueKey]);
                   if (index > -1)
                       return true;
@@ -13440,7 +13463,6 @@
   exports.IterablePageInfo = IterablePageInfo;
   exports.IterablePageSize = IterablePageSize;
   exports.IterablePagination = IterablePagination;
-  exports.JsonCacheService = JsonCacheService;
   exports.List = List;
   exports.ListGroup = ListGroup;
   exports.ListItem = ListItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.69.0",
+  "version": "1.71.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": "68d387623e59f31de6b04926cb0d476f2e1715a0"
+  "gitHead": "6e0e1cef3955cae7029ad947eb8c83fe589621b7"
 }

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-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;

package/types/components/zd-tree-grid/interfaces.d.ts

@@ -5,6 +5,7 @@ export interface ITreeGrid extends IGrid {
     parentField?: string;
     openLevelOnLoad?: number | boolean;
     fetchOnDemand?: boolean;
+    fieldHasChild?: string;
     flat?: boolean;
     detach?: boolean;
 }

package/types/components/zd-tree-grid/tree-grid.d.ts

@@ -19,6 +19,10 @@ export declare class TreeGrid extends Grid implements ITreeGrid {
      * Defines if the tree will be fetch data only when opening a level
      */
     fetchOnDemand: boolean;
+    /**
+     * Defines if the node tree has child
+     */
+    fieldHasChild?: string;
     /**
      * Defines if should wait and not execute GET method when Datasource is created
      */

package/types/services/index.d.ts

@@ -2,4 +2,3 @@ export * from './zd-alert/alert-service';
 export * from './zd-dialog/dialog-service';
 export * from './zd-modal/modal-service';
 export * from './zd-loading/loading-service';
-export * from './zd-json-cache/json-cache-service';

package/types/services/zd-modal/modal-service.d.ts

@@ -16,7 +16,7 @@ export declare class ModalService {
      * Creates a new modal instance from JSON
      * @param modal modal structure
      */
-    static createFromJson(modalPath: string, local?: boolean): Promise<Modal>;
+    static createFromJson(modalPath: string, local?: boolean, JSONCache?: boolean): Promise<Modal>;
     /**
      * Creates a new modal instance from JSON
      * @param modal modal structure