feat: upgrade to Slickgrid-React v10 Beta

single-locale-without-i18n/package.json

@@ -30,47 +30,44 @@
     "lint": "eslint . --no-cache"
   },
   "dependencies": {
-    "@slickgrid-universal/composite-editor-component": "^9.13.0",
-    "@slickgrid-universal/custom-tooltip-plugin": "^9.13.0",
-    "@slickgrid-universal/excel-export": "^9.13.0",
-    "@slickgrid-universal/graphql": "^9.13.0",
-    "@slickgrid-universal/odata": "^9.13.0",
-    "@slickgrid-universal/pdf-export": "^9.13.0",
-    "@slickgrid-universal/rxjs-observable": "^9.13.0",
-    "@slickgrid-universal/text-export": "^9.13.0",
+    "@slickgrid-universal/composite-editor-component": "^10.0.0-beta.0",
+    "@slickgrid-universal/custom-tooltip-plugin": "^10.0.0-beta.0",
+    "@slickgrid-universal/excel-export": "^10.0.0-beta.0",
+    "@slickgrid-universal/rxjs-observable": "^10.0.0-beta.0",
+    "@slickgrid-universal/text-export": "^10.0.0-beta.0",
     "bootstrap": "^5.3.8",
     "dompurify": "^3.3.1",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "slickgrid-react": "^9.13.0"
+    "slickgrid-react": "^10.0.0-beta.0"
   },
   "devDependencies": {
-    "@faker-js/faker": "^10.2.0",
+    "@faker-js/faker": "^10.3.0",
     "@fnando/sparkline": "^0.3.10",
     "@popperjs/core": "^2.11.8",
     "@types/fnando__sparkline": "^0.3.7",
-    "@types/node": "^24.10.9",
-    "@types/react": "^19.2.10",
+    "@types/node": "^24.10.13",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@types/sortablejs": "^1.15.9",
     "@types/text-encoding-utf-8": "^1.0.5",
-    "@vitejs/plugin-react": "^5.1.2",
+    "@vitejs/plugin-react": "^5.1.4",
     "cross-env": "^10.1.0",
     "eslint": "^9.39.2",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-n": "^17.23.2",
     "eslint-plugin-prefer-arrow": "^1.2.3",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "globals": "^17.2.0",
+    "globals": "^17.3.0",
     "react-router-dom": "^7.13.0",
     "rxjs": "^7.8.2",
     "sass": "^1.97.3",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.54.0",
+    "typescript-eslint": "^8.55.0",
     "vite": "^7.3.1",
     "vite-plugin-svgr": "^4.5.0",
-    "vite-tsconfig-paths": "^6.0.5"
+    "vite-tsconfig-paths": "^6.1.1"
   },
   "engines": {
     "node": ">=20.0.0"

single-locale-without-i18n/src/examples/slickgrid/Example2.tsx

@@ -2,7 +2,6 @@ import { ExcelExportService } from '@slickgrid-universal/excel-export';
 import { TextExportService } from '@slickgrid-universal/text-export';
 import React, { useEffect, useRef, useState } from 'react';
 import {
-  DelimiterType,
   Filters,
   Formatters,
   SlickgridReact,
@@ -81,7 +80,7 @@ const Example2: React.FC = () => {
     const gridOptions: GridOption = {
       autoResize: {
         container: '#demo-container',
-        rightPadding: 10
+        rightPadding: 10,
       },
       // use a Single Custom Locales set
       locale: 'fr', // this helps certain elements to know which locale to use, for example the Date Filter/Editor
@@ -92,10 +91,10 @@ const Example2: React.FC = () => {
       checkboxSelector: {
         // you can toggle these 2 properties to show the "select all" checkbox in different location
         hideInFilterHeaderRow: false,
-        hideInColumnTitleRow: true
+        hideInColumnTitleRow: true,
       },
       enableCheckboxSelector: true,
-      enableRowSelection: true,
+      enableSelection: true,
       showCustomFooter: true, // display some metrics in the bottom custom footer
       customFooterOptions: {
         // optionally display some text on the left footer container
@@ -142,7 +141,7 @@ const Example2: React.FC = () => {
       textExportOptions: {
         // set at the grid option level, meaning all column will evaluate the Formatter (when it has a Formatter defined)
         exportWithFormatter: true,
-        sanitizeDataExport: true
+        sanitizeDataExport: true,
       },
       externalResources: [excelExportService, textExportService],
     };
@@ -209,7 +208,7 @@ const Example2: React.FC = () => {
 
   function exportToFile(type = 'csv') {
     textExportService.exportToFile({
-      delimiter: type === 'csv' ? DelimiterType.comma : DelimiterType.tab,
+      delimiter: type === 'csv' ? ',' : '\t',
       filename: 'myExport',
       format: type === 'csv' ? 'csv' : 'txt',
     });
@@ -235,8 +234,6 @@ const Example2: React.FC = () => {
     <div id="demo-container" className="container-fluid">
       <h2>
         Example 2: Localization with Locales - French Locale displayed
-        <span className="float-end font18">
-        </span>
         <button
           className="ms-2 btn btn-outline-secondary btn-sm btn-icon"
           type="button"
@@ -289,6 +286,7 @@ const Example2: React.FC = () => {
           </span>
         </div>
       </div>
+
       <SlickgridReact
         gridId="grid2"
         columns={columnDefinitions}

single-locale-without-i18n/src/examples/slickgrid/Example3.tsx

@@ -54,8 +54,8 @@ const Example3: React.FC = () => {
     gridHeight: 225,
     gridWidth: 800,
     rowHeight: 33,
-    enableHybridSelection: true,
-    rowSelectionOptions: {
+    enableSelection: true,
+    selectionOptions: {
       selectionType: 'row',
     },
   };

single-locale-without-i18n/src/examples/slickgrid/locales/fr.ts

@@ -6,6 +6,7 @@ export const localeFrench = {
   TEXT_CLEAR_ALL_SORTING: 'Supprimer tous les tris',
   TEXT_COLLAPSE_ALL_GROUPS: 'Réduire tous les groupes',
   TEXT_COLUMNS: 'Colonnes',
+  TEXT_COLUMN_RESIZE_BY_CONTENT: 'Redimensionner par contenu',
   TEXT_COMMANDS: 'Commandes',
   TEXT_CONTAINS: 'Contient',
   TEXT_COPY: 'Copier',