@zeedhi/common 1.77.3 → 1.78.1

package/dist/zd-common.esm.js

@@ -5544,6 +5544,17 @@ 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
  */
@@ -5697,6 +5708,11 @@ class Grid extends Iterable {
          */
         this.resizeColumns = false;
         this.showSelectAll = true;
+        this.selectAllPages = Config.gridSelectAllPages;
+        this.selectionState = {
+            allSelected: false,
+            except: [],
+        };
         this.navigationKeyMapping = {
             up: {
                 event: this.navigateUp.bind(this),
@@ -5751,6 +5767,7 @@ class Grid extends Iterable {
         this.noResultsText = this.getInitValue('noResultsText', props.noResultsText, this.noResultsText);
         this.disableSelection = this.getInitValue('disableSelection', props.disableSelection, this.disableSelection);
         this.showSelectAll = this.getInitValue('showSelectAll', props.showSelectAll, this.showSelectAll);
+        this.selectAllPages = this.getInitValue('selectAllPages', props.selectAllPages, this.selectAllPages);
         this.createAccessors();
     }
     onMounted(element) {
@@ -5861,25 +5878,69 @@ 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);
-                    }
-                });
+        if (!this.selectable)
+            return;
+        this.selectionState = { allSelected: isSelected, except: [] };
+        if (!isSelected) {
+            this.datasource.data.forEach((row) => {
+                const index = this.selectedRows.indexOf(row);
+                if (index > -1) {
+                    this.selectedRows.splice(index, 1);
+                }
+            });
+            return;
+        }
+        this.datasource.data.forEach((row) => {
+            if (this.callDisableSelection(row))
+                return;
+            const key = row[this.datasource.uniqueKey];
+            if (key && this.selectedRows.indexOf(row) === -1) {
+                this.selectedRows.push(row);
             }
+        });
+    }
+    toggleRow(row) {
+        // array that references the selected rows
+        let arrSelection;
+        if (this.selectAllPages) {
+            arrSelection = this.selectionState.except;
+        }
+        else {
+            arrSelection = this.selectedRows;
+        }
+        const { uniqueKey } = this.datasource;
+        const index = arrSelection.findIndex((selectedRow) => selectedRow[uniqueKey] === row[uniqueKey]);
+        const isSelected = index !== -1;
+        if (!isSelected) {
+            arrSelection.push(row);
+            return;
+        }
+        if (isSelected) {
+            arrSelection.splice(index, 1);
+        }
+    }
+    selectRow(row, select) {
+        // array that references the selected rows
+        let arrSelection;
+        // stores whether this row should be added/removed from arrSelection
+        let shouldBeSelected;
+        if (this.selectAllPages) {
+            arrSelection = this.selectionState.except;
+            shouldBeSelected = select !== this.selectionState.allSelected;
+        }
+        else {
+            arrSelection = this.selectedRows;
+            shouldBeSelected = select;
+        }
+        const { uniqueKey } = this.datasource;
+        const index = arrSelection.findIndex((selectedRow) => selectedRow[uniqueKey] === row[uniqueKey]);
+        const isSelected = index !== -1;
+        if (!isSelected && shouldBeSelected) {
+            arrSelection.push(row);
+            return;
+        }
+        if (isSelected && !shouldBeSelected) {
+            arrSelection.splice(index, 1);
         }
     }
     navigateUp() {
@@ -5920,6 +5981,9 @@ class Grid extends Iterable {
     }
     deleteRows() {
         return __awaiter(this, void 0, void 0, function* () {
+            if (this.selectAllPages) {
+                throw new DeleteRowsError();
+            }
             const response = yield Promise.all(this.selectedRows.map((row) => this.datasource.delete(row)));
             yield this.datasource.get();
             this.selectedRows = [];
@@ -12193,6 +12257,9 @@ class TreeGrid extends Grid {
      */
     deleteRows() {
         return __awaiter(this, void 0, void 0, function* () {
+            if (this.selectAllPages) {
+                throw new DeleteRowsError();
+            }
             const response = yield Promise.all(this.selectedRows.map((row) => this.datasource.delete(row)));
             this.treeDataStructure.treeData = [];
             this.buildTree();
@@ -12267,27 +12334,45 @@ class TreeGrid extends Grid {
     /**
      * Select/deselect rows
      * @param row selected row
-     * @param isSelected row is selected
+     * @param select row is selected
      */
-    selectRow(row, isSelected) {
+    selectRow(row, select) {
         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);
+        // array that references the selected rows
+        let arrSelection;
+        // stores whether this row should be added/removed from arrSelection
+        let shouldBeSelected;
+        if (this.selectAllPages) {
+            arrSelection = this.selectionState.except;
+            shouldBeSelected = select !== this.selectionState.allSelected;
+        }
+        else {
+            arrSelection = this.selectedRows;
+            shouldBeSelected = select;
+        }
+        rows.forEach((rowToSelect) => {
+            const { uniqueKey } = this.datasource;
+            const index = arrSelection.findIndex((selectedRow) => selectedRow[uniqueKey] === rowToSelect[uniqueKey]);
+            const isSelected = index !== -1;
+            if (!isSelected && shouldBeSelected) {
+                arrSelection.push(rowToSelect);
+                return;
+            }
+            if (isSelected && !shouldBeSelected) {
+                arrSelection.splice(index, 1);
+            }
+        });
+        if (this.flat)
+            return;
+        if (shouldBeSelected) {
             // check if all the children of the parent are selected.
-            if (!this.flat)
-                this.selectParents(row);
+            this.selectParents(row);
         }
         else {
-            rows.forEach((item) => {
-                const index = this.treeDataStructure.findDataIndex(this.selectedRows, item[this.datasource.uniqueKey]);
-                if (index > -1)
-                    this.selectedRows.splice(index, 1);
-            });
-            if (!this.flat)
-                this.unselectParents(row);
+            this.unselectParents(row);
         }
     }
     /**
@@ -12313,31 +12398,39 @@ 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 index = this.treeDataStructure.findDataIndex(this.selectedRows, item[this.datasource.uniqueKey]);
-                if (index > -1)
-                    return true;
-                return false;
-            });
-            const rows = [];
-            if (every)
-                rows.push(parentRow);
-            this.selectedRows = this.removeDuplicates(this.selectedRows.concat(rows), this.datasource.uniqueKey);
-            this.selectParents(parentRow);
+        if (!row[this.parentField])
+            return;
+        let arrSelection = this.selectAllPages ? this.selectionState.except : this.selectedRows;
+        const parentRow = this.treeDataStructure.getRowData(row).tree__parent;
+        const every = this.treeDataStructure
+            .getChildren(parentRow)
+            .every((item) => {
+            const index = this.treeDataStructure.findDataIndex(arrSelection, item[this.datasource.uniqueKey]);
+            if (index > -1)
+                return true;
+            return false;
+        });
+        const rows = [];
+        if (every || (this.selectAllPages && this.selectionState.allSelected))
+            rows.push(parentRow);
+        arrSelection = this.removeDuplicates(arrSelection.concat(rows), this.datasource.uniqueKey);
+        if (this.selectAllPages) {
+            this.selectionState.except = arrSelection;
+        }
+        else {
+            this.selectedRows = arrSelection;
         }
+        this.selectParents(parentRow);
     }
     unselectParents(row) {
-        if (row[this.parentField]) {
-            const index = this.treeDataStructure.findDataIndex(this.selectedRows, row[this.parentField]);
-            if (index > -1)
-                this.selectedRows.splice(index, 1);
-            const parentRow = this.treeDataStructure.getRowData(row).tree__parent;
-            this.unselectParents(parentRow);
-        }
+        if (!row[this.parentField])
+            return;
+        const arrSelection = this.selectAllPages ? this.selectionState.except : this.selectedRows;
+        const index = this.treeDataStructure.findDataIndex(arrSelection, row[this.parentField]);
+        if (index > -1)
+            arrSelection.splice(index, 1);
+        const parentRow = this.treeDataStructure.getRowData(row).tree__parent;
+        this.unselectParents(parentRow);
     }
 }
 

package/dist/zd-common.umd.js

@@ -5551,6 +5551,17 @@
   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
    */
@@ -5704,6 +5715,11 @@
            */
           this.resizeColumns = false;
           this.showSelectAll = true;
+          this.selectAllPages = core.Config.gridSelectAllPages;
+          this.selectionState = {
+              allSelected: false,
+              except: [],
+          };
           this.navigationKeyMapping = {
               up: {
                   event: this.navigateUp.bind(this),
@@ -5758,6 +5774,7 @@
           this.noResultsText = this.getInitValue('noResultsText', props.noResultsText, this.noResultsText);
           this.disableSelection = this.getInitValue('disableSelection', props.disableSelection, this.disableSelection);
           this.showSelectAll = this.getInitValue('showSelectAll', props.showSelectAll, this.showSelectAll);
+          this.selectAllPages = this.getInitValue('selectAllPages', props.selectAllPages, this.selectAllPages);
           this.createAccessors();
       }
       onMounted(element) {
@@ -5868,25 +5885,69 @@
           }
       }
       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);
-                      }
-                  });
+          if (!this.selectable)
+              return;
+          this.selectionState = { allSelected: isSelected, except: [] };
+          if (!isSelected) {
+              this.datasource.data.forEach((row) => {
+                  const index = this.selectedRows.indexOf(row);
+                  if (index > -1) {
+                      this.selectedRows.splice(index, 1);
+                  }
+              });
+              return;
+          }
+          this.datasource.data.forEach((row) => {
+              if (this.callDisableSelection(row))
+                  return;
+              const key = row[this.datasource.uniqueKey];
+              if (key && this.selectedRows.indexOf(row) === -1) {
+                  this.selectedRows.push(row);
               }
+          });
+      }
+      toggleRow(row) {
+          // array that references the selected rows
+          let arrSelection;
+          if (this.selectAllPages) {
+              arrSelection = this.selectionState.except;
+          }
+          else {
+              arrSelection = this.selectedRows;
+          }
+          const { uniqueKey } = this.datasource;
+          const index = arrSelection.findIndex((selectedRow) => selectedRow[uniqueKey] === row[uniqueKey]);
+          const isSelected = index !== -1;
+          if (!isSelected) {
+              arrSelection.push(row);
+              return;
+          }
+          if (isSelected) {
+              arrSelection.splice(index, 1);
+          }
+      }
+      selectRow(row, select) {
+          // array that references the selected rows
+          let arrSelection;
+          // stores whether this row should be added/removed from arrSelection
+          let shouldBeSelected;
+          if (this.selectAllPages) {
+              arrSelection = this.selectionState.except;
+              shouldBeSelected = select !== this.selectionState.allSelected;
+          }
+          else {
+              arrSelection = this.selectedRows;
+              shouldBeSelected = select;
+          }
+          const { uniqueKey } = this.datasource;
+          const index = arrSelection.findIndex((selectedRow) => selectedRow[uniqueKey] === row[uniqueKey]);
+          const isSelected = index !== -1;
+          if (!isSelected && shouldBeSelected) {
+              arrSelection.push(row);
+              return;
+          }
+          if (isSelected && !shouldBeSelected) {
+              arrSelection.splice(index, 1);
           }
       }
       navigateUp() {
@@ -5927,6 +5988,9 @@
       }
       deleteRows() {
           return __awaiter(this, void 0, void 0, function* () {
+              if (this.selectAllPages) {
+                  throw new DeleteRowsError();
+              }
               const response = yield Promise.all(this.selectedRows.map((row) => this.datasource.delete(row)));
               yield this.datasource.get();
               this.selectedRows = [];
@@ -12200,6 +12264,9 @@
        */
       deleteRows() {
           return __awaiter(this, void 0, void 0, function* () {
+              if (this.selectAllPages) {
+                  throw new DeleteRowsError();
+              }
               const response = yield Promise.all(this.selectedRows.map((row) => this.datasource.delete(row)));
               this.treeDataStructure.treeData = [];
               this.buildTree();
@@ -12274,27 +12341,45 @@
       /**
        * Select/deselect rows
        * @param row selected row
-       * @param isSelected row is selected
+       * @param select row is selected
        */
-      selectRow(row, isSelected) {
+      selectRow(row, select) {
           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);
+          // array that references the selected rows
+          let arrSelection;
+          // stores whether this row should be added/removed from arrSelection
+          let shouldBeSelected;
+          if (this.selectAllPages) {
+              arrSelection = this.selectionState.except;
+              shouldBeSelected = select !== this.selectionState.allSelected;
+          }
+          else {
+              arrSelection = this.selectedRows;
+              shouldBeSelected = select;
+          }
+          rows.forEach((rowToSelect) => {
+              const { uniqueKey } = this.datasource;
+              const index = arrSelection.findIndex((selectedRow) => selectedRow[uniqueKey] === rowToSelect[uniqueKey]);
+              const isSelected = index !== -1;
+              if (!isSelected && shouldBeSelected) {
+                  arrSelection.push(rowToSelect);
+                  return;
+              }
+              if (isSelected && !shouldBeSelected) {
+                  arrSelection.splice(index, 1);
+              }
+          });
+          if (this.flat)
+              return;
+          if (shouldBeSelected) {
               // check if all the children of the parent are selected.
-              if (!this.flat)
-                  this.selectParents(row);
+              this.selectParents(row);
           }
           else {
-              rows.forEach((item) => {
-                  const index = this.treeDataStructure.findDataIndex(this.selectedRows, item[this.datasource.uniqueKey]);
-                  if (index > -1)
-                      this.selectedRows.splice(index, 1);
-              });
-              if (!this.flat)
-                  this.unselectParents(row);
+              this.unselectParents(row);
           }
       }
       /**
@@ -12320,31 +12405,39 @@
           });
       }
       selectParents(row) {
-          if (row[this.parentField]) {
-              const parentRow = this.treeDataStructure.getRowData(row).tree__parent;
-              const every = this.treeDataStructure
-                  .getChildren(parentRow)
-                  .every((item) => {
-                  const index = this.treeDataStructure.findDataIndex(this.selectedRows, item[this.datasource.uniqueKey]);
-                  if (index > -1)
-                      return true;
-                  return false;
-              });
-              const rows = [];
-              if (every)
-                  rows.push(parentRow);
-              this.selectedRows = this.removeDuplicates(this.selectedRows.concat(rows), this.datasource.uniqueKey);
-              this.selectParents(parentRow);
+          if (!row[this.parentField])
+              return;
+          let arrSelection = this.selectAllPages ? this.selectionState.except : this.selectedRows;
+          const parentRow = this.treeDataStructure.getRowData(row).tree__parent;
+          const every = this.treeDataStructure
+              .getChildren(parentRow)
+              .every((item) => {
+              const index = this.treeDataStructure.findDataIndex(arrSelection, item[this.datasource.uniqueKey]);
+              if (index > -1)
+                  return true;
+              return false;
+          });
+          const rows = [];
+          if (every || (this.selectAllPages && this.selectionState.allSelected))
+              rows.push(parentRow);
+          arrSelection = this.removeDuplicates(arrSelection.concat(rows), this.datasource.uniqueKey);
+          if (this.selectAllPages) {
+              this.selectionState.except = arrSelection;
+          }
+          else {
+              this.selectedRows = arrSelection;
           }
+          this.selectParents(parentRow);
       }
       unselectParents(row) {
-          if (row[this.parentField]) {
-              const index = this.treeDataStructure.findDataIndex(this.selectedRows, row[this.parentField]);
-              if (index > -1)
-                  this.selectedRows.splice(index, 1);
-              const parentRow = this.treeDataStructure.getRowData(row).tree__parent;
-              this.unselectParents(parentRow);
-          }
+          if (!row[this.parentField])
+              return;
+          const arrSelection = this.selectAllPages ? this.selectionState.except : this.selectedRows;
+          const index = this.treeDataStructure.findDataIndex(arrSelection, row[this.parentField]);
+          if (index > -1)
+              arrSelection.splice(index, 1);
+          const parentRow = this.treeDataStructure.getRowData(row).tree__parent;
+          this.unselectParents(parentRow);
       }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.77.3",
+  "version": "1.78.1",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -39,5 +39,5 @@
     "lodash.times": "4.3.*",
     "mockdate": "3.0.*"
   },
-  "gitHead": "49e53aa120ad5094c30f1de5501cfd1b12bcae52"
+  "gitHead": "391eafe389538fe262f4076b258c6a0c2d96e5c2"
 }

package/types/components/zd-grid/errors/delete-rows.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Delete rows error
+ */
+export declare class DeleteRowsError extends Error {
+    constructor();
+}

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

@@ -133,6 +133,11 @@ export declare class Grid extends Iterable implements IGrid {
         component: Grid;
     }) => boolean;
     showSelectAll: boolean;
+    selectAllPages: boolean;
+    selectionState: {
+        allSelected: boolean;
+        except: IDictionary<any>[];
+    };
     /**
      * Creates a new Grid.
      * @param props Grid properties
@@ -189,6 +194,8 @@ export declare class Grid extends Iterable implements IGrid {
      */
     selectAllClick(isSelected: boolean, event: Event, element: any): void;
     selectAll(isSelected: boolean): void;
+    toggleRow(row: IDictionary): void;
+    selectRow(row: IDictionary, select: boolean): void;
     protected navigateUp(): void;
     protected navigateDown(): void;
     protected navigatePageUp(): void;

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

@@ -49,6 +49,7 @@ export interface IGrid extends IIterable {
         component: Grid;
     }) => boolean;
     showSelectAll?: boolean;
+    selectAllPages?: boolean;
 }
 export interface IGridColumn extends IColumn {
     children?: IChildrenActionColumn[];

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

@@ -96,9 +96,9 @@ export declare class TreeGrid extends Grid implements ITreeGrid {
     /**
      * Select/deselect rows
      * @param row selected row
-     * @param isSelected row is selected
+     * @param select row is selected
      */
-    selectRow(row: IDictionary<any>, isSelected: boolean): void;
+    selectRow(row: IDictionary<any>, select: boolean): void;
     /**
      * Select children rows
      * @param row Row to unselect children