slickgrid-react 5.10.0 → 5.10.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slickgrid-react",
-  "version": "5.10.0",
+  "version": "5.10.2",
   "description": "Slickgrid components made available in React",
   "keywords": [
     "react",
@@ -26,7 +26,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/ghiscoding/slickgrid-react.git"
+    "url": "git+https://github.com/ghiscoding/slickgrid-react.git"
   },
   "license": "MIT",
   "author": "Ghislain B.",
@@ -83,79 +83,80 @@
     "/src/slickgrid-react"
   ],
   "dependencies": {
-    "@slickgrid-universal/common": "~5.10.0",
-    "@slickgrid-universal/custom-footer-component": "~5.10.0",
-    "@slickgrid-universal/empty-warning-component": "~5.10.0",
-    "@slickgrid-universal/event-pub-sub": "~5.9.0",
-    "@slickgrid-universal/pagination-component": "~5.10.0",
-    "@slickgrid-universal/row-detail-view-plugin": "~5.10.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",
     "dequal": "^2.0.3",
-    "i18next": "^23.16.4",
-    "sortablejs": "^1.15.3"
+    "i18next": "^23.16.8",
+    "sortablejs": "^1.15.6"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0"
   },
   "devDependencies": {
     "@4tw/cypress-drag-drop": "^2.2.5",
-    "@arethetypeswrong/cli": "^0.16.4",
-    "@faker-js/faker": "^9.1.0",
+    "@faker-js/faker": "^9.2.0",
     "@fnando/sparkline": "^0.3.10",
     "@formkit/tempo": "^0.1.2",
     "@popperjs/core": "^2.11.8",
-    "@release-it/conventional-changelog": "^9.0.2",
-    "@slickgrid-universal/composite-editor-component": "~5.10.0",
-    "@slickgrid-universal/custom-tooltip-plugin": "~5.10.0",
-    "@slickgrid-universal/excel-export": "~5.10.0",
-    "@slickgrid-universal/graphql": "~5.10.0",
-    "@slickgrid-universal/odata": "~5.10.0",
-    "@slickgrid-universal/rxjs-observable": "~5.10.0",
-    "@slickgrid-universal/text-export": "~5.10.0",
-    "@types/dompurify": "^3.0.5",
+    "@release-it/conventional-changelog": "^9.0.3",
+    "@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/rxjs-observable": "~5.10.2",
+    "@slickgrid-universal/text-export": "~5.10.2",
     "@types/fnando__sparkline": "^0.3.7",
     "@types/i18next-xhr-backend": "^1.4.2",
-    "@types/node": "^22.8.6",
+    "@types/node": "^22.10.1",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/sortablejs": "^1.15.8",
     "@types/text-encoding-utf-8": "^1.0.5",
-    "@vitejs/plugin-react": "^4.3.3",
+    "@vitejs/plugin-react": "^4.3.4",
     "bootstrap": "^5.3.3",
-    "concurrently": "^9.0.1",
+    "concurrently": "^9.1.0",
     "copyfiles": "^2.4.1",
     "custom-event-polyfill": "^1.0.7",
-    "cypress": "^13.15.1",
+    "cypress": "^13.16.0",
     "cypress-real-events": "^1.13.0",
-    "dompurify": "^3.1.7",
-    "eslint": "^9.14.0",
+    "dompurify": "^3.2.2",
+    "eslint": "^9.16.0",
     "eslint-plugin-cypress": "^4.1.0",
     "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-n": "^17.12.0",
+    "eslint-plugin-n": "^17.14.0",
     "eslint-plugin-prefer-arrow": "^1.2.3",
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^5.0.0",
     "fetch-jsonp": "^1.3.0",
-    "globals": "^15.11.0",
-    "i18next-http-backend": "^2.6.2",
+    "globals": "^15.12.0",
+    "i18next-http-backend": "^2.7.1",
     "isomorphic-fetch": "^3.0.0",
     "npm-run-all2": "^7.0.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-i18next": "^15.1.0",
-    "react-router-dom": "^6.27.0",
+    "react-i18next": "^15.1.3",
+    "react-router-dom": "^7.0.1",
     "regenerator-runtime": "^0.14.1",
     "release-it": "^17.10.0",
     "rimraf": "^5.0.10",
     "rxjs": "^7.8.1",
-    "sass": "^1.80.6",
+    "sass": "^1.81.0",
     "serve": "^14.2.4",
-    "typescript": "^5.6.3",
-    "typescript-eslint": "^8.12.2",
-    "vite": "^5.4.10",
+    "typescript": "^5.7.2",
+    "typescript-eslint": "^8.16.0",
+    "vite": "^6.0.1",
     "vite-plugin-svgr": "^4.3.0",
-    "vite-tsconfig-paths": "^5.0.1"
+    "vite-tsconfig-paths": "^5.1.3"
   },
   "engines": {
     "node": ">=18.19.0"
   },
   "resolutions": {
-    "caniuse-lite": "1.0.30001676"
+    "caniuse-lite": "1.0.30001679"
   }
 }

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

