slickgrid-react 5.3.2 → 5.5.0

package/dist/types/components/slickgrid-react.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type BackendServiceApi, type Column, type EventSubscription, type ExtensionList, type ExternalResource, type Locale, type Metrics, type Pagination, type ServicePagination, SlickDataView, SlickEventHandler, SlickGrid, BackendUtilityService, CollectionService, ExtensionService, ExtensionUtility, FilterFactory, FilterService, GridEventService, GridService, GridStateService, GroupingAndColspanService, PaginationService, ResizerService, type RxJsFacade, SharedService, SlickGroupItemMetadataProvider, SortService, TreeDataService } from '@slickgrid-universal/common';
+import { type BackendService, type BackendServiceApi, type Column, type EventSubscription, type ExtensionList, type ExternalResource, type Locale, type Metrics, type Pagination, type ServicePagination, SlickDataView, SlickEventHandler, SlickGrid, BackendUtilityService, CollectionService, ExtensionService, ExtensionUtility, FilterFactory, FilterService, GridEventService, GridService, GridStateService, GroupingAndColspanService, PaginationService, ResizerService, type RxJsFacade, SharedService, SlickGroupItemMetadataProvider, SortService, TreeDataService } from '@slickgrid-universal/common';
 import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
 import { SlickFooterComponent } from '@slickgrid-universal/custom-footer-component';
 import { SlickEmptyWarningComponent } from '@slickgrid-universal/empty-warning-component';
@@ -32,6 +32,7 @@ export declare class SlickgridReact<TData = any> extends React.Component<Slickgr
     protected _isLocalGrid: boolean;
     protected _paginationOptions: Pagination | undefined;
     protected _registeredResources: ExternalResource[];
+    protected _scrollEndCalled: boolean;
     protected _gridOptions?: GridOption;
     protected get gridOptions(): GridOption;
     protected set gridOptions(options: GridOption);
@@ -84,6 +85,7 @@ export declare class SlickgridReact<TData = any> extends React.Component<Slickgr
     get datasetHierarchical(): any[] | undefined;
     set datasetHierarchical(newHierarchicalDataset: any[] | undefined);
     constructor(props: SlickgridReactProps);
+    get backendService(): BackendService | undefined;
     get eventHandler(): SlickEventHandler;
     get isDatasetInitialized(): boolean;
     set isDatasetInitialized(isInitialized: boolean);
@@ -99,12 +101,13 @@ export declare class SlickgridReact<TData = any> extends React.Component<Slickgr
     columnDefinitionsChanged(): void;
     /**
      * Define our internal Post Process callback, it will execute internally after we get back result from the Process backend call
-     * For now, this is GraphQL Service ONLY feature and it will basically
-     * refresh the Dataset & Pagination without having the user to create his own PostProcess every time
+     * Currently ONLY available with the GraphQL Backend Service.
+     * The behavior is to refresh the Dataset & Pagination without requiring the user to create his own PostProcess every time
      */
     createBackendApiInternalPostProcessCallback(gridOptions: GridOption): void;
     bindDifferentHooks(grid: SlickGrid, gridOptions: GridOption, dataView: SlickDataView): void;
     bindBackendCallbackFunctions(gridOptions: GridOption): void;
+    protected addBackendInfiniteScrollCallback(): void;
     bindResizeHook(grid: SlickGrid, options: GridOption): void;
     executeAfterDataviewCreated(_grid: SlickGrid, gridOptions: GridOption): void;
     /**
@@ -127,7 +130,7 @@ export declare class SlickgridReact<TData = any> extends React.Component<Slickgr
      * Check if there's any Pagination Presets defined in the Grid Options,
      * if there are then load them in the paginationOptions object
      */
-    setPaginationOptionsWhenPresetDefined(gridOptions: GridOption, paginationOptions: Pagination): Pagination;
+    protected setPaginationOptionsWhenPresetDefined(gridOptions: GridOption, paginationOptions: Pagination): Pagination;
     setDarkMode(dark?: boolean): void;
     /**
      * Dynamically change or update the column definitions list.
@@ -167,6 +170,7 @@ export declare class SlickgridReact<TData = any> extends React.Component<Slickgr
     protected loadLocalGridPagination(dataset?: any[]): void;
     /** Load any Row Selections into the DataView that were presets by the user */
     protected loadRowSelectionPresetWhenExists(): void;
