chore: rename className to pluginName

ghiscoding · ghiscoding · commit 50d7a7b6b43d · 2026-02-06T02:05:47.000-05:00
diff --git a/frameworks-plugins/angular-row-detail-plugin/src/angularSlickRowDetailView.ts b/frameworks-plugins/angular-row-detail-plugin/src/angularSlickRowDetailView.ts
@@ -31,7 +31,7 @@ export interface CreatedView {
 }
 
 export class AngularSlickRowDetailView extends UniversalSlickRowDetailView {
-  static pluginName = 'AngularSlickRowDetailView';
+  static readonly pluginName = 'AngularSlickRowDetailView';
   rowDetailContainer!: ViewContainerRef;
   protected _preloadComponent: Type<object> | undefined;
   protected _preloadCompRef?: ComponentRef<any>;
diff --git a/frameworks-plugins/aurelia-row-detail-plugin/src/aureliaSlickRowDetailView.ts b/frameworks-plugins/aurelia-row-detail-plugin/src/aureliaSlickRowDetailView.ts
@@ -22,7 +22,7 @@ const PRELOAD_CONTAINER_PREFIX = 'container_loading';
 
 @transient()
 export class AureliaSlickRowDetailView extends UniversalSlickRowDetailView {
-  static pluginName = 'AureliaSlickRowDetailView';
+  static readonly pluginName = 'AureliaSlickRowDetailView';
   protected _preloadViewModel?: Constructable;
   protected _preloadController?: ICustomElementController;
   protected _slots: CreatedView[] = [];
diff --git a/frameworks-plugins/react-row-detail-plugin/src/reactSlickRowDetailView.ts b/frameworks-plugins/react-row-detail-plugin/src/reactSlickRowDetailView.ts
@@ -27,7 +27,7 @@ export interface CreatedView {
 }
 
 export class ReactSlickRowDetailView extends UniversalSlickRowDetailView {
-  static pluginName = 'ReactSlickRowDetailView';
+  static readonly pluginName = 'ReactSlickRowDetailView';
   protected _component?: any;
   protected _preloadComponent?: any;
   protected _preloadRoot?: Root;
diff --git a/frameworks-plugins/vue-row-detail-plugin/src/vueSlickRowDetailView.ts b/frameworks-plugins/vue-row-detail-plugin/src/vueSlickRowDetailView.ts
@@ -29,7 +29,7 @@ export interface CreatedView {
 }
 
 export class VueSlickRowDetailView extends UniversalSlickRowDetailView {
-  static pluginName = 'VueSlickRowDetailView';
+  static readonly pluginName = 'VueSlickRowDetailView';
   protected _component?: any;
   protected _preloadComponent?: any;
   protected _preloadApp?: App<Element>;
diff --git a/frameworks/angular-slickgrid/src/library/components/__tests__/angular-slickgrid.component.spec.ts b/frameworks/angular-slickgrid/src/library/components/__tests__/angular-slickgrid.component.spec.ts
@@ -71,7 +71,7 @@ const angularUtilServiceStub = {
 } as unknown as AngularUtilService;
 
 class AngularSlickRowDetailView {
-  static pluginName = 'AngularSlickRowDetailView';
+  static readonly pluginName = 'AngularSlickRowDetailView';
   create = vi.fn();
   init = vi.fn();
 }
@@ -399,7 +399,7 @@ describe('Angular-Slickgrid Custom Component instantiated via Constructor', () =
         )
     );
 
-    component.gridId = 'grid1';
+    (component as any).gridId = 'grid1';
     component.columns = [{ id: 'name', field: 'name' }];
     component.dataset = [];
     component.options = { enableExcelExport: false, dataView: null } as unknown as GridOption;
@@ -1783,7 +1783,7 @@ describe('Angular-Slickgrid Custom Component instantiated via Constructor', () =
         component.columns = mockCols;
         component.options = {
           ...gridOptions,
-          enableRowDetailView: true,
+          // enableRowDetailView: true,
           externalResources: [AngularSlickRowDetailView],
           presets: { columns: mockColsPresets },
         } as GridOption;
diff --git a/frameworks/angular-slickgrid/src/library/components/angular-slickgrid.component.ts b/frameworks/angular-slickgrid/src/library/components/angular-slickgrid.component.ts
@@ -79,7 +79,7 @@ const WARN_NO_PREPARSE_DATE_SIZE = 10000; // data size to warn user when pre-par
 
 export interface AngularSlickRowDetailView {
   create(columns: Column[], gridOptions: GridOption): any;
-  init(grid: SlickGrid): void;
+  init(grid: SlickGrid, containerService?: ContainerService): void;
 }
 
 @Component({
@@ -1619,14 +1619,14 @@ export class AngularSlickgridComponent<TData = any> implements AfterViewInit, On
   }
 
   /** initialized & auto-enable external registered resources, e.g. if user registers `ExcelExportService` then let's auto-enable `enableExcelExport:true` */
-  protected autoEnableInitializedResources(resource: ExternalResource): void {
+  protected autoEnableInitializedResources(resource: ExternalResource | ExternalResourceConstructor): void {
     if (this.slickGrid && typeof (resource as ExternalResource).init === 'function') {
       (resource as ExternalResource).init!(this.slickGrid, this.containerService);
     }
 
     // auto-enable unless the flag was specifically disabled by the end user
-    if ('className' in (resource as ExternalResource)) {
-      const pluginFlagName = PluginFlagMappings.get((resource as ExternalResource).className!);
+    if ('pluginName' in (resource as ExternalResource)) {
+      const pluginFlagName = PluginFlagMappings.get((resource as ExternalResource).pluginName!);
       if (pluginFlagName && this.options[pluginFlagName] !== false) {
         this.options[pluginFlagName] = true;
         this.slickGrid?.setOptions({ [pluginFlagName]: true });
diff --git a/frameworks/angular-slickgrid/test/rxjsResourceStub.ts b/frameworks/angular-slickgrid/test/rxjsResourceStub.ts
@@ -15,7 +15,7 @@ import {
 import { takeUntil } from 'rxjs/operators';
 
 export class RxJsResourceStub implements RxJsFacade {
-  readonly className = 'RxJsResource';
+  readonly pluginName = 'RxJsResource';
 
   /**
    * The same Observable instance returned by any call to without a scheduler.
diff --git a/frameworks/aurelia-slickgrid/src/custom-elements/aurelia-slickgrid.ts b/frameworks/aurelia-slickgrid/src/custom-elements/aurelia-slickgrid.ts
@@ -62,7 +62,7 @@ const WARN_NO_PREPARSE_DATE_SIZE = 10000; // data size to warn user when pre-par
 
 export interface AureliaSlickRowDetailView {
   create(columns: Column[], gridOptions: GridOption): any;
-  init(grid: SlickGrid): void;
+  init(grid: SlickGrid, containerService?: ContainerService): void;
 }
 
 @customElement({
@@ -1481,14 +1481,14 @@ export class AureliaSlickgridCustomElement {
   }
 
   /** initialized & auto-enable external registered resources, e.g. if user registers `ExcelExportService` then let's auto-enable `enableExcelExport:true` */
-  protected autoEnableInitializedResources(resource: ExternalResource): void {
+  protected autoEnableInitializedResources(resource: ExternalResource | ExternalResourceConstructor): void {
     if (this.grid && typeof (resource as ExternalResource).init === 'function') {
       (resource as ExternalResource).init!(this.grid, this.containerService);
     }
 
     // auto-enable unless the flag was specifically disabled by the end user
-    if ('className' in (resource as ExternalResource)) {
-      const pluginFlagName = PluginFlagMappings.get((resource as ExternalResource).className!);
+    if ('pluginName' in (resource as ExternalResource)) {
+      const pluginFlagName = PluginFlagMappings.get((resource as ExternalResource).pluginName!);
       if (pluginFlagName && this.options[pluginFlagName] !== false) {
         this.options[pluginFlagName] = true;
         this.grid?.setOptions({ [pluginFlagName]: true });
@@ -1514,7 +1514,7 @@ export class AureliaSlickgridCustomElement {
     // register all services by executing their init method and providing them with the Grid object
     if (Array.isArray(this._registeredResources)) {
       for (const resource of this._registeredResources) {
-        if ((resource as ExternalResource)?.className === 'RxJsResource') {
+        if ((resource as ExternalResource)?.pluginName === 'RxJsResource') {
           this.registerRxJsResource(resource as RxJsFacade);
         }
       }
diff --git a/frameworks/slickgrid-react/src/components/slickgrid-react.tsx b/frameworks/slickgrid-react/src/components/slickgrid-react.tsx
@@ -1580,22 +1580,22 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
     // register all services by executing their init method and providing them with the Grid object
     if (Array.isArray(this._registeredResources)) {
       for (const resource of this._registeredResources) {
-        if ((resource as ExternalResource)?.className === 'RxJsResource') {
+        if ((resource as ExternalResource)?.pluginName === 'RxJsResource') {
           this.registerRxJsResource(resource as RxJsFacade);
         }
       }
     }
   }
 
   /** initialized & auto-enable external registered resources, e.g. if user registers `ExcelExportService` then let's auto-enable `enableExcelExport:true` */
-  protected autoEnableInitializedResources(resource: ExternalResource): void {
+  protected autoEnableInitializedResources(resource: ExternalResource | ExternalResourceConstructor): void {
     if (this.grid && typeof (resource as ExternalResource).init === 'function') {
       (resource as ExternalResource).init!(this.grid, this.props.containerService);
     }
 
     // auto-enable unless the flag was specifically disabled by the end user
-    if ('className' in (resource as ExternalResource)) {
-      const pluginFlagName = PluginFlagMappings.get((resource as ExternalResource).className!);
+    if ('pluginName' in (resource as ExternalResource)) {
+      const pluginFlagName = PluginFlagMappings.get((resource as ExternalResource).pluginName!);
       if (pluginFlagName && this.options[pluginFlagName] !== false) {
         this.options[pluginFlagName] = true;
         this.grid?.setOptions({ [pluginFlagName]: true });
diff --git a/frameworks/slickgrid-vue/src/components/SlickgridVue.vue b/frameworks/slickgrid-vue/src/components/SlickgridVue.vue
@@ -73,7 +73,7 @@ const WARN_NO_PREPARSE_DATE_SIZE = 10000; // data size to warn user when pre-par
 
 export interface VueSlickRowDetailView {
   create(columns: Column[], gridOptions: GridOption): any;
-  init(grid: SlickGrid): void;
+  init(grid: SlickGrid, containerService?: ContainerService): void;
 }
 
 const attrs = useAttrs();
@@ -1438,14 +1438,14 @@ function mergeGridOptions(gridOptions: GridOption): GridOption {
 }
 
 /** initialized & auto-enable external registered resources, e.g. if user registers `ExcelExportService` then let's auto-enable `enableExcelExport:true` */
-function autoEnableInitializedResources(resource: ExternalResource): void {
+function autoEnableInitializedResources(resource: ExternalResource | ExternalResourceConstructor): void {
   if (grid && typeof (resource as ExternalResource).init === 'function') {
     (resource as ExternalResource).init!(grid, containerService);
   }
 
   // auto-enable unless the flag was specifically disabled by the end user
-  if ('className' in (resource as ExternalResource)) {
-    const pluginFlagName = PluginFlagMappings.get((resource as ExternalResource).className!);
+  if ('pluginName' in (resource as ExternalResource)) {
+    const pluginFlagName = PluginFlagMappings.get((resource as ExternalResource).pluginName!);
     if (pluginFlagName && _gridOptions.value[pluginFlagName] !== false) {
       _gridOptions.value[pluginFlagName] = true;
       grid?.setOptions({ [pluginFlagName]: true });
@@ -1471,7 +1471,7 @@ function preRegisterResources() {
   // register all services by executing their init method and providing them with the Grid object
   if (Array.isArray(registeredResources)) {
     for (const resource of registeredResources) {
-      if ((resource as ExternalResource)?.className === 'RxJsResource') {
+      if ((resource as ExternalResource)?.pluginName === 'RxJsResource') {
         registerRxJsResource(resource as RxJsFacade);
       }
     }
diff --git a/packages/common/src/extensions/slickAutoTooltip.ts b/packages/common/src/extensions/slickAutoTooltip.ts
@@ -10,7 +10,7 @@ import type { AutoTooltipOption, Column } from '../interfaces/index.js';
  * @param {number}  [options.maxToolTipLength=null]      - The maximum length for a tooltip
  */
 export class SlickAutoTooltip {
-  pluginName = 'AutoTooltips' as const;
+  readonly pluginName = 'AutoTooltips';
 
   protected _addonOptions?: AutoTooltipOption;
   protected _eventHandler: SlickEventHandler;
diff --git a/packages/common/src/extensions/slickCellExcelCopyManager.ts b/packages/common/src/extensions/slickCellExcelCopyManager.ts
@@ -21,7 +21,7 @@ import { SlickCellExternalCopyManager, SlickHybridSelectionModel } from './index
   where the browser copies/pastes the serialized data.
 */
 export class SlickCellExcelCopyManager {
-  pluginName: 'CellExcelCopyManager' = 'CellExcelCopyManager' as const;
+  readonly pluginName = 'CellExcelCopyManager';
 
   protected _addonOptions!: ExcelCopyBufferOption;
   protected _bindingEventService: BindingEventService;
diff --git a/packages/common/src/extensions/slickCellExternalCopyManager.ts b/packages/common/src/extensions/slickCellExternalCopyManager.ts
@@ -35,7 +35,7 @@ const noop = () => {};
   where the browser copies/pastes the serialized data.
 */
 export class SlickCellExternalCopyManager {
-  pluginName: 'CellExternalCopyManager' = 'CellExternalCopyManager' as const;
+  readonly pluginName = 'CellExternalCopyManager';
   onCopyCells: SlickEvent<{ ranges: SlickRange[] }>;
   onCopyCancelled: SlickEvent<{ ranges: SlickRange[] }>;
   onPasteCells: SlickEvent<{ ranges: SlickRange[] }>;
diff --git a/packages/common/src/extensions/slickCellMenu.ts b/packages/common/src/extensions/slickCellMenu.ts
@@ -33,7 +33,7 @@ import { MenuFromCellBaseClass } from './menuFromCellBaseClass.js';
  *   }];
  */
 export class SlickCellMenu extends MenuFromCellBaseClass<CellMenu> {
-  pluginName: 'CellMenu' = 'CellMenu' as const;
+  readonly pluginName = 'CellMenu';
 
   protected _defaults = {
     autoAdjustDrop: true, // dropup/dropdown
diff --git a/packages/common/src/extensions/slickCellRangeDecorator.ts b/packages/common/src/extensions/slickCellRangeDecorator.ts
@@ -12,7 +12,7 @@ import type { CellRangeDecoratorOption, CSSStyleDeclarationWritable } from '../i
 export class SlickCellRangeDecorator {
   // --
   // public API
-  pluginName = 'CellRangeDecorator' as const;
+  readonly pluginName = 'CellRangeDecorator';
 
   protected _options: CellRangeDecoratorOption;
   protected _elem?: HTMLDivElement | null;
diff --git a/packages/common/src/extensions/slickCellRangeSelector.ts b/packages/common/src/extensions/slickCellRangeSelector.ts
@@ -21,7 +21,7 @@ import type {
 import { SlickCellRangeDecorator } from './index.js';
 
 export class SlickCellRangeSelector {
-  pluginName: 'CellRangeSelector' = 'CellRangeSelector' as const;
+  readonly pluginName = 'CellRangeSelector';
   onBeforeCellRangeSelected: SlickEvent<{ row: number; cell: number }>;
   onCellRangeSelecting: SlickEvent<{ range: SlickRange; selectionMode: string; allowAutoEdit: boolean }>;
   onCellRangeSelected: SlickEvent<{ range: SlickRange; selectionMode: string; allowAutoEdit: boolean }>;
diff --git a/packages/common/src/extensions/slickCheckboxSelectColumn.ts b/packages/common/src/extensions/slickCheckboxSelectColumn.ts
@@ -25,7 +25,7 @@ const PARTIAL_CHECK_ICON = 'mdi-icon-partial-check';
 const DEFAULT_COLUMN_ID = '_checkbox_selector';
 
 export class SlickCheckboxSelectColumn<T = any> {
-  pluginName = 'CheckboxSelectColumn' as const;
+  readonly pluginName = 'CheckboxSelectColumn';
   protected _defaults = {
     columnId: DEFAULT_COLUMN_ID,
     cssClass: null,
diff --git a/packages/common/src/extensions/slickContextMenu.ts b/packages/common/src/extensions/slickContextMenu.ts
@@ -51,7 +51,7 @@ export class SlickContextMenu extends MenuFromCellBaseClass<ContextMenu> {
     commandShownOverColumnIds: [],
     subMenuOpenByEvent: 'mouseover',
   } as unknown as ContextMenuOption;
-  pluginName: 'ContextMenu' = 'ContextMenu' as const;
+  readonly pluginName = 'ContextMenu';
 
   /** Constructor of the SlickGrid 3rd party plugin, it can optionally receive options */
   constructor(
diff --git a/packages/common/src/extensions/slickDraggableGrouping.ts b/packages/common/src/extensions/slickDraggableGrouping.ts
@@ -43,7 +43,7 @@ import { sortByFieldType } from '../sortComparers/sortUtilities.js';
 export class SlickDraggableGrouping {
   columnsGroupBy: Column[] = [];
   onGroupChanged: SlickEvent;
-  pluginName: 'DraggableGrouping' = 'DraggableGrouping' as const;
+  readonly pluginName = 'DraggableGrouping';
 
   protected _addonOptions!: DraggableGrouping;
   protected _bindingEventService: BindingEventService;
diff --git a/packages/common/src/extensions/slickGridMenu.ts b/packages/common/src/extensions/slickGridMenu.ts
@@ -86,7 +86,7 @@ export class SlickGridMenu extends MenuBaseClass<GridMenu> {
     headerColumnValueExtractor: (columnDef: Column) =>
       getHtmlStringOutput(columnDef.columnPickerLabel || columnDef.name || '', 'innerHTML'),
   } as GridMenuOption;
-  pluginName: 'GridMenu' = 'GridMenu' as const;
+  readonly pluginName = 'GridMenu';
 
   /** Constructor of the SlickGrid 3rd party plugin, it can optionally receive options */
   constructor(
diff --git a/packages/common/src/extensions/slickGroupItemMetadataProvider.ts b/packages/common/src/extensions/slickGroupItemMetadataProvider.ts
@@ -28,7 +28,7 @@ import { createDocumentFragmentOrElement } from '../services/utilities.js';
  * If "grid.registerPlugin(...)" is not called, expand & collapse will not work.
  */
 export class SlickGroupItemMetadataProvider implements SlickPlugin {
-  pluginName = 'GroupItemMetadataProvider' as const;
+  readonly pluginName = 'GroupItemMetadataProvider';
   protected _eventHandler: SlickEventHandler;
   protected _grid!: SlickGrid;
   protected _options: GroupItemMetadataProviderOption;
diff --git a/packages/common/src/extensions/slickHeaderButtons.ts b/packages/common/src/extensions/slickHeaderButtons.ts
@@ -30,7 +30,7 @@ export class SlickHeaderButtons extends MenuBaseClass<HeaderButton> {
   protected _defaults = {
     buttonCssClass: 'slick-header-button',
   } as HeaderButtonOption;
-  pluginName: 'HeaderButtons' = 'HeaderButtons' as const;
+  readonly pluginName = 'HeaderButtons';
 
   /** Constructor of the SlickGrid 3rd party plugin, it can optionally receive options */
   constructor(
diff --git a/packages/common/src/extensions/slickHeaderMenu.ts b/packages/common/src/extensions/slickHeaderMenu.ts
@@ -49,7 +49,7 @@ export class SlickHeaderMenu extends MenuBaseClass<HeaderMenu> {
     title: '',
     subMenuOpenByEvent: 'mouseover',
   } as unknown as HeaderMenuOption;
-  pluginName: 'HeaderMenu' = 'HeaderMenu' as const;
+  readonly pluginName = 'HeaderMenu';
 
   /** Constructor of the SlickGrid 3rd party plugin, it can optionally receive options */
   constructor(
diff --git a/packages/common/src/extensions/slickHybridSelectionModel.ts b/packages/common/src/extensions/slickHybridSelectionModel.ts
@@ -12,7 +12,7 @@ export class SlickHybridSelectionModel implements SelectionModel<HybridSelection
 
   // --
   // public API
-  pluginName = 'HybridSelectionModel' as const;
+  readonly pluginName = 'HybridSelectionModel';
   onSelectedRangesChanged: SlickEvent<SlickRange[]>;
 
   // --
diff --git a/packages/common/src/extensions/slickRowBasedEdit.ts b/packages/common/src/extensions/slickRowBasedEdit.ts
@@ -42,7 +42,7 @@ interface ButtonTranslation {
  * Row based edit plugin to add edit/delete buttons to each row and only allow editing rows currently in editmode
  */
 export class SlickRowBasedEdit {
-  pluginName = 'RowBasedEdit' as const;
+  readonly pluginName = 'RowBasedEdit';
 
   protected _addonOptions?: RowBasedEditOptions;
   protected _eventHandler: SlickEventHandler;
diff --git a/packages/common/src/extensions/slickRowMoveManager.ts b/packages/common/src/extensions/slickRowMoveManager.ts
@@ -25,7 +25,7 @@ import type {
 export class SlickRowMoveManager {
   onBeforeMoveRows: SlickEvent<{ grid: SlickGrid; rows: number[]; insertBefore: number }>;
   onMoveRows: SlickEvent<{ grid: SlickGrid; rows: number[]; insertBefore: number }>;
-  pluginName: 'RowMoveManager' = 'RowMoveManager' as const;
+  readonly pluginName = 'RowMoveManager';
 
   protected _addonOptions!: RowMoveManager;
   protected _canvas!: HTMLElement;
diff --git a/packages/common/src/interfaces/externalResource.interface.ts b/packages/common/src/interfaces/externalResource.interface.ts
@@ -1,19 +1,25 @@
 import type { SlickGrid } from '../core/index.js';
 import type { ContainerService } from '../services/index.js';
+import type { Column } from './column.interface.js';
+import type { GridOption } from './gridOption.interface.js';
 
 export interface ExternalResource {
-  /** optionally provide the Service class name of the resource to make it easier to find even with minified code */
-  className?: string;
+  /** optionally provide the Service plugin name of the resource to make it easier to find even with minified code */
+  pluginName: string;
 
   /** Initialize the External Resource (Component or Service) */
   init?: (grid: SlickGrid, container: ContainerService) => void;
 
+  /** optionally Create the plugin before the Grid creation to avoid having odd behaviors. */
+  create?: (columns: Column[], gridOptions: GridOption) => void;
+
   /** Dispose method */
   dispose?: () => void;
 }
 
 export interface ExternalResourceConstructor {
-  /** optionally provide the Service class name of the resource to make it easier to find even with minified code */
-  className?: string;
+  /** optionally provide the Service plugin name of the resource to make it easier to find even with minified code */
+  pluginName: string;
+
   new (...args: any[]): ExternalResource;
 }
diff --git a/packages/common/src/services/excelExport.service.ts b/packages/common/src/services/excelExport.service.ts
@@ -4,7 +4,7 @@ import type { ContainerService } from '../services/container.service.js';
 
 export abstract class ExcelExportService implements ExternalResource {
   /** ExcelExportService class name which is use to find service instance in the external registered services */
-  className!: string;
+  pluginName!: string;
 
   /**
    * Initialize the Export Service
diff --git a/packages/common/src/services/grid.service.ts b/packages/common/src/services/grid.service.ts
@@ -47,6 +47,7 @@ const HideColumnOptionDefaults: HideColumnOption = {
 const ShowColumnOptionDefaults: ShowColumnOption = { autoResizeColumns: true, triggerEvent: true };
 
 export class GridService {
+  readonly pluginName = 'GridService';
   protected _grid!: SlickGrid;
   protected _rowSelectionPlugin?: SlickHybridSelectionModel;
 
diff --git a/packages/common/src/services/gridState.service.ts b/packages/common/src/services/gridState.service.ts
@@ -21,6 +21,7 @@ import type { TreeDataService } from './treeData.service.js';
 import { sortPresetColumns } from './utilities.js';
 
 export class GridStateService {
+  readonly pluginName = 'GridStateService';
   protected _eventHandler: SlickEventHandler;
   protected _columns: Column[] = [];
   protected _grid!: SlickGrid;
diff --git a/packages/common/src/services/headerGrouping.service.ts b/packages/common/src/services/headerGrouping.service.ts
diff --git a/packages/common/src/services/pdfExport.service.ts b/packages/common/src/services/pdfExport.service.ts
diff --git a/packages/common/src/services/rxjsFacade.ts b/packages/common/src/services/rxjsFacade.ts
diff --git a/packages/common/src/services/textExport.service.ts b/packages/common/src/services/textExport.service.ts
diff --git a/packages/common/src/services/treeData.service.ts b/packages/common/src/services/treeData.service.ts
diff --git a/packages/composite-editor-component/src/slick-composite-editor.component.ts b/packages/composite-editor-component/src/slick-composite-editor.component.ts
diff --git a/packages/custom-tooltip-plugin/src/slickCustomTooltip.ts b/packages/custom-tooltip-plugin/src/slickCustomTooltip.ts
diff --git a/packages/empty-warning-component/src/slick-empty-warning.component.ts b/packages/empty-warning-component/src/slick-empty-warning.component.ts
diff --git a/packages/excel-export/src/excelExport.service.ts b/packages/excel-export/src/excelExport.service.ts
diff --git a/packages/pdf-export/src/pdfExport.service.ts b/packages/pdf-export/src/pdfExport.service.ts
diff --git a/packages/rxjs-observable/src/rxjs.resource.ts b/packages/rxjs-observable/src/rxjs.resource.ts
diff --git a/packages/text-export/src/textExport.service.ts b/packages/text-export/src/textExport.service.ts
diff --git a/packages/vanilla-bundle/src/components/__tests__/slick-vanilla-grid.spec.ts b/packages/vanilla-bundle/src/components/__tests__/slick-vanilla-grid.spec.ts
diff --git a/packages/vanilla-bundle/src/components/slick-vanilla-grid-bundle.ts b/packages/vanilla-bundle/src/components/slick-vanilla-grid-bundle.ts
diff --git a/test/rxjsResourceStub.ts b/test/rxjsResourceStub.ts

Original file line number	Diff line number	Diff line change
`@@ -31,7 +31,7 @@ export interface CreatedView {`
`31`	`31`	`}`
`32`	`32`
`33`	`33`	`export class AngularSlickRowDetailView extends UniversalSlickRowDetailView {`
`34`		`- static pluginName = 'AngularSlickRowDetailView';`
	`34`	`+ static readonly pluginName = 'AngularSlickRowDetailView';`
`35`	`35`	`rowDetailContainer!: ViewContainerRef;`
`36`	`36`	`protected _preloadComponent: Type<object> \| undefined;`
`37`	`37`	`protected _preloadCompRef?: ComponentRef<any>;`
Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@ export interface CreatedView {`
`27`	`27`	`}`
`28`	`28`
`29`	`29`	`export class ReactSlickRowDetailView extends UniversalSlickRowDetailView {`
`30`		`- static pluginName = 'ReactSlickRowDetailView';`
	`30`	`+ static readonly pluginName = 'ReactSlickRowDetailView';`
`31`	`31`	`protected _component?: any;`
`32`	`32`	`protected _preloadComponent?: any;`
`33`	`33`	`protected _preloadRoot?: Root;`
Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@ export interface CreatedView {`
`29`	`29`	`}`
`30`	`30`
`31`	`31`	`export class VueSlickRowDetailView extends UniversalSlickRowDetailView {`
`32`		`- static pluginName = 'VueSlickRowDetailView';`
	`32`	`+ static readonly pluginName = 'VueSlickRowDetailView';`
`33`	`33`	`protected _component?: any;`
`34`	`34`	`protected _preloadComponent?: any;`
`35`	`35`	`protected _preloadApp?: App<Element>;`
Original file line number	Diff line number	Diff line change
`@@ -1580,22 +1580,22 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP`
`1580`	`1580`	`// register all services by executing their init method and providing them with the Grid object`
`1581`	`1581`	`if (Array.isArray(this._registeredResources)) {`
`1582`	`1582`	`for (const resource of this._registeredResources) {`
`1583`		`- if ((resource as ExternalResource)?.className === 'RxJsResource') {`
	`1583`	`+ if ((resource as ExternalResource)?.pluginName === 'RxJsResource') {`
`1584`	`1584`	`this.registerRxJsResource(resource as RxJsFacade);`
`1585`	`1585`	`}`
`1586`	`1586`	`}`
`1587`	`1587`	`}`
`1588`	`1588`	`}`
`1589`	`1589`
`1590`	`1590`	/** initialized & auto-enable external registered resources, e.g. if user registers `ExcelExportService` then let's auto-enable `enableExcelExport:true` */
`1591`		`- protected autoEnableInitializedResources(resource: ExternalResource): void {`
	`1591`	`+ protected autoEnableInitializedResources(resource: ExternalResource \| ExternalResourceConstructor): void {`
`1592`	`1592`	`if (this.grid && typeof (resource as ExternalResource).init === 'function') {`
`1593`	`1593`	`(resource as ExternalResource).init!(this.grid, this.props.containerService);`
`1594`	`1594`	`}`
`1595`	`1595`
`1596`	`1596`	`// auto-enable unless the flag was specifically disabled by the end user`
`1597`		`- if ('className' in (resource as ExternalResource)) {`
`1598`		`- const pluginFlagName = PluginFlagMappings.get((resource as ExternalResource).className!);`
	`1597`	`+ if ('pluginName' in (resource as ExternalResource)) {`
	`1598`	`+ const pluginFlagName = PluginFlagMappings.get((resource as ExternalResource).pluginName!);`
`1599`	`1599`	`if (pluginFlagName && this.options[pluginFlagName] !== false) {`
`1600`	`1600`	`this.options[pluginFlagName] = true;`
`1601`	`1601`	`this.grid?.setOptions({ [pluginFlagName]: true });`