slickgrid-react 4.1.0 → 4.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slickgrid-react",
-  "version": "4.1.0",
+  "version": "4.3.0",
   "description": "Slickgrid components made available in React",
   "keywords": [
     "react",
@@ -34,7 +34,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+ssh://git@github.com/ghiscoding/slickgrid-react.git"
+    "url": "https://github.com/ghiscoding/slickgrid-react.git"
   },
   "license": "MIT",
   "author": "Ghislain B.",
@@ -96,18 +96,18 @@
     "/src/slickgrid-react"
   ],
   "dependencies": {
-    "@slickgrid-universal/common": "~4.1.0",
-    "@slickgrid-universal/custom-footer-component": "~4.1.0",
-    "@slickgrid-universal/empty-warning-component": "~4.1.0",
-    "@slickgrid-universal/event-pub-sub": "~4.1.0",
-    "@slickgrid-universal/pagination-component": "~4.1.0",
+    "@slickgrid-universal/common": "~4.3.0",
+    "@slickgrid-universal/custom-footer-component": "~4.3.0",
+    "@slickgrid-universal/empty-warning-component": "~4.3.0",
+    "@slickgrid-universal/event-pub-sub": "~4.3.0",
+    "@slickgrid-universal/pagination-component": "~4.3.0",
     "dequal": "^2.0.3",
-    "dompurify": "^3.0.6",
+    "dompurify": "^3.0.8",
     "font-awesome": "^4.7.0",
-    "i18next": "^23.7.11",
+    "i18next": "^23.7.18",
     "moment-mini": "^2.29.4",
     "regenerator-runtime": "^0.14.1",
-    "sortablejs": "^1.15.1"
+    "sortablejs": "^1.15.2"
   },
   "devDependencies": {
     "@4tw/cypress-drag-drop": "^2.2.5",
@@ -115,46 +115,46 @@
     "@fnando/sparkline": "^0.3.10",
     "@popperjs/core": "^2.11.8",
     "@release-it/conventional-changelog": "^8.0.1",
-    "@slickgrid-universal/composite-editor-component": "~4.1.0",
-    "@slickgrid-universal/custom-tooltip-plugin": "~4.1.0",
-    "@slickgrid-universal/excel-export": "~4.1.0",
-    "@slickgrid-universal/graphql": "~4.1.0",
-    "@slickgrid-universal/odata": "~4.1.0",
-    "@slickgrid-universal/rxjs-observable": "~4.1.0",
-    "@slickgrid-universal/text-export": "~4.1.0",
-    "@testing-library/jest-dom": "^6.1.5",
+    "@slickgrid-universal/composite-editor-component": "~4.3.0",
+    "@slickgrid-universal/custom-tooltip-plugin": "~4.3.0",
+    "@slickgrid-universal/excel-export": "~4.3.0",
+    "@slickgrid-universal/graphql": "~4.3.0",
+    "@slickgrid-universal/odata": "~4.3.0",
+    "@slickgrid-universal/rxjs-observable": "~4.3.0",
+    "@slickgrid-universal/text-export": "~4.3.0",
+    "@testing-library/jest-dom": "^6.2.0",
     "@testing-library/react": "^14.1.2",
-    "@testing-library/user-event": "^14.5.1",
+    "@testing-library/user-event": "^14.5.2",
     "@types/bluebird": "^3.5.42",
     "@types/dompurify": "^3.0.5",
     "@types/flatpickr": "^3.1.2",
     "@types/fnando__sparkline": "^0.3.7",
     "@types/i18next-xhr-backend": "^1.4.2",
     "@types/jest": "^29.5.11",
-    "@types/node": "^20.10.5",
-    "@types/react": "^18.2.45",
+    "@types/node": "^20.11.5",
+    "@types/react": "^18.2.48",
     "@types/react-dom": "^18.2.18",
     "@types/sortablejs": "^1.15.7",
     "@types/text-encoding-utf-8": "^1.0.5",
     "@types/webpack": "^5.28.5",
-    "@typescript-eslint/eslint-plugin": "^6.15.0",
-    "@typescript-eslint/parser": "^6.15.0",
+    "@typescript-eslint/eslint-plugin": "^6.19.0",
+    "@typescript-eslint/parser": "^6.19.0",
     "@webpack-cli/serve": "^2.0.5",
     "bootstrap": "^5.3.2",
     "clean-webpack-plugin": "^4.0.0",
     "concurrently": "^8.2.2",
-    "copy-webpack-plugin": "^11.0.0",
+    "copy-webpack-plugin": "^12.0.2",
     "copyfiles": "^2.4.1",
-    "css-loader": "^6.8.1",
+    "css-loader": "^6.9.1",
     "custom-event-polyfill": "^1.0.7",
-    "cypress": "^13.6.1",
+    "cypress": "^13.6.3",
     "esbuild-loader": "^4.0.2",
     "eslint": "^8.56.0",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-prefer-arrow": "^1.2.3",
     "fetch-jsonp": "^1.3.0",
     "font-awesome": "^4.7.0",
-    "html-loader": "4.2.0",
+    "html-loader": "5.0.0",
     "html-webpack-plugin": "5.6.0",
     "i18next-http-backend": "^2.4.2",
     "isomorphic-fetch": "^3.0.0",
@@ -163,21 +163,21 @@
     "jest-environment-jsdom": "^29.7.0",
     "jest-extended": "^4.0.2",
     "jsdom-global": "^3.0.2",
-    "mini-css-extract-plugin": "^2.7.6",
+    "mini-css-extract-plugin": "^2.7.7",
     "moment-mini": "^2.29.4",
     "npm-run-all2": "^6.1.1",
     "promise-polyfill": "^8.3.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-i18next": "^13.5.0",
-    "react-router-dom": "^6.21.0",
+    "react-i18next": "^14.0.1",
+    "react-router-dom": "^6.21.3",
     "release-it": "^17.0.1",
     "rimraf": "^5.0.5",
     "rxjs": "^7.8.1",
-    "sass": "^1.69.5",
-    "sass-loader": "^13.3.2",
+    "sass": "^1.70.0",
+    "sass-loader": "^14.0.0",
     "serve": "^14.2.1",
-    "style-loader": "3.3.3",
+    "style-loader": "3.3.4",
     "ts-jest": "^29.1.1",
     "ts-loader": "^9.5.1",
     "typescript": "^5.3.3",
@@ -190,6 +190,6 @@
     "npm": ">=8.5.0"
   },
   "resolutions": {
-    "caniuse-lite": "1.0.30001566"
+    "caniuse-lite": "1.0.30001579"
   }
 }

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

