@slickgrid-universal/vanilla-bundle 0.19.1 → 1.2.0

package/dist/esm/components/slick-vanilla-grid-bundle.d.ts

@@ -8,34 +8,32 @@ import 'slickgrid/lib/jquery.mousewheel';
 import 'slickgrid/slick.core';
 import 'slickgrid/slick.grid';
 import 'slickgrid/slick.dataview';
-import 'slickgrid/slick.groupitemmetadataprovider';
-import { BackendServiceApi, Column, ExtensionList, GridOption, Metrics, Pagination, ServicePagination, SlickDataView, SlickEventHandler, SlickGrid, SlickGroupItemMetadataProvider, Subscription, ExtensionUtility, BackendUtilityService, CollectionService, ExtensionService, FilterFactory, FilterService, GridEventService, GridService, GridStateService, GroupingAndColspanService, PaginationService, ResizerService, RxJsFacade, SharedService, SortService, TranslaterService, TreeDataService } from '@slickgrid-universal/common';
+import { BackendServiceApi, Column, ExtensionList, ExternalResource, GridOption, Metrics, Pagination, ServicePagination, SlickDataView, SlickEventHandler, SlickGrid, SlickGroupItemMetadataProvider, Subscription, BackendUtilityService, CollectionService, ExtensionService, ExtensionUtility, FilterFactory, FilterService, GridEventService, GridService, GridStateService, GroupingAndColspanService, Observable, PaginationService, ResizerService, RxJsFacade, SharedService, SortService, TranslaterService, TreeDataService } from '@slickgrid-universal/common';
 import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
