slickgrid-react 2.6.3 → 3.0.0

package/dist/esm/models/slickgridReactInstance.interface.d.ts

@@ -1,36 +1,36 @@
-import { BackendService, ExtensionService, FilterService, GridEventService, GridService, GridStateService, GroupingAndColspanService, PaginationService, ResizerService, SlickDataView, SortService, TreeDataService } from '@slickgrid-universal/common';
-import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
-import { SlickGrid } from '../models/index';
-export interface SlickgridReactInstance {
-    element: HTMLDivElement;
-    /** Slick DataView object */
-    dataView: SlickDataView;
-    /** Slick Grid object */
-    slickGrid: SlickGrid;
-    /** Dispose of the grid and optionally empty the DOM element grid container as well */
-    dispose: (emptyDomElementContainer?: boolean) => void;
-    /** Backend Service, when available */
-    backendService?: BackendService;
-    /** EventPubSub Service instance that is used internal by the lib and could be used externally to subscribe to Slickgrid-React events */
-    eventPubSubService?: EventPubSubService;
-    /** Extension (Plugins & Controls) Service */
-    extensionService: ExtensionService;
-    /** Filter Service */
-    filterService: FilterService;
-    /** Grid Service (grid extra functionalities) */
-    gridService: GridService;
-    /** Grid Events Service */
-    gridEventService: GridEventService;
-    /** Grid State Service */
-    gridStateService: GridStateService;
-    /** Grouping (and colspan) Service */
-    groupingService: GroupingAndColspanService;
-    /** Pagination Service (allows you to programmatically go to first/last page, etc...) */
-    paginationService?: PaginationService;
-    /** Resizer Service (including auto-resize) */
-    resizerService: ResizerService;
-    /** Sort Service */
-    sortService: SortService;
-    /** Tree Data View Service */
-    treeDataService: TreeDataService;
-}
+import { BackendService, ExtensionService, FilterService, GridEventService, GridService, GridStateService, GroupingAndColspanService, PaginationService, ResizerService, SlickDataView, SortService, TreeDataService } from '@slickgrid-universal/common';
+import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
+import { SlickGrid } from '../models/index';
+export interface SlickgridReactInstance {
+    element: HTMLDivElement;
+    /** Slick DataView object */
+    dataView: SlickDataView;
+    /** Slick Grid object */
+    slickGrid: SlickGrid;
+    /** Dispose of the grid and optionally empty the DOM element grid container as well */
+    dispose: (emptyDomElementContainer?: boolean) => void;
+    /** Backend Service, when available */
+    backendService?: BackendService;
+    /** EventPubSub Service instance that is used internal by the lib and could be used externally to subscribe to Slickgrid-React events */
+    eventPubSubService?: EventPubSubService;
+    /** Extension (Plugins & Controls) Service */
+    extensionService: ExtensionService;
+    /** Filter Service */
+    filterService: FilterService;
+    /** Grid Service (grid extra functionalities) */
+    gridService: GridService;
+    /** Grid Events Service */
+    gridEventService: GridEventService;
+    /** Grid State Service */
+    gridStateService: GridStateService;
+    /** Grouping (and colspan) Service */
+    groupingService: GroupingAndColspanService;
+    /** Pagination Service (allows you to programmatically go to first/last page, etc...) */
+    paginationService?: PaginationService;
+    /** Resizer Service (including auto-resize) */
+    resizerService: ResizerService;
+    /** Sort Service */
+    sortService: SortService;
+    /** Tree Data View Service */
+    treeDataService: TreeDataService;
+}

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

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

package/dist/esm/services/container.service.d.ts

@@ -1,6 +1,6 @@
-import { ContainerService as UniversalContainerService } from '@slickgrid-universal/common';
-export declare class ContainerService implements UniversalContainerService {
-    private readonly container;
-    get<T = any>(key: string): T | null;
-    registerInstance(key: string, instance: any): void;
-}
+import { ContainerService as UniversalContainerService } from '@slickgrid-universal/common';
+export declare class ContainerService implements UniversalContainerService {
+    private readonly container;
+    get<T = any>(key: string): T | null;
+    registerInstance(key: string, instance: any): void;
+}

