@zeedhi/common 1.59.0 → 1.61.0

package/dist/zd-common.esm.js

@@ -3106,34 +3106,38 @@ class Dashboard extends ComponentRender {
         };
         /* ----- end modal functions ----- */
         /* Edit header */
-        this.headerLeftSlot = [
-            {
-                name: `addDashboard${this.name}`,
-                component: 'ZdButton',
-                label: 'ADD',
-                iconName: 'plus',
-                color: 'white',
-                small: true,
-                cssClass: 'zd-my-2',
-                outline: true,
-                events: {
-                    click: this.openModalAddCard.bind(this),
+        this.editHeader = {
+            component: 'ZdHeader',
+            name: `edit-header-${this.name}`,
+            leftSlot: [
+                {
+                    name: `addDashboard${this.name}`,
+                    component: 'ZdButton',
+                    label: 'ADD',
+                    iconName: 'plus',
+                    color: 'white',
+                    small: true,
+                    cssClass: 'zd-my-2',
+                    outline: true,
+                    events: {
+                        click: this.openModalAddCard.bind(this),
+                    },
                 },
-            },
-            {
-                name: `saveDashboard${this.name}`,
-                component: 'ZdButton',
-                label: 'SAVE',
-                iconName: 'complete',
-                color: 'white',
-                small: true,
-                cssClass: 'zd-my-2',
-                outline: true,
-                events: {
-                    click: this.onSave.bind(this),
+                {
+                    name: `saveDashboard${this.name}`,
+                    component: 'ZdButton',
+                    label: 'SAVE',
+                    iconName: 'complete',
+                    color: 'white',
+                    small: true,
+                    cssClass: 'zd-my-2',
+                    outline: true,
+                    events: {
+                        click: this.onSave.bind(this),
+                    },
                 },
-            },
-        ];
+            ],
+        };
         this.editingMode = this.getInitValue('editingMode', props.editingMode, this.editingMode);
         this.moveMode = this.getInitValue('moveMode', props.moveMode, this.moveMode);
         this.cards = this.getInitValue('cards', props.cards, this.cards);
@@ -3142,6 +3146,7 @@ class Dashboard extends ComponentRender {
         this.height = this.getInitValue('height', props.height, this.height);
         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.createAccessors();
     }
     onMounted(element) {
@@ -3320,7 +3325,7 @@ class Dashboard extends ComponentRender {
     }
     /* Generate unique ids */
     getCardId() {
-        return Math.random().toString(36).substr(2, 9);
+        return Math.random().toString(36).substring(2, 9);
     }
     selectCard(cardId) {
         this.currentCardId = cardId;
@@ -4434,6 +4439,8 @@ class Footer extends ComponentRender {
     }
 }
 
+class ResponseClass extends Response {
+}
 /**
  * Base class for Frame component.
  */
@@ -4566,7 +4573,7 @@ class Frame extends ComponentRender {
             [this.headerName]: time,
         });
         const stringData = JSON.stringify(metadata);
-        const responseObj = new Response(stringData, { headers });
+        const responseObj = new ResponseClass(stringData, { headers });
         cache.put(url, responseObj);
     }
     /**
@@ -5118,7 +5125,7 @@ FormatterParserProvider.registerFormatter('column_ZdSelect', ({ column, value, r
     return value;
 });
 FormatterParserProvider.registerFormatter('column_ZdSelectMultiple', ({ column, value, row, componentProps, }) => {
-    if (!value || value.length === 0)
+    if (!value || !Array.isArray(value) || value.length === 0)
         return '';
     const { formatterDataText } = componentProps;
     const formatterFn = FormatterParserProvider.getFormatter('column_ZdSelect');
@@ -5434,6 +5441,28 @@ class Grid extends Iterable {
             });
         }
     }
+    selectAll(isSelected) {
+        if (this.selectable) {
+            if (isSelected) {
+                this.datasource.data.forEach((row) => {
+                    if (!this.callDisableSelection(row)) {
+                        const key = row[this.datasource.uniqueKey];
+                        if (key && this.selectedRows.indexOf(row) === -1) {
+                            this.selectedRows.push(row);
+                        }
+                    }
+                });
+            }
+            else {
+                this.datasource.data.forEach((row) => {
+                    const index = this.selectedRows.indexOf(row);
+                    if (index > -1) {
+                        this.selectedRows.splice(index, 1);
+                    }
+                });
+            }
+        }
+    }
     navigateUp() {
         const { uniqueKey, currentRow } = this.datasource;
         const rowIndex = this.datasource.data.findIndex((row) => row[uniqueKey] === currentRow[uniqueKey]);
@@ -7530,6 +7559,10 @@ class Login extends ComponentRender {
          * Image displayed in the card.
          */
         this.poweredByImageCard = '';
+        /**
+        * If form is flat
+        */
+        this.flatForm = false;
         /**
          * Buttons displayed in the bottom of the card.
          */
@@ -7543,6 +7576,7 @@ class Login extends ComponentRender {
         this.logoMessage = this.getInitValue('logoMessage', props.logoMessage, this.logoMessage);
         this.poweredByImage = this.getInitValue('poweredByImage', props.poweredByImage, this.poweredByImage);
         this.poweredByImageCard = this.getInitValue('poweredByImageCard', props.poweredByImageCard, this.poweredByImageCard);
+        this.flatForm = this.getInitValue('flatForm', props.flatForm, this.flatForm);
         this.socialLogin = props.socialLogin || this.socialLogin;
         this.createAccessors();
     }
@@ -10978,6 +11012,8 @@ class Tree extends ComponentRender {
         this.checkedField = this.getInitValue('checkedField', props.checkedField, this.checkedField);
         this.openLevelOnLoad = this.getInitValue('openLevelOnLoad', props.openLevelOnLoad, this.openLevelOnLoad);
         this.checkbox = this.getInitValue('checkbox', props.checkbox, this.checkbox);
+        this.height = this.getInitValue('height', props.height, this.height);
+        this.maxHeight = this.getInitValue('maxHeight', props.maxHeight, this.maxHeight);
         this.disableCheckbox = this.getInitValue('disableCheckbox', props.disableCheckbox, this.disableCheckbox);
         this.afterTitleSlot = props.afterTitleSlot || this.afterTitleSlot;
         this.toolbarSlot = props.toolbarSlot || this.toolbarSlot;
@@ -13119,7 +13155,7 @@ class Report {
         }
         throw new Error(`Invalid report type: ${type}`);
     }
-    getReport(type, portrait = true, rowObj) {
+    getReport(type, portrait = true, rowObj, beforeReportEvent) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
             const data = (_a = this.data) !== null && _a !== void 0 ? _a : yield this.getData();
@@ -13143,26 +13179,22 @@ class Report {
                 dataset = reportType.buildDataset(data, formattedColumns);
             }
             const filter = '[]';
-            let row = {};
+            let row = {
+                dataSet: JSON.parse(dataset),
+                filter: JSON.parse(filter),
+                metaData: JSON.parse(metadataObj),
+            };
             if (rowObj) {
-                row = merge({
-                    dataSet: JSON.parse(dataset),
-                    filter: JSON.parse(filter),
-                    metaData: JSON.parse(metadataObj),
-                }, rowObj);
-                row = {
-                    dataSet: JSON.stringify(row.dataSet),
-                    filter: JSON.stringify(row.filter),
-                    metaData: JSON.stringify(row.metaData),
-                };
+                row = merge(row, rowObj);
             }
-            else {
-                row = {
-                    dataSet: dataset,
-                    filter,
-                    metaData: metadataObj,
-                };
+            if (beforeReportEvent) {
+                row = yield beforeReportEvent(row);
             }
+            row = {
+                dataSet: JSON.stringify(row.dataSet),
+                filter: JSON.stringify(row.filter),
+                metaData: JSON.stringify(row.metaData),
+            };
             const url = new URL(route, this.endPoint).href;
             const response = yield Http.post(url, {
                 origin,

package/dist/zd-common.umd.js

@@ -3113,34 +3113,38 @@
           };
           /* ----- end modal functions ----- */
           /* Edit header */
-          this.headerLeftSlot = [
-              {
-                  name: `addDashboard${this.name}`,
-                  component: 'ZdButton',
-                  label: 'ADD',
-                  iconName: 'plus',
-                  color: 'white',
-                  small: true,
-                  cssClass: 'zd-my-2',
-                  outline: true,
-                  events: {
-                      click: this.openModalAddCard.bind(this),
+          this.editHeader = {
+              component: 'ZdHeader',
+              name: `edit-header-${this.name}`,
+              leftSlot: [
+                  {
+                      name: `addDashboard${this.name}`,
+                      component: 'ZdButton',
+                      label: 'ADD',
+                      iconName: 'plus',
+                      color: 'white',
+                      small: true,
+                      cssClass: 'zd-my-2',
+                      outline: true,
+                      events: {
+                          click: this.openModalAddCard.bind(this),
+                      },
                   },
-              },
-              {
-                  name: `saveDashboard${this.name}`,
-                  component: 'ZdButton',
-                  label: 'SAVE',
-                  iconName: 'complete',
-                  color: 'white',
-                  small: true,
-                  cssClass: 'zd-my-2',
-                  outline: true,
-                  events: {
-                      click: this.onSave.bind(this),
+                  {
+                      name: `saveDashboard${this.name}`,
+                      component: 'ZdButton',
+                      label: 'SAVE',
+                      iconName: 'complete',
+                      color: 'white',
+                      small: true,
+                      cssClass: 'zd-my-2',
+                      outline: true,
+                      events: {
+                          click: this.onSave.bind(this),
+                      },
                   },
-              },
-          ];
+              ],
+          };
           this.editingMode = this.getInitValue('editingMode', props.editingMode, this.editingMode);
           this.moveMode = this.getInitValue('moveMode', props.moveMode, this.moveMode);
           this.cards = this.getInitValue('cards', props.cards, this.cards);
@@ -3149,6 +3153,7 @@
           this.height = this.getInitValue('height', props.height, this.height);
           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.createAccessors();
       }
       onMounted(element) {
@@ -3327,7 +3332,7 @@
       }
       /* Generate unique ids */
       getCardId() {
-          return Math.random().toString(36).substr(2, 9);
+          return Math.random().toString(36).substring(2, 9);
       }
       selectCard(cardId) {
           this.currentCardId = cardId;
@@ -4441,6 +4446,8 @@
       }
   }
 
+  class ResponseClass extends Response {
+  }
   /**
    * Base class for Frame component.
    */
@@ -4573,7 +4580,7 @@
               [this.headerName]: time,
           });
           const stringData = JSON.stringify(metadata);
-          const responseObj = new Response(stringData, { headers });
+          const responseObj = new ResponseClass(stringData, { headers });
           cache.put(url, responseObj);
       }
       /**
@@ -5125,7 +5132,7 @@
       return value;
   });
   core.FormatterParserProvider.registerFormatter('column_ZdSelectMultiple', ({ column, value, row, componentProps, }) => {
-      if (!value || value.length === 0)
+      if (!value || !Array.isArray(value) || value.length === 0)
           return '';
       const { formatterDataText } = componentProps;
       const formatterFn = core.FormatterParserProvider.getFormatter('column_ZdSelect');
@@ -5441,6 +5448,28 @@
               });
           }
       }
+      selectAll(isSelected) {
+          if (this.selectable) {
+              if (isSelected) {
+                  this.datasource.data.forEach((row) => {
+                      if (!this.callDisableSelection(row)) {
+                          const key = row[this.datasource.uniqueKey];
+                          if (key && this.selectedRows.indexOf(row) === -1) {
+                              this.selectedRows.push(row);
+                          }
+                      }
+                  });
+              }
+              else {
+                  this.datasource.data.forEach((row) => {
+                      const index = this.selectedRows.indexOf(row);
+                      if (index > -1) {
+                          this.selectedRows.splice(index, 1);
+                      }
+                  });
+              }
+          }
+      }
       navigateUp() {
           const { uniqueKey, currentRow } = this.datasource;
           const rowIndex = this.datasource.data.findIndex((row) => row[uniqueKey] === currentRow[uniqueKey]);
@@ -7537,6 +7566,10 @@
            * Image displayed in the card.
            */
           this.poweredByImageCard = '';
+          /**
+          * If form is flat
+          */
+          this.flatForm = false;
           /**
            * Buttons displayed in the bottom of the card.
            */
@@ -7550,6 +7583,7 @@
           this.logoMessage = this.getInitValue('logoMessage', props.logoMessage, this.logoMessage);
           this.poweredByImage = this.getInitValue('poweredByImage', props.poweredByImage, this.poweredByImage);
           this.poweredByImageCard = this.getInitValue('poweredByImageCard', props.poweredByImageCard, this.poweredByImageCard);
+          this.flatForm = this.getInitValue('flatForm', props.flatForm, this.flatForm);
           this.socialLogin = props.socialLogin || this.socialLogin;
           this.createAccessors();
       }