-import { SlickCompositeEditorComponent } from '@slickgrid-universal/composite-editor-component';
 import { SlickEmptyWarningComponent } from '@slickgrid-universal/empty-warning-component';
 import { SlickFooterComponent } from '@slickgrid-universal/custom-footer-component';
 import { SlickPaginationComponent } from '@slickgrid-universal/pagination-component';
 import { SlickerGridInstance } from '../interfaces/slickerGridInstance.interface';
 import { UniversalContainerService } from '../services/universalContainer.service';
 export declare class SlickVanillaGridBundle {
-    private _currentDatasetLength;
-    private _eventPubSubService;
-    private _columnDefinitions?;
-    private _gridOptions?;
-    private _gridContainerElm;
-    private _gridParentContainerElm;
-    private _hideHeaderRowAfterPageLoad;
-    private _isDatasetInitialized;
-    private _isDatasetHierarchicalInitialized;
-    private _isGridInitialized;
-    private _isLocalGrid;
-    private _isPaginationInitialized;
-    private _eventHandler;
-    private _extensions;
-    private _paginationOptions;
-    private _registeredResources;
-    private _slickgridInitialized;
-    private _slickerGridInstances;
+    protected _currentDatasetLength: number;
+    protected _eventPubSubService: EventPubSubService;
+    protected _columnDefinitions?: Column[];
+    protected _gridOptions?: GridOption;
+    protected _gridContainerElm: HTMLElement;
+    protected _gridParentContainerElm: HTMLElement;
+    protected _hideHeaderRowAfterPageLoad: boolean;
+    protected _isDatasetInitialized: boolean;
+    protected _isDatasetHierarchicalInitialized: boolean;
+    protected _isGridInitialized: boolean;
+    protected _isLocalGrid: boolean;
+    protected _isPaginationInitialized: boolean;
+    protected _eventHandler: SlickEventHandler;
+    protected _extensions: ExtensionList<any> | undefined;
+    protected _paginationOptions: Pagination | undefined;
+    protected _registeredResources: ExternalResource[];
+    protected _slickgridInitialized: boolean;
+    protected _slickerGridInstances: SlickerGridInstance | undefined;
     backendServiceApi: BackendServiceApi | undefined;
     dataView?: SlickDataView;
     slickGrid?: SlickGrid;
@@ -56,6 +54,8 @@ export declare class SlickVanillaGridBundle {
     extensionService: ExtensionService;
     filterFactory: FilterFactory;
     filterService: FilterService;
+    gridClass: string;
+    gridClassName: string;
     gridEventService: GridEventService;
     gridService: GridService;
     gridStateService: GridStateService;
@@ -67,12 +67,9 @@ export declare class SlickVanillaGridBundle {
     translaterService: TranslaterService | undefined;
     treeDataService: TreeDataService;
     universalContainerService: UniversalContainerService;
-    slickCompositeEditor: SlickCompositeEditorComponent | undefined;
     slickEmptyWarning: SlickEmptyWarningComponent | undefined;
     slickFooter: SlickFooterComponent | undefined;
     slickPagination: SlickPaginationComponent | undefined;
-    gridClass: string;
-    gridClassName: string;
     get eventHandler(): SlickEventHandler;
     get columnDefinitions(): Column[];
     set columnDefinitions(columnDefinitions: Column[]);
@@ -88,7 +85,7 @@ export declare class SlickVanillaGridBundle {
     set isDatasetInitialized(isInitialized: boolean);
     get isGridInitialized(): boolean;
     get instances(): SlickerGridInstance | undefined;
-    get extensions(): ExtensionList<any, any> | undefined;
+    get extensions(): ExtensionList<any> | undefined;
     get registeredResources(): any[];
     /**
      * Slicker Grid Bundle constructor
@@ -164,59 +161,168 @@ export declare class SlickVanillaGridBundle {
      * Loop through all column definitions and copy the original optional `width` properties optionally provided by the user.
      * We will use this when doing a resize by cell content, if user provided a `width` it won't override it.
      */
-    private copyColumnWidthsReference;
-    private displayEmptyDataWarning;
+    protected copyColumnWidthsReference(columnDefinitions: Column[]): void;
+    protected displayEmptyDataWarning(showWarning?: boolean): void;
     /** When data changes in the DataView, we'll refresh the metrics and/or display a warning if the dataset is empty */
-    private handleOnItemCountChanged;
+    protected handleOnItemCountChanged(currentPageRowItemCount: number, totalItemCount: number): void;
     /** Initialize the Pagination Service once */
-    private initializePaginationService;
+    protected initializePaginationService(paginationOptions: Pagination): void;
     /**
      * Render (or dispose) the Pagination Component, user can optionally provide False (to not show it) which will in term dispose of the Pagination,
      * also while disposing we can choose to omit the disposable of the Pagination Service (if we are simply toggling the Pagination, we want to keep the Service alive)
      * @param {Boolean} showPagination - show (new render) or not (dispose) the Pagination
      * @param {Boolean} shouldDisposePaginationService - when disposing the Pagination, do we also want to dispose of the Pagination Service? (defaults to True)
      */
-    private renderPagination;
+    protected renderPagination(showPagination?: boolean): void;
     /** Load the Editor Collection asynchronously and replace the "collection" property when Promise resolves */
-    private loadEditorCollectionAsync;
+    protected loadEditorCollectionAsync(column: Column): void;
     /** Load any possible Columns Grid Presets */
-    private loadColumnPresetsWhenDatasetInitialized;
+    protected loadColumnPresetsWhenDatasetInitialized(): void;
     /** Load any possible Filters Grid Presets */
-    private loadFilterPresetsWhenDatasetInitialized;
+    protected loadFilterPresetsWhenDatasetInitialized(): void;
     /**
      * local grid, check if we need to show the Pagination
      * if so then also check if there's any presets and finally initialize the PaginationService
      * a local grid with Pagination presets will potentially have a different total of items, we'll need to get it from the DataView and update our total
      */
-    private loadLocalGridPagination;
+    protected loadLocalGridPagination(dataset?: any[]): void;
     /** Load any Row Selections into the DataView that were presets by the user */
-    private loadRowSelectionPresetWhenExists;
+    protected loadRowSelectionPresetWhenExists(): void;
     /** Pre-Register any Resource that don't require SlickGrid to be instantiated (for example RxJS Resource) */
-    private preRegisterResources;
-    private registerResources;
+    protected preRegisterResources(): void;
+    protected registerResources(): void;
     /** Register the RxJS Resource in all necessary services which uses */
-    private registerRxJsResource;
+    protected registerRxJsResource(resource: RxJsFacade): void;
     /**
      * Takes a flat dataset with parent/child relationship, sort it (via its tree structure) and return the sorted flat array
      * @returns {Array<Object>} sort flat parent/child dataset
      */
-    private sortTreeDataset;
+    protected sortTreeDataset<T>(flatDatasetInput: T[], forceGridRefresh?: boolean): T[];
     /**
      * For convenience to the user, we provide the property "editor" as an Slickgrid-Universal editor complex object
      * however "editor" is used internally by SlickGrid for it's own Editor Factory
      * so in our lib we will swap "editor" and copy it into a new property called "internalColumnEditor"
      * then take back "editor.model" and make it the new "editor" so that SlickGrid Editor Factory still works
      */
-    private swapInternalEditorToSlickGridFactoryEditor;
+    protected swapInternalEditorToSlickGridFactoryEditor(columnDefinitions: Column[]): {
+        editor: any;
+        internalColumnEditor: {
+            alwaysSaveOnEnterKey?: boolean | undefined;
+            ariaLabel?: string | undefined;
+            callbacks?: any;
+            collectionAsync?: Promise<any> | Observable<any> | undefined;
+            collection?: any[] | undefined;
+            collectionFilterBy?: import("@slickgrid-universal/common").CollectionFilterBy | import("@slickgrid-universal/common").CollectionFilterBy[] | undefined;
+            collectionOptions?: import("@slickgrid-universal/common").CollectionOption | undefined;
+            collectionOverride?: ((collectionInput: any[], args: import("@slickgrid-universal/common").CollectionOverrideArgs) => any[]) | undefined;
+            collectionSortBy?: import("@slickgrid-universal/common").CollectionSortBy | import("@slickgrid-universal/common").CollectionSortBy[] | undefined;
+            complexObjectPath?: string | undefined;
+            compositeEditorFormOrder?: number | undefined;
+            customStructure?: import("@slickgrid-universal/common").CollectionCustomStructure | undefined;
+            decimal?: number | undefined;
+            disabled?: boolean | undefined;
+            editorOptions?: any;
+            enableRenderHtml?: boolean | undefined;
+            enableTranslateLabel?: boolean | undefined;
+            errorMessage?: string | undefined;
+            massUpdate?: boolean | undefined;
+            maxLength?: number | undefined;
+            maxValue?: string | number | undefined;
+            minLength?: number | undefined;
+            minValue?: string | number | undefined;
+            model?: any;
+            placeholder?: string | undefined;
+            operatorConditionalType?: "inclusive" | "exclusive" | undefined;
+            queryField?: string | undefined;
+            required?: boolean | undefined;
+            serializeComplexValueFormat?: "object" | "flat" | undefined;
+            title?: string | undefined;
+            type?: "string" | "number" | "boolean" | "object" | "text" | "unknown" | "integer" | "float" | "date" | "dateIso" | "dateUtc" | "dateTime" | "dateTimeIso" | "dateTimeIsoAmPm" | "dateTimeIsoAM_PM" | "dateTimeShortIso" | "dateEuro" | "dateEuroShort" | "dateTimeShortEuro" | "dateTimeEuro" | "dateTimeEuroAmPm" | "dateTimeEuroAM_PM" | "dateTimeEuroShort" | "dateTimeEuroShortAmPm" | "dateTimeEuroShortAM_PM" | "dateUs" | "dateUsShort" | "dateTimeShortUs" | "dateTimeUs" | "dateTimeUsAmPm" | "dateTimeUsAM_PM" | "dateTimeUsShort" | "dateTimeUsShortAmPm" | "dateTimeUsShortAM_PM" | "password" | "readonly" | undefined;
+            validator?: import("@slickgrid-universal/common").EditorValidator | undefined;
+            valueStep?: string | number | undefined;
+            params?: any;
+        };
+        alwaysRenderColumn?: boolean | undefined;
+        asyncPostRender?: ((domCellNode: any, row: number, dataContext: any, columnDef: Column<any>) => void) | undefined;
+        behavior?: string | undefined;
+        cannotTriggerInsert?: boolean | undefined;
+        cellMenu?: import("@slickgrid-universal/common").CellMenu | undefined;
+        columnGroup?: string | undefined;
+        columnGroupKey?: string | undefined;
+        colspan?: number | "*" | undefined;
+        cssClass?: string | undefined;
+        customTooltip?: import("@slickgrid-universal/common").CustomTooltipOption<any> | undefined;
+        dataKey?: string | undefined;
+        defaultSortAsc?: boolean | undefined;
+        denyPaste?: boolean | undefined;
+        disableTooltip?: boolean | undefined;
+        excludeFromColumnPicker?: boolean | undefined;
+        excludeFromExport?: boolean | undefined;
+        excludeFromGridMenu?: boolean | undefined;
+        excludeFromQuery?: boolean | undefined;
+        excludeFromHeaderMenu?: boolean | undefined;
+        exportColumnWidth?: number | undefined;
+        exportCustomFormatter?: import("@slickgrid-universal/common").Formatter<any> | undefined;
+        exportCustomGroupTotalsFormatter?: import("@slickgrid-universal/common").GroupTotalsFormatter | undefined;
+        exportWithFormatter?: boolean | undefined;
+        exportCsvForceToKeepAsString?: boolean | undefined;
+        field: string;
+        fields?: string[] | undefined;
+        filter?: import("@slickgrid-universal/common").ColumnFilter | undefined;
+        filterable?: boolean | undefined;
+        filterSearchType?: "string" | "number" | "boolean" | "object" | "text" | "unknown" | "integer" | "float" | "date" | "dateIso" | "dateUtc" | "dateTime" | "dateTimeIso" | "dateTimeIsoAmPm" | "dateTimeIsoAM_PM" | "dateTimeShortIso" | "dateEuro" | "dateEuroShort" | "dateTimeShortEuro" | "dateTimeEuro" | "dateTimeEuroAmPm" | "dateTimeEuroAM_PM" | "dateTimeEuroShort" | "dateTimeEuroShortAmPm" | "dateTimeEuroShortAM_PM" | "dateUs" | "dateUsShort" | "dateTimeShortUs" | "dateTimeUs" | "dateTimeUsAmPm" | "dateTimeUsAM_PM" | "dateTimeUsShort" | "dateTimeUsShortAmPm" | "dateTimeUsShortAM_PM" | "password" | "readonly" | undefined;
+        focusable?: boolean | undefined;
+        formatter?: import("@slickgrid-universal/common").Formatter<any> | undefined;
+        grouping?: import("@slickgrid-universal/common").Grouping<any> | undefined;
+        groupTotalsFormatter?: import("@slickgrid-universal/common").GroupTotalsFormatter | undefined;
+        header?: import("@slickgrid-universal/common").HeaderButtonsOrMenu | undefined;
+        headerCssClass?: string | undefined;
+        id: string | number;
+        labelKey?: string | undefined;
+        maxWidth?: number | undefined;
+        minWidth?: number | undefined;
+        originalWidth?: number | undefined;
+        name?: string | undefined;
+        nameCompositeEditor?: string | undefined;
+        nameKey?: string | undefined;
+        nameCompositeEditorKey?: string | undefined;
+        onBeforeEditCell?: ((e: import("@slickgrid-universal/common").SlickEventData, args: import("@slickgrid-universal/common").OnEventArgs) => void) | undefined;
+        onCellChange?: ((e: import("@slickgrid-universal/common").SlickEventData, args: import("@slickgrid-universal/common").OnEventArgs) => void) | undefined;
+        onCellClick?: ((e: import("@slickgrid-universal/common").SlickEventData, args: import("@slickgrid-universal/common").OnEventArgs) => void) | undefined;
+        outputType?: "string" | "number" | "boolean" | "object" | "text" | "unknown" | "integer" | "float" | "date" | "dateIso" | "dateUtc" | "dateTime" | "dateTimeIso" | "dateTimeIsoAmPm" | "dateTimeIsoAM_PM" | "dateTimeShortIso" | "dateEuro" | "dateEuroShort" | "dateTimeShortEuro" | "dateTimeEuro" | "dateTimeEuroAmPm" | "dateTimeEuroAM_PM" | "dateTimeEuroShort" | "dateTimeEuroShortAmPm" | "dateTimeEuroShortAM_PM" | "dateUs" | "dateUsShort" | "dateTimeShortUs" | "dateTimeUs" | "dateTimeUsAmPm" | "dateTimeUsAM_PM" | "dateTimeUsShort" | "dateTimeUsShortAmPm" | "dateTimeUsShortAM_PM" | "password" | "readonly" | undefined;
+        saveOutputType?: "string" | "number" | "boolean" | "object" | "text" | "unknown" | "integer" | "float" | "date" | "dateIso" | "dateUtc" | "dateTime" | "dateTimeIso" | "dateTimeIsoAmPm" | "dateTimeIsoAM_PM" | "dateTimeShortIso" | "dateEuro" | "dateEuroShort" | "dateTimeShortEuro" | "dateTimeEuro" | "dateTimeEuroAmPm" | "dateTimeEuroAM_PM" | "dateTimeEuroShort" | "dateTimeEuroShortAmPm" | "dateTimeEuroShortAM_PM" | "dateUs" | "dateUsShort" | "dateTimeShortUs" | "dateTimeUs" | "dateTimeUsAmPm" | "dateTimeUsAM_PM" | "dateTimeUsShort" | "dateTimeUsShortAmPm" | "dateTimeUsShortAM_PM" | "password" | "readonly" | undefined;
+        params?: any;
+        previousWidth?: number | undefined;
+        queryField?: string | undefined;
+        queryFieldNameGetterFn?: ((dataContext: any) => string) | undefined;
+        queryFieldFilter?: string | undefined;
+        queryFieldSorter?: string | undefined;
+        resizable?: boolean | undefined;
+        resizeAlwaysRecalculateWidth?: boolean | undefined;
+        resizeCalcWidthRatio?: number | undefined;
+        resizeCharWidthInPx?: number | undefined;
+        resizeMaxWidthThreshold?: number | undefined;
+        resizeExtraWidthPadding?: number | undefined;
+        rerenderOnResize?: boolean | undefined;
+        sanitizeDataExport?: boolean | undefined;
+        selectable?: boolean | undefined;
+        sortable?: boolean | undefined;
+        sortComparer?: import("@slickgrid-universal/common").SortComparer | undefined;
+        toolTip?: string | undefined;
+        type?: "string" | "number" | "boolean" | "object" | "text" | "unknown" | "integer" | "float" | "date" | "dateIso" | "dateUtc" | "dateTime" | "dateTimeIso" | "dateTimeIsoAmPm" | "dateTimeIsoAM_PM" | "dateTimeShortIso" | "dateEuro" | "dateEuroShort" | "dateTimeShortEuro" | "dateTimeEuro" | "dateTimeEuroAmPm" | "dateTimeEuroAM_PM" | "dateTimeEuroShort" | "dateTimeEuroShortAmPm" | "dateTimeEuroShortAM_PM" | "dateUs" | "dateUsShort" | "dateTimeShortUs" | "dateTimeUs" | "dateTimeUsAmPm" | "dateTimeUsAM_PM" | "dateTimeUsShort" | "dateTimeUsShortAmPm" | "dateTimeUsShortAM_PM" | "password" | "readonly" | undefined;
+        unselectable?: boolean | undefined;
+        validator?: import("@slickgrid-universal/common").EditorValidator | undefined;
+        valueCouldBeUndefined?: boolean | undefined;
+        width?: number | undefined;
+    }[];
     /** translate all columns (including hidden columns) */
-    private translateColumnHeaderTitleKeys;
+    protected translateColumnHeaderTitleKeys(): void;
     /** translate all column groups (including hidden columns) */
-    private translateColumnGroupKeys;
+    protected translateColumnGroupKeys(): void;
     /**
      * Update the "internalColumnEditor.collection" property.
      * Since this is called after the async call resolves, the pointer will not be the same as the "column" argument passed.
      * Once we found the new pointer, we will reassign the "editor" and "collection" to the "internalColumnEditor" so it has newest collection
      */
-    private updateEditorCollection;
+    protected updateEditorCollection<T = any>(column: Column<T>, newCollection: T[]): void;
 }
-//# sourceMappingURL=slick-vanilla-grid-bundle.d.ts.map

package/dist/esm/components/slick-vanilla-grid-bundle.js

@@ -9,22 +9,15 @@ import 'slickgrid/lib/jquery.mousewheel';
 import 'slickgrid/slick.core';
 import 'slickgrid/slick.grid';
 import 'slickgrid/slick.dataview';
-import 'slickgrid/slick.groupitemmetadataprovider';
-import { autoAddEditorFormatterToColumnsWithEditor, EventNamingStyle, GlobalGridOptions, GridStateType, 
-// extensions
-AutoTooltipExtension, CheckboxSelectorExtension, CellExternalCopyManagerExtension, CellMenuExtension, ColumnPickerExtension, ContextMenuExtension, DraggableGroupingExtension, ExtensionUtility, GridMenuExtension, GroupItemMetaProviderExtension, HeaderMenuExtension, HeaderButtonExtension, RowDetailViewExtension, RowSelectionExtension, 
+import { autoAddEditorFormatterToColumnsWithEditor, EventNamingStyle, GlobalGridOptions, GridStateType, SlickGroupItemMetadataProvider, 
 // services
-BackendUtilityService, CollectionService, ExtensionService, FilterFactory, FilterService, GridEventService, GridService, GridStateService, GroupingAndColspanService, PaginationService, ResizerService, RowMoveManagerExtension, SharedService, SortService, SlickgridConfig, TreeDataService, 
+BackendUtilityService, CollectionService, ExtensionService, ExtensionUtility, FilterFactory, FilterService, GridEventService, GridService, GridStateService, GroupingAndColspanService, PaginationService, ResizerService, SharedService, SortService, SlickgridConfig, TreeDataService, 
 // utilities
 emptyElement, } from '@slickgrid-universal/common';
 import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
-import { SlickCompositeEditorComponent } from '@slickgrid-universal/composite-editor-component';
 import { SlickEmptyWarningComponent } from '@slickgrid-universal/empty-warning-component';
 import { SlickFooterComponent } from '@slickgrid-universal/custom-footer-component';
 import { SlickPaginationComponent } from '@slickgrid-universal/pagination-component';
-import { SlickCustomTooltip } from '@slickgrid-universal/custom-tooltip-plugin';
-import { TextExportService } from '@slickgrid-universal/text-export';
-import { SalesforceGlobalGridOptions } from '../salesforce-global-grid-options';
 import { UniversalContainerService } from '../services/universalContainer.service';
 export class SlickVanillaGridBundle {
     /**
@@ -81,32 +74,17 @@ export class SlickVanillaGridBundle {
         this.gridEventService = (_j = services === null || services === void 0 ? void 0 : services.gridEventService) !== null && _j !== void 0 ? _j : new GridEventService();
         this.sharedService = (_k = services === null || services === void 0 ? void 0 : services.sharedService) !== null && _k !== void 0 ? _k : new SharedService();
         this.collectionService = (_l = services === null || services === void 0 ? void 0 : services.collectionService) !== null && _l !== void 0 ? _l : new CollectionService(this.translaterService);
-        this.extensionUtility = (_m = services === null || services === void 0 ? void 0 : services.extensionUtility) !== null && _m !== void 0 ? _m : new ExtensionUtility(this.sharedService, this.translaterService);
+        this.extensionUtility = (_m = services === null || services === void 0 ? void 0 : services.extensionUtility) !== null && _m !== void 0 ? _m : new ExtensionUtility(this.sharedService, this.backendUtilityService, this.translaterService);
         this.filterFactory = new FilterFactory(slickgridConfig, this.translaterService, this.collectionService);
         this.filterService = (_o = services === null || services === void 0 ? void 0 : services.filterService) !== null && _o !== void 0 ? _o : new FilterService(this.filterFactory, this._eventPubSubService, this.sharedService, this.backendUtilityService);
         this.resizerService = (_p = services === null || services === void 0 ? void 0 : services.resizerService) !== null && _p !== void 0 ? _p : new ResizerService(this._eventPubSubService);
         this.sortService = (_q = services === null || services === void 0 ? void 0 : services.sortService) !== null && _q !== void 0 ? _q : new SortService(this.sharedService, this._eventPubSubService, this.backendUtilityService);
         this.treeDataService = (_r = services === null || services === void 0 ? void 0 : services.treeDataService) !== null && _r !== void 0 ? _r : new TreeDataService(this._eventPubSubService, this.sharedService, this.sortService);
         this.paginationService = (_s = services === null || services === void 0 ? void 0 : services.paginationService) !== null && _s !== void 0 ? _s : new PaginationService(this._eventPubSubService, this.sharedService, this.backendUtilityService);
-        // extensions
-        const autoTooltipExtension = new AutoTooltipExtension(this.sharedService);
-        const cellExternalCopyManagerExtension = new CellExternalCopyManagerExtension(this.extensionUtility, this.sharedService);
-        const cellMenuExtension = new CellMenuExtension(this.extensionUtility, this.sharedService, this.translaterService);
-        const contextMenuExtension = new ContextMenuExtension(this.extensionUtility, this._eventPubSubService, this.sharedService, this.treeDataService, this.translaterService);
-        const columnPickerExtension = new ColumnPickerExtension(this.extensionUtility, this.sharedService);
-        const checkboxExtension = new CheckboxSelectorExtension(this.sharedService);
-        const draggableGroupingExtension = new DraggableGroupingExtension(this.extensionUtility, this._eventPubSubService, this.sharedService);
-        const gridMenuExtension = new GridMenuExtension(this.extensionUtility, this.filterService, this._eventPubSubService, this.sharedService, this.sortService, this.backendUtilityService, this.translaterService);
-        const groupItemMetaProviderExtension = new GroupItemMetaProviderExtension(this.sharedService);
-        const headerButtonExtension = new HeaderButtonExtension(this.extensionUtility, this.sharedService);
-        const headerMenuExtension = new HeaderMenuExtension(this.extensionUtility, this.filterService, this._eventPubSubService, this.sharedService, this.sortService, this.translaterService);
-        const rowDetailViewExtension = new RowDetailViewExtension();
-        const rowMoveManagerExtension = new RowMoveManagerExtension(this.sharedService);
-        const rowSelectionExtension = new RowSelectionExtension(this.sharedService);
-        this.extensionService = (_t = services === null || services === void 0 ? void 0 : services.extensionService) !== null && _t !== void 0 ? _t : new ExtensionService(autoTooltipExtension, cellExternalCopyManagerExtension, cellMenuExtension, checkboxExtension, columnPickerExtension, contextMenuExtension, draggableGroupingExtension, gridMenuExtension, groupItemMetaProviderExtension, headerButtonExtension, headerMenuExtension, rowDetailViewExtension, rowMoveManagerExtension, rowSelectionExtension, this.sharedService, this.translaterService);
+        this.extensionService = (_t = services === null || services === void 0 ? void 0 : services.extensionService) !== null && _t !== void 0 ? _t : new ExtensionService(this.extensionUtility, this.filterService, this._eventPubSubService, this.sharedService, this.sortService, this.treeDataService, this.translaterService);
         this.gridStateService = (_u = services === null || services === void 0 ? void 0 : services.gridStateService) !== null && _u !== void 0 ? _u : new GridStateService(this.extensionService, this.filterService, this._eventPubSubService, this.sharedService, this.sortService, this.treeDataService);
         this.gridService = (_v = services === null || services === void 0 ? void 0 : services.gridService) !== null && _v !== void 0 ? _v : new GridService(this.gridStateService, this.filterService, this._eventPubSubService, this.paginationService, this.sharedService, this.sortService, this.treeDataService);
-        this.groupingService = (_w = services === null || services === void 0 ? void 0 : services.groupingAndColspanService) !== null && _w !== void 0 ? _w : new GroupingAndColspanService(this.extensionUtility, this.extensionService, this._eventPubSubService);
+        this.groupingService = (_w = services === null || services === void 0 ? void 0 : services.groupingAndColspanService) !== null && _w !== void 0 ? _w : new GroupingAndColspanService(this.extensionUtility, this._eventPubSubService);
         if (hierarchicalDataset) {
             this.sharedService.hierarchicalDataset = (isDeepCopyDataOnPageLoadEnabled ? $.extend(true, [], hierarchicalDataset) : hierarchicalDataset) || [];
         }
@@ -337,7 +315,7 @@ export class SlickVanillaGridBundle {
             const dataviewInlineFilters = (_h = (_g = (_f = this._gridOptions) === null || _f === void 0 ? void 0 : _f.dataView) === null || _g === void 0 ? void 0 : _g.inlineFilters) !== null && _h !== void 0 ? _h : false;
             let dataViewOptions = { inlineFilters: dataviewInlineFilters };
             if (this.gridOptions.draggableGrouping || this.gridOptions.enableGrouping) {
-                this.groupItemMetadataProvider = new Slick.Data.GroupItemMetadataProvider();
+                this.groupItemMetadataProvider = new SlickGroupItemMetadataProvider();
                 this.sharedService.groupItemMetadataProvider = this.groupItemMetadataProvider;
                 dataViewOptions = { ...dataViewOptions, groupItemMetadataProvider: this.groupItemMetadataProvider };
             }
@@ -367,6 +345,7 @@ export class SlickVanillaGridBundle {
         this.slickGrid = new Slick.Grid(gridContainerElm, this.dataView, this._columnDefinitions, this._gridOptions);
         this.sharedService.dataView = this.dataView;
         this.sharedService.slickGrid = this.slickGrid;
+        this.sharedService.gridContainerElement = this._gridContainerElm;
         this.extensionService.bindDifferentExtensions();
         this.bindDifferentHooks(this.slickGrid, this._gridOptions, this.dataView);
         this._slickgridInitialized = true;
@@ -474,8 +453,7 @@ export class SlickVanillaGridBundle {
         this._isGridInitialized = true;
     }
     mergeGridOptions(gridOptions) {
-        const extraOptions = (gridOptions.useSalesforceDefaultGridOptions || (this._gridOptions && this._gridOptions.useSalesforceDefaultGridOptions)) ? SalesforceGlobalGridOptions : {};
-        const options = $.extend(true, {}, GlobalGridOptions, extraOptions, gridOptions);
+        const options = $.extend(true, {}, GlobalGridOptions, gridOptions);
         // also make sure to show the header row if user have enabled filtering
         if (options.enableFiltering && !options.showHeaderRow) {
             options.showHeaderRow = options.enableFiltering;
@@ -527,20 +505,16 @@ export class SlickVanillaGridBundle {
         if (gridOptions.enableTranslate && ((_a = this.translaterService) === null || _a === void 0 ? void 0 : _a.addPubSubMessaging)) {
             this.translaterService.addPubSubMessaging(this._eventPubSubService);
         }
-        // translate some of them on first load, then on each language change
+        // translate them all on first load, then on each language change
         if (gridOptions.enableTranslate) {
+            this.extensionService.translateAllExtensions();
             this.translateColumnHeaderTitleKeys();
             this.translateColumnGroupKeys();
         }
         // on locale change, we have to manually translate the Headers, GridMenu
         this.subscriptions.push(this._eventPubSubService.subscribe('onLanguageChange', () => {
             if (gridOptions.enableTranslate) {
-                this.extensionService.translateCellMenu();
-                this.extensionService.translateColumnHeaders();
-                this.extensionService.translateColumnPicker();
-                this.extensionService.translateContextMenu();
-                this.extensionService.translateGridMenu();
-                this.extensionService.translateHeaderMenu();
+                this.extensionService.translateAllExtensions();
                 this.translateColumnHeaderTitleKeys();
                 this.translateColumnGroupKeys();
                 if (gridOptions.createPreHeaderPanel && !gridOptions.enableDraggableGrouping) {
@@ -559,8 +533,7 @@ export class SlickVanillaGridBundle {
             // expose all Slick Grid Events through dispatch
             for (const prop in grid) {
                 if (grid.hasOwnProperty(prop) && prop.startsWith('on')) {
-                    const gridEventHandler = grid[prop];
-                    this._eventHandler.subscribe(gridEventHandler, (event, args) => {
+                    this._eventHandler.subscribe(grid[prop], (event, args) => {
                         var _a, _b;
                         const gridEventName = this._eventPubSubService.getEventNameByNamingConvention(prop, (_b = (_a = this._gridOptions) === null || _a === void 0 ? void 0 : _a.defaultSlickgridEventPrefix) !== null && _b !== void 0 ? _b : '');
                         return this._eventPubSubService.dispatchCustomEvent(gridEventName, { eventData: event, args });
@@ -570,8 +543,7 @@ export class SlickVanillaGridBundle {
             // expose all Slick DataView Events through dispatch
             for (const prop in dataView) {
                 if (dataView.hasOwnProperty(prop) && prop.startsWith('on')) {
-                    const dataViewEventHandler = dataView[prop];
-                    this._eventHandler.subscribe(dataViewEventHandler, (event, args) => {
+                    this._eventHandler.subscribe(dataView[prop], (event, args) => {
                         var _a, _b;
                         const dataViewEventName = this._eventPubSubService.getEventNameByNamingConvention(prop, (_b = (_a = this._gridOptions) === null || _a === void 0 ? void 0 : _a.defaultSlickgridEventPrefix) !== null && _b !== void 0 ? _b : '');
                         return this._eventPubSubService.dispatchCustomEvent(dataViewEventName, { eventData: event, args });
@@ -601,14 +573,12 @@ export class SlickVanillaGridBundle {
                 }
             }
             // When data changes in the DataView, we need to refresh the metrics and/or display a warning if the dataset is empty
-            const onRowCountChangedHandler = dataView.onRowCountChanged;
-            this._eventHandler.subscribe(onRowCountChangedHandler, () => {
+            this._eventHandler.subscribe(dataView.onRowCountChanged, () => {
                 var _a, _b, _c;
                 grid.invalidate();
                 this.handleOnItemCountChanged(((_a = this.dataView) === null || _a === void 0 ? void 0 : _a.getFilteredItemCount()) || 0, (_c = (_b = this.dataView) === null || _b === void 0 ? void 0 : _b.getItemCount()) !== null && _c !== void 0 ? _c : 0);
             });
-            const onSetItemsCalledHandler = dataView.onSetItemsCalled;
-            this._eventHandler.subscribe(onSetItemsCalledHandler, (_e, args) => {
+            this._eventHandler.subscribe(dataView.onSetItemsCalled, (_e, args) => {
                 var _a, _b;
                 this.handleOnItemCountChanged(((_a = this.dataView) === null || _a === void 0 ? void 0 : _a.getFilteredItemCount()) || 0, args.itemCount);
                 // when user has resize by content enabled, we'll force a full width calculation since we change our entire dataset
@@ -619,8 +589,7 @@ export class SlickVanillaGridBundle {
             // when filtering data with local dataset, we need to update each row else it will not always show correctly in the UI
             // also don't use "invalidateRows" since it destroys the entire row and as bad user experience when updating a row
             if (gridOptions && gridOptions.enableFiltering && !gridOptions.enableRowDetailView) {
-                const onRowsChangedHandler = dataView.onRowsChanged;
-                this._eventHandler.subscribe(onRowsChangedHandler, (_e, args) => {
+                this._eventHandler.subscribe(dataView.onRowsChanged, (_e, args) => {
                     if ((args === null || args === void 0 ? void 0 : args.rows) && Array.isArray(args.rows)) {
                         args.rows.forEach((row) => grid.updateRow(row));
                         grid.render();
@@ -628,8 +597,7 @@ export class SlickVanillaGridBundle {
                 });
             }
             // when column are reordered, we need to update the visibleColumn array
-            const onColumnsReorderedHandler = grid.onColumnsReordered;
-            this._eventHandler.subscribe(onColumnsReorderedHandler, (_e, args) => {
+            this._eventHandler.subscribe(grid.onColumnsReordered, (_e, args) => {
                 this.sharedService.hasColumnsReordered = true;
                 this.sharedService.visibleColumns = args.impactedColumns;
             });
@@ -876,7 +844,7 @@ export class SlickVanillaGridBundle {
         return paginationOptions;
     }
     // --
-    // private functions
+    // protected functions
     // ------------------
     /**
      * Loop through all column definitions and copy the original optional `width` properties optionally provided by the user.
@@ -917,7 +885,7 @@ export class SlickVanillaGridBundle {
             };
             this.paginationService.totalItems = this.totalItems;
             this.paginationService.init(this.slickGrid, paginationOptions, this.backendServiceApi);
-            this.subscriptions.push(this._eventPubSubService.subscribe('onPaginationChanged', (paginationChanges) => this.paginationChanged(paginationChanges)), this._eventPubSubService.subscribe('onPaginationVisibilityChanged', (visibility) => {
+            this.subscriptions.push(this._eventPubSubService.subscribe('onPaginationChanged', paginationChanges => this.paginationChanged(paginationChanges)), this._eventPubSubService.subscribe('onPaginationVisibilityChanged', visibility => {
                 var _a, _b, _c;
                 this.showPagination = (_a = visibility === null || visibility === void 0 ? void 0 : visibility.visible) !== null && _a !== void 0 ? _a : false;
                 if ((_b = this.gridOptions) === null || _b === void 0 ? void 0 : _b.backendServiceApi) {
@@ -1082,13 +1050,6 @@ export class SlickVanillaGridBundle {
         }
     }
     registerResources() {
-        // when using Salesforce, we want the Export to CSV always enabled without registering it
-        if (this.gridOptions.enableTextExport && this.gridOptions.useSalesforceDefaultGridOptions) {
-            this._registeredResources.push(new TextExportService());
-        }
-        if (this.gridOptions.useSalesforceDefaultGridOptions) {
-            this._registeredResources.push(new SlickCustomTooltip());
-        }
         // at this point, we consider all the registered services as external services, anything else registered afterward aren't external
         if (Array.isArray(this._registeredResources)) {
             this.sharedService.externalRegisteredResources = this._registeredResources;
@@ -1110,14 +1071,6 @@ export class SlickVanillaGridBundle {
         // also initialize (render) the empty warning component
         this.slickEmptyWarning = new SlickEmptyWarningComponent();
         this._registeredResources.push(this.slickEmptyWarning);
-        // also initialize (render) the pagination component when using the salesforce default options
-        // however before adding a new instance, just make sure there isn't one that might have been loaded by calling "registerExternalResources"
-        if (this.gridOptions.enableCompositeEditor && this.gridOptions.useSalesforceDefaultGridOptions) {
-            if (!this._registeredResources.some((resource => resource instanceof SlickCompositeEditorComponent))) {
-                this.slickCompositeEditor = new SlickCompositeEditorComponent();
-                this._registeredResources.push(this.slickCompositeEditor);
-            }
-        }
         // bind & initialize all Components/Services that were tagged as enabled
         // register all services by executing their init method and providing them with the Grid object
         if (Array.isArray(this._registeredResources)) {