slickgrid-react 5.14.1 → 9.0.2

package/src/{slickgrid-react/models → models}/rowDetailView.interface.ts

@@ -5,7 +5,7 @@ export interface RowDetailView extends UniversalRowDetailView {
    * Optionally pass your Parent Component reference to your Child Component (row detail component).
    * note:: If anyone finds a better way of passing the parent to the row detail extension, please reach out and/or create a PR
    */
-  parent?: any;
+  parentRef?: any;
 
   /** View Model of the preload template which shows after opening row detail & before row detail data shows up */
   preloadComponent?: any;

package/src/{slickgrid-react/models → models}/slickgridReactInstance.interface.ts

@@ -11,7 +11,7 @@ import type {
   SlickDataView,
   SlickGrid,
   SortService,
-  TreeDataService
+  TreeDataService,
 } from '@slickgrid-universal/common';
 import type { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
 
@@ -53,9 +53,6 @@ export interface SlickgridReactInstance {
   /** Grid State Service */
   gridStateService: GridStateService;
 
-  /** @deprecated @use `headerGroupingService` */
-  groupingService: HeaderGroupingService;
-
   /** Grouping (and colspan) Service */
   headerGroupingService: HeaderGroupingService;
 

package/src/{slickgrid-react/models → models}/viewModelBindableData.interface.ts

@@ -6,5 +6,5 @@ export interface ViewModelBindableData {
   addon: any;
   grid: SlickGrid;
   dataView: SlickDataView;
-  parent?: any;
+  parentRef?: any;
 }

package/src/{slickgrid-react/models → models}/viewModelBindableInputData.interface.ts

@@ -5,5 +5,5 @@ export interface ViewModelBindableInputData {
   addon: any;
   grid: SlickGrid;
   dataView: SlickDataView;
-  parent?: any;
+  parentRef?: any;
 }

package/src/services/index.ts

@@ -0,0 +1,3 @@
+export * from './container.service.js';
+export * from './translaterI18Next.service.js';
+export * from './utilities.js';

package/src/{slickgrid-react/services → services}/reactUtils.ts

@@ -1,10 +1,14 @@
-import React from 'react';
-import { createRef } from 'react';
+import React, { createRef } from 'react';
 import { createRoot, type Root } from 'react-dom/client';
 
 // these 2 functions are the same except that 1 is synch and the promise is delayed by a CPU cycle before resolving
 
-export function createReactComponentDynamically<T = any>(customComponent: any, targetElm: HTMLElement, props?: any, root?: Root | null): { component: T, root: Root } {
+export function createReactComponentDynamically<T = any>(
+  customComponent: any,
+  targetElm: HTMLElement,
+  props?: any,
+  root?: Root | null
+): { component: T; root: Root } {
   const compRef = createRef();
   root ??= createRoot(targetElm);
   root.render(React.createElement(customComponent, { ...props, ref: compRef }));
@@ -12,8 +16,13 @@ export function createReactComponentDynamically<T = any>(customComponent: any, t
   return { component: compRef.current as T, root: root as Root };
 }
 
-export function loadReactComponentDynamically<T = any>(customComponent: any, targetElm: HTMLElement, props?: any, root?: Root | null): Promise<{ component: T, root: Root }> {
-  return new Promise(resolve => {
+export function loadReactComponentDynamically<T = any>(
+  customComponent: any,
+  targetElm: HTMLElement,
+  props?: any,
+  root?: Root | null
+): Promise<{ component: T; root: Root }> {
+  return new Promise((resolve) => {
     const compRef = createRef();
     root ??= createRoot(targetElm);
     root.render(React.createElement(customComponent, { ...props, ref: compRef }));

package/src/{slickgrid-react/services → services}/singletons.ts

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

package/src/{slickgrid-react/services/translater.service.ts → services/translaterI18Next.service.ts}

@@ -1,19 +1,25 @@
 import type { TranslaterService as UniversalTranslateService } from '@slickgrid-universal/common';
-import i18next, { type i18n } from 'i18next';
+
+import type { I18Next } from '../models/i18next.interface.js';
 
 /**
  * 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 implements UniversalTranslateService {
-  private readonly i18n: i18n = i18next;
+export class TranslaterI18NextService implements UniversalTranslateService {
+  public i18n?: I18Next;
+
+  /** I18Next instance setter */
+  set i18nInstance(i18n: I18Next) {
+    this.i18n = i18n;
+  }
 
   /**
    * Method to return the current language used by the App
    * @return {string} current language
    */
   getCurrentLanguage(): string {
-    return this.i18n.language;
+    return this.i18n?.language || '';
   }
 
   /**
@@ -22,7 +28,7 @@ export class TranslaterService implements UniversalTranslateService {
    * @return {Promise} output
    */
   async use(newLang: string): Promise<any> {
-    return this.i18n.changeLanguage(newLang);
+    return this.i18n?.changeLanguage(newLang);
   }
 
   /**
@@ -31,6 +37,6 @@ export class TranslaterService implements UniversalTranslateService {
    * @return {string} translated value
    */
   translate(translationKey: string): string {
-    return this.i18n.t(translationKey);
+    return this.i18n?.t(translationKey) || '';
   }
 }

package/src/slickgrid-config.ts

@@ -0,0 +1,10 @@
+import type { GridOption } from './models/gridOption.interface.js';
+import { GlobalGridOptions } from './global-grid-options.js';
+
+export class SlickgridConfig {
+  options: Partial<GridOption>;
+
+  constructor() {
+    this.options = GlobalGridOptions;
+  }
+}

package/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />