@zeedhi/common 1.84.1 → 1.85.1

package/dist/zd-common.esm.js

@@ -5540,13 +5540,7 @@ class Iterable extends ComponentRender {
      * Get pagination length
      */
     get paginationLength() {
-        let { limit, total } = this.datasource;
-        limit = Number(limit);
-        total = Number(total);
-        if (!limit || Number.isNaN(total) || Number.isNaN(limit)) {
-            return 0;
-        }
-        return Math.ceil(total / limit);
+        return this.datasource.getPaginationLength();
     }
     /**
      * Return cells with conditions applied for each row
@@ -5610,6 +5604,17 @@ class Iterable extends ComponentRender {
     }
 }
 
+/**
+ * Delete rows error
+ */
+class DeleteRowsError extends Error {
+    constructor() {
+        super('Grid can\'t automatically delete rows when selectAllPages property is true.'
+            + ' You should delete them manually');
+        this.name = 'DeleteRowsError';
+    }
+}
+
 /**
  * Base class for Grid column
  */
@@ -5772,17 +5777,6 @@ const toggleableFormatter = ({ value, componentProps }) => {
 FormatterParserProvider.registerFormatter('column_ZdCheckbox', toggleableFormatter);
 FormatterParserProvider.registerFormatter('column_ZdSwitch', toggleableFormatter);
 
-/**
- * Delete rows error
- */
-class DeleteRowsError extends Error {
-    constructor() {
-        super('Grid can\'t automatically delete rows when selectAllPages property is true.'
-            + ' You should delete them manually');
-        this.name = 'DeleteRowsError';
-    }
-}
-
 /**
  * Base class for Grid component
  */
@@ -6224,16 +6218,9 @@ class Grid extends Iterable {
         const compName = actionComponent.name;
         const instanceName = `${compName}_${rowKey}`;
         const path = parentPath ? `${parentPath}.${compName}` : compName;
-        const props = merge({}, actionComponent, (_b = (_a = this.actionsApplied[rowKey]) === null || _a === void 0 ? void 0 : _a[column.name]) === null || _b === void 0 ? void 0 : _b[path]);
-        let newClickEvt;
-        if ((_c = props.events) === null || _c === void 0 ? void 0 : _c.click) {
-            const compEvents = Event.factory(props.events);
-            if (typeof compEvents.click === 'function') {
-                newClickEvt = ({ component, event, element }) => compEvents.click({
-                    component, event, element, row, column,
-                });
-            }
-        }
+        const compActivator = (_a = actionComponent.activator) !== null && _a !== void 0 ? _a : undefined;
+        const props = merge({}, actionComponent, (_c = (_b = this.actionsApplied[rowKey]) === null || _b === void 0 ? void 0 : _b[column.name]) === null || _c === void 0 ? void 0 : _c[path]);
+        const newClickEvt = this.setGridRowsInEvents(props, column, row);
         const children = props.children || [];
         const newChildren = children.map((child) => this.getActionProps(child, column, row, path).props);
         props.children = newChildren;
@@ -6253,6 +6240,12 @@ class Grid extends Iterable {
         }
         if (newClickEvt)
             props.events.click = newClickEvt;
+        if (compActivator) {
+            const newActivatorClickEvt = this.setGridRowsInEvents(compActivator, column, row);
+            if (newActivatorClickEvt) {
+                props.activator.events.click = newActivatorClickEvt;
+            }
+        }
         return { props, instance };
     }
     updateActionInstance(instanceName, newComponent) {
@@ -6284,6 +6277,18 @@ class Grid extends Iterable {
         }
         return {};
     }
+    setGridRowsInEvents(comp, column, row) {
+        var _a;
+        if ((_a = comp.events) === null || _a === void 0 ? void 0 : _a.click) {
+            const compEvents = Event.factory(comp.events);
+            if (typeof compEvents.click === 'function') {
+                return ({ component, event, element }) => compEvents.click({
+                    component, event, element, row, column,
+                });
+            }
+        }
+        return undefined;
+    }
 }
 
 /**
@@ -7956,6 +7961,7 @@ class Search extends TextInput {
      */
     constructor(props) {
         super(props);
+        this.lazyAttach = false;
         this.debounceSetSearch = debounce(this.setSearch, 500);
         this.iterableComponentName = this.getInitValue('iterableComponentName', props.iterableComponentName, this.iterableComponent);
         this.showHelper = this.getInitValue('showHelper', props.showHelper, false);
@@ -7963,10 +7969,13 @@ class Search extends TextInput {
         this.appendIcon = this.getInitValue('appendIcon', props.appendIcon, 'magnify');
         this.placeholder = this.getInitValue('placeholder', props.placeholder, 'SEARCH');
         this.cssClass = this.getInitValue('cssClass', props.cssClass, 'zd-float-right');
-        this.setIterableComponent();
+        this.lazyAttach = this.getInitValue('lazyAttach', props.lazyAttach, this.lazyAttach);
+        if (!this.lazyAttach)
+            this.setIterableComponent();
         this.createAccessors();
     }
-    setIterableComponent() {
+    setIterableComponent(name) {
+        this.iterableComponentName = name || this.iterableComponentName;
         if (this.iterableComponentName && Metadata.getInstances(this.iterableComponentName).length > 0) {
             this.iterableComponent = Metadata.getInstance(this.iterableComponentName);
         }

package/dist/zd-common.umd.js

@@ -5547,13 +5547,7 @@
        * Get pagination length
        */
       get paginationLength() {
-          let { limit, total } = this.datasource;
-          limit = Number(limit);
-          total = Number(total);
-          if (!limit || Number.isNaN(total) || Number.isNaN(limit)) {
-              return 0;
-          }
-          return Math.ceil(total / limit);
+          return this.datasource.getPaginationLength();
       }
       /**
        * Return cells with conditions applied for each row
@@ -5617,6 +5611,17 @@
       }
   }
 
+  /**
+   * Delete rows error
+   */
+  class DeleteRowsError extends Error {
+      constructor() {
+          super('Grid can\'t automatically delete rows when selectAllPages property is true.'
+              + ' You should delete them manually');
+          this.name = 'DeleteRowsError';
+      }
+  }
+
   /**
    * Base class for Grid column
    */
@@ -5779,17 +5784,6 @@
   core.FormatterParserProvider.registerFormatter('column_ZdCheckbox', toggleableFormatter);
   core.FormatterParserProvider.registerFormatter('column_ZdSwitch', toggleableFormatter);
 
-  /**
-   * Delete rows error
-   */
-  class DeleteRowsError extends Error {
-      constructor() {
-          super('Grid can\'t automatically delete rows when selectAllPages property is true.'
-              + ' You should delete them manually');
-          this.name = 'DeleteRowsError';
-      }
-  }
-
   /**
    * Base class for Grid component
    */
@@ -6231,16 +6225,9 @@
           const compName = actionComponent.name;
           const instanceName = `${compName}_${rowKey}`;
           const path = parentPath ? `${parentPath}.${compName}` : compName;
-          const props = merge__default["default"]({}, actionComponent, (_b = (_a = this.actionsApplied[rowKey]) === null || _a === void 0 ? void 0 : _a[column.name]) === null || _b === void 0 ? void 0 : _b[path]);
-          let newClickEvt;
-          if ((_c = props.events) === null || _c === void 0 ? void 0 : _c.click) {
-              const compEvents = core.Event.factory(props.events);
-              if (typeof compEvents.click === 'function') {
-                  newClickEvt = ({ component, event, element }) => compEvents.click({
-                      component, event, element, row, column,
-                  });
-              }
-          }
+          const compActivator = (_a = actionComponent.activator) !== null && _a !== void 0 ? _a : undefined;
+          const props = merge__default["default"]({}, actionComponent, (_c = (_b = this.actionsApplied[rowKey]) === null || _b === void 0 ? void 0 : _b[column.name]) === null || _c === void 0 ? void 0 : _c[path]);
+          const newClickEvt = this.setGridRowsInEvents(props, column, row);
           const children = props.children || [];
           const newChildren = children.map((child) => this.getActionProps(child, column, row, path).props);
           props.children = newChildren;
@@ -6260,6 +6247,12 @@
           }
           if (newClickEvt)
               props.events.click = newClickEvt;
+          if (compActivator) {
+              const newActivatorClickEvt = this.setGridRowsInEvents(compActivator, column, row);
+              if (newActivatorClickEvt) {
+                  props.activator.events.click = newActivatorClickEvt;
+              }
+          }
           return { props, instance };
       }
       updateActionInstance(instanceName, newComponent) {
@@ -6291,6 +6284,18 @@
           }
           return {};
       }
+      setGridRowsInEvents(comp, column, row) {
+          var _a;
+          if ((_a = comp.events) === null || _a === void 0 ? void 0 : _a.click) {
+              const compEvents = core.Event.factory(comp.events);
+              if (typeof compEvents.click === 'function') {
+                  return ({ component, event, element }) => compEvents.click({
+                      component, event, element, row, column,
+                  });
+              }
+          }
+          return undefined;
+      }
   }
 
   /**
@@ -7963,6 +7968,7 @@
        */
       constructor(props) {
           super(props);
+          this.lazyAttach = false;
           this.debounceSetSearch = debounce__default["default"](this.setSearch, 500);
           this.iterableComponentName = this.getInitValue('iterableComponentName', props.iterableComponentName, this.iterableComponent);
           this.showHelper = this.getInitValue('showHelper', props.showHelper, false);
@@ -7970,10 +7976,13 @@
           this.appendIcon = this.getInitValue('appendIcon', props.appendIcon, 'magnify');
           this.placeholder = this.getInitValue('placeholder', props.placeholder, 'SEARCH');
           this.cssClass = this.getInitValue('cssClass', props.cssClass, 'zd-float-right');
-          this.setIterableComponent();
+          this.lazyAttach = this.getInitValue('lazyAttach', props.lazyAttach, this.lazyAttach);
+          if (!this.lazyAttach)
+              this.setIterableComponent();
           this.createAccessors();
       }