@@ -10985,6 +11019,8 @@
           this.checkedField = this.getInitValue('checkedField', props.checkedField, this.checkedField);
           this.openLevelOnLoad = this.getInitValue('openLevelOnLoad', props.openLevelOnLoad, this.openLevelOnLoad);
           this.checkbox = this.getInitValue('checkbox', props.checkbox, this.checkbox);
+          this.height = this.getInitValue('height', props.height, this.height);
+          this.maxHeight = this.getInitValue('maxHeight', props.maxHeight, this.maxHeight);
           this.disableCheckbox = this.getInitValue('disableCheckbox', props.disableCheckbox, this.disableCheckbox);
           this.afterTitleSlot = props.afterTitleSlot || this.afterTitleSlot;
           this.toolbarSlot = props.toolbarSlot || this.toolbarSlot;
@@ -13126,7 +13162,7 @@
           }
           throw new Error(`Invalid report type: ${type}`);
       }
-      getReport(type, portrait = true, rowObj) {
+      getReport(type, portrait = true, rowObj, beforeReportEvent) {
           var _a;
           return __awaiter(this, void 0, void 0, function* () {
               const data = (_a = this.data) !== null && _a !== void 0 ? _a : yield this.getData();
@@ -13150,26 +13186,22 @@
                   dataset = reportType.buildDataset(data, formattedColumns);
               }
               const filter = '[]';
-              let row = {};
+              let row = {
+                  dataSet: JSON.parse(dataset),
+                  filter: JSON.parse(filter),
+                  metaData: JSON.parse(metadataObj),
+              };
               if (rowObj) {
-                  row = merge__default["default"]({
-                      dataSet: JSON.parse(dataset),
-                      filter: JSON.parse(filter),
-                      metaData: JSON.parse(metadataObj),
-                  }, rowObj);
-                  row = {
-                      dataSet: JSON.stringify(row.dataSet),
-                      filter: JSON.stringify(row.filter),
-                      metaData: JSON.stringify(row.metaData),
-                  };
+                  row = merge__default["default"](row, rowObj);
               }
-              else {
-                  row = {
-                      dataSet: dataset,
-                      filter,
-                      metaData: metadataObj,
-                  };
+              if (beforeReportEvent) {
+                  row = yield beforeReportEvent(row);
               }
+              row = {
+                  dataSet: JSON.stringify(row.dataSet),
+                  filter: JSON.stringify(row.filter),
+                  metaData: JSON.stringify(row.metaData),
+              };
               const url = new URL(route, this.endPoint).href;
               const response = yield core.Http.post(url, {
                   origin,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.59.0",
+  "version": "1.61.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": "1994ad253bafc3190adf1dd0db028b2825a2f16e"
+  "gitHead": "3c489e30aa19bf11a9b9393a4b0bd90c970b714a"
 }

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

@@ -1,9 +1,9 @@
 import { IDashboard, IDashboardEvents, IDashboardCard } from './interfaces';
 import { ComponentRender } from '../zd-component/component-render';
-import { IButton } from '../zd-button/interfaces';
 import { Modal } from '../zd-modal/modal';
 import { IModal } from '../zd-modal/interfaces';
 import { IComponentRender } from '../zd-component/interfaces';
+import { IHeader } from '../zd-header/interfaces';
 /**
  * Base class for Dashboard component.
  */
@@ -38,7 +38,7 @@ export declare class Dashboard extends ComponentRender implements IDashboard {
     openModalAddCard(): void;
     modalCancelClick(): void;
     openModalEditCard(cardId: string): void;
-    headerLeftSlot: IButton[];
+    editHeader: IHeader;
     onSave(): void;
     getFrameProps(cardId: string): {
         name?: undefined;

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

@@ -1,8 +1,8 @@
 import { IEventParam } from '@zeedhi/core';
 import { Dashboard } from './dashboard';
 import { IComponentRender, IComponentEvents } from '../zd-component/interfaces';
-import { IButton } from '../zd-button/interfaces';
 import { ICard } from '../zd-card/interfaces';
+import { IHeader } from '../zd-header/interfaces';
 export declare type IDashboardEventParam = IEventParam<Dashboard>;
 export declare type IDashboardLoadEvent<T> = (event: T) => Promise<any>;
 export interface IDashboardEvents<T = IEventParam<any>> extends IComponentEvents<T> {
@@ -14,7 +14,7 @@ export interface IDashboard extends IComponentRender {
     cards?: IDashboardCard[];
     editingMode?: boolean;
     moveMode?: boolean;
-    headerLeftSlot?: IButton[];
+    editHeader?: IHeader;
     removePadding?: boolean;
     height?: string | number;
     heightAdjust?: string | number;

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

@@ -169,6 +169,7 @@ export declare class Grid extends Iterable implements IGrid {
      * @param element DOM Element
      */
     selectAllClick(isSelected: boolean, event: Event, element: any): void;
+    selectAll(isSelected: boolean): void;
     protected navigateUp(): void;
     protected navigateDown(): void;
     protected navigatePageUp(): void;

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

@@ -16,6 +16,7 @@ export interface ILogin extends IComponentRender {
     poweredByImage?: string;
     poweredByImageCard?: string;
     socialLogin?: IComponentRender[];
+    flatForm?: boolean;
 }
 export interface ILoginButton extends IButton {
     authUrl?: string;

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

@@ -42,6 +42,10 @@ export declare class Login extends ComponentRender implements ILogin {
      * Image displayed in the card.
      */
     poweredByImageCard: string;
+    /**
+    * If form is flat
+    */
+    flatForm: boolean;
     /**
      * Buttons displayed in the bottom of the card.
      */

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

@@ -57,6 +57,8 @@ export interface ITree extends IComponentRender {
     toolbarSlot?: IComponentRender[];
     titleSlot?: ITreeConditionComponent[];
     events?: ITreeEvents;
+    height?: string | number;
+    maxHeight?: string | number;
     datasource?: IDatasource;
     parentField?: string;
     titleField?: string;

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

@@ -25,6 +25,14 @@ export declare class Tree extends ComponentRender implements ITree {
      * Components that will be rendered on toolbar slot
      */
     toolbarSlot: IComponentRender[];
+    /**
+     * Tree fixed height
+     */
+    height: string | number;
+    /**
+    * Tree max height
+    */
+    maxHeight: string | number;
     /**
      * Components that will be rendered on title slot
      */

package/types/utils/report/interfaces.d.ts

@@ -6,3 +6,10 @@ export interface IReport {
     fileEndPoint: string;
     getReport(type: string, portrait: boolean): Promise<string>;
 }
+export interface IBeforeReportParam {
+    dataSet: any;
+    filter: any;
+    metaData: any;
+    [key: string]: any;
+}
+export declare type IBeforeReportEvent = (param: IBeforeReportParam) => Promise<IBeforeReportParam>;

package/types/utils/report/report.d.ts

@@ -1,6 +1,6 @@
 import { IDictionary } from '@zeedhi/core';
 import { Iterable } from '../../components';
-import { IReport } from './interfaces';
+import { IBeforeReportEvent, IReport } from './interfaces';
 export declare class Report implements IReport {
     iterable: Iterable;
     title: string;
@@ -10,6 +10,6 @@ export declare class Report implements IReport {
     constructor(iterable: Iterable, title: string);
     private getData;
     private getReportType;
-    getReport(type: string, portrait?: boolean, rowObj?: any): Promise<string>;
+    getReport(type: string, portrait?: boolean, rowObj?: any, beforeReportEvent?: IBeforeReportEvent): Promise<string>;
     private removeColumns;
 }