@slickgrid-universal/vanilla-bundle 0.19.2 → 1.1.0

package/CHANGELOG.md

@@ -3,18 +3,49 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [0.19.2](https://github.com/ghiscoding/slickgrid-universal/compare/v0.19.1...v0.19.2) (2021-11-19)
+# [1.1.0](https://github.com/ghiscoding/slickgrid-universal/compare/v0.19.2...v1.1.0) (2021-12-11)
 
 
 ### Bug Fixes
 
-* **resizer:** use autosize width when total width smaller than viewport ([555fb0c](https://github.com/ghiscoding/slickgrid-universal/commit/555fb0cb793c111de837ffe6e9f212fcbf5ed701))
-* **translation:** add new UNFREEZE_COLUMNS to fix translation ([22ed231](https://github.com/ghiscoding/slickgrid-universal/commit/22ed2313c45587f2ebdb279c9e47df881c6f83d6))
+* **context:** strip hidden special chars on context menu Copy command ([f94ca83](https://github.com/ghiscoding/slickgrid-universal/commit/f94ca834b1fdee94e4e44bdc3d245956a4437de6))
+* **locales:** add missing text & remove global config texts fix Locales ([655a872](https://github.com/ghiscoding/slickgrid-universal/commit/655a872d7160ab53530f8e2fdc575817af782b5d))
 
 
+### Features
 
+* **build:** create `salesforce-vanilla-bundle` standalone package ([214d8e7](https://github.com/ghiscoding/slickgrid-universal/commit/214d8e77646d3fdac278cf18227c96f346c94522))
+* **controls:** convert and add ColumnPicker into Slickgrid-Universal ([1f937b9](https://github.com/ghiscoding/slickgrid-universal/commit/1f937b9a3abe43cf1a2bb1f52ba625c34431e328))
+* **controls:** move external Grid Menu into Slickgrid-Universal ([40adff4](https://github.com/ghiscoding/slickgrid-universal/commit/40adff49c2a74769823dfbed3d32b239608e2a59))
+* **plugins:** move Checkbox and Row Selection plugins to universal ([06f0ab1](https://github.com/ghiscoding/slickgrid-universal/commit/06f0ab155a2f0ee06681d3e94780397c5e4f9f67))
+* **plugins:** move external Cell Menu into Slickgrid-Universal ([6f34c10](https://github.com/ghiscoding/slickgrid-universal/commit/6f34c10b9a8522ae430e13c9519083451bf71ebf))
+* **plugins:** move external cell related plugins to universal ([11e15d8](https://github.com/ghiscoding/slickgrid-universal/commit/11e15d88360b7b30ca7ab94624a7928201f15945))
+* **plugins:** move external Context Menu into Slickgrid-Universal ([2170bb4](https://github.com/ghiscoding/slickgrid-universal/commit/2170bb4e3f02ef6f45ad13a1c59730047942651e))
+* **plugins:** move external Draggable Grouping into Slickgrid-Universal ([8e6eb48](https://github.com/ghiscoding/slickgrid-universal/commit/8e6eb4881741313b7d582d2e3d17ffef582ecb35))
+* **plugins:** move external GroupItemMetataProvider into Universal ([8f18c7d](https://github.com/ghiscoding/slickgrid-universal/commit/8f18c7d3d616e4cd72eb5478d544ec241c53154f))
+* **plugins:** move external Header Button into Slickgrid-Universal ([69711ad](https://github.com/ghiscoding/slickgrid-universal/commit/69711aded5aa835091789800214f82cd7c72753e))
+* **plugins:** move external Header Menu into Slickgrid-Universal ([aeba480](https://github.com/ghiscoding/slickgrid-universal/commit/aeba4801fdb5cba3976984f5c591be8c1ad97e4b))
+* **plugins:** move Row Detail View plugin to universal ([fb327a6](https://github.com/ghiscoding/slickgrid-universal/commit/fb327a6abe85b86683572cde2a550de43a01f9e1))
+* **plugins:** move Row Move Manager plugin to universal ([b19b2ed](https://github.com/ghiscoding/slickgrid-universal/commit/b19b2ed2da669662fbbdcf9fdefac243132909b2))
+* **plugins:** replace AutoTooltips Extension by plugin ([80df14d](https://github.com/ghiscoding/slickgrid-universal/commit/80df14da9b66e9e1b8314e5adb1b96890cc7baa1))
 
 
+
+
+
+
+## [0.19.2](https://github.com/ghiscoding/slickgrid-universal/compare/v0.19.1...v0.19.2) (2021-11-19)
+
+
+### Bug Fixes
+
+* **resizer:** use autosize width when total width smaller than viewport ([555fb0c](https://github.com/ghiscoding/slickgrid-universal/commit/555fb0cb793c111de837ffe6e9f212fcbf5ed701))
+* **translation:** add new UNFREEZE_COLUMNS to fix translation ([22ed231](https://github.com/ghiscoding/slickgrid-universal/commit/22ed2313c45587f2ebdb279c9e47df881c6f83d6))
+
+
+
+
+
 
 ## [0.19.1](https://github.com/ghiscoding/slickgrid-universal/compare/v0.19.0...v0.19.1) (2021-11-15)
 

package/README.md

@@ -1,30 +1,30 @@
-[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
-[![TypeScript](https://img.shields.io/badge/%3C%2F%3E-TypeScript-%230074c1.svg)](http://www.typescriptlang.org/)
-[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org/)
-[![npm](https://img.shields.io/npm/v/@slickgrid-universal/vanilla-bundle.svg?color=forest)](https://www.npmjs.com/package/@slickgrid-universal/vanilla-bundle)
-[![npm](https://img.shields.io/npm/dy/@slickgrid-universal/vanilla-bundle?color=forest)](https://www.npmjs.com/package/@slickgrid-universal/vanilla-bundle)
-
-[![Actions Status](https://github.com/ghiscoding/slickgrid-universal/workflows/CI%20Build/badge.svg)](https://github.com/ghiscoding/slickgrid-universal/actions)
-[![Cypress.io](https://img.shields.io/badge/tested%20with-Cypress-04C38E.svg)](https://www.cypress.io/)
-[![jest](https://jestjs.io/img/jest-badge.svg)](https://github.com/facebook/jest)
-[![codecov](https://codecov.io/gh/ghiscoding/slickgrid-universal/branch/master/graph/badge.svg)](https://codecov.io/gh/ghiscoding/slickgrid-universal)
-
-## Vanilla Bundle
-#### @slickgrid-universal/vanilla-bundle
-
-Vanilla Bundle implementation (no framework, plain TypeSript implementation). This package does what other framework would do, that is to make all the features usable in 1 bundle so that it could then be used by other Apps/Projects, for example we use this bundle in our SalesForce (with Lighning Web Component) App and it requires plain ES6 JavaScript which this bundle also produce (for that there's a `dist-grid-bundle-zip` folder which will zip the ES6 `dist` folder which we then import in SalesForce).
-
-### Internal Dependencies
-- [@slickgrid-universal/common](https://github.com/ghiscoding/slickgrid-universal/tree/master/packages/common)
-- [@slickgrid-universal/event-pub-sub](https://github.com/ghiscoding/slickgrid-universal/tree/master/packages/event-pub-sub)
-- [@slickgrid-universal/custom-footer-component](https://github.com/ghiscoding/slickgrid-universal/tree/master/packages/custom-footer-component)
-- [@slickgrid-universal/empty-warning-component](https://github.com/ghiscoding/slickgrid-universal/tree/master/packages/empty-warning-component)
-- [@slickgrid-universal/pagination-component](https://github.com/ghiscoding/slickgrid-universal/tree/master/packages/pagination-component)
-
-### External Dependencies
-- [whatwg-fetch](https://github.com/whatwg/fetch) - Fetch Standard
-
-### Installation
-This Vanilla Bundle is used in our SalesForce implementation (since it requires plain ES6) and is also used by the standalone `webpack-demo-vanilla-bundle` which serves for demo purposes.
-
-Go to the root of the repo and follow the instructions provided in the main [README](https://github.com/ghiscoding/slickgrid-universal#installation)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+[![TypeScript](https://img.shields.io/badge/%3C%2F%3E-TypeScript-%230074c1.svg)](http://www.typescriptlang.org/)
+[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org/)
+[![npm](https://img.shields.io/npm/v/@slickgrid-universal/vanilla-bundle.svg?color=forest)](https://www.npmjs.com/package/@slickgrid-universal/vanilla-bundle)
+[![npm](https://img.shields.io/npm/dy/@slickgrid-universal/vanilla-bundle?color=forest)](https://www.npmjs.com/package/@slickgrid-universal/vanilla-bundle)
+
+[![Actions Status](https://github.com/ghiscoding/slickgrid-universal/workflows/CI%20Build/badge.svg)](https://github.com/ghiscoding/slickgrid-universal/actions)
+[![Cypress.io](https://img.shields.io/badge/tested%20with-Cypress-04C38E.svg)](https://www.cypress.io/)
+[![jest](https://jestjs.io/img/jest-badge.svg)](https://github.com/facebook/jest)
+[![codecov](https://codecov.io/gh/ghiscoding/slickgrid-universal/branch/master/graph/badge.svg)](https://codecov.io/gh/ghiscoding/slickgrid-universal)
+
+## Vanilla Bundle
+#### @slickgrid-universal/vanilla-bundle
+
+Vanilla Bundle implementation (no framework, plain TypeSript implementation). This package does what other framework would do, that is to make all the features usable in 1 bundle so that it could then be used by other Apps/Projects
+
+### Internal Dependencies
+- [@slickgrid-universal/common](https://github.com/ghiscoding/slickgrid-universal/tree/master/packages/common)
+- [@slickgrid-universal/event-pub-sub](https://github.com/ghiscoding/slickgrid-universal/tree/master/packages/event-pub-sub)
+- [@slickgrid-universal/custom-footer-component](https://github.com/ghiscoding/slickgrid-universal/tree/master/packages/custom-footer-component)
+- [@slickgrid-universal/empty-warning-component](https://github.com/ghiscoding/slickgrid-universal/tree/master/packages/empty-warning-component)
+- [@slickgrid-universal/pagination-component](https://github.com/ghiscoding/slickgrid-universal/tree/master/packages/pagination-component)
+
+### External Dependencies
+- [whatwg-fetch](https://github.com/whatwg/fetch) - Fetch Standard
+
+### Installation
+This Vanilla Bundle is used used by the standalone [webpack-demo-vanilla-bundle](https://github.com/ghiscoding/slickgrid-universal/tree/master/examples/webpack-demo-vanilla-bundle) which serves for demo purposes.
+
+Go to the root of the repo and follow the instructions provided in the main [README](https://github.com/ghiscoding/slickgrid-universal#installation)

package/dist/commonjs/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,58 +161,177 @@ 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;
+        /**
+         * Slicker Grid Bundle constructor
+         * @param {Object} gridParentContainerElm - div HTML DOM element container
+         * @param {Array<Column>} columnDefs - Column Definitions
+         * @param {Object} options - Grid Options
+         * @param {Array<Object>} dataset - Dataset
+         * @param {Array<Object>} hierarchicalDataset - Hierarchical Dataset
+         * @param {Object} services - Typically only used for Unit Testing when we want to pass Mocked/Stub Services
+         */
+        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;
 }

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

@@ -12,16 +12,11 @@ require("slickgrid/lib/jquery.mousewheel");
 require("slickgrid/slick.core");
 require("slickgrid/slick.grid");
 require("slickgrid/slick.dataview");
-require("slickgrid/slick.groupitemmetadataprovider");
 const common_1 = require("@slickgrid-universal/common");
 const event_pub_sub_1 = require("@slickgrid-universal/event-pub-sub");
-const composite_editor_component_1 = require("@slickgrid-universal/composite-editor-component");
 const empty_warning_component_1 = require("@slickgrid-universal/empty-warning-component");
 const custom_footer_component_1 = require("@slickgrid-universal/custom-footer-component");
 const pagination_component_1 = require("@slickgrid-universal/pagination-component");
-const custom_tooltip_plugin_1 = require("@slickgrid-universal/custom-tooltip-plugin");
-const text_export_1 = require("@slickgrid-universal/text-export");
-const salesforce_global_grid_options_1 = require("../salesforce-global-grid-options");
 const universalContainer_service_1 = require("../services/universalContainer.service");
 class SlickVanillaGridBundle {
     /**
@@ -78,32 +73,17 @@ class SlickVanillaGridBundle {
         this.gridEventService = (_j = services === null || services === void 0 ? void 0 : services.gridEventService) !== null && _j !== void 0 ? _j : new common_1.GridEventService();
         this.sharedService = (_k = services === null || services === void 0 ? void 0 : services.sharedService) !== null && _k !== void 0 ? _k : new common_1.SharedService();
         this.collectionService = (_l = services === null || services === void 0 ? void 0 : services.collectionService) !== null && _l !== void 0 ? _l : new common_1.CollectionService(this.translaterService);
-        this.extensionUtility = (_m = services === null || services === void 0 ? void 0 : services.extensionUtility) !== null && _m !== void 0 ? _m : new common_1.ExtensionUtility(this.sharedService, this.translaterService);
+        this.extensionUtility = (_m = services === null || services === void 0 ? void 0 : services.extensionUtility) !== null && _m !== void 0 ? _m : new common_1.ExtensionUtility(this.sharedService, this.backendUtilityService, this.translaterService);
         this.filterFactory = new common_1.FilterFactory(slickgridConfig, this.translaterService, this.collectionService);
         this.filterService = (_o = services === null || services === void 0 ? void 0 : services.filterService) !== null && _o !== void 0 ? _o : new common_1.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 common_1.ResizerService(this._eventPubSubService);
         this.sortService = (_q = services === null || services === void 0 ? void 0 : services.sortService) !== null && _q !== void 0 ? _q : new common_1.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 common_1.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 common_1.PaginationService(this._eventPubSubService, this.sharedService, this.backendUtilityService);
-        // extensions
-        const autoTooltipExtension = new common_1.AutoTooltipExtension(this.sharedService);
-        const cellExternalCopyManagerExtension = new common_1.CellExternalCopyManagerExtension(this.extensionUtility, this.sharedService);
-        const cellMenuExtension = new common_1.CellMenuExtension(this.extensionUtility, this.sharedService, this.translaterService);
-        const contextMenuExtension = new common_1.ContextMenuExtension(this.extensionUtility, this._eventPubSubService, this.sharedService, this.treeDataService, this.translaterService);
-        const columnPickerExtension = new common_1.ColumnPickerExtension(this.extensionUtility, this.sharedService);
-        const checkboxExtension = new common_1.CheckboxSelectorExtension(this.sharedService);
-        const draggableGroupingExtension = new common_1.DraggableGroupingExtension(this.extensionUtility, this._eventPubSubService, this.sharedService);
-        const gridMenuExtension = new common_1.GridMenuExtension(this.extensionUtility, this.filterService, this._eventPubSubService, this.sharedService, this.sortService, this.backendUtilityService, this.translaterService);
-        const groupItemMetaProviderExtension = new common_1.GroupItemMetaProviderExtension(this.sharedService);
-        const headerButtonExtension = new common_1.HeaderButtonExtension(this.extensionUtility, this.sharedService);
-        const headerMenuExtension = new common_1.HeaderMenuExtension(this.extensionUtility, this.filterService, this._eventPubSubService, this.sharedService, this.sortService, this.translaterService);
-        const rowDetailViewExtension = new common_1.RowDetailViewExtension();
-        const rowMoveManagerExtension = new common_1.RowMoveManagerExtension(this.sharedService);
-        const rowSelectionExtension = new common_1.RowSelectionExtension(this.sharedService);
-        this.extensionService = (_t = services === null || services === void 0 ? void 0 : services.extensionService) !== null && _t !== void 0 ? _t : new common_1.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 common_1.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 common_1.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 common_1.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 common_1.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 common_1.GroupingAndColspanService(this.extensionUtility, this._eventPubSubService);
         if (hierarchicalDataset) {
             this.sharedService.hierarchicalDataset = (isDeepCopyDataOnPageLoadEnabled ? $.extend(true, [], hierarchicalDataset) : hierarchicalDataset) || [];
         }
@@ -334,7 +314,7 @@ 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 common_1.SlickGroupItemMetadataProvider();
                 this.sharedService.groupItemMetadataProvider = this.groupItemMetadataProvider;
                 dataViewOptions = { ...dataViewOptions, groupItemMetadataProvider: this.groupItemMetadataProvider };
             }
@@ -364,6 +344,7 @@ 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;
@@ -471,8 +452,7 @@ class SlickVanillaGridBundle {
         this._isGridInitialized = true;
     }
     mergeGridOptions(gridOptions) {
-        const extraOptions = (gridOptions.useSalesforceDefaultGridOptions || (this._gridOptions && this._gridOptions.useSalesforceDefaultGridOptions)) ? salesforce_global_grid_options_1.SalesforceGlobalGridOptions : {};
-        const options = $.extend(true, {}, common_1.GlobalGridOptions, extraOptions, gridOptions);
+        const options = $.extend(true, {}, common_1.GlobalGridOptions, gridOptions);
         // also make sure to show the header row if user have enabled filtering
         if (options.enableFiltering && !options.showHeaderRow) {
             options.showHeaderRow = options.enableFiltering;
@@ -524,20 +504,16 @@ 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) {
@@ -556,8 +532,7 @@ 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 });
@@ -567,8 +542,7 @@ 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 });
@@ -598,14 +572,12 @@ 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
@@ -616,8 +588,7 @@ 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();
@@ -625,8 +596,7 @@ 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;
             });
@@ -873,7 +843,7 @@ 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.
@@ -1079,13 +1049,6 @@ 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 text_export_1.TextExportService());
-        }
-        if (this.gridOptions.useSalesforceDefaultGridOptions) {
-            this._registeredResources.push(new custom_tooltip_plugin_1.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;
@@ -1107,14 +1070,6 @@ class SlickVanillaGridBundle {
         // also initialize (render) the empty warning component
         this.slickEmptyWarning = new empty_warning_component_1.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 composite_editor_component_1.SlickCompositeEditorComponent))) {
-                this.slickCompositeEditor = new composite_editor_component_1.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)) {