+    hasBackendInfiniteScroll(gridOptions?: GridOption): boolean;
     protected mergeGridOptions(gridOptions: GridOption): GridOption;
     /** Add a register a new external resource, user could also optional dispose all previous resources before pushing any new resources to the resources array list. */
     registerExternalResources(resources: ExternalResource[], disposePreviousResources?: boolean): void;

package/dist/types/components/slickgrid-react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slickgrid-react.d.ts","sourceRoot":"","sources":["../../../src/slickgrid-react/components/slickgrid-react.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"slickgrid-react.d.ts","sourceRoot":"","sources":["../../../src/slickgrid-react/components/slickgrid-react.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slickgrid-react",
-  "version": "5.3.2",
+  "version": "5.5.0",
   "description": "Slickgrid components made available in React",
   "keywords": [
     "react",
@@ -83,13 +83,13 @@
     "/src/slickgrid-react"
   ],
   "dependencies": {
-    "@slickgrid-universal/common": "~5.3.4",
-    "@slickgrid-universal/custom-footer-component": "~5.3.4",
-    "@slickgrid-universal/empty-warning-component": "~5.3.4",
-    "@slickgrid-universal/event-pub-sub": "~5.3.4",
-    "@slickgrid-universal/pagination-component": "~5.3.4",
+    "@slickgrid-universal/common": "~5.5.0",
+    "@slickgrid-universal/custom-footer-component": "~5.5.0",
+    "@slickgrid-universal/empty-warning-component": "~5.5.0",
+    "@slickgrid-universal/event-pub-sub": "~5.5.0",
+    "@slickgrid-universal/pagination-component": "~5.5.0",
     "dequal": "^2.0.3",
-    "i18next": "^23.11.5",
+    "i18next": "^23.12.2",
     "sortablejs": "^1.15.2"
   },
   "devDependencies": {
@@ -99,18 +99,18 @@
     "@formkit/tempo": "^0.1.2",
     "@popperjs/core": "^2.11.8",
     "@release-it/conventional-changelog": "^8.0.1",
-    "@slickgrid-universal/composite-editor-component": "~5.3.4",
-    "@slickgrid-universal/custom-tooltip-plugin": "~5.3.4",
-    "@slickgrid-universal/excel-export": "~5.3.4",
-    "@slickgrid-universal/graphql": "~5.3.4",
-    "@slickgrid-universal/odata": "~5.3.4",
-    "@slickgrid-universal/rxjs-observable": "~5.3.4",
-    "@slickgrid-universal/text-export": "~5.3.4",
+    "@slickgrid-universal/composite-editor-component": "~5.5.0",
+    "@slickgrid-universal/custom-tooltip-plugin": "~5.5.0",
+    "@slickgrid-universal/excel-export": "~5.5.0",
+    "@slickgrid-universal/graphql": "~5.5.0",
+    "@slickgrid-universal/odata": "~5.5.0",
+    "@slickgrid-universal/rxjs-observable": "~5.5.0",
+    "@slickgrid-universal/text-export": "~5.5.0",
     "@types/dompurify": "^3.0.5",
     "@types/fnando__sparkline": "^0.3.7",
     "@types/i18next-xhr-backend": "^1.4.2",
     "@types/jest": "^29.5.12",
-    "@types/node": "^20.14.10",
+    "@types/node": "^22.1.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/sortablejs": "^1.15.8",
@@ -124,20 +124,20 @@
     "copyfiles": "^2.4.1",
     "css-loader": "^7.1.2",
     "custom-event-polyfill": "^1.0.7",
-    "cypress": "^13.13.0",
+    "cypress": "^13.13.2",
     "cypress-real-events": "^1.13.0",
     "dompurify": "^3.1.6",
-    "esbuild-loader": "^4.2.0",
-    "eslint": "^9.7.0",
-    "eslint-plugin-cypress": "^3.3.0",
+    "esbuild-loader": "^4.2.2",
+    "eslint": "^9.8.0",
+    "eslint-plugin-cypress": "^3.4.0",
     "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-n": "^17.9.0",
+    "eslint-plugin-n": "^17.10.2",
     "eslint-plugin-prefer-arrow": "^1.2.3",
-    "eslint-plugin-react": "^7.34.4",
+    "eslint-plugin-react": "^7.35.0",
     "eslint-plugin-react-hooks": "^4.6.2",
     "fetch-jsonp": "^1.3.0",
-    "globals": "^15.8.0",
-    "html-loader": "5.0.0",
+    "globals": "^15.9.0",
+    "html-loader": "5.1.0",
     "html-webpack-plugin": "5.6.0",
     "i18next-http-backend": "^2.5.2",
     "isomorphic-fetch": "^3.0.0",
@@ -151,20 +151,20 @@
     "promise-polyfill": "^8.3.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-i18next": "^14.1.2",
-    "react-router-dom": "^6.24.1",
+    "react-i18next": "^15.0.0",
+    "react-router-dom": "^6.26.0",
     "regenerator-runtime": "^0.14.1",
-    "release-it": "^17.5.0",
-    "rimraf": "^5.0.9",
+    "release-it": "^17.6.0",
+    "rimraf": "^5.0.10",
     "rxjs": "^7.8.1",
     "sass": "^1.77.8",
-    "sass-loader": "^14.2.1",
+    "sass-loader": "^16.0.0",
     "serve": "^14.2.3",
     "style-loader": "4.0.0",
-    "ts-jest": "^29.2.2",
+    "ts-jest": "^29.2.4",
     "ts-loader": "^9.5.1",
-    "typescript": "^5.5.3",
-    "typescript-eslint": "^7.16.0",
+    "typescript": "^5.5.4",
+    "typescript-eslint": "^8.0.1",
     "webpack": "^5.93.0",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.0.4"
@@ -174,6 +174,6 @@
     "npm": ">=8.5.0"
   },
   "resolutions": {
-    "caniuse-lite": "1.0.30001638"
+    "caniuse-lite": "1.0.30001649"
   }
 }