package/dist/esm/services/container.service.js

@@ -1,12 +1,12 @@
-export class ContainerService {
-    constructor() {
-        this.container = {};
-    }
-    get(key) {
-        return this.container[key];
-    }
-    registerInstance(key, instance) {
-        this.container[key] = instance;
-    }
-}
+export class ContainerService {
+    constructor() {
+        this.container = {};
+    }
+    get(key) {
+        return this.container[key];
+    }
+    registerInstance(key, instance) {
+        this.container[key] = instance;
+    }
+}
 //# sourceMappingURL=container.service.js.map

package/dist/esm/services/index.d.ts

@@ -1,4 +1,4 @@
-export * from './reactUtil.service';
-export * from './container.service';
-export * from './translater.service';
-export * from './utilities';
+export * from './reactUtil.service';
+export * from './container.service';
+export * from './translater.service';
+export * from './utilities';

package/dist/esm/services/index.js

@@ -1,5 +1,5 @@
-export * from './reactUtil.service';
-export * from './container.service';
-export * from './translater.service';
-export * from './utilities';
+export * from './reactUtil.service';
+export * from './container.service';
+export * from './translater.service';
+export * from './utilities';
 //# sourceMappingURL=index.js.map

package/dist/esm/services/reactUtil.service.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { SlickgridReactComponentOutput } from '../models/reactComponentOutput.interface';
-export declare class ReactUtilService {
-    createReactComponentAppendToDom(component: any, targetElement?: HTMLElement | Element, clearTargetContent?: boolean, props?: any, children?: ReactNode[]): SlickgridReactComponentOutput;
-}
+import { ReactNode } from 'react';
+import { SlickgridReactComponentOutput } from '../models/reactComponentOutput.interface';
+export declare class ReactUtilService {
+    createReactComponentAppendToDom(component: any, targetElement?: HTMLElement | Element, clearTargetContent?: boolean, props?: any, children?: ReactNode[]): SlickgridReactComponentOutput;
+}

package/dist/esm/services/reactUtil.service.js

@@ -1,21 +1,21 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-export class ReactUtilService {
-    createReactComponentAppendToDom(component, targetElement, clearTargetContent = false, props = undefined, children = []) {
-        const componentElement = React.createElement(component, props, children);
-        let componentInstance;
-        // Append DOM element to the HTML element specified
-        if (targetElement) {
-            if (clearTargetContent && targetElement.innerHTML) {
-                targetElement.innerHTML = '';
-            }
-            componentInstance = ReactDOM.render(componentElement, targetElement);
-        }
-        else {
-            componentInstance = ReactDOM.render(componentElement, document.body);
-        }
-        const domElement = ReactDOM.findDOMNode(componentInstance);
-        return { componentInstance, componentElement, domElement };
-    }
-}
+import React from 'react';
+import ReactDOM from 'react-dom';
+export class ReactUtilService {
+    createReactComponentAppendToDom(component, targetElement, clearTargetContent = false, props = undefined, children = []) {
+        const componentElement = React.createElement(component, props, children);
+        let componentInstance;
+        // Append DOM element to the HTML element specified
+        if (targetElement) {
+            if (clearTargetContent && targetElement.innerHTML) {
+                targetElement.innerHTML = '';
+            }
+            componentInstance = ReactDOM.render(componentElement, targetElement);
+        }
+        else {
+            componentInstance = ReactDOM.render(componentElement, document.body);
+        }
+        const domElement = ReactDOM.findDOMNode(componentInstance);
+        return { componentInstance, componentElement, domElement };
+    }
+}
 //# sourceMappingURL=reactUtil.service.js.map

package/dist/esm/services/singletons.d.ts