@@ -109,6 +109,7 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
   protected _eventHandler!: SlickEventHandler;
   protected _eventPubSubService!: EventPubSubService;
   protected _hideHeaderRowAfterPageLoad = false;
+  protected _isAutosizeColsCalled = false;
   protected _isGridInitialized = false;
   protected _isDatasetInitialized = false;
   protected _isDatasetHierarchicalInitialized = false;
@@ -215,8 +216,9 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
 
     // expand/autofit columns on first page load
     // we can assume that if the prevDataset was empty then we are on first load
-    if (this.grid && this.gridOptions.autoFitColumnsOnFirstLoad && prevDatasetLn === 0) {
+    if (this.grid && this.gridOptions.autoFitColumnsOnFirstLoad && prevDatasetLn === 0 && !this._isAutosizeColsCalled) {
       this.grid.autosizeColumns();
+      this._isAutosizeColsCalled = true;
     }
   }
 
@@ -288,6 +290,7 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
       this.sortService,
       this.treeDataService,
       this.props.translaterService,
+      () => this.gridService
     );
 
     this.gridStateService = this.props.externalServices?.gridStateService ?? new GridStateService(this.extensionService, this.filterService, this._eventPubSubService, this.sharedService, this.sortService, this.treeDataService);
@@ -400,6 +403,7 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
 
     this._gridOptions.translater = this.props.translaterService;
     this._eventHandler = eventHandler;
+    this._isAutosizeColsCalled = false;
 
     // when detecting a frozen grid, we'll automatically enable the mousewheel scroll handler so that we can scroll from both left/right frozen containers
     if (this._gridOptions && ((this._gridOptions.frozenRow !== undefined && this._gridOptions.frozenRow >= 0) || this._gridOptions.frozenColumn !== undefined && this._gridOptions.frozenColumn >= 0) && this._gridOptions.enableMouseWheelScrollHandler === undefined) {
@@ -966,11 +970,6 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
       throw new Error(`[Slickgrid-React] You cannot enable both autosize/fit viewport & resize by content, you must choose which resize technique to use. You can enable these 2 options ("autoFitColumnsOnFirstLoad" and "enableAutoSizeColumns") OR these other 2 options ("autosizeColumnsByCellContentOnFirstLoad" and "enableAutoResizeColumnsByCellContent").`);
     }
 
-    // expand/autofit columns on first page load
-    if (grid && options.autoFitColumnsOnFirstLoad && options.enableAutoSizeColumns && typeof grid.autosizeColumns === 'function') {
-      this.grid.autosizeColumns();
-    }
-
     // auto-resize grid on browser resize
     if (options.gridHeight || options.gridWidth) {
       this.resizerService.resizeGrid(0, { height: options.gridHeight, width: options.gridWidth });
@@ -978,10 +977,10 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
       this.resizerService.resizeGrid();
     }
 