package/src/slickgrid-react/components/slickgrid-react.tsx

@@ -5,6 +5,7 @@ import React from 'react';
 import {
   // interfaces/types
   type AutocompleterEditor,
+  type BackendService,
   type BackendServiceApi,
   type BackendServiceOption,
   type Column,
@@ -116,6 +117,7 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
   protected _isLocalGrid = true;
   protected _paginationOptions: Pagination | undefined;
   protected _registeredResources: ExternalResource[] = [];
+  protected _scrollEndCalled = false;
   protected _gridOptions?: GridOption;
 
   protected get gridOptions(): GridOption {
@@ -332,6 +334,10 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
     this.props.containerService.registerInstance('TreeDataService', this.treeDataService);
   }
 
+  get backendService(): BackendService | undefined {
+    return this.gridOptions.backendServiceApi?.service;
+  }
+
   get eventHandler(): SlickEventHandler {
     return this._eventHandler;
   }
@@ -379,6 +385,11 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
     this.initialization(this._eventHandler);
     this._isGridInitialized = true;
 
+    // if we have a backendServiceApi and the enablePagination is undefined, we'll assume that we do want to see it, else get that defined value
+    if (!this.hasBackendInfiniteScroll()) {
+      this.gridOptions.enablePagination = !!((this.gridOptions.backendServiceApi && this.gridOptions.enablePagination === undefined) ? true : this.gridOptions.enablePagination);
+    }
+
     if (!this._isPaginationInitialized && !this.props.datasetHierarchical && this._gridOptions?.enablePagination && this._isLocalGrid) {
       this.showPagination = true;
       this.loadLocalGridPagination(this.dataset);
@@ -425,7 +436,10 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
     this.backendServiceApi = this._gridOptions?.backendServiceApi;
     this._isLocalGrid = !this.backendServiceApi; // considered a local grid if it doesn't have a backend service set
 
-    this.createBackendApiInternalPostProcessCallback(this._gridOptions);
+    // unless specified, we'll create an internal postProcess callback (currently only available for GraphQL)
+    if (this.gridOptions.backendServiceApi && !this.gridOptions.backendServiceApi?.disableInternalPostProcess) {
+      this.createBackendApiInternalPostProcessCallback(this._gridOptions);
+    }
 
     if (!this.props.customDataView) {
       const dataviewInlineFilters = this._gridOptions.dataView && this._gridOptions.dataView.inlineFilters || false;
@@ -576,7 +590,7 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
       dispose: this.dispose.bind(this),
 
       // return all available Services (non-singleton)
-      backendService: this._gridOptions?.backendServiceApi?.service,
+      backendService: this.backendService,
       eventPubSubService: this._eventPubSubService,
       filterService: this.filterService,
       gridEventService: this.gridEventService,
@@ -619,6 +633,9 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
     });
     this.serviceList = [];
 
+    // dispose backend service when defined and a dispose method exists
+    this.backendService?.dispose?.();
+
     // dispose all registered external resources
     this.disposeExternalResources();
 
@@ -712,8 +729,8 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
 
   /**
    * Define our internal Post Process callback, it will execute internally after we get back result from the Process backend call
-   * For now, this is GraphQL Service ONLY feature and it will basically
-   * refresh the Dataset & Pagination without having the user to create his own PostProcess every time
+   * Currently ONLY available with the GraphQL Backend Service.
+   * The behavior is to refresh the Dataset & Pagination without requiring the user to create his own PostProcess every time
    */
   createBackendApiInternalPostProcessCallback(gridOptions: GridOption) {
     const backendApi = gridOptions?.backendServiceApi;
@@ -899,7 +916,7 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
           backendApiService.updateSorters(undefined, sortColumns);
         }
         // Pagination "presets"
-        if (backendApiService.updatePagination && gridOptions.presets.pagination) {
+        if (backendApiService.updatePagination && gridOptions.presets.pagination && !this.hasBackendInfiniteScroll()) {
           const { pageNumber, pageSize } = gridOptions.presets.pagination;
           backendApiService.updatePagination(pageNumber, pageSize);
         }
@@ -943,6 +960,56 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
           }
         });
       }