@@ -1,6 +1,6 @@
-import { SharedService } from '@slickgrid-universal/common';
-import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
-import { ContainerService } from './container.service';
-export declare const GlobalEventPubSubService: EventPubSubService;
-export declare const GlobalEventSharedService: SharedService;
-export declare const GlobalContainerService: ContainerService;
+import { SharedService } from '@slickgrid-universal/common';
+import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
+import { ContainerService } from './container.service';
+export declare const GlobalEventPubSubService: EventPubSubService;
+export declare const GlobalEventSharedService: SharedService;
+export declare const GlobalContainerService: ContainerService;

package/dist/esm/services/singletons.js

@@ -1,7 +1,7 @@
-import { SharedService } from '@slickgrid-universal/common';
-import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
-import { ContainerService } from './container.service';
-export const GlobalEventPubSubService = new EventPubSubService();
-export const GlobalEventSharedService = new SharedService();
-export const GlobalContainerService = new ContainerService();
+import { SharedService } from '@slickgrid-universal/common';
+import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
+import { ContainerService } from './container.service';
+export const GlobalEventPubSubService = new EventPubSubService();
+export const GlobalEventSharedService = new SharedService();
+export const GlobalContainerService = new ContainerService();
 //# sourceMappingURL=singletons.js.map

package/dist/esm/services/translater.service.d.ts

@@ -1,25 +1,25 @@
-import { TranslaterService as UniversalTranslateService } from '@slickgrid-universal/common';
-/**
- * This is a Translate Service Wrapper for Slickgrid-Universal monorepo lib to work properly,
- * it must implement Slickgrid-Universal TranslaterService interface to work properly
- */
-export declare class TranslaterService implements UniversalTranslateService {
-    private readonly i18n;
-    /**
-     * Method to return the current language used by the App
-     * @return {string} current language
-     */
-    getCurrentLanguage(): string;
-    /**
-     * Method to set the language to use in the App and Translate Service
-     * @param {string} language
-     * @return {Promise} output
-     */
-    use(newLang: string): Promise<any>;
-    /**
-     * Method which receives a translation key and returns the translated value assigned to that key
-     * @param {string} translation key
-     * @return {string} translated value
-     */
-    translate(translationKey: string): string;
-}
+import { TranslaterService as UniversalTranslateService } from '@slickgrid-universal/common';
+/**
+ * This is a Translate Service Wrapper for Slickgrid-Universal monorepo lib to work properly,
+ * it must implement Slickgrid-Universal TranslaterService interface to work properly
+ */
+export declare class TranslaterService implements UniversalTranslateService {
+    private readonly i18n;
+    /**
+     * Method to return the current language used by the App
+     * @return {string} current language
+     */
+    getCurrentLanguage(): string;
+    /**
+     * Method to set the language to use in the App and Translate Service
+     * @param {string} language
+     * @return {Promise} output
+     */
+    use(newLang: string): Promise<any>;
+    /**
+     * Method which receives a translation key and returns the translated value assigned to that key
+     * @param {string} translation key
+     * @return {string} translated value
+     */
+    translate(translationKey: string): string;
+}

package/dist/esm/services/translater.service.js