@@ -12,7 +12,6 @@ import {
   type ExternalResource,
   GridStateType,
   type ItemMetadata,
-  type Locale,
   type Metrics,
   type Pagination,
   type PaginationMetadata,
@@ -58,7 +57,6 @@ import i18next from 'i18next';
 import React from 'react';
 import type { Subscription } from 'rxjs';
 
-import { Constants } from '../constants';
 import { GlobalGridOptions } from '../global-grid-options';
 import type { SlickgridReactInstance, GridOption, } from '../models/index';
 import { disposeAllSubscriptions } from '../services/utilities';
@@ -136,15 +134,10 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
 
   groupItemMetadataProvider?: SlickGroupItemMetadataProvider;
   backendServiceApi: BackendServiceApi | undefined;
-  locales!: Locale;
   metrics?: Metrics;
   showPagination = false;
   serviceList: any[] = [];
   subscriptions: Array<EventSubscription | Subscription> = [];
-  paginationData?: {
-    gridOptions: GridOption;
-    paginationService: PaginationService;
-  };
 
   // components
   slickEmptyWarning: SlickEmptyWarningComponent | undefined;
@@ -217,7 +210,9 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
   set datasetHierarchical(newHierarchicalDataset: any[] | undefined) {
     const isDatasetEqual = dequal(newHierarchicalDataset, this.sharedService?.hierarchicalDataset ?? []);
     const prevFlatDatasetLn = this._currentDatasetLength;
-    this.sharedService.hierarchicalDataset = newHierarchicalDataset;
+    if (this.sharedService) {
+      this.sharedService.hierarchicalDataset = newHierarchicalDataset;
+    }
 
     if (newHierarchicalDataset && this.props.columnDefinitions && this.filterService?.clearFilters) {
       this.filterService.clearFilters();
@@ -358,7 +353,7 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
       // React doesn't play well with Custom Events & also the render is called after the constructor which brings a second problem
       // to fix both issues, we need to do the following:
       // loop through all component props and subscribe to the ones that startsWith "on", we'll assume that it's the custom events
-      // we'll and call their listeners when events are dispatching
+      // we'll then call the assigned listener(s) when events are dispatching
       for (const prop in this.props) {
         if (prop.startsWith('on')) {
           this.subscriptions.push(
@@ -428,7 +423,6 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
     this._currentDatasetLength = this._dataset.length;
     this._gridOptions = this.mergeGridOptions(this._gridOptions);
     this._paginationOptions = this._gridOptions?.pagination;
-    this.locales = this._gridOptions?.locales ?? Constants.locales;
     this.backendServiceApi = this._gridOptions?.backendServiceApi;
     this._isLocalGrid = !this.backendServiceApi; // considered a local grid if it doesn't have a backend service set
 
@@ -718,7 +712,7 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
   columnDefinitionsChanged() {
     this._columnDefinitions = this.props.columnDefinitions;
     if (this._isGridInitialized) {
-      this.updateColumnDefinitionsList(this.props.columnDefinitions);
+      this.updateColumnDefinitionsList(this._columnDefinitions);
     }
     if (this._columnDefinitions.length > 0) {
       this.copyColumnWidthsReference(this._columnDefinitions);
@@ -1217,10 +1211,6 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
   /** Initialize the Pagination Service once */
   protected initializePaginationService(paginationOptions: Pagination) {
     if (this.grid && this.gridOptions) {
-      this.paginationData = {
-        gridOptions: this.gridOptions,
-        paginationService: this.paginationService,
-      };
       this.paginationService.totalItems = this.totalItems;
       this.paginationService.init(this.grid, paginationOptions, this.backendServiceApi);
       this.subscriptions.push(
@@ -1575,7 +1565,7 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
   protected suggestDateParsingWhenHelpful() {
     if (this.dataView?.getItemCount() > WARN_NO_PREPARSE_DATE_SIZE && !this.gridOptions.silenceWarnings && !this.gridOptions.preParseDateColumns && this.grid.getColumns().some(c => isColumnDateType(c.type))) {
       console.warn(
-        '[Slickgrid-Universal] For getting better perf, we suggest you enable the `preParseDateColumns` grid option, ' +
+        '[Slickgrid-React] For getting better perf, we suggest you enable the `preParseDateColumns` grid option, ' +
         'for more info visit => https://ghiscoding.gitbook.io/slickgrid-react/column-functionalities/sorting#pre-parse-date-columns-for-better-perf'
       );
     }

package/src/slickgrid-react/components/slickgridReactProps.ts

@@ -1,15 +1,10 @@
 import type {
   Column,
   ContainerService,
+  DragRowMove,
   ExtensionList,
   GridOption,
-  Pagination,
-  SlickControlList,
-  SlickDataView,
-  SlickPluginList,
-  TranslaterService,
   OnActiveCellChangedEventArgs,
-  DragRowMove,
   OnAddNewRowEventArgs,
   OnAutosizeColumnsEventArgs,
   OnBeforeAppendCellEventArgs,
@@ -50,8 +45,13 @@ import type {
   OnRowsChangedEventArgs,
   OnRowsOrCountChangedEventArgs,
   OnSetItemsCalledEventArgs,
+  Pagination,
   PagingInfo,
+  SlickControlList,
+  SlickDataView,
   SlickGrid,
+  SlickPluginList,
+  TranslaterService,
 } from '@slickgrid-universal/common';
 import type { SlickgridReactInstance } from '../models';
 
@@ -135,7 +135,6 @@ export interface SlickgridReactProps {
   onRowsOrCountChanged?: (e: CustomEvent<{ eventData: any; args: OnRowsOrCountChangedEventArgs; }>) => void;
   onSetItemsCalled?: (e: CustomEvent<{ eventData: any; args: OnSetItemsCalledEventArgs; }>) => void;
 
-
   // Slickgrid-React events
   onAfterExportToExcel?: (e: CustomEvent<any>) => void;
   onBeforePaginationChange?: (e: CustomEvent<any>) => void;

package/src/slickgrid-react/extensions/slickRowDetailView.ts

@@ -246,7 +246,6 @@ export class SlickRowDetailView extends UniversalSlickRowDetailView {
       const detailContainer = document.createElement('section');
       containerElements[containerElements.length - 1]!.appendChild(detailContainer);
 
-      console.log('elm', containerElements[containerElements.length - 1])
       const { root } = await loadReactComponentDynamically(this._preloadComponent, detailContainer as HTMLElement);
       const viewObj = this._views.find(obj => obj.id === item[this.datasetIdPropName]);
       this._root = root;

package/src/slickgrid-react/index.ts

@@ -3,7 +3,6 @@ export * from '@slickgrid-universal/common';
 
 import { SlickgridReact } from './components/slickgrid-react';
 import { SlickRowDetailView } from './extensions/slickRowDetailView';
-import type { SlickgridEventAggregator } from './components/slickgridEventAggregator';
 import type { SlickgridConfig } from './slickgrid-config';
 
 import type {
@@ -20,7 +19,6 @@ export {
 } from './services/index';
 
 export {
-  type SlickgridEventAggregator,
   type SlickgridReactInstance,
   type SlickgridReactComponentOutput,
   type GridOption,

package/src/slickgrid-react/models/gridOption.interface.ts

@@ -1,9 +1,12 @@
-import type { GridOption as UniversalGridOption } from '@slickgrid-universal/common';
+import type { BasePaginationComponent, BasePaginationModel, GridOption as UniversalGridOption } from '@slickgrid-universal/common';
 import type * as i18next from 'i18next';
 
 import type { RowDetailView } from './rowDetailView.interface';
 
 export interface GridOption extends UniversalGridOption {
+  /** External Custom Pagination Component that can be provided by the user */
+  customPaginationComponent?: typeof BasePaginationComponent | (() => BasePaginationModel);
+
   /** I18N translation service instance */
   i18n?: i18next.i18n;
 

package/dist/cjs/components/slickgridEventAggregator.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SlickgridEventAggregator = void 0;
-/**
- * A class that will be used for internal communication of parent-child
- *
- * All methods are abstract for typings purposes only
- */
-class SlickgridEventAggregator {
-}
-exports.SlickgridEventAggregator = SlickgridEventAggregator;
-//# sourceMappingURL=slickgridEventAggregator.js.map

package/dist/cjs/components/slickgridEventAggregator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slickgridEventAggregator.js","sourceRoot":"","sources":["../../../src/slickgrid-react/components/slickgridEventAggregator.ts"],"names":[],"mappings":";;;AAEA;;;;GAIG;AACH,MAAsB,wBAAwB;CAI7C;AAJD,4DAIC"}

package/dist/esm/components/slickgridEventAggregator.js

@@ -1,8 +0,0 @@
-/**
- * A class that will be used for internal communication of parent-child
- *
- * All methods are abstract for typings purposes only
- */
-export class SlickgridEventAggregator {
-}
-//# sourceMappingURL=slickgridEventAggregator.js.map

package/dist/esm/components/slickgridEventAggregator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slickgridEventAggregator.js","sourceRoot":"","sources":["../../../src/slickgrid-react/components/slickgridEventAggregator.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,OAAgB,wBAAwB;CAI7C"}

package/dist/types/components/slickgridEventAggregator.d.ts

@@ -1,11 +0,0 @@
-import type { EventSubscription } from '@slickgrid-universal/common';
-/**
- * A class that will be used for internal communication of parent-child
- *
- * All methods are abstract for typings purposes only
- */
-export declare abstract class SlickgridEventAggregator {
-    abstract publish(event: string, data: any): void;
-    abstract subscribe(event: string, callback: (data: any) => void): EventSubscription;
-}
-//# sourceMappingURL=slickgridEventAggregator.d.ts.map

package/dist/types/components/slickgridEventAggregator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"slickgridEventAggregator.d.ts","sourceRoot":"","sources":["../../../src/slickgrid-react/components/slickgridEventAggregator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAErE;;;;GAIG;AACH,8BAAsB,wBAAwB;IAC5C,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,IAAI;IAEhD,QAAQ,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,GAAG,iBAAiB;CACpF"}

package/src/slickgrid-react/components/slickgridEventAggregator.ts

@@ -1,12 +0,0 @@
-import type { EventSubscription } from '@slickgrid-universal/common';
-
-/**
- * A class that will be used for internal communication of parent-child
- *
- * All methods are abstract for typings purposes only
- */
-export abstract class SlickgridEventAggregator {
-  abstract publish(event: string, data: any): void;
-
-  abstract subscribe(event: string, callback: (data: any) => void): EventSubscription;
-}