+
+      // when user enables Infinite Scroll
+      if (backendApi.service.options?.infiniteScroll) {
+        this.addBackendInfiniteScrollCallback();
+      }
+    }
+  }
+
+  protected addBackendInfiniteScrollCallback(): void {
+    if (this.grid && this.gridOptions.backendServiceApi && this.hasBackendInfiniteScroll() && !this.gridOptions.backendServiceApi?.onScrollEnd) {
+      const onScrollEnd = () => {
+        this.backendUtilityService.setInfiniteScrollBottomHit(true);
+
+        // even if we're not showing pagination, we still use pagination service behind the scene
+        // to keep track of the scroll position and fetch next set of data (aka next page)
+        // we also need a flag to know if we reached the of the dataset or not (no more pages)
+        this.paginationService.goToNextPage().then(hasNext => {
+          if (!hasNext) {
+            this.backendUtilityService.setInfiniteScrollBottomHit(false);
+          }
+        });
+      };
+      this.gridOptions.backendServiceApi.onScrollEnd = onScrollEnd;
+
+      // subscribe to SlickGrid onScroll to determine when reaching the end of the scroll bottom position
+      // run onScrollEnd() method when that happens
+      this._eventHandler.subscribe(this.grid.onScroll, (_e, args) => {
+        const viewportElm = args.grid.getViewportNode()!;
+        if (
+          ['mousewheel', 'scroll'].includes(args.triggeredBy || '')
+          && this.paginationService?.totalItems
+          && args.scrollTop > 0
+          && Math.ceil(viewportElm.offsetHeight + args.scrollTop) >= args.scrollHeight
+        ) {
+          if (!this._scrollEndCalled) {
+            onScrollEnd();
+            this._scrollEndCalled = true;
+          }
+        }
+      });
+
+      // use postProcess to identify when scrollEnd process is finished to avoid calling the scrollEnd multiple times
+      // we also need to keep a ref of the user's postProcess and call it after our own postProcess
+      const orgPostProcess = this.gridOptions.backendServiceApi.postProcess;
+      this.gridOptions.backendServiceApi.postProcess = (processResult: any) => {
+        this._scrollEndCalled = false;
+        if (orgPostProcess) {
+          orgPostProcess(processResult);
+        }
+      };
     }
   }
 
@@ -1046,7 +1113,7 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
         }
 
         // display the Pagination component only after calling this refresh data first, we call it here so that if we preset pagination page number it will be shown correctly