@@ -1,34 +1,34 @@
-import i18next from 'i18next';
-/**
- * This is a Translate Service Wrapper for Slickgrid-Universal monorepo lib to work properly,
- * it must implement Slickgrid-Universal TranslaterService interface to work properly
- */
-export class TranslaterService {
-    constructor() {
-        this.i18n = i18next;
-    }
-    /**
-     * Method to return the current language used by the App
-     * @return {string} current language
-     */
-    getCurrentLanguage() {
-        return this.i18n.language;
-    }
-    /**
-     * Method to set the language to use in the App and Translate Service
-     * @param {string} language
-     * @return {Promise} output
-     */
-    async use(newLang) {
-        return this.i18n.changeLanguage(newLang);
-    }
-    /**
-     * Method which receives a translation key and returns the translated value assigned to that key
-     * @param {string} translation key
-     * @return {string} translated value
-     */
-    translate(translationKey) {
-        return this.i18n.t(translationKey);
-    }
-}
+import i18next from 'i18next';
+/**
+ * This is a Translate Service Wrapper for Slickgrid-Universal monorepo lib to work properly,
+ * it must implement Slickgrid-Universal TranslaterService interface to work properly
+ */
+export class TranslaterService {
+    constructor() {
+        this.i18n = i18next;
+    }
+    /**
+     * Method to return the current language used by the App
+     * @return {string} current language
+     */
+    getCurrentLanguage() {
+        return this.i18n.language;
+    }
+    /**
+     * Method to set the language to use in the App and Translate Service
+     * @param {string} language
+     * @return {Promise} output
+     */
+    async use(newLang) {
+        return this.i18n.changeLanguage(newLang);
+    }
+    /**
+     * Method which receives a translation key and returns the translated value assigned to that key
+     * @param {string} translation key
+     * @return {string} translated value
+     */
+    translate(translationKey) {
+        return this.i18n.t(translationKey);
+    }
+}
 //# sourceMappingURL=translater.service.js.map

package/dist/esm/services/utilities.d.ts

@@ -1,7 +1,7 @@
-import { EventSubscription } from '@slickgrid-universal/common';
-/**
- * Loop through and dispose of all subscriptions when they are disposable
- * @param subscriptions
- * @return empty array
- */
-export declare function disposeAllSubscriptions(subscriptions: Array<EventSubscription>): Array<EventSubscription>;
+import { EventSubscription } from '@slickgrid-universal/common';
+/**
+ * Loop through and dispose of all subscriptions when they are disposable
+ * @param subscriptions
+ * @return empty array
+ */
+export declare function disposeAllSubscriptions(subscriptions: Array<EventSubscription>): Array<EventSubscription>;

package/dist/esm/services/utilities.js

@@ -1,17 +1,17 @@
-/**
- * Loop through and dispose of all subscriptions when they are disposable
- * @param subscriptions
- * @return empty array
- */
-export function disposeAllSubscriptions(subscriptions) {
-    if (Array.isArray(subscriptions)) {
-        while (subscriptions.length > 0) {
-            const subscription = subscriptions.pop();
-            if (subscription === null || subscription === void 0 ? void 0 : subscription.unsubscribe) {
-                subscription.unsubscribe();
-            }
-        }
-    }
-    return subscriptions;
-}
+/**
+ * Loop through and dispose of all subscriptions when they are disposable
+ * @param subscriptions
+ * @return empty array
+ */
+export function disposeAllSubscriptions(subscriptions) {
+    if (Array.isArray(subscriptions)) {
+        while (subscriptions.length > 0) {
+            const subscription = subscriptions.pop();
+            if (subscription === null || subscription === void 0 ? void 0 : subscription.unsubscribe) {
+                subscription.unsubscribe();
+            }
+        }
+    }
+    return subscriptions;
+}
 //# sourceMappingURL=utilities.js.map

package/dist/esm/slickgrid-config.d.ts

@@ -1,5 +1,5 @@
-import { GridOption } from './models/gridOption.interface';
-export declare class SlickgridConfig {
-    options: Partial<GridOption>;
-    constructor();
-}
+import { GridOption } from './models/gridOption.interface';
+export declare class SlickgridConfig {
+    options: Partial<GridOption>;
+    constructor();
+}

package/dist/esm/slickgrid-config.js

@@ -1,7 +1,7 @@
-import { GlobalGridOptions } from './global-grid-options';
-export class SlickgridConfig {
-    constructor() {
-        this.options = GlobalGridOptions;
-    }
-}
+import { GlobalGridOptions } from './global-grid-options';
+export class SlickgridConfig {
+    constructor() {
+        this.options = GlobalGridOptions;
+    }
+}
 //# sourceMappingURL=slickgrid-config.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slickgrid-react",
