fix: update Slickgrid-Universal to fix a few UI issues (#1293)

* fix: update Slickgrid-Universal to fix a few UI issues
ghiscoding · Nov 30, 2024 · 64fcf52 · 64fcf52
1 parent 2d97255
commit 64fcf52
Show file tree

Hide file tree

Showing 7 changed files with 160 additions and 137 deletions.
diff --git a/package.json b/package.json
@@ -49,7 +49,7 @@
     "@jest/types": "^29.6.3",
     "@lerna-lite/cli": "^3.10.1",
     "@lerna-lite/publish": "^3.10.1",
-    "@slickgrid-universal/common": "^5.10.1",
+    "@slickgrid-universal/common": "^5.10.2",
     "@types/jest": "^29.5.14",
     "@types/node": "^22.10.1",
     "conventional-changelog-conventionalcommits": "^7.0.2",

diff --git a/packages/aurelia-slickgrid/package.json b/packages/aurelia-slickgrid/package.json
@@ -53,13 +53,13 @@
     "@aurelia/runtime": "^2.0.0-beta.22",
     "@aurelia/runtime-html": "^2.0.0-beta.22",
     "@formkit/tempo": "^0.1.2",
-    "@slickgrid-universal/common": "~5.10.1",
-    "@slickgrid-universal/custom-footer-component": "~5.10.1",
-    "@slickgrid-universal/empty-warning-component": "~5.10.1",
-    "@slickgrid-universal/event-pub-sub": "~5.9.0",
-    "@slickgrid-universal/pagination-component": "~5.10.1",
-    "@slickgrid-universal/row-detail-view-plugin": "~5.10.1",
-    "@slickgrid-universal/utils": "~5.9.0",
+    "@slickgrid-universal/common": "~5.10.2",
+    "@slickgrid-universal/custom-footer-component": "~5.10.2",
+    "@slickgrid-universal/empty-warning-component": "~5.10.2",
+    "@slickgrid-universal/event-pub-sub": "~5.10.2",
+    "@slickgrid-universal/pagination-component": "~5.10.2",
+    "@slickgrid-universal/row-detail-view-plugin": "~5.10.2",
+    "@slickgrid-universal/utils": "~5.10.2",
     "dequal": "^2.0.3",
     "sortablejs": "^1.15.6"
   },

diff --git a/packages/aurelia-slickgrid/src/models/gridOption.interface.ts b/packages/aurelia-slickgrid/src/models/gridOption.interface.ts
@@ -1,9 +1,12 @@
 import type { I18N } from '@aurelia/i18n';
-import type { Column, GridOption as UniversalGridOption } from '@slickgrid-universal/common';
+import type { BasePaginationComponent, Column, GridOption as UniversalGridOption } from '@slickgrid-universal/common';
 
 import type { RowDetailView } from './rowDetailView.interface';
 
 export interface GridOption<C extends Column = Column> extends UniversalGridOption<C> {
+  /** External Custom Pagination Component that can be provided by the user */
+  customPaginationComponent?: typeof BasePaginationComponent;
+
   /** I18N translation service instance */
   i18n?: I18N;
 

diff --git a/packages/demo/package.json b/packages/demo/package.json
@@ -43,19 +43,19 @@
     "@fnando/sparkline": "^0.3.10",
     "@formkit/tempo": "^0.1.2",
     "@popperjs/core": "^2.11.8",
-    "@slickgrid-universal/common": "^5.10.1",
-    "@slickgrid-universal/composite-editor-component": "^5.10.1",
-    "@slickgrid-universal/custom-tooltip-plugin": "^5.10.1",
-    "@slickgrid-universal/excel-export": "^5.10.1",
-    "@slickgrid-universal/graphql": "^5.10.1",
-    "@slickgrid-universal/odata": "^5.10.1",
-    "@slickgrid-universal/row-detail-view-plugin": "^5.10.1",
-    "@slickgrid-universal/rxjs-observable": "^5.10.1",
-    "@slickgrid-universal/text-export": "^5.10.1",
+    "@slickgrid-universal/common": "^5.10.2",
+    "@slickgrid-universal/composite-editor-component": "^5.10.2",
+    "@slickgrid-universal/custom-tooltip-plugin": "^5.10.2",
+    "@slickgrid-universal/excel-export": "^5.10.2",
+    "@slickgrid-universal/graphql": "^5.10.2",
+    "@slickgrid-universal/odata": "^5.10.2",
+    "@slickgrid-universal/row-detail-view-plugin": "^5.10.2",
+    "@slickgrid-universal/rxjs-observable": "^5.10.2",
+    "@slickgrid-universal/text-export": "^5.10.2",
     "aurelia": "^2.0.0-beta.22",
     "aurelia-slickgrid": "workspace:*",
     "bootstrap": "^5.3.3",
-    "i18next": "^23.16.5",
+    "i18next": "^23.16.8",
     "i18next-fetch-backend": "^6.0.0",
     "rxjs": "^7.8.1"
   },

diff --git a/packages/demo/src/examples/slickgrid/example10.ts b/packages/demo/src/examples/slickgrid/example10.ts
@@ -237,6 +237,13 @@ export class Example10 {
     }
   }
 
+  // Toggle the Pagination of Grid2
+  // IMPORTANT, the Pagination MUST BE CREATED on initial page load before you can start toggling it
+  // Basically you cannot toggle a Pagination that doesn't exist (must created at the time as the grid)
+  isGrid2WithPaginationChanged() {
+    this.aureliaGrid2.paginationService!.togglePaginationVisibility(this.isGrid2WithPagination);
+  }
+
   onGrid1SelectedRowsChanged(_e: Event, args: any) {
     const grid = args && args.grid;
     if (Array.isArray(args.rows)) {