-        this.showPagination = (this._gridOptions && (this._gridOptions.enablePagination || (this._gridOptions.backendServiceApi && this._gridOptions.enablePagination === undefined))) ? true : false;
+        this.showPagination = !!(this._gridOptions && (this._gridOptions.enablePagination || (this._gridOptions.backendServiceApi && this._gridOptions.enablePagination === undefined)));
         if (this._paginationOptions && this._gridOptions?.pagination && this._gridOptions?.backendServiceApi) {
           const paginationOptions = this.setPaginationOptionsWhenPresetDefined(this._gridOptions, this._paginationOptions);
 
@@ -1090,10 +1157,14 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
    * Check if there's any Pagination Presets defined in the Grid Options,
    * if there are then load them in the paginationOptions object
    */
-  setPaginationOptionsWhenPresetDefined(gridOptions: GridOption, paginationOptions: Pagination): Pagination {
+  protected setPaginationOptionsWhenPresetDefined(gridOptions: GridOption, paginationOptions: Pagination): Pagination {
     if (gridOptions.presets?.pagination && gridOptions.pagination) {
-      paginationOptions.pageSize = gridOptions.presets.pagination.pageSize;
-      paginationOptions.pageNumber = gridOptions.presets.pagination.pageNumber;
+      if (this.hasBackendInfiniteScroll()) {
+        console.warn('[Aurelia-Slickgrid] `presets.pagination` is not supported with Infinite Scroll, reverting to first page.');
+      } else {
+        paginationOptions.pageSize = gridOptions.presets.pagination.pageSize;
+        paginationOptions.pageNumber = gridOptions.presets.pagination.pageNumber;
+      }
     }
     return paginationOptions;
   }
@@ -1210,9 +1281,7 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
       this.slickPagination.renderPagination(this._elm as HTMLDivElement);
       this._isPaginationInitialized = true;
     } else if (!showPagination) {
-      if (this.slickPagination) {
-        this.slickPagination.dispose();
-      }
+      this.slickPagination?.dispose();
       this._isPaginationInitialized = false;
     }
   }
@@ -1355,6 +1424,10 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
     }
   }
 
+  hasBackendInfiniteScroll(gridOptions?: GridOption): boolean {
+    return !!(gridOptions || this.gridOptions).backendServiceApi?.service.options?.infiniteScroll;
+  }
+
   protected mergeGridOptions(gridOptions: GridOption): GridOption {
     // use extend to deep merge & copy to avoid immutable properties being changed in GlobalGridOptions after a route change
     const options = extend(true, {}, GlobalGridOptions, gridOptions) as GridOption;
@@ -1367,9 +1440,6 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
       options.showHeaderRow = options.enableFiltering;
     }
 
-    // if we have a backendServiceApi and the enablePagination is undefined, we'll assume that we do want to see it, else get that defined value
-    options.enablePagination = ((gridOptions.backendServiceApi && gridOptions.enablePagination === undefined) ? true : gridOptions.enablePagination) || false;
-
     // using copy extend to do a deep clone has an unwanted side on objects and pageSizes but ES6 spread has other worst side effects
     // so we will just overwrite the pageSizes when needed, this is the only one causing issues so far.
     // On a deep extend, Object and Array are extended, but object wrappers on primitive types such as String, Boolean, and Number are not.

package/src/slickgrid-react/global-grid-options.ts

@@ -256,10 +256,14 @@ export const GlobalGridOptions: Partial<GridOption> = {
  * else we'll simply return the column name title
  */
 function pickerHeaderColumnValueExtractor(column: Column, gridOptions?: GridOption) {
+  let colName = column?.columnPickerLabel ?? column?.name ?? '';
+  if (colName instanceof HTMLElement || colName instanceof DocumentFragment) {
+    colName = colName.textContent || '';
+  }
   const headerGroup = column?.columnGroup || '';
   const columnGroupSeparator = gridOptions?.columnGroupSeparator ?? ' - ';
   if (headerGroup) {
-    return headerGroup + columnGroupSeparator + column.name;
+    return headerGroup + columnGroupSeparator + colName;
   }
-  return column?.name ?? '';
+  return colName;
 }