-  "version": "2.6.3",
+  "version": "3.0.0",
   "description": "Slickgrid components made available in React",
   "keywords": [
     "react",
@@ -76,73 +76,72 @@
     ]
   },
   "dependencies": {
-    "@slickgrid-universal/common": "~2.6.3",
-    "@slickgrid-universal/custom-footer-component": "~2.6.3",
-    "@slickgrid-universal/empty-warning-component": "~2.6.3",
-    "@slickgrid-universal/event-pub-sub": "~2.6.2",
-    "@slickgrid-universal/pagination-component": "~2.6.3",
+    "@slickgrid-universal/common": "3.0.0",
+    "@slickgrid-universal/custom-footer-component": "3.0.0",
+    "@slickgrid-universal/empty-warning-component": "3.0.0",
+    "@slickgrid-universal/event-pub-sub": "3.0.0",
+    "@slickgrid-universal/pagination-component": "3.0.0",
     "dequal": "^2.0.3",
-    "dompurify": "^3.0.1",
+    "dompurify": "^3.0.3",
     "font-awesome": "^4.7.0",
-    "i18next": ">=22.0.0",
-    "jquery": "^3.6.4",
+    "i18next": ">=22.5.0",
     "moment-mini": "^2.29.4",
     "regenerator-runtime": "^0.13.11",
     "sortablejs": "^1.15.0"
   },
   "devDependencies": {
     "@4tw/cypress-drag-drop": "^2.2.3",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.21.0",
-    "@faker-js/faker": "^7.6.0",
+    "@babel/preset-env": "^7.22.4",
+    "@babel/preset-react": "^7.22.3",
+    "@babel/preset-typescript": "^7.21.5",
+    "@faker-js/faker": "^8.0.2",
     "@fnando/sparkline": "^0.3.10",
-    "@popperjs/core": "^2.11.6",
+    "@popperjs/core": "^2.11.8",
     "@release-it/conventional-changelog": "^5.1.1",
-    "@slickgrid-universal/composite-editor-component": "~2.6.3",
-    "@slickgrid-universal/custom-tooltip-plugin": "~2.6.3",
-    "@slickgrid-universal/excel-export": "~2.6.3",
-    "@slickgrid-universal/graphql": "~2.6.3",
-    "@slickgrid-universal/odata": "~2.6.3",
-    "@slickgrid-universal/rxjs-observable": "~2.6.3",
-    "@slickgrid-universal/text-export": "~2.6.3",
+    "@slickgrid-universal/composite-editor-component": "3.0.0",
+    "@slickgrid-universal/custom-tooltip-plugin": "3.0.0",
+    "@slickgrid-universal/excel-export": "3.0.0",
+    "@slickgrid-universal/graphql": "3.0.0",
+    "@slickgrid-universal/odata": "3.0.0",
+    "@slickgrid-universal/rxjs-observable": "3.0.0",
+    "@slickgrid-universal/text-export": "3.0.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
     "@types/bluebird": "^3.5.38",
-    "@types/dompurify": "^3.0.0",
+    "@types/dompurify": "^3.0.2",
     "@types/flatpickr": "^3.1.2",
     "@types/fnando__sparkline": "^0.3.4",
     "@types/i18next-xhr-backend": "^1.4.2",
-    "@types/jest": "^29.5.0",
-    "@types/jquery": "^3.5.16",
-    "@types/node": "^18.15.5",
-    "@types/react": "^18.0.28",
-    "@types/react-dom": "^18.0.11",
+    "@types/jest": "^29.5.1",
+    "@types/node": "^18.16.16",
+    "@types/react": "^18.2.7",
+    "@types/react-dom": "^18.2.4",
     "@types/sortablejs": "^1.15.1",
     "@types/text-encoding-utf-8": "^1.0.2",
-    "@types/webpack": "^5.28.0",
-    "@typescript-eslint/eslint-plugin": "^5.56.0",
-    "@typescript-eslint/parser": "^5.56.0",
-    "@webpack-cli/serve": "^2.0.1",
+    "@types/webpack": "^5.28.1",
+    "@typescript-eslint/eslint-plugin": "^5.59.8",
+    "@typescript-eslint/parser": "^5.59.8",
+    "@webpack-cli/serve": "^2.0.4",
     "babel-loader": "^9.1.2",
     "bootstrap": "^5.2.3",
     "clean-webpack-plugin": "^4.0.0",
-    "concurrently": "^7.6.0",
+    "concurrently": "^8.0.1",
     "copy-webpack-plugin": "^11.0.0",
     "copyfiles": "^2.4.1",
     "cross-env": "^7.0.3",
-    "css-loader": "^6.7.3",
+    "css-loader": "^6.8.1",
     "custom-event-polyfill": "^1.0.7",
-    "cypress": "^12.8.1",
-    "eslint": "^8.36.0",
+    "cypress": "^12.13.0",
+    "eslint": "^8.41.0",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-prefer-arrow": "^1.2.3",
+    "fetch-jsonp": "^1.2.3",
     "file-loader": "6.2.0",
     "font-awesome": "^4.7.0",
     "html-loader": "4.2.0",
-    "html-webpack-plugin": "5.5.0",
-    "i18next-http-backend": "^2.2.0",
+    "html-webpack-plugin": "5.5.1",
+    "i18next-http-backend": "^2.2.1",
     "isomorphic-fetch": "^3.0.0",
     "istanbul-instrumenter-loader": "^3.0.1",
     "jest": "^29.5.0",
@@ -150,37 +149,37 @@
     "jest-environment-jsdom": "^29.5.0",
     "jest-extended": "^3.2.4",
     "jsdom-global": "^3.0.2",
-    "mini-css-extract-plugin": "^2.7.5",
-    "minimatch": "^7.4.3",
+    "mini-css-extract-plugin": "^2.7.6",
+    "minimatch": "^9.0.1",
     "moment-mini": "^2.29.4",
     "npm-check": "^6.0.1",
     "npm-run-all": "^4.1.5",
     "promise-polyfill": "^8.3.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-i18next": ">=12.2.0",
+    "react-i18next": "^12.3.1",
     "react-scripts": "^5.0.1",
-    "react-router-dom": "^6.9.0",
-    "release-it": "^15.9.1",
+    "react-router-dom": "^6.11.2",
+    "release-it": "^15.10.3",
     "require-dir": "^1.2.0",
-    "rimraf": "^4.4.1",
-    "rxjs": "^7.8.0",
-    "sass": "^1.59.3",
-    "sass-loader": "^13.2.1",
+    "rimraf": "^5.0.1",
+    "rxjs": "^7.8.1",
+    "sass": "^1.62.1",
+    "sass-loader": "^13.3.1",
     "serve": "^14.2.0",
-    "style-loader": "3.3.2",
-    "ts-jest": "^29.0.5",
-    "ts-loader": "^9.4.2",
-    "typescript": "^4.9.5",
-    "webpack": "^5.76.3",
-    "webpack-cli": "^5.0.1",
-    "webpack-dev-server": "^4.13.1"
+    "style-loader": "3.3.3",
+    "ts-jest": "^29.1.0",
+    "ts-loader": "^9.4.3",
+    "typescript": "^5.0.4",
+    "webpack": "^5.84.1",
+    "webpack-cli": "^5.1.1",
+    "webpack-dev-server": "^4.15.0"
   },
   "engines": {
-    "node": ">=v14.17.0",
-    "npm": ">=6.14.13"
+    "node": ">=16.15.0",
+    "npm": ">=8.5.0"
   },
   "resolutions": {
-    "caniuse-lite": "1.0.30001469"
+    "caniuse-lite": "1.0.30001489"
   }
 }

package/tsconfig.json

@@ -4,6 +4,7 @@
     "target": "es2018",
     "module": "esnext",
     "sourceMap": true,
+    "allowSyntheticDefaultImports": true,
     "downlevelIteration": true,
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
@@ -13,7 +14,6 @@
     "baseUrl": "src",
     "skipLibCheck": true,
     "strict": true,
-    "suppressImplicitAnyIndexErrors": true,
     "jsx": "react",
     "lib": [
       "es2018",