@zeedhi/common 1.43.1 → 1.44.0

package/dist/zd-common.esm.js

@@ -4476,6 +4476,8 @@ class Column extends Component {
         this.componentProps = {};
         /** column style property */
         this.style = {};
+        /** Type of XLS */
+        this.xlsType = '';
         /* Stores lookup data to prevent unnecessary requests */
         this.lookupData = {};
         /* Stores lookup data count (only to be reactive and force column update)  */
@@ -4518,6 +4520,7 @@ class Column extends Component {
         this.loading = this.getInitValue('loading', props.loading, this.loading);
         this.style = this.getInitValue('style', props.style, this.style);
         this.componentProps = this.getInitValue('componentProps', props.componentProps, this.componentProps);
+        this.xlsType = this.getInitValue('xlsType', props.xlsType, this.xlsType);
         this.conditions = this.getInitValue('conditions', props.conditions, this.conditions);
         this.createConditions();
         this.createActionConditions();
@@ -7392,6 +7395,8 @@ class Menu extends ComponentRender {
         this.filteredMenuItems = [];
         /** Search value */
         this.searchValue = '';
+        /** Store the current item focused */
+        this.currentItem = null;
         this.app = this.getInitValue('app', props.app, this.app);
         this.clipped = this.getInitValue('clipped', props.clipped, this.clipped);
         this.fixed = this.getInitValue('fixed', props.fixed, this.fixed);
@@ -7671,6 +7676,15 @@ class MenuLink extends ComponentRender {
         if (preventDefault) {
             event.preventDefault();
         }
+        this.setFocus();
+    }
+    /**
+     * Event triggered when this item is focus
+     */
+    focus() {
+        if (this.parentMenu) {
+            this.parentMenu.currentItem = this;
+        }
     }
     /**
      * @returns item is selected or not
@@ -7738,6 +7752,26 @@ class MenuGroup extends ComponentRender {
     close() {
         this.opened = false;
     }
+    /**
+     * Event triggered when this item is clicked
+     */
+    click(event) {
+        let preventDefault = false;
+        preventDefault = this.callEvent('click', { event, component: this });
+        if (preventDefault) {
+            event.preventDefault();
+        }
+        this.setFocus();
+    }
+    /**
+     * Event triggered when this item is focus
+     */
+    focus(event) {
+        this.callEvent('focus', { event, component: this });
+        if (this.parentMenu) {
+            this.parentMenu.currentItem = this;
+        }
+    }
 }
 
 /**
@@ -7815,10 +7849,20 @@ class Modal extends Component {
          * If true the modal won't close when overlay is clicked
          */
         this.persistent = false;
+        /**
+         * Allows modal to be dragged around in the screen
+         */
+        this.draggable = false;
+        /**
+         * Css selector of the drag handle
+         */
+        this.dragHandle = '';
         this.title = this.getInitValue('title', props.title, this.title);
         this.fullscreen = this.getInitValue('fullscreen', props.fullscreen, this.fullscreen);
         this.grid = this.getInitValue('grid', props.grid, this.grid);
         this.persistent = this.getInitValue('persistent', props.persistent, this.persistent);
+        this.draggable = this.getInitValue('draggable', props.draggable, this.draggable);
+        this.dragHandle = this.getInitValue('dragHandle', props.dragHandle, this.dragHandle);
         this.isVisible = false;
         this.createAccessors();
     }
@@ -9260,8 +9304,13 @@ class SelectTreeMultiple extends SelectTree {
          */
         this.selectedNodes = [];
         this.selectValue = [];
+        /**
+         * Changes the behavior of checked nodes that will be displayed in the array of values
+         */
+        this.valueConsistsOf = 'LEAF_PRIORITY';
         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.createAccessors();
     }
     /**
@@ -11035,7 +11084,7 @@ Icons.mdiIcons = {
     tableColumns: 'mdi-table-headers-eye',
     unfold: 'mdi-unfold-more-horizontal',
     warning: 'mdi-exclamation',
-    zoom: 'mdi-magnify-scan',
+    zoom: 'mdi-magnify',
     zoomIn: 'mdi-plus-circle-outline',
     zoomPanning: 'mdi-hand-back-right-outline',
     zoomOut: 'mdi-minus-circle-outline',
@@ -11415,6 +11464,7 @@ class BaseReport {
                 sequence: index,
                 format: this.getFormatOfColumn(col),
                 size: `${size}%`,
+                xlsType: col.xlsType,
             };
             return Object.assign(Object.assign({}, result), { [col.name]: row });
         }, {});

package/dist/zd-common.umd.js

@@ -4483,6 +4483,8 @@
           this.componentProps = {};
           /** column style property */
           this.style = {};
+          /** Type of XLS */
+          this.xlsType = '';
           /* Stores lookup data to prevent unnecessary requests */
           this.lookupData = {};
           /* Stores lookup data count (only to be reactive and force column update)  */
@@ -4525,6 +4527,7 @@
           this.loading = this.getInitValue('loading', props.loading, this.loading);
           this.style = this.getInitValue('style', props.style, this.style);
           this.componentProps = this.getInitValue('componentProps', props.componentProps, this.componentProps);
+          this.xlsType = this.getInitValue('xlsType', props.xlsType, this.xlsType);
           this.conditions = this.getInitValue('conditions', props.conditions, this.conditions);
           this.createConditions();
           this.createActionConditions();
@@ -7399,6 +7402,8 @@
           this.filteredMenuItems = [];
           /** Search value */
           this.searchValue = '';
+          /** Store the current item focused */
+          this.currentItem = null;
           this.app = this.getInitValue('app', props.app, this.app);
           this.clipped = this.getInitValue('clipped', props.clipped, this.clipped);
           this.fixed = this.getInitValue('fixed', props.fixed, this.fixed);
@@ -7678,6 +7683,15 @@
           if (preventDefault) {
               event.preventDefault();
           }
+          this.setFocus();
+      }
+      /**
+       * Event triggered when this item is focus
+       */
+      focus() {
+          if (this.parentMenu) {
+              this.parentMenu.currentItem = this;
+          }
       }
       /**
        * @returns item is selected or not
@@ -7745,6 +7759,26 @@
       close() {
           this.opened = false;
       }
+      /**
+       * Event triggered when this item is clicked
+       */
+      click(event) {
+          let preventDefault = false;
+          preventDefault = this.callEvent('click', { event, component: this });
+          if (preventDefault) {
+              event.preventDefault();
+          }
+          this.setFocus();
+      }
+      /**
+       * Event triggered when this item is focus
+       */
+      focus(event) {
+          this.callEvent('focus', { event, component: this });
+          if (this.parentMenu) {
+              this.parentMenu.currentItem = this;
+          }
+      }
   }
 
   /**
@@ -7822,10 +7856,20 @@
            * If true the modal won't close when overlay is clicked
            */
           this.persistent = false;