-    if (grid && options?.enableAutoResize) {
-      if (options.autoFitColumnsOnFirstLoad && options.enableAutoSizeColumns && typeof grid.autosizeColumns === 'function') {
-        grid.autosizeColumns();
-      }
+    // expand/autofit columns on first page load
+    if (grid && options?.enableAutoResize && options.autoFitColumnsOnFirstLoad && options.enableAutoSizeColumns && !this._isAutosizeColsCalled) {
+      grid.autosizeColumns();
+      this._isAutosizeColsCalled = true;
     }
   }
 
@@ -1110,6 +1109,14 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
     return showing;
   }
 
+  setData(data: TData[], shouldAutosizeColumns = false) {
+    if (shouldAutosizeColumns) {
+      this._isAutosizeColsCalled = false;
+      this._currentDatasetLength = 0;
+    }
+    this.dataset = data || [];
+  }
+
   /**
    * Check if there's any Pagination Presets defined in the Grid Options,
    * if there are then load them in the paginationOptions object

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

@@ -23,7 +23,6 @@ import {
   SortService,
   TranslaterService,
   TreeDataService,
-  SlickGridEventData,
   OnActiveCellChangedEventArgs,
   DragRowMove,
   OnAddNewRowEventArgs,
@@ -67,6 +66,7 @@ import {
   OnRowsOrCountChangedEventArgs,
   OnSetItemsCalledEventArgs,
   PagingInfo,
+  SlickGrid,
 } from '@slickgrid-universal/common';
 import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
 import { SlickgridReactInstance } from '../models';
@@ -111,14 +111,14 @@ export interface SlickgridReactProps {
 
   // Slick Grid events
   onActiveCellChanged?: (e: CustomEvent<{ eventData: any; args: OnActiveCellChangedEventArgs; }>) => void;
-  onActiveCellPositionChanged?: (e: CustomEvent<{ eventData: any; args: SlickGridEventData; }>) => void;
+  onActiveCellPositionChanged?: (e: CustomEvent<{ eventData: any; args: { grid: SlickGrid; }; }>) => void;
   onAddNewRow?: (e: CustomEvent<{ eventData: any; args: OnAddNewRowEventArgs; }>) => void;
   onAutosizeColumns?: (e: CustomEvent<{ eventData: any; args: OnAutosizeColumnsEventArgs; }>) => void;
   onBeforeAppendCell?: (e: CustomEvent<{ eventData: any; args: OnBeforeAppendCellEventArgs; }>) => void;
   onBeforeSearchChange?: (e: CustomEvent<{ eventData: any; args: OnCellChangeEventArgs; }>) => void;
   onBeforeCellEditorDestroy?: (e: CustomEvent<{ eventData: any; args: OnBeforeCellEditorDestroyEventArgs; }>) => void;
   onBeforeColumnsResize?: (e: CustomEvent<{ eventData: any; args: OnBeforeColumnsResizeEventArgs; }>) => void;
-  onBeforeDestroy?: (e: CustomEvent<{ eventData: any; args: SlickGridEventData; }>) => void;
+  onBeforeDestroy?: (e: CustomEvent<{ eventData: any; args: { grid: SlickGrid; }; }>) => void;
   onBeforeEditCell?: (e: CustomEvent<{ eventData: any; args: OnBeforeEditCellEventArgs; }>) => void;
   onBeforeHeaderCellDestroy?: (e: CustomEvent<{ eventData: any; args: OnBeforeHeaderCellDestroyEventArgs; }>) => void;
   onBeforeHeaderRowCellDestroy?: (e: CustomEvent<{ eventData: any; args: OnBeforeHeaderRowCellDestroyEventArgs; }>) => void;
@@ -133,7 +133,7 @@ export interface SlickgridReactProps {
   onColumnsResized?: (e: CustomEvent<{ eventData: any; args: OnColumnsResizedEventArgs; }>) => void;
   onColumnsResizeDblClick?: (e: CustomEvent<{ eventData: any; args: OnColumnsResizeDblClickEventArgs; }>) => void;
   onCompositeEditorChange?: (e: CustomEvent<{ eventData: any; args: OnCompositeEditorChangeEventArgs; }>) => void;
-  onContextMenu?: (e: CustomEvent<{ eventData: any; args: SlickGridEventData; }>) => void;
+  onContextMenu?: (e: CustomEvent<{ eventData: any; args: { grid: SlickGrid; }; }>) => void;
   onDrag?: (e: CustomEvent<{ eventData: any; args: DragRowMove; }>) => void;
   onDragEnd?: (e: CustomEvent<{ eventData: any; args: DragRowMove; }>) => void;
   onDragInit?: (e: CustomEvent<{ eventData: any; args: DragRowMove; }>) => void;
@@ -151,10 +151,10 @@ export interface SlickgridReactProps {
   onHeaderRowMouseEnter?: (e: CustomEvent<{ eventData: any; args: OnHeaderMouseEventArgs; }>) => void;
   onHeaderRowMouseLeave?: (e: CustomEvent<{ eventData: any; args: OnHeaderMouseEventArgs; }>) => void;
   onKeyDown?: (e: CustomEvent<{ eventData: any; args: OnKeyDownEventArgs; }>) => void;
-  onMouseEnter?: (e: CustomEvent<{ eventData: any; args: SlickGridEventData; }>) => void;
-  onMouseLeave?: (e: CustomEvent<{ eventData: any; args: SlickGridEventData; }>) => void;
+  onMouseEnter?: (e: CustomEvent<{ eventData: any; args: { grid: SlickGrid; }; }>) => void;
+  onMouseLeave?: (e: CustomEvent<{ eventData: any; args: { grid: SlickGrid; }; }>) => void;
   onValidationError?: (e: CustomEvent<{ eventData: any; args: OnValidationErrorEventArgs; }>) => void;
-  onViewportChanged?: (e: CustomEvent<{ eventData: any; args: SlickGridEventData; }>) => void;
+  onViewportChanged?: (e: CustomEvent<{ eventData: any; args: { grid: SlickGrid; }; }>) => void;
   onRendered?: (e: CustomEvent<{ eventData: any; args: OnRenderedEventArgs; }>) => void;
   onSelectedRowsChanged?: (e: CustomEvent<{ eventData: any; args: OnSelectedRowsChangedEventArgs; }>) => void;
   onSetOptions?: (e: CustomEvent<{ eventData: any; args: OnSetOptionsEventArgs; }>) => void;

package/src/slickgrid-react/index.ts

@@ -9,7 +9,6 @@ import {
   SlickgridReactInstance,
   SlickgridReactComponentOutput,
   GridOption,
-  SlickGrid,
 } from './models/index';
 
 // expose all public classes
@@ -24,7 +23,6 @@ export {
   SlickgridReactInstance,
   SlickgridReactComponentOutput,
   GridOption,
-  SlickGrid,
   SlickgridReact,
   SlickgridConfig
 };

package/src/slickgrid-react/models/index.ts

@@ -1,4 +1,3 @@
 export * from './slickgridReactInstance.interface';
 export * from './reactComponentOutput.interface';
 export * from './gridOption.interface';
-export * from './slickGrid.interface';

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

@@ -9,13 +9,12 @@ import {
   PaginationService,
   ResizerService,
   SlickDataView,
+  SlickGrid,
   SortService,
   TreeDataService
 } from '@slickgrid-universal/common';
 import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
 
-import { SlickGrid } from '../models/index';
-
 export interface SlickgridReactInstance {
   element: HTMLDivElement;
 

package/dist/cjs/models/slickGrid.interface.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=slickGrid.interface.js.map

package/dist/cjs/models/slickGrid.interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slickGrid.interface.js","sourceRoot":"","sources":["../../../src/slickgrid-react/models/slickGrid.interface.ts"],"names":[],"mappings":""}

package/dist/esm/models/slickGrid.interface.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=slickGrid.interface.js.map

package/dist/esm/models/slickGrid.interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slickGrid.interface.js","sourceRoot":"","sources":["../../../src/slickgrid-react/models/slickGrid.interface.ts"],"names":[],"mappings":""}

package/dist/types/models/slickGrid.interface.d.ts

@@ -1,7 +0,0 @@
-import { SlickGrid as UniversalSlickGrid } from '@slickgrid-universal/common';
-import { GridOption } from './gridOption.interface';
-export interface SlickGrid extends UniversalSlickGrid {
-    /** Returns an object containing all of the Grid options set on the grid. See a list of Grid Options here.  */
-    getOptions(): GridOption;
-}
-//# sourceMappingURL=slickGrid.interface.d.ts.map

package/dist/types/models/slickGrid.interface.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"slickGrid.interface.d.ts","sourceRoot":"","sources":["../../../src/slickgrid-react/models/slickGrid.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD,8GAA8G;IAC9G,UAAU,IAAI,UAAU,CAAC;CAC1B"}

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

@@ -1,7 +0,0 @@
-import { SlickGrid as UniversalSlickGrid } from '@slickgrid-universal/common';
-import { GridOption } from './gridOption.interface';
-
-export interface SlickGrid extends UniversalSlickGrid {
-  /** Returns an object containing all of the Grid options set on the grid. See a list of Grid Options here.  */
-  getOptions(): GridOption;
-}