-      setIterableComponent() {
+      setIterableComponent(name) {
+          this.iterableComponentName = name || this.iterableComponentName;
           if (this.iterableComponentName && core.Metadata.getInstances(this.iterableComponentName).length > 0) {
               this.iterableComponent = core.Metadata.getInstance(this.iterableComponentName);
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.84.1",
+  "version": "1.85.1",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -43,5 +43,5 @@
     "lodash.times": "4.3.*",
     "mockdate": "3.0.*"
   },
-  "gitHead": "0b18124932a37bd921c9938b86371a7222e90f59"
+  "gitHead": "13bfb6936e5027a14c02d4ecde838100992a57d0"
 }

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

@@ -1,9 +1,9 @@
 import { IDictionary } from '@zeedhi/core';
-import { IGrid, IGridColumn, IGridEvents } from './interfaces';
-import { Iterable } from '../zd-iterable/iterable';
+import { Component } from '../zd-component/component';
 import { IComponent, IComponentRender } from '../zd-component/interfaces';
+import { Iterable } from '../zd-iterable/iterable';
 import { GridColumn } from './grid-column';
-import { Component } from '../zd-component/component';
+import { IGrid, IGridColumn, IGridEvents } from './interfaces';
 /**
  * Base class for Grid component
  */
@@ -212,4 +212,5 @@ export declare class Grid extends Iterable implements IGrid {
     protected changeDefaultSlotNames(slot: IComponentRender[]): any;
     callDisableSelection(row: IDictionary<any>): boolean;
     getRowStyleConditions(row: IDictionary<any>): IDictionary<any>;
+    private setGridRowsInEvents;
 }

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

@@ -61,6 +61,7 @@ export interface ISearch extends ITextInput {
     showLabel?: boolean;
     showHelper?: boolean;
     appendIcon?: string;
+    lazyAttach?: boolean;
 }
 export interface IIterableColumnsButton extends IButton {
     iterableComponentName?: string;

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

@@ -13,12 +13,13 @@ export declare class Search extends TextInput implements ISearch {
      * Iterable component name
      */
     iterableComponent: Iterable;
+    lazyAttach: boolean;
     /**
      * Creates a new Iterable Page component.
      * @param props Iterable page component properties
      */
     constructor(props: ISearch);
-    private setIterableComponent;
+    setIterableComponent(name?: string): void;
     protected setSearch(search: string): Promise<void>;
     debounceSetSearch: (search: string) => void;
 }