+          /**
+           * Allows modal to be dragged around in the screen
+           */
+          this.draggable = false;
+          /**
+           * Css selector of the drag handle
+           */
+          this.dragHandle = '';
           this.title = this.getInitValue('title', props.title, this.title);
           this.fullscreen = this.getInitValue('fullscreen', props.fullscreen, this.fullscreen);
           this.grid = this.getInitValue('grid', props.grid, this.grid);
           this.persistent = this.getInitValue('persistent', props.persistent, this.persistent);
+          this.draggable = this.getInitValue('draggable', props.draggable, this.draggable);
+          this.dragHandle = this.getInitValue('dragHandle', props.dragHandle, this.dragHandle);
           this.isVisible = false;
           this.createAccessors();
       }
@@ -9267,8 +9311,13 @@
            */
           this.selectedNodes = [];
           this.selectValue = [];
+          /**
+           * Changes the behavior of checked nodes that will be displayed in the array of values
+           */
+          this.valueConsistsOf = 'LEAF_PRIORITY';
           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.createAccessors();
       }
       /**
@@ -11042,7 +11091,7 @@
       tableColumns: 'mdi-table-headers-eye',
       unfold: 'mdi-unfold-more-horizontal',
       warning: 'mdi-exclamation',
-      zoom: 'mdi-magnify-scan',
+      zoom: 'mdi-magnify',
       zoomIn: 'mdi-plus-circle-outline',
       zoomPanning: 'mdi-hand-back-right-outline',
       zoomOut: 'mdi-minus-circle-outline',
@@ -11422,6 +11471,7 @@
                   sequence: index,
                   format: this.getFormatOfColumn(col),
                   size: `${size}%`,
+                  xlsType: col.xlsType,
               };
               return Object.assign(Object.assign({}, result), { [col.name]: row });
           }, {});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.43.1",
+  "version": "1.44.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -37,5 +37,5 @@
     "lodash.times": "^4.3.2",
     "mockdate": "^3.0.2"
   },
-  "gitHead": "dea0dcc3bb44548e97613b82580964acdc07411d"
+  "gitHead": "cfe94f85ab62e7e30d7bb09ea8178edf2b75fd59"
 }

package/types/components/zd-iterable/column.d.ts

@@ -16,6 +16,8 @@ export declare class Column extends Component implements IColumn {
     componentProps: any;
     /** column style property */
     style: IDictionary;
+    /** Type of XLS */
+    xlsType: string;
     protected lookupDatasource?: Datasource;
     lookupData: any;
     lookupDataCount: number;

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

@@ -22,6 +22,7 @@ export interface IColumn extends IComponent {
     conditions?: IDictionary;
     style?: IDictionary;
     events?: IIterableEvents;
+    xlsType?: string;
 }
 export interface IIterable extends IComponentRender {
     columns?: IColumn[];

package/types/components/zd-menu/menu-group.d.ts

@@ -50,4 +50,12 @@ export declare class MenuGroup extends ComponentRender implements IMenuGroup {
      * Close group
      */
     close(): void;
+    /**
+     * Event triggered when this item is clicked
+     */
+    click(event: Event): void;
+    /**
+     * Event triggered when this item is focus
+     */
+    focus(event: Event): void;
 }

package/types/components/zd-menu/menu-link.d.ts

@@ -39,6 +39,10 @@ export declare class MenuLink extends ComponentRender implements IMenuLink {
      * Event triggered when this item is clicked
      */
     click(event: Event): void;
+    /**
+     * Event triggered when this item is focus
+     */
+    focus(): void;
     /**
      * @returns item is selected or not
      */

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

@@ -111,6 +111,8 @@ export declare class Menu extends ComponentRender implements IMenu {
     private filteredMenuItems;
     /** Search value */
     private searchValue;
+    /** Store the current item focused */
+    currentItem: IMenuItem | null;
     /**
      * Creates a new Menu.
      * @param props Menu properties

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

@@ -18,6 +18,8 @@ export interface IModal extends IComponent {
     fullscreen?: boolean;
     grid?: IModalGrid;
     persistent?: boolean;
+    draggable?: boolean;
+    dragHandle?: string;
 }
 export interface IModalCloseButton extends IButton {
     modalName: string;

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

@@ -17,6 +17,14 @@ export declare class Modal extends Component implements IModal {
      * If true the modal won't close when overlay is clicked
      */
     persistent: boolean;
+    /**
+     * Allows modal to be dragged around in the screen
+     */
+    draggable: boolean;
+    /**
+     * Css selector of the drag handle
+     */
+    dragHandle?: string;
     /**
      * Creates a new modal
      * @param props Modal structure

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

@@ -12,6 +12,7 @@ export interface ISelectTreeMultiple extends ISelectTree {
     flat?: boolean;
     limit?: number;
     events?: ISelectTreeMultipleEvents;
+    valueConsistsOf?: string;
 }
 export interface ISelectTreeMultipleSelectedNodesEvent extends IEventParam<SelectTreeMultiple> {
     selectedNodes: ISelectTreeMultipleNode<IDictionary>[];

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

@@ -22,6 +22,10 @@ export declare class SelectTreeMultiple extends SelectTree implements ISelectTre
      */
     selectedNodes: ISelectTreeMultipleNode<IDictionary>[];
     selectValue: any[];
+    /**
+     * Changes the behavior of checked nodes that will be displayed in the array of values
+     */
+    valueConsistsOf: string;
     /**
      * Creates a new instance of Select Tree Multiple
      * @param props

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

@@ -13,6 +13,7 @@ export declare type MetadataColumn = IDictionary<{
     sequence: number;
     size: string;
     expression?: string;
+    xlsType?: string;
 }>;
 export declare type MetadataFilter = {
     label: string;