@adaptabletools/adaptable 17.0.0-canary.0 → 17.0.0-canary.10

package/src/agGrid/Adaptable.js

@@ -1,70 +1,73 @@
-import { CssClassManager, Events, Grid, GridApi, ModuleNames, ModuleRegistry, RowNode, } from '@ag-grid-community/core';
-import merge from 'lodash/merge';
-import debounce from 'lodash/debounce';
-import lodashIsEqual from 'lodash/isEqual';
-import throttle from 'lodash/throttle';
-import uniqBy from 'lodash/uniqBy';
-import * as React from 'react';
-import clamp from 'lodash/clamp';
-import { AdaptableApiImpl } from '../Api/Implementation/AdaptableApiImpl';
-import { FilterOnDataChangeOptions } from '../PredefinedConfig/Common/Enums';
-import { createUuid } from '../PredefinedConfig/Uuid';
-import { AdaptableStore, INIT_STATE } from '../Redux/Store/AdaptableStore';
-import * as GeneralConstants from '../Utilities/Constants/GeneralConstants';
-import { AB_SPECIAL_COLUMN, ADAPTABLE_ROW_ACTION_BUTTONS, AUTOGENERATED_PK_COLUMN, BLANK_DISTINCT_COLUMN_VALUE, DARK_THEME, HALF_SECOND, LIGHT_THEME, } from '../Utilities/Constants/GeneralConstants';
-import * as ModuleConstants from '../Utilities/Constants/ModuleConstants';
-import { NamedQueryModuleId } from '../Utilities/Constants/ModuleConstants';
-import { DefaultAdaptableOptions } from '../Utilities/Defaults/DefaultAdaptableOptions';
-import Emitter from '../Utilities/Emitter';
-import { ArrayExtensions } from '../Utilities/Extensions/ArrayExtensions';
-import { StringExtensions } from '../Utilities/Extensions/StringExtensions';
-import getScrollbarSize from '../Utilities/getScrollbarSize';
-import AdaptableHelper from '../Utilities/Helpers/AdaptableHelper';
-import { Helper } from '../Utilities/Helpers/Helper';
-import { createBaseContext, CreateEmptyCalculatedColumn, CreateEmptyFreeTextColumn, } from '../Utilities/ObjectFactory';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdaptableNoCodeWizard = exports.Adaptable = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@ag-grid-community/core");
+const merge_1 = tslib_1.__importDefault(require("lodash/merge"));
+const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
+const isEqual_1 = tslib_1.__importDefault(require("lodash/isEqual"));
+const throttle_1 = tslib_1.__importDefault(require("lodash/throttle"));
+const uniqBy_1 = tslib_1.__importDefault(require("lodash/uniqBy"));
+const React = tslib_1.__importStar(require("react"));
+const clamp_1 = tslib_1.__importDefault(require("lodash/clamp"));
+const AdaptableApiImpl_1 = require("../Api/Implementation/AdaptableApiImpl");
+const Enums_1 = require("../PredefinedConfig/Common/Enums");
+const Uuid_1 = require("../PredefinedConfig/Uuid");
+const AdaptableStore_1 = require("../Redux/Store/AdaptableStore");
+const GeneralConstants = tslib_1.__importStar(require("../Utilities/Constants/GeneralConstants"));
+const GeneralConstants_1 = require("../Utilities/Constants/GeneralConstants");
+const ModuleConstants = tslib_1.__importStar(require("../Utilities/Constants/ModuleConstants"));
+const ModuleConstants_1 = require("../Utilities/Constants/ModuleConstants");
+const DefaultAdaptableOptions_1 = require("../Utilities/Defaults/DefaultAdaptableOptions");
+const Emitter_1 = tslib_1.__importDefault(require("../Utilities/Emitter"));
+const ArrayExtensions_1 = require("../Utilities/Extensions/ArrayExtensions");
+const StringExtensions_1 = require("../Utilities/Extensions/StringExtensions");
+const getScrollbarSize_1 = tslib_1.__importDefault(require("../Utilities/getScrollbarSize"));
+const AdaptableHelper_1 = tslib_1.__importDefault(require("../Utilities/Helpers/AdaptableHelper"));
+const Helper_1 = require("../Utilities/Helpers/Helper");
+const ObjectFactory_1 = require("../Utilities/ObjectFactory");
 // services
-import { CalculatedColumnExpressionService } from '../Utilities/Services/CalculatedColumnExpressionService';
-import { DataService } from '../Utilities/Services/DataService';
-import { LicenseService } from '../Utilities/Services/LicenseService';
-import { TeamSharingService } from '../Utilities/Services/TeamSharingService';
-import { ReportService } from '../Utilities/Services/ReportService';
-import { ModuleService } from '../Utilities/Services/ModuleService';
-import { ValidationService } from '../Utilities/Services/ValidationService';
-import { EntitlementService } from '../Utilities/Services/EntitlementService';
-import { QueryLanguageService } from '../Utilities/Services/QueryLanguageService';
-import { AlertService } from '../Utilities/Services/AlertService';
-import { AdaptableApp } from '../View/AdaptableView';
-import AdaptableWizardView from '../View/AdaptableWizardView';
-import { getAdaptableToolPanelAgGridComponent } from '../View/Components/ToolPanel/AdaptableToolPanel';
-import UIHelper from '../View/UIHelper';
-import { ActionColumnRenderer, ReactActionColumnRenderer } from './ActionColumnRenderer';
-import { agGridHelper } from './agGridHelper';
-import { agGridMenuHelper } from './agGridMenuHelper';
+const CalculatedColumnExpressionService_1 = require("../Utilities/Services/CalculatedColumnExpressionService");
+const DataService_1 = require("../Utilities/Services/DataService");
+const LicenseService_1 = require("../Utilities/Services/LicenseService");
+const TeamSharingService_1 = require("../Utilities/Services/TeamSharingService");
+const ReportService_1 = require("../Utilities/Services/ReportService");
+const ModuleService_1 = require("../Utilities/Services/ModuleService");
+const ValidationService_1 = require("../Utilities/Services/ValidationService");
+const EntitlementService_1 = require("../Utilities/Services/EntitlementService");
+const QueryLanguageService_1 = require("../Utilities/Services/QueryLanguageService");
+const AlertService_1 = require("../Utilities/Services/AlertService");
+const AdaptableView_1 = require("../View/AdaptableView");
+const AdaptableWizardView_1 = tslib_1.__importDefault(require("../View/AdaptableWizardView"));
+const AdaptableToolPanel_1 = require("../View/Components/ToolPanel/AdaptableToolPanel");
+const UIHelper_1 = tslib_1.__importDefault(require("../View/UIHelper"));
+const ActionColumnRenderer_1 = require("./ActionColumnRenderer");
+const agGridHelper_1 = require("./agGridHelper");
+const agGridMenuHelper_1 = require("./agGridMenuHelper");
 // components
-import { FilterWrapperFactory } from './FilterWrapper';
-import { FloatingFilterWrapperFactory } from './FloatingFilterWrapper';
-import { convertAdaptableStyleToCSS, convertCSSAbsoluteFontSizeToPt, getVariableColor, normalizeStyleForAgGrid, sanitizeStyle, } from '../Utilities/Helpers/StyleHelper';
-import { AdaptableNumberEditor, ReactAdaptableNumberEditor } from './editors/AdaptableNumberEditor';
-import { AdaptableDateEditor, ReactAdaptableDateEditor } from './editors/AdaptableDateEditor';
-import { waitForCondition } from '../Utilities/waitForCondition';
-import publishTimestamp from '../../publishTimestamp';
-import { MetamodelService } from '../Utilities/Services/MetamodelService';
-import { AgGridModulesDocsLink, PrimaryKeyDocsLink, } from '../Utilities/Constants/DocumentationLinkConstants';
-import { CheckboxEditor } from './CheckboxRenderer';
-import { parseDateValue } from '../Utilities/Helpers/DateHelper';
-import { ADAPTABLE_STATUS_PANEL } from '../PredefinedConfig/StatusBarState';
-import { createAgStatusPanelComponent } from './createAgStatusPanelComponent';
-import { AdaptableStatusBar } from '../View/StatusBar/AdaptableStatusBar';
-import { RowEditService } from '../Utilities/Services/RowEditService';
-import { weightedAverage } from './weightedAverage';
-import { WEIGHTED_AVERAGE_AGG_FN_NAME, } from '../PredefinedConfig/Common/AggregationColumns';
-import { renderReactRoot as defaultRenderReactRoot } from '../renderReactRoot';
-import { ChartingService } from '../Utilities/Services/ChartingService';
-import { ThemeService } from '../Utilities/Services/ThemeService';
-import { AdaptableLogger } from './AdaptableLogger';
-import { attachColumnTypes } from './attachAddaptableColumnTypes';
-import { DateFormatter } from '../Utilities/Helpers/FormatHelper';
-import { Fdc3Service } from '../Utilities/Services/Fdc3Service';
+const FilterWrapper_1 = require("./FilterWrapper");
+const FloatingFilterWrapper_1 = require("./FloatingFilterWrapper");
+const StyleHelper_1 = require("../Utilities/Helpers/StyleHelper");
+const AdaptableNumberEditor_1 = require("./editors/AdaptableNumberEditor");
+const AdaptableDateEditor_1 = require("./editors/AdaptableDateEditor");
+const waitForCondition_1 = require("../Utilities/waitForCondition");
+const publishTimestamp_1 = tslib_1.__importDefault(require("../../publishTimestamp"));
+const MetamodelService_1 = require("../Utilities/Services/MetamodelService");
+const DocumentationLinkConstants_1 = require("../Utilities/Constants/DocumentationLinkConstants");
+const DateHelper_1 = require("../Utilities/Helpers/DateHelper");
+const StatusBarState_1 = require("../PredefinedConfig/StatusBarState");
+const createAgStatusPanelComponent_1 = require("./createAgStatusPanelComponent");
+const AdaptableStatusBar_1 = require("../View/StatusBar/AdaptableStatusBar");
+const RowEditService_1 = require("../Utilities/Services/RowEditService");
+const weightedAverage_1 = require("./weightedAverage");
+const AggregationColumns_1 = require("../PredefinedConfig/Common/AggregationColumns");
+const renderReactRoot_1 = require("../renderReactRoot");
+const ChartingService_1 = require("../Utilities/Services/ChartingService");
+const ThemeService_1 = require("../Utilities/Services/ThemeService");
+const AdaptableLogger_1 = require("./AdaptableLogger");
+const attachAddaptableColumnTypes_1 = require("./attachAddaptableColumnTypes");
+const FormatHelper_1 = require("../Utilities/Helpers/FormatHelper");
+const Fdc3Service_1 = require("../Utilities/Services/Fdc3Service");
 const tinycolor = require('tinycolor2');
 const GROUP_PATH_SEPARATOR = '/';
 // IMPORTANT - we need colId to be set in order for safeSetColDefs to work correctly
@@ -84,14 +87,14 @@ const assignColId = (colDef, logger) => {
         }
     }
 };
-const RowNodeProto = RowNode.prototype;
+const RowNodeProto = core_1.RowNode.prototype;
 const RowNode_dispatchLocalEvent = RowNodeProto.dispatchLocalEvent;
-const GridApi_setColumnDefs = GridApi.prototype.setColumnDefs;
+const GridApi_setColumnDefs = core_1.GridApi.prototype.setColumnDefs;
 ['addCssClass', 'removeCssClass', 'containsCssClass', 'addOrRemoveCssClass'].forEach((methodName) => {
     // @ts-ignore
-    const CssClassManager_originalMethod = CssClassManager.prototype[methodName];
+    const CssClassManager_originalMethod = core_1.CssClassManager.prototype[methodName];
     // @ts-ignore
-    CssClassManager.prototype[methodName] = function () {
+    core_1.CssClassManager.prototype[methodName] = function () {
         return this.getGui() ? CssClassManager_originalMethod.apply(this, arguments) : undefined;
     };
 });
@@ -108,7 +111,7 @@ RowNodeProto.dispatchLocalEvent = function (event) {
         // starting with AG Grid 26.1.0 the gridApi is wrapped in a Beans property
         const rowNodeApi = (_a = rowNode === null || rowNode === void 0 ? void 0 : rowNode.beans) === null || _a === void 0 ? void 0 : _a.gridApi;
         if (!rowNodeApi) {
-            AdaptableLogger.consoleErrorBase(`No GridAPI found in passed RowNode, this should never happen!`, rowNode);
+            AdaptableLogger_1.AdaptableLogger.consoleErrorBase(`No GridAPI found in passed RowNode, this should never happen!`, rowNode);
         }
         return rowNodeApi;
     };
@@ -147,7 +150,92 @@ const forEachColumn = (cols, fn, parentColGroup) => {
     });
 };
 const adaptableInstances = {};
-export class Adaptable {
+class Adaptable {
+    get isLive() {
+        return this.isInitialised && !this.isDestroyed;
+    }
+    /**
+     * Initializer for Adaptable
+     *
+     * @param adaptableOptions the AdaptableOptions
+     * @param agGridConfig AG Grid
+     * @returns a Promise containing the AdaptableAPI object in order to enable run-time access to Adaptable's properties and functions
+     */
+    static init(adaptableOptions, agGridConfig) {
+        var _a;
+        if (!((_a = agGridConfig === null || agGridConfig === void 0 ? void 0 : agGridConfig.modules) === null || _a === void 0 ? void 0 : _a.length)) {
+            AdaptableLogger_1.AdaptableLogger.consoleErrorBase(`No AG Grid modules were provided, thus limiting AdapTables features significantly!\n\nRead further info here:${DocumentationLinkConstants_1.AgGridModulesDocsLink}`);
+        }
+        return Adaptable.initInternal(adaptableOptions, Object.assign({}, agGridConfig));
+    }
+    /**
+     * Lazy static constructor for Adaptable
+     * Receives an AdaptableOptions object
+     * Returns a Promise containing the AdaptableAPI object in order to enable run-time access to Adaptable's properties and functions
+     * @param adaptableOptions an instance of AdaptableOptions
+     */
+    static async initInternal(adaptableOptions, runtimeConfig) {
+        let promise = null;
+        if (Array.isArray(adaptableOptions.plugins)) {
+            const agGridOptions = {
+                gridOptions: runtimeConfig.gridOptions,
+                modules: runtimeConfig.modules,
+            };
+            // do this
+            for (let plugin of adaptableOptions.plugins) {
+                promise =
+                    promise && promise.then
+                        ? promise.then(() => {
+                            return plugin.beforeInit(adaptableOptions, agGridOptions);
+                        })
+                        : plugin.beforeInit(adaptableOptions, agGridOptions);
+            }
+            // if gridOptions changed, we need to update the runtimeConfig
+            if (agGridOptions.gridOptions !== runtimeConfig.gridOptions) {
+                // This allows plugins to modify
+                runtimeConfig.gridOptions = agGridOptions.gridOptions;
+            }
+            // instead of
+            // if (Array.isArray(adaptableOptions.plugins)) {
+            //   for await (let plugin of adaptableOptions.plugins) {
+            //     await plugin.beforeInit(adaptableOptions);
+            //   }
+            // }
+            // because this await for of introduces too much delay
+        }
+        const doInit = (ab) => {
+            return ab.init(adaptableOptions, runtimeConfig, true).then((api) => {
+                if (Array.isArray(adaptableOptions.plugins)) {
+                    adaptableOptions.plugins.forEach((plugin) => {
+                        plugin.afterInit(ab);
+                    });
+                }
+                return api;
+            });
+        };
+        if (promise && promise.then) {
+            return promise.then(() => {
+                const ab = new Adaptable();
+                return doInit(ab);
+            });
+        }
+        else {
+            const ab = new Adaptable();
+            return doInit(ab);
+        }
+    }
+    static collectInstance(adaptable) {
+        adaptable._id = adaptable.adaptableOptions.adaptableId || (0, Uuid_1.createUuid)();
+        adaptableInstances[adaptable._id] = adaptable;
+    }
+    static forEachAdaptable(fn) {
+        Object.keys(adaptableInstances).forEach((key) => {
+            fn(adaptableInstances[key]);
+        });
+    }
+    static dismissInstance(adaptable) {
+        delete adaptableInstances[adaptable._id];
+    }
     constructor() {
         this.variant = 'vanilla';
         this.colDefPropertyCache = new Map();
@@ -180,8 +268,7 @@ export class Adaptable {
         };
         this._adaptableReady = false;
         this.isDestroyed = false;
-        this.supressReact18RenderWarning = false;
-        this.renderReactRoot = (node, container) => defaultRenderReactRoot(node, container, this.supressReact18RenderWarning);
+        this.renderReactRoot = (node, container) => (0, renderReactRoot_1.renderReactRoot)(node, container);
         this.isPluginLoaded = (pluginId) => {
             const plugins = this.adaptableOptions.plugins || [];
             for (let i = 0, len = plugins.length; i < len; i++) {
@@ -195,42 +282,42 @@ export class Adaptable {
         this.isAgGridReady = () => {
             var _a, _b;
             const waitTimeout = (_b = (_a = this.adaptableOptions.containerOptions) === null || _a === void 0 ? void 0 : _a.agGridContainerWaitTimeout) !== null && _b !== void 0 ? _b : 60000;
-            return waitForCondition(() => !!this.gridOptions.api, waitTimeout);
+            return (0, waitForCondition_1.waitForCondition)(() => !!this.gridOptions.api, waitTimeout);
         };
         // debounced methods
-        this.debouncedSetColumnIntoStore = debounce(() => {
+        this.debouncedSetColumnIntoStore = (0, debounce_1.default)(() => {
             if (this.isDestroyed || !this.gridOptions.api) {
                 return;
             }
             this.updateColumnsIntoStore();
-        }, HALF_SECOND);
-        this.debouncedSaveGridLayout = debounce(() => {
+        }, GeneralConstants_1.HALF_SECOND);
+        this.debouncedSaveGridLayout = (0, debounce_1.default)(() => {
             if (this.isDestroyed || !this.gridOptions.api) {
                 return;
             }
             this.updateLayoutFromGrid();
-        }, HALF_SECOND);
-        this.debouncedSetSelectedCells = debounce(() => {
+        }, GeneralConstants_1.HALF_SECOND);
+        this.debouncedSetSelectedCells = (0, debounce_1.default)(() => {
             if (this.isDestroyed || !this.gridOptions.api) {
                 return;
             }
             this.setSelectedCells();
         }, 250);
-        this.debouncedSetSelectedRows = debounce(() => {
+        this.debouncedSetSelectedRows = (0, debounce_1.default)(() => {
             if (this.isDestroyed || !this.gridOptions.api) {
                 return;
             }
             this.setSelectedRows();
-        }, HALF_SECOND);
-        this.debouncedFilterGrid = debounce((callback = () => { }) => {
+        }, GeneralConstants_1.HALF_SECOND);
+        this.debouncedFilterGrid = (0, debounce_1.default)((callback = () => { }) => {
             if (this.isDestroyed || !this.gridOptions.api) {
                 return;
             }
-            this.applyGridFiltering();
+            this.applyColumnFiltering();
             if (callback) {
                 callback();
             }
-        }, HALF_SECOND);
+        }, GeneralConstants_1.HALF_SECOND);
         /**
          * This creates a clone of the current column definitions. If config.removeEmpty is true, will also remove empty column groups
          *
@@ -269,115 +356,11 @@ export class Adaptable {
         };
         // (global as any).adaptable = this;
     }
-    get isLive() {
-        return this.isInitialised && !this.isDestroyed;
-    }
-    /**
-     * Initializer for Adaptable
-     *
-     * @param adaptableOptions the AdaptableOptions
-     * @param agGridConfig AG Grid
-     * @returns a Promise containing the AdaptableAPI object in order to enable run-time access to Adaptable's properties and functions
-     */
-    static init(adaptableOptions, agGridConfig) {
-        var _a;
-        if (!((_a = agGridConfig === null || agGridConfig === void 0 ? void 0 : agGridConfig.modules) === null || _a === void 0 ? void 0 : _a.length)) {
-            AdaptableLogger.consoleErrorBase(`No AG Grid modules were provided, thus limiting AdapTables features significantly!\n\nRead further info here:${AgGridModulesDocsLink}`);
-        }
-        return Adaptable.initInternal(adaptableOptions, Object.assign(Object.assign({}, agGridConfig), { supressReact18RenderWarning: true }));
-    }
-    /**
-     * Lazy static constructor for Adaptable
-     * Receives an AdaptableOptions object
-     * Returns a Promise containing the AdaptableAPI object in order to enable run-time access to Adaptable's properties and functions
-     * @param adaptableOptions an instance of AdaptableOptions
-     */
-    static async initInternal(adaptableOptions, runtimeConfig) {
-        let promise = null;
-        if (Array.isArray(adaptableOptions.plugins)) {
-            const agGridOptions = {
-                gridOptions: runtimeConfig.gridOptions,
-                modules: runtimeConfig.modules,
-            };
-            // do this
-            for (let plugin of adaptableOptions.plugins) {
-                promise =
-                    promise && promise.then
-                        ? promise.then(() => {
-                            return plugin.beforeInit(adaptableOptions, agGridOptions);
-                        })
-                        : plugin.beforeInit(adaptableOptions, agGridOptions);
-            }
-            // if gridOptions changed, we need to update the runtimeConfig
-            if (agGridOptions.gridOptions !== runtimeConfig.gridOptions) {
-                // This allows plugins to modify
-                runtimeConfig.gridOptions = agGridOptions.gridOptions;
-            }
-            // instead of
-            // if (Array.isArray(adaptableOptions.plugins)) {
-            //   for await (let plugin of adaptableOptions.plugins) {
-            //     await plugin.beforeInit(adaptableOptions);
-            //   }
-            // }
-            // because this await for of introduces too much delay
-        }
-        const doInit = (ab) => {
-            return ab.init(adaptableOptions, runtimeConfig, true).then((api) => {
-                if (Array.isArray(adaptableOptions.plugins)) {
-                    adaptableOptions.plugins.forEach((plugin) => {
-                        plugin.afterInit(ab);
-                    });
-                }
-                return api;
-            });
-        };
-        if (promise && promise.then) {
-            return promise.then(() => {
-                const ab = new Adaptable();
-                return doInit(ab);
-            });
-        }
-        else {
-            const ab = new Adaptable();
-            return doInit(ab);
-        }
-    }
-    static collectInstance(adaptable) {
-        adaptable._id = adaptable.adaptableOptions.adaptableId || createUuid();
-        adaptableInstances[adaptable._id] = adaptable;
-    }
-    static forEachAdaptable(fn) {
-        Object.keys(adaptableInstances).forEach((key) => {
-            fn(adaptableInstances[key]);
-        });
-    }
-    static dismissInstance(adaptable) {
-        delete adaptableInstances[adaptable._id];
-    }
     // the 'old' constructor which takes an Adaptable adaptable object
     // this is still used internally but should not be used externally as a preference
     async init(adaptableOptions, runtimeConfig, _staticInit) {
-        this.logger = new AdaptableLogger(adaptableOptions.adaptableId || String(Date.now()));
+        this.logger = new AdaptableLogger_1.AdaptableLogger(adaptableOptions.adaptableId || String(Date.now()));
         const perfAdaptableInit = this.logger.beginPerf(`Adaptable init()`);
-        this.supressReact18RenderWarning = !!runtimeConfig.supressReact18RenderWarning;
-        if (runtimeConfig.renderReactRoot) {
-            this.renderReactRoot = (el, container) => {
-                const unmount = runtimeConfig.renderReactRoot(el, container);
-                return () => {
-                    // we used to capture here because of FloatingFilters/Filters - see FloatingFilterWrapper and FilterWrapper
-                    // as we didn't have a native React implementation for our React wrapper
-                    // but we might need to do this again in the future for some other components that are not native React
-                    // captureReactWarnings();
-                    if (typeof unmount === 'function') {
-                        // rAF is required, otherwise the unmount would be performed during the rendering phase and React doesn't like that
-                        requestAnimationFrame(() => {
-                            unmount();
-                        });
-                    }
-                    // releaseReactWarnings();
-                };
-            };
-        }
         if (runtimeConfig.variant) {
             this.variant = runtimeConfig.variant;
         }
@@ -389,19 +372,19 @@ export class Adaptable {
 !!!!!!! Use const api = await Adaptable.init(adaptableOptions) instead.
 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!`);
         }
-        this.emitter = new Emitter();
+        this.emitter = new Emitter_1.default();
         this.runtimeConfig = runtimeConfig;
         this.gridOptions = this.runtimeConfig.gridOptions;
         this._rawAdaptableOptions = adaptableOptions;
         // we create AdaptableOptions by merging the values provided by the user with the defaults (where no value has been set)
-        this.adaptableOptions = AdaptableHelper.assignAdaptableOptions(adaptableOptions);
+        this.adaptableOptions = AdaptableHelper_1.default.assignAdaptableOptions(adaptableOptions);
         if (this.hasAutogeneratedPrimaryKey()) {
             this.logger
                 .warn(`Autogenerated primary key (adaptableOptions.autogeneratedPrimaryKey = TRUE) should be used only as a last resort,
       when no unique column is available, as it limits some Adaptable functionalities!
 
-      For more details see: ${PrimaryKeyDocsLink}`);
-            this.adaptableOptions.primaryKey = AUTOGENERATED_PK_COLUMN;
+      For more details see: ${DocumentationLinkConstants_1.PrimaryKeyDocsLink}`);
+            this.adaptableOptions.primaryKey = GeneralConstants_1.AUTOGENERATED_PK_COLUMN;
         }
         Adaptable.collectInstance(this);
         if (this.gridOptions.allowContextMenuWithControlKey === undefined) {
@@ -412,13 +395,13 @@ export class Adaptable {
         this.forPlugins((plugin) => plugin.afterInitOptions(this, this.adaptableOptions));
         this.registerAdaptableAggFuncs();
         // get the api ready
-        this.api = new AdaptableApiImpl(this);
+        this.api = new AdaptableApiImpl_1.AdaptableApiImpl(this);
         this.forPlugins((plugin) => plugin.afterInitApi(this, this.api));
         // data source needs to be created early
-        this.DataService = new DataService(this);
+        this.DataService = new DataService_1.DataService(this);
         // set up the ag Grid helper and menu helper
-        this.agGridHelper = new agGridHelper(this, this.gridOptions);
-        this.agGridMenuHelper = new agGridMenuHelper(this, this.gridOptions);
+        this.agGridHelper = new agGridHelper_1.agGridHelper(this, this.gridOptions);
+        this.agGridMenuHelper = new agGridMenuHelper_1.agGridMenuHelper(this, this.gridOptions);
         // Build the default group sort comparator - will get custom sort values (but not functions) in real time
         // TODO: if  a custom 'aggFunc' property is defined (see setupColumnAggFunc()), it won't be evaluated
         if (this.adaptableOptions.groupingOptions.autoOrderGroupedColumns) {
@@ -435,20 +418,20 @@ export class Adaptable {
         this.initStore();
         // create the services
         this.LicenseService = this.initLicenseService();
-        this.ChartingService = new ChartingService(this.api);
-        this.ThemeService = new ThemeService(this.api);
-        this.ValidationService = new ValidationService(this.api);
-        this.ReportService = new ReportService(this.api);
-        this.ModuleService = new ModuleService(this.api);
-        this.CalculatedColumnExpressionService = new CalculatedColumnExpressionService(this.api);
-        this.EntitlementService = new EntitlementService(this.api);
-        this.QueryLanguageService = new QueryLanguageService(this.api);
-        this.AlertService = new AlertService(this.api);
-        this.TeamSharingService = new TeamSharingService(this.api);
-        this.Fdc3Service = new Fdc3Service(this.api);
+        this.ChartingService = new ChartingService_1.ChartingService(this.api);
+        this.ThemeService = new ThemeService_1.ThemeService(this.api);
+        this.ValidationService = new ValidationService_1.ValidationService(this.api);
+        this.ReportService = new ReportService_1.ReportService(this.api);
+        this.ModuleService = new ModuleService_1.ModuleService(this.api);
+        this.CalculatedColumnExpressionService = new CalculatedColumnExpressionService_1.CalculatedColumnExpressionService(this.api);
+        this.EntitlementService = new EntitlementService_1.EntitlementService(this.api);
+        this.QueryLanguageService = new QueryLanguageService_1.QueryLanguageService(this.api);
+        this.AlertService = new AlertService_1.AlertService(this.api);
+        this.TeamSharingService = new TeamSharingService_1.TeamSharingService(this.api);
+        this.Fdc3Service = new Fdc3Service_1.Fdc3Service(this.api);
         // @ts-ignore
-        this.RowEditService = new RowEditService(this.api);
-        this.MetamodelService = new MetamodelService(() => this.api.optionsApi.getAdaptableOptions());
+        this.RowEditService = new RowEditService_1.RowEditService(this.api);
+        this.MetamodelService = new MetamodelService_1.MetamodelService(() => this.api.optionsApi.getAdaptableOptions());
         // validate the provided AdaptableOptions
         this.MetamodelService.validateAdaptableOptionsValues();
         this.forPlugins((plugin) => plugin.afterInitServices(this));
@@ -461,14 +444,14 @@ export class Adaptable {
             this.gridOptions.api.__adaptable = this;
         }
         this.gridOptions.columnTypes = this.gridOptions.columnTypes || {};
-        attachColumnTypes(this.gridOptions);
+        (0, attachAddaptableColumnTypes_1.attachColumnTypes)(this.gridOptions);
         if (this.gridOptions.columnTypes.abColDefNumber.cellEditor === undefined) {
             this.gridOptions.columnTypes.abColDefNumber.cellEditor =
-                this.variant === 'react' ? ReactAdaptableNumberEditor : AdaptableNumberEditor;
+                this.variant === 'react' ? AdaptableNumberEditor_1.ReactAdaptableNumberEditor : AdaptableNumberEditor_1.AdaptableNumberEditor;
         }
         if (this.gridOptions.columnTypes.abColDefDate.cellEditor === undefined) {
             this.gridOptions.columnTypes.abColDefDate.cellEditor =
-                this.variant === 'react' ? ReactAdaptableDateEditor : AdaptableDateEditor;
+                this.variant === 'react' ? AdaptableDateEditor_1.ReactAdaptableDateEditor : AdaptableDateEditor_1.AdaptableDateEditor;
         }
         return this.initializeAgGrid().then((initialized) => {
             if (!initialized) {
@@ -501,7 +484,7 @@ export class Adaptable {
                 const perfInitInternalGridLogic = this.logger.beginPerf('InitInternalGridLogic');
                 this.initInternalGridLogic();
                 perfInitInternalGridLogic.end();
-                AdaptableHelper.checkValidPrimaryKey(this);
+                AdaptableHelper_1.default.checkValidPrimaryKey(this);
             }, (e) => {
                 this.logger.error('Failed to Init Modules : ', e);
                 // for now we initialize the grid even if initialising Modules has failed (perhaps revisit this?)
@@ -517,16 +500,16 @@ export class Adaptable {
             }
             if (this.abContainerElement != null) {
                 this.abContainerElement.innerHTML = '';
-                this.unmountReactRoot = this.renderReactRoot(AdaptableApp({ Adaptable: this }), this.abContainerElement);
+                this.unmountReactRoot = this.renderReactRoot((0, AdaptableView_1.AdaptableApp)({ Adaptable: this }), this.abContainerElement);
             }
             // create debounce methods that take a time based on user settings
-            this.throttleFilterOnEditDataChange = throttle(
+            this.throttleFilterOnEditDataChange = (0, throttle_1.default)(
             // the extra function is to make sure we have a reference to ag-grid-api
             () => this.gridOptions.api.onFilterChanged(), this.adaptableOptions.columnFilterOptions.filterActionOnUserDataChange.throttleDelay, {
                 trailing: true,
                 leading: false,
             });
-            this.throttleFilterOnTickingDataChange = throttle(() => this.gridOptions.api.onFilterChanged(), this.adaptableOptions.columnFilterOptions.filterActionOnExternalDataChange.throttleDelay, {
+            this.throttleFilterOnTickingDataChange = (0, throttle_1.default)(() => this.gridOptions.api.onFilterChanged(), this.adaptableOptions.columnFilterOptions.filterActionOnExternalDataChange.throttleDelay, {
                 trailing: true,
                 leading: false,
             });
@@ -571,12 +554,12 @@ export class Adaptable {
     }
     initStore() {
         const perfNewAdaptableStore = this.logger.beginPerf(`new AdaptableStore()`);
-        this.adaptableStore = new AdaptableStore(this, this.isAgGridReady());
+        this.adaptableStore = new AdaptableStore_1.AdaptableStore(this, this.isAgGridReady());
         perfNewAdaptableStore.end();
         this.adaptableStore.onAny((eventName, data) => {
             this.performAudit(data.action, data.state, data.newState);
             this.forPlugins((plugin) => plugin.onStoreEvent(eventName, data, this.adaptableStore));
-            if (eventName == INIT_STATE) {
+            if (eventName == AdaptableStore_1.INIT_STATE) {
                 const perfInitState = this.logger.beginPerf('InitState');
                 const perfUpdateOldConfig = this.logger.beginPerf('updateOldConfig()');
                 this.adaptableModules.forEach((m) => m.updateOldConfig());
@@ -644,7 +627,7 @@ export class Adaptable {
         const adaptableSideBarDef = this.createAdaptableSideBarDef();
         if (!!adaptableSideBarDef) {
             this.gridOptions.components = this.gridOptions.components || {};
-            this.gridOptions.components.AdaptableToolPanel = getAdaptableToolPanelAgGridComponent(this);
+            this.gridOptions.components.AdaptableToolPanel = (0, AdaptableToolPanel_1.getAdaptableToolPanelAgGridComponent)(this);
         }
         if (this.agGridHelper.isSideBarDefObject(adaptableSideBarDef)) {
             this.setGridOptionsProperty('sideBar', () => {
@@ -700,7 +683,7 @@ export class Adaptable {
         if ((_a = this.runtimeConfig.modules) === null || _a === void 0 ? void 0 : _a.length) {
             gridParams = { modules: this.runtimeConfig.modules };
         }
-        grid = new Grid(agGridContainer, this.gridOptions, gridParams);
+        grid = new core_1.Grid(agGridContainer, this.gridOptions, gridParams);
         perfAgGridInstance.end();
         // add our adaptable object to the grid options api object
         // this is VERY useful for when we need to access Adaptable inside of agGrid only functions
@@ -798,12 +781,12 @@ export class Adaptable {
         this.setGridOptionsProperty('statusBar', (originalStatusBar) => {
             var _a, _b;
             const statusPanels = (_b = ((_a = originalStatusBar === null || originalStatusBar === void 0 ? void 0 : originalStatusBar.statusPanels) !== null && _a !== void 0 ? _a : [])) === null || _b === void 0 ? void 0 : _b.map((statusPanel) => {
-                if (statusPanel.statusPanel === ADAPTABLE_STATUS_PANEL) {
+                if (statusPanel.statusPanel === StatusBarState_1.ADAPTABLE_STATUS_PANEL) {
                     adaptableStatusPanelKeys.push(statusPanel.key);
                     const context = {
                         Key: statusPanel.key,
                     };
-                    return Object.assign(Object.assign({}, statusPanel), { statusPanel: createAgStatusPanelComponent(AdaptableStatusBar, this, context) });
+                    return Object.assign(Object.assign({}, statusPanel), { statusPanel: (0, createAgStatusPanelComponent_1.createAgStatusPanelComponent)(AdaptableStatusBar_1.AdaptableStatusBar, this, context) });
                 }
                 return statusPanel;
             });
@@ -823,25 +806,25 @@ export class Adaptable {
     }
     filterOnEditDataChange() {
         if (this.adaptableOptions.columnFilterOptions.filterActionOnUserDataChange.applyFilter ==
-            FilterOnDataChangeOptions.Always) {
+            Enums_1.FilterOnDataChangeOptions.Always) {
             this.gridOptions.api.onFilterChanged();
         }
         else if (this.adaptableOptions.columnFilterOptions.filterActionOnUserDataChange.applyFilter ==
-            FilterOnDataChangeOptions.Throttle) {
+            Enums_1.FilterOnDataChangeOptions.Throttle) {
             this.throttleFilterOnEditDataChange();
         }
     }
     filterOnTickingDataChange() {
         if (this.adaptableOptions.columnFilterOptions.filterActionOnExternalDataChange.applyFilter ==
-            FilterOnDataChangeOptions.Always) {
+            Enums_1.FilterOnDataChangeOptions.Always) {
             this.gridOptions.api.onFilterChanged();
         }
         else if (this.adaptableOptions.columnFilterOptions.filterActionOnExternalDataChange.applyFilter ==
-            FilterOnDataChangeOptions.Throttle) {
+            Enums_1.FilterOnDataChangeOptions.Throttle) {
             this.throttleFilterOnTickingDataChange();
         }
     }
-    applyGridFiltering() {
+    applyColumnFiltering() {
         if (this.api.columnFilterApi.isQuickFilterAvailable()) {
             if (this.api.columnFilterApi.isQuickFilterVisible()) {
                 this.showQuickFilter();
@@ -850,11 +833,14 @@ export class Adaptable {
                 this.hideQuickFilter();
             }
         }
+        this.applyGridFiltering();
+        this.updateColumnFilterActiveState();
+    }
+    applyGridFiltering() {
         this.gridOptions.api.onFilterChanged();
-        this._emit('GridFiltered');
+        this._emit('AdapTableFiltersApplied');
         this.setSelectedCells();
         this.setSelectedRows();
-        this.updateColumnFilterActiveState();
     }
     isGroupRowNode(rowNode) {
         if (!rowNode) {
@@ -886,12 +872,12 @@ export class Adaptable {
         }
         return false;
     }
-    clearGridFiltering() {
+    clearColumnFiltering() {
         this.gridOptions.columnApi.getColumns().forEach((c) => {
             this.gridOptions.api.destroyFilter(c);
         });
     }
-    clearColumnFiltering(columnIds) {
+    clearColumnFilteringForColumns(columnIds) {
         columnIds.forEach((c) => {
             const column = this.gridOptions.columnApi
                 .getColumns()
@@ -901,7 +887,7 @@ export class Adaptable {
             }
         });
     }
-    hideFilterForm() {
+    hideColumnFilterForm() {
         if (this.hideFilterFormPopup) {
             this.hideFilterFormPopup();
         }
@@ -1007,7 +993,7 @@ export class Adaptable {
                  * Color should always be in bounds, it should not overflow.
                  * If the value is out of range, it shoul set the maximum/minimum color.
                  */
-                colValue = clamp(params.value, minColumnValue, maxColumnValue);
+                colValue = (0, clamp_1.default)(params.value, minColumnValue, maxColumnValue);
             }
             else {
                 return style;
@@ -1034,7 +1020,7 @@ export class Adaptable {
             if (reverseGradient) {
                 alpha = 1 - alpha;
             }
-            const preparedColor = getVariableColor(cellBackColor);
+            const preparedColor = (0, StyleHelper_1.getVariableColor)(cellBackColor);
             // if no range match, do not apply color (black in this case)
             if (cellBackColor) {
                 style.backgroundColor = tinycolor(preparedColor).setAlpha(alpha).toRgbString();
@@ -1103,7 +1089,7 @@ export class Adaptable {
                 return this.convertAdaptableStyleToCSS(highlightCell);
             }
             return {
-                backgroundColor: UIHelper.getColorByMessageType(alert.alertDefinition.MessageType),
+                backgroundColor: UIHelper_1.default.getColorByMessageType(alert.alertDefinition.MessageType),
             };
         }
     }
@@ -1131,7 +1117,7 @@ export class Adaptable {
             return typeof highlightRow === 'object'
                 ? this.convertAdaptableStyleToCSS(highlightRow)
                 : {
-                    backgroundColor: UIHelper.getColorByMessageType(alert.alertDefinition.MessageType),
+                    backgroundColor: UIHelper_1.default.getColorByMessageType(alert.alertDefinition.MessageType),
                 };
         }
         return null;
@@ -1215,7 +1201,7 @@ export class Adaptable {
     }
     getQuickSearchCellStyle() {
         const quickSearchStyle = this.api.quickSearchApi.getQuickSearchStyle();
-        if (!quickSearchStyle || StringExtensions.IsNotNullOrEmpty(quickSearchStyle.ClassName)) {
+        if (!quickSearchStyle || StringExtensions_1.StringExtensions.IsNotNullOrEmpty(quickSearchStyle.ClassName)) {
             return undefined;
         }
         return this.convertAdaptableStyleToCSS(quickSearchStyle);
@@ -1262,7 +1248,7 @@ export class Adaptable {
     }
     isQuickSearchActive(gridCell, params) {
         let quickSearchValue = this.api.quickSearchApi.getQuickSearchValue();
-        if (StringExtensions.IsNullOrEmpty(quickSearchValue)) {
+        if (StringExtensions_1.StringExtensions.IsNullOrEmpty(quickSearchValue)) {
             return false;
         }
         if (gridCell.column.isExcludedFromQuickSearch) {
@@ -1285,16 +1271,16 @@ export class Adaptable {
             gridCell.displayValue = params.value;
         }
         const ignoreCase = !this.adaptableOptions.quickSearchOptions.runQuickSearchWithCaseSensitivity;
-        const v = ignoreCase
+        const displayValue = ignoreCase
             ? String(gridCell.displayValue).toLocaleLowerCase()
             : String(gridCell.displayValue);
         const i = ignoreCase ? String(quickSearchValue).toLocaleLowerCase() : String(quickSearchValue);
-        const applyQuickSearchFunction = this.adaptableOptions.quickSearchOptions.shouldApplyQuickSearch;
+        const applyQuickSearchFunction = this.adaptableOptions.quickSearchOptions.runBespokeQuickSearch;
         if (applyQuickSearchFunction) {
-            const quickSearchContext = Object.assign(Object.assign({}, createBaseContext(this.api)), { gridCell, quickSearchValue: quickSearchValue });
+            const quickSearchContext = Object.assign(Object.assign({}, (0, ObjectFactory_1.createBaseContext)(this.api)), { gridCell, quickSearchValue: quickSearchValue });
             return applyQuickSearchFunction(quickSearchContext);
         }
-        return v.indexOf(i) !== -1;
+        return displayValue.indexOf(i) !== -1;
     }
     getPrimaryKeyValueFromRowNode(rowNode) {
         var _a;
@@ -1477,7 +1463,7 @@ export class Adaptable {
                         colDef === null || colDef === void 0 ? void 0 : colDef.defaultAggFunc) !== null && _e !== void 0 ? _e : 'sum';
                 }
                 else if (adaptableAggFunc && adaptableAggFunc.type === 'weightedAverage') {
-                    aggFunc = WEIGHTED_AVERAGE_AGG_FN_NAME;
+                    aggFunc = AggregationColumns_1.WEIGHTED_AVERAGE_AGG_FN_NAME;
                 }
                 else if (typeof aggFuncFromLayout === 'string') {
                     aggFunc = aggFuncFromLayout;
@@ -1492,7 +1478,7 @@ export class Adaptable {
                 newColState.sort = null;
                 newColState.sortIndex = null;
             }
-            isChanged = isChanged || !lodashIsEqual(newColState, oldColState);
+            isChanged = isChanged || !(0, isEqual_1.default)(newColState, oldColState);
             return newColState;
         })
             .filter((x) => !!x);
@@ -1541,12 +1527,6 @@ export class Adaptable {
             shouldUpdateHeaders = this.setupColumnHeader(colSetupInfo) || shouldUpdateHeaders;
         });
         isChanged = isChanged || shouldUpdateHeaders;
-        // this is NOT really needed?!
-        // without it everything seem to still work as expected
-        // and the setLayout() execution time is shorter, so a double win
-        // if (ArrayExtensions.IsNotNullOrEmpty(layout.ColumnFilters)) {
-        //   this.gridOptions.api!.onFilterChanged();
-        // }
         if (isChanged) {
             // it's important we set pivot mode
             // before we set column state
@@ -1640,7 +1620,7 @@ export class Adaptable {
             layout = this.api.layoutApi.getCurrentLayout();
         }
         if (this.api.layoutApi.internalApi.areExpandedRowGroupsSavedInLayouts() &&
-            ArrayExtensions.IsNotNullOrEmpty(layout.ExpandedRowGroupValues)) {
+            ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(layout.ExpandedRowGroupValues)) {
             this.expandRowGroupsForValues(layout.ExpandedRowGroupValues);
         }
         if (this.adaptableOptions.layoutOptions.displayRowGroups === 'expanded') {
@@ -1817,7 +1797,7 @@ export class Adaptable {
             //  dont perform row selection in pivot mode
             return undefined;
         }
-        if (ArrayExtensions.IsNotNullOrEmpty(nodes)) {
+        if (ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(nodes)) {
             nodes.forEach((node) => {
                 const rowInfo = {
                     isMaster: !!(node.master != null && node.master == true),
@@ -1891,51 +1871,36 @@ export class Adaptable {
         });
         return returnValues;
     }
-    getDistinctValuesForColumn(column, visibleRowsOnly, skipRowNode, permittedValues) {
-        let returnValues = [];
-        // this function does NOT look up for server values but actually it should...
-        // that is currently commented out in the column api function (previously in filter form)
-        permittedValues =
-            permittedValues !== null && permittedValues !== void 0 ? permittedValues : this.api.userInterfaceApi.getPermittedValuesForColumn(column);
-        if (ArrayExtensions.IsNotNull(permittedValues)) {
-            returnValues = permittedValues.map((pv) => {
-                return {
-                    rawValue: pv,
-                    displayValue: pv,
-                    normalisedValue: pv,
-                    columnId: column.columnId,
-                    column: column,
-                    rowNode: undefined,
-                    isPivotCell: false,
-                    isRowGroupCell: false,
-                };
+    getDistinctGridCellsForColumn(column, distinctValuesParams) {
+        let gridCells = [];
+        if (distinctValuesParams.visibleRowsOnly) {
+            this.gridOptions.api.forEachNodeAfterFilter((rowNode) => {
+                const gridCell = this.addDistinctColumnValue(rowNode, column.columnId);
+                if (gridCell &&
+                    gridCell.rawValue != undefined &&
+                    gridCell.rowNode !== distinctValuesParams.skipRowNode) {
+                    gridCells.push(gridCell);
+                }
             });
         }
         else {
-            if (visibleRowsOnly) {
-                this.gridOptions.api.forEachNodeAfterFilter((rowNode) => {
-                    const gridCell = this.addDistinctColumnValue(rowNode, column.columnId);
-                    if (gridCell && gridCell.rawValue != undefined && gridCell.rowNode !== skipRowNode) {
-                        returnValues.push(gridCell);
-                    }
-                });
-            }
-            else {
-                this.gridOptions.api.forEachNode((rowNode) => {
-                    const gridCell = this.addDistinctColumnValue(rowNode, column.columnId);
-                    if (gridCell && gridCell.rowNode !== skipRowNode) {
-                        if (gridCell.rawValue == undefined &&
-                            this.adaptableOptions.columnFilterOptions.includeBlankFilterValues) {
-                            gridCell.rawValue = BLANK_DISTINCT_COLUMN_VALUE;
-                            gridCell.displayValue = BLANK_DISTINCT_COLUMN_VALUE;
-                            gridCell.normalisedValue = BLANK_DISTINCT_COLUMN_VALUE;
-                        }
-                        returnValues.push(gridCell);
+            this.gridOptions.api.forEachNode((rowNode) => {
+                const gridCell = this.addDistinctColumnValue(rowNode, column.columnId);
+                if (gridCell && gridCell.rowNode !== distinctValuesParams.skipRowNode) {
+                    if (gridCell.rawValue == undefined &&
+                        this.adaptableOptions.columnFilterOptions.valuesFilterOptions.includeBlankFilterValues) {
+                        gridCell.rawValue = GeneralConstants_1.BLANK_DISTINCT_COLUMN_VALUE;
+                        gridCell.displayValue = GeneralConstants_1.BLANK_DISTINCT_COLUMN_VALUE;
+                        gridCell.normalisedValue = GeneralConstants_1.BLANK_DISTINCT_COLUMN_VALUE;
                     }
-                });
-            }
+                    gridCells.push(gridCell);
+                }
+            });
         }
-        let uniqueVals = uniqBy(returnValues, (dataItem) => {
+        return gridCells;
+    }
+    getUniqueGridCells(column, gridCells) {
+        let uniqueVals = (0, uniqBy_1.default)(gridCells, (dataItem) => {
             const value = dataItem.rawValue;
             if (value instanceof Date) {
                 return value.toISOString();
@@ -1943,13 +1908,40 @@ export class Adaptable {
             return value;
         });
         if (column.dataType == 'String' && this.api.predicateApi.useCaseSensitivity()) {
-            uniqueVals = uniqBy(uniqueVals, (d) => d.displayValue.toLowerCase());
+            uniqueVals = (0, uniqBy_1.default)(uniqueVals, (d) => d.displayValue.toLowerCase());
         }
-        return uniqueVals.slice(0, this.adaptableOptions.columnFilterOptions.maxFilterValuesToDisplay);
+        return uniqueVals.slice(0, this.adaptableOptions.columnFilterOptions.valuesFilterOptions.maxFilterValuesToDisplay);
     }
-    async getDistinctFilterValuesForColumn(column, visibleRowsOnly, filter, skipRowNode) {
+    getGridCellsForPermittedValues(column, distinctValuesParams) {
         var _a;
-        const permittedValues = (_a = this.api.userInterfaceApi.getFilterPermittedValuesForColumn(column)) !== null && _a !== void 0 ? _a : {
+        let gridCells = [];
+        const permittedValues = (_a = distinctValuesParams.permittedValues) !== null && _a !== void 0 ? _a : this.api.userInterfaceApi.getPermittedValuesForColumn(column);
+        if (ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(permittedValues)) {
+            gridCells = permittedValues.map((pv) => {
+                return {
+                    rawValue: pv,
+                    displayValue: pv,
+                    normalisedValue: pv,
+                    columnId: column.columnId,
+                    column: column,
+                    rowNode: undefined,
+                    isPivotCell: false,
+                    isRowGroupCell: false,
+                };
+            });
+            return gridCells;
+        }
+    }
+    getDistinctValuesForColumn(column, distinctValuesParams) {
+        let gridCells = this.getGridCellsForPermittedValues(column, distinctValuesParams);
+        if (ArrayExtensions_1.ArrayExtensions.IsNullOrEmpty(gridCells)) {
+            gridCells = this.getDistinctGridCellsForColumn(column, distinctValuesParams);
+        }
+        return this.getUniqueGridCells(column, gridCells);
+    }
+    async getDistinctFilterListValuesForColumn(column, filter, distinctValuesParams) {
+        var _a;
+        const filterPermittedValues = (_a = this.api.userInterfaceApi.getFilterPermittedValuesForColumn(column)) !== null && _a !== void 0 ? _a : {
             suppressFilterSearchBar: false,
             values: () => undefined,
         };
@@ -1962,18 +1954,19 @@ export class Adaptable {
                 column: column,
                 searchFilter: filter,
             };
-            preparedPermittedValues = await (permittedValues === null || permittedValues === void 0 ? void 0 : permittedValues.values(filterPermittedValuesParams));
+            preparedPermittedValues = await (filterPermittedValues === null || filterPermittedValues === void 0 ? void 0 : filterPermittedValues.values(filterPermittedValuesParams));
         }
         catch (error) {
             this.logger.consoleError(`Failed to load filter permitted values`, column, filter, error);
         }
+        distinctValuesParams.permittedValues = preparedPermittedValues;
         return {
-            suppressClientSideFilter: permittedValues.suppressFilterSearchBar,
-            gridCells: this.getDistinctValuesForColumn(column, visibleRowsOnly, skipRowNode, preparedPermittedValues),
+            suppressClientSideFilter: filterPermittedValues.suppressFilterSearchBar,
+            gridCells: this.getDistinctValuesForColumn(column, distinctValuesParams),
         };
     }
-    async getDistinctCustomSortValuesForColumn(column, visibleRowsOnly, skipRowNode) {
-        const permittedValues = await this.api.userInterfaceApi.getCustomSortPermittedValuesForColumn(column);
+    async getDistinctCustomSortValuesForColumn(column, distinctValuesParams) {
+        const customSortPermittedValues = await this.api.userInterfaceApi.getCustomSortPermittedValuesForColumn(column);
         let preparedPermittedValues = undefined;
         try {
             const permittedValuesParams = {
@@ -1982,15 +1975,16 @@ export class Adaptable {
                 adaptableId: this.adaptableOptions.adaptableId,
                 column: column,
             };
-            preparedPermittedValues = await (permittedValues === null || permittedValues === void 0 ? void 0 : permittedValues.values(permittedValuesParams));
+            preparedPermittedValues = await (customSortPermittedValues === null || customSortPermittedValues === void 0 ? void 0 : customSortPermittedValues.values(permittedValuesParams));
         }
         catch (error) {
             this.logger.consoleError(`Failed to load custom sort permitted values`, column, error);
         }
-        return this.getDistinctValuesForColumn(column, visibleRowsOnly, skipRowNode, preparedPermittedValues);
+        distinctValuesParams.permittedValues = preparedPermittedValues;
+        return this.getDistinctValuesForColumn(column, distinctValuesParams);
     }
-    async getDistinctBulkUpdateValuesForColumn(column, visibleRowsOnly, selectedGridCells, skipRowNode) {
-        const permittedValues = await this.api.userInterfaceApi.getBulkUpdatePermittedValuesForColumn(column);
+    async getDistinctBulkUpdateValuesForColumn(column, selectedGridCells, distinctValuesParams) {
+        const bulkUpdatePermittedValues = await this.api.userInterfaceApi.getBulkUpdatePermittedValuesForColumn(column);
         let preparedPermittedValues = undefined;
         try {
             const bulkUpdatePermittedValuesParams = {
@@ -2000,12 +1994,13 @@ export class Adaptable {
                 userName: this.adaptableOptions.userName,
                 adaptableId: this.adaptableOptions.adaptableId,
             };
-            preparedPermittedValues = await (permittedValues === null || permittedValues === void 0 ? void 0 : permittedValues.values(bulkUpdatePermittedValuesParams));
+            preparedPermittedValues = await (bulkUpdatePermittedValues === null || bulkUpdatePermittedValues === void 0 ? void 0 : bulkUpdatePermittedValues.values(bulkUpdatePermittedValuesParams));
         }
         catch (error) {
             this.logger.consoleError(`Failed to load bulk permitted values`, error, column, selectedGridCells);
         }
-        return this.getDistinctValuesForColumn(column, visibleRowsOnly, skipRowNode, preparedPermittedValues);
+        distinctValuesParams.permittedValues = preparedPermittedValues;
+        return this.getDistinctValuesForColumn(column, distinctValuesParams);
     }
     getColumnValueDisplayValuePairList(columnId, visibleRowsOnly, onlyIncludeIds) {
         const returnArray = [];
@@ -2014,7 +2009,7 @@ export class Adaptable {
         // NB.  this currently contains a small bug as we dont check for visibility so if using permitted values then ALL are returned :(
         const abColumn = this.api.columnApi.getColumnWithColumnId(columnId);
         const permittedValuesForColumn = this.api.userInterfaceApi.getPermittedValuesForColumn(abColumn);
-        if (ArrayExtensions.IsNotNullOrEmpty(permittedValuesForColumn)) {
+        if (ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(permittedValuesForColumn)) {
             permittedValuesForColumn.forEach((pv) => {
                 permittedMap.set(pv, {
                     rawValue: pv,
@@ -2053,14 +2048,14 @@ export class Adaptable {
                 eachFn(rowNode, columnId);
             });
         }
-        return returnArray.slice(0, this.adaptableOptions.columnFilterOptions.maxFilterValuesToDisplay);
+        return returnArray.slice(0, this.adaptableOptions.columnFilterOptions.valuesFilterOptions.maxFilterValuesToDisplay);
     }
     addDistinctColumnValue(rowNode, columnId) {
         // we do not return the values of the aggregates when in grouping mode
         // otherwise they would appear in the filter dropdown etc....
         if (rowNode && !this.isGroupRowNode(rowNode)) {
             const returnValue = this.getGridCellFromRowNode(rowNode, columnId);
-            if (Helper.objectExists(returnValue)) {
+            if (Helper_1.Helper.objectExists(returnValue)) {
                 return returnValue;
             }
         }
@@ -2183,7 +2178,7 @@ export class Adaptable {
         }
         if (dataType === 'Number') {
             // empty string or space should not be converted to 0
-            return typeof rawValue !== 'number' && StringExtensions.IsNumeric(rawValue)
+            return typeof rawValue !== 'number' && StringExtensions_1.StringExtensions.IsNumeric(rawValue)
                 ? Number(rawValue)
                 : rawValue;
         }
@@ -2191,7 +2186,7 @@ export class Adaptable {
             return typeof rawValue !== 'boolean' ? Boolean(rawValue) : rawValue;
         }
         if (dataType === 'Date') {
-            return rawValue instanceof Date ? rawValue : parseDateValue(rawValue);
+            return rawValue instanceof Date ? rawValue : (0, DateHelper_1.parseDateValue)(rawValue);
         }
         return rawValue;
     }
@@ -2286,12 +2281,12 @@ export class Adaptable {
         return this.gridOptions.api.getRenderedNodes();
     }
     selectNodes(rowNodes, clearSelection) {
-        if (ArrayExtensions.IsNotNullOrEmpty(rowNodes)) {
+        if (ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(rowNodes)) {
             rowNodes.forEach((node) => this.selectNode(node, clearSelection));
         }
     }
     deSelectNodes(rowNodes, clearSelection) {
-        if (ArrayExtensions.IsNotNullOrEmpty(rowNodes)) {
+        if (ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(rowNodes)) {
             rowNodes.forEach((node) => this.deSelectNode(node, clearSelection));
         }
     }
@@ -2391,20 +2386,20 @@ export class Adaptable {
         ];
     }
     getColDefsForFreeTextColumns() {
-        const defaultFreeTextColumnSettings = CreateEmptyFreeTextColumn().FreeTextColumnSettings;
+        const defaultFreeTextColumnSettings = (0, ObjectFactory_1.CreateEmptyFreeTextColumn)().FreeTextColumnSettings;
         return this.api.freeTextColumnApi.getFreeTextColumns().map((freeTextColumn) => {
             var _a;
             const freeTextColumnSettings = Object.assign(Object.assign({}, defaultFreeTextColumnSettings), freeTextColumn.FreeTextColumnSettings);
             const dataTypeEditor = freeTextColumnSettings.DataType === 'Number'
-                ? AdaptableNumberEditor
+                ? AdaptableNumberEditor_1.AdaptableNumberEditor
                 : freeTextColumnSettings.DataType === 'Date'
-                    ? AdaptableDateEditor
+                    ? AdaptableDateEditor_1.AdaptableDateEditor
                     : null;
             const columnTypes = [
-                AB_SPECIAL_COLUMN,
+                GeneralConstants_1.AB_SPECIAL_COLUMN,
                 this.agGridHelper.getAgGridDataType(freeTextColumnSettings.DataType),
             ];
-            if (ArrayExtensions.IsNotNullOrEmpty((_a = freeTextColumn === null || freeTextColumn === void 0 ? void 0 : freeTextColumn.FreeTextColumnSettings) === null || _a === void 0 ? void 0 : _a.ColumnTypes)) {
+            if (ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty((_a = freeTextColumn === null || freeTextColumn === void 0 ? void 0 : freeTextColumn.FreeTextColumnSettings) === null || _a === void 0 ? void 0 : _a.ColumnTypes)) {
                 columnTypes.push(...freeTextColumn.FreeTextColumnSettings.ColumnTypes);
             }
             const newColDef = {
@@ -2429,8 +2424,9 @@ export class Adaptable {
                 valueSetter: (params) => {
                     return (params.data[freeTextColumn.ColumnId] = params.newValue);
                 },
-                cellRenderer: freeTextColumnSettings.DataType && freeTextColumnSettings.DataType == 'Boolean'
-                    ? this.agGridHelper.createCheckboxRendererComp(freeTextColumn.ColumnId, false)
+                // use a Boolean Cell Data Type if the Free Text Column is boolean
+                cellDataType: freeTextColumnSettings.DataType && freeTextColumnSettings.DataType == 'Boolean'
+                    ? 'boolean'
                     : undefined,
                 valueGetter: (params) => this.api.freeTextColumnApi.getFreeTextColumnValueForRowNode(freeTextColumn, params.node),
             };
@@ -2533,11 +2529,11 @@ export class Adaptable {
         return [
             {
                 headerName: '',
-                colId: ADAPTABLE_ROW_ACTION_BUTTONS,
+                colId: GeneralConstants_1.ADAPTABLE_ROW_ACTION_BUTTONS,
                 hide: false,
                 editable: false,
                 // 15px is the icon width + left&right padding + left&right border
-                width: Math.max(actionButtons.length * (UIHelper.getSimpleButtonPaddingWidth() * 2 + 15) + 2, 
+                width: Math.max(actionButtons.length * (UIHelper_1.default.getSimpleButtonPaddingWidth() * 2 + 15) + 2, 
                 // If the width of the column is to small, the width will not be applied
                 // this triggers the setLayout an infinite loop because the width read from the grid is always different
                 40),
@@ -2553,9 +2549,9 @@ export class Adaptable {
                 pinned: this.adaptableOptions.actionRowOptions.actionRowButtonOptions.position === 'pinnedRight'
                     ? 'right'
                     : 'left',
-                cellRenderer: this.variant === 'react' ? ReactActionColumnRenderer : ActionColumnRenderer,
-                cellClass: ADAPTABLE_ROW_ACTION_BUTTONS,
-                type: [AB_SPECIAL_COLUMN, 'abColDefObject'],
+                cellRenderer: this.variant === 'react' ? ActionColumnRenderer_1.ReactActionColumnRenderer : ActionColumnRenderer_1.ActionColumnRenderer,
+                cellClass: GeneralConstants_1.ADAPTABLE_ROW_ACTION_BUTTONS,
+                type: [GeneralConstants_1.AB_SPECIAL_COLUMN, 'abColDefObject'],
             },
         ];
     }
@@ -2579,8 +2575,8 @@ export class Adaptable {
                 filter: false,
                 sortable: false,
                 enableRowGroup: false,
-                cellRenderer: this.variant === 'react' ? ReactActionColumnRenderer : ActionColumnRenderer,
-                type: [AB_SPECIAL_COLUMN, 'abColDefObject'],
+                cellRenderer: this.variant === 'react' ? ActionColumnRenderer_1.ReactActionColumnRenderer : ActionColumnRenderer_1.ActionColumnRenderer,
+                type: [GeneralConstants_1.AB_SPECIAL_COLUMN, 'abColDefObject'],
             };
             this.logger.info('Setting up Action Column: ' + actionColumn.columnId);
             return newColDef;
@@ -2591,7 +2587,7 @@ export class Adaptable {
         const specialColDefs = this.getColDefsForSpecialColumns();
         const isSpecialColDef = (colDef) => {
             const { type } = colDef;
-            if (type === AB_SPECIAL_COLUMN || (Array.isArray(type) && type.includes(AB_SPECIAL_COLUMN))) {
+            if (type === GeneralConstants_1.AB_SPECIAL_COLUMN || (Array.isArray(type) && type.includes(GeneralConstants_1.AB_SPECIAL_COLUMN))) {
                 return true;
             }
             return false;
@@ -2649,7 +2645,7 @@ export class Adaptable {
         this.setLayout();
     }
     getColDefsForCalculatedColumns() {
-        const defaultCalculatedColumnSettings = CreateEmptyCalculatedColumn().CalculatedColumnSettings;
+        const defaultCalculatedColumnSettings = (0, ObjectFactory_1.CreateEmptyCalculatedColumn)().CalculatedColumnSettings;
         return this.api.calculatedColumnApi.getCalculatedColumns().map((calculatedColumn) => {
             const calculatedColumnSettings = Object.assign(Object.assign({}, defaultCalculatedColumnSettings), calculatedColumn.CalculatedColumnSettings);
             if (!calculatedColumnSettings.DataType) {
@@ -2657,10 +2653,10 @@ export class Adaptable {
                     this.CalculatedColumnExpressionService.getCalculatedColumnDataType(calculatedColumn.Query);
             }
             const columnTypes = [
-                AB_SPECIAL_COLUMN,
+                GeneralConstants_1.AB_SPECIAL_COLUMN,
                 this.agGridHelper.getAgGridDataType(calculatedColumnSettings.DataType),
             ];
-            if (ArrayExtensions.IsNotNullOrEmpty(calculatedColumnSettings.ColumnTypes)) {
+            if (ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(calculatedColumnSettings.ColumnTypes)) {
                 columnTypes.push(...calculatedColumnSettings.ColumnTypes);
             }
             const isExternalEvaluation = !this.api.expressionApi.internalApi.evaluateExpressionInAdaptableQL('CalculatedColumn', calculatedColumn, this.api.expressionApi.getAdaptableQueryExpression(calculatedColumn.Query));
@@ -2749,15 +2745,15 @@ export class Adaptable {
     destroy(config) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
         if (this.gridOptions && this.gridOptions.api) {
-            this.gridOptions.api.removeEventListener(Events.EVENT_FIRST_DATA_RENDERED, this.listenerFirstDataRendered);
-            this.gridOptions.api.removeEventListener(Events.EVENT_COLUMN_PIVOT_MODE_CHANGED, this.listenerPivotModeChanged);
-            this.gridOptions.api.removeEventListener(Events.EVENT_COLUMN_PIVOT_CHANGED, this.listenerPivotChanged);
-            this.gridOptions.api.removeEventListener(Events.EVENT_CELL_EDITING_STARTED, this.listenerCellEditingStarted);
-            this.gridOptions.api.removeEventListener(Events.EVENT_COLUMN_ROW_GROUP_CHANGED, this.listenerColumnRowGroupChanged);
-            this.gridOptions.api.removeEventListener(Events.EVENT_RANGE_SELECTION_CHANGED, this.listenerRangeSelectionChanged);
-            this.gridOptions.api.removeEventListener(Events.EVENT_COLUMN_RESIZED, this.listenerColumnResized);
-            this.gridOptions.api.removeEventListener(Events.EVENT_SORT_CHANGED, this.listenerSortChanged);
-            this.gridOptions.api.removeEventListener(Events.EVENT_MODEL_UPDATED, this.listenerModelUpdated);
+            this.gridOptions.api.removeEventListener(core_1.Events.EVENT_FIRST_DATA_RENDERED, this.listenerFirstDataRendered);
+            this.gridOptions.api.removeEventListener(core_1.Events.EVENT_COLUMN_PIVOT_MODE_CHANGED, this.listenerPivotModeChanged);
+            this.gridOptions.api.removeEventListener(core_1.Events.EVENT_COLUMN_PIVOT_CHANGED, this.listenerPivotChanged);
+            this.gridOptions.api.removeEventListener(core_1.Events.EVENT_CELL_EDITING_STARTED, this.listenerCellEditingStarted);
+            this.gridOptions.api.removeEventListener(core_1.Events.EVENT_COLUMN_ROW_GROUP_CHANGED, this.listenerColumnRowGroupChanged);
+            this.gridOptions.api.removeEventListener(core_1.Events.EVENT_RANGE_SELECTION_CHANGED, this.listenerRangeSelectionChanged);
+            this.gridOptions.api.removeEventListener(core_1.Events.EVENT_COLUMN_RESIZED, this.listenerColumnResized);
+            this.gridOptions.api.removeEventListener(core_1.Events.EVENT_SORT_CHANGED, this.listenerSortChanged);
+            this.gridOptions.api.removeEventListener(core_1.Events.EVENT_MODEL_UPDATED, this.listenerModelUpdated);
             this.gridOptions.api.removeGlobalListener(this.listenerGlobalSetRowSelection);
             this.gridOptions.api.removeGlobalListener(this.listenerGlobalColumnEventsThatTriggerStateChange);
             this.gridOptions.api.removeGlobalListener(this.listenerGlobalColumnEventsThatTriggerAutoLayoutSave);
@@ -2974,12 +2970,12 @@ export class Adaptable {
          * Action: Set Columns in store and filter grid
          */
         const columnEventsThatTriggersStateChange = [
-            Events.EVENT_COLUMN_MOVED,
-            Events.EVENT_GRID_COLUMNS_CHANGED,
-            Events.EVENT_COLUMN_EVERYTHING_CHANGED,
-            Events.EVENT_DISPLAYED_COLUMNS_CHANGED,
-            Events.EVENT_COLUMN_VISIBLE,
-            Events.EVENT_NEW_COLUMNS_LOADED,
+            core_1.Events.EVENT_COLUMN_MOVED,
+            core_1.Events.EVENT_GRID_COLUMNS_CHANGED,
+            core_1.Events.EVENT_COLUMN_EVERYTHING_CHANGED,
+            core_1.Events.EVENT_DISPLAYED_COLUMNS_CHANGED,
+            core_1.Events.EVENT_COLUMN_VISIBLE,
+            core_1.Events.EVENT_NEW_COLUMNS_LOADED,
         ];
         this.gridOptions.api.addGlobalListener((this.listenerGlobalColumnEventsThatTriggerStateChange = (type) => {
             if (columnEventsThatTriggersStateChange.indexOf(type) > -1) {
@@ -2990,7 +2986,7 @@ export class Adaptable {
          * Use Case: User has started inline editing but its distabled in Action Row Options
          * Action: Stop editing
          */
-        this.gridOptions.api.addEventListener(Events.EVENT_CELL_EDITING_STARTED, (this.listenerCellEditingStarted = () => {
+        this.gridOptions.api.addEventListener(core_1.Events.EVENT_CELL_EDITING_STARTED, (this.listenerCellEditingStarted = () => {
             var _a;
             if ((_a = this.adaptableOptions.actionRowOptions) === null || _a === void 0 ? void 0 : _a.disableInlineEditing)
                 this.gridOptions.api.stopEditing();
@@ -3001,7 +2997,7 @@ export class Adaptable {
          * Action2: Ensure that we have set column data types
          * Note: Deals with scenario where the data is provided to AdapTable after grid has been setup
          */
-        this.gridOptions.api.addEventListener(Events.EVENT_FIRST_DATA_RENDERED, (this.listenerFirstDataRendered = () => {
+        this.gridOptions.api.addEventListener(core_1.Events.EVENT_FIRST_DATA_RENDERED, (this.listenerFirstDataRendered = () => {
             this.checkColumnsDataTypeSet();
             this.api.calculatedColumnApi.refreshAggregatedCalculatedColumns();
             this.setLayout();
@@ -3011,7 +3007,7 @@ export class Adaptable {
          * Action 1: Autosize pivot columns when entering pivot mode (if autosize pivot in Layout is true)
          * Action 2: Set pivot mode on / off in api as necessary
          */
-        this.gridOptions.api.addEventListener(Events.EVENT_COLUMN_PIVOT_MODE_CHANGED, (this.listenerPivotModeChanged = (params) => {
+        this.gridOptions.api.addEventListener(core_1.Events.EVENT_COLUMN_PIVOT_MODE_CHANGED, (this.listenerPivotModeChanged = (params) => {
             if (params.type == 'columnPivotModeChanged' &&
                 params.columnApi != null &&
                 params.columnApi.columnController != null &&
@@ -3029,7 +3025,7 @@ export class Adaptable {
          * Use Case: A pivot column has changed
          * Action: Autosize pivot columns (if autosize pivot in Layout is true)
          */
-        this.gridOptions.api.addEventListener(Events.EVENT_COLUMN_PIVOT_CHANGED, (this.listenerPivotChanged = (params) => {
+        this.gridOptions.api.addEventListener(core_1.Events.EVENT_COLUMN_PIVOT_CHANGED, (this.listenerPivotChanged = (params) => {
             if (params.type == 'columnPivotChanged' &&
                 params.columnApi != null &&
                 params.columnApi.columnController != null &&
@@ -3044,13 +3040,13 @@ export class Adaptable {
          * Action: Save the Layout (on a debounce)
          */
         const columnEventsThatTriggersAutoLayoutSave = [
-            Events.EVENT_COLUMN_PINNED,
-            Events.EVENT_COLUMN_PIVOT_CHANGED,
-            Events.EVENT_COLUMN_PIVOT_MODE_CHANGED,
-            Events.EVENT_DISPLAYED_COLUMNS_CHANGED,
-            Events.EVENT_SORT_CHANGED,
-            Events.EVENT_COLUMN_ROW_GROUP_CHANGED,
-            Events.EVENT_COLUMN_VALUE_CHANGED,
+            core_1.Events.EVENT_COLUMN_PINNED,
+            core_1.Events.EVENT_COLUMN_PIVOT_CHANGED,
+            core_1.Events.EVENT_COLUMN_PIVOT_MODE_CHANGED,
+            core_1.Events.EVENT_DISPLAYED_COLUMNS_CHANGED,
+            core_1.Events.EVENT_SORT_CHANGED,
+            core_1.Events.EVENT_COLUMN_ROW_GROUP_CHANGED,
+            core_1.Events.EVENT_COLUMN_VALUE_CHANGED,
         ];
         // ADD filter event
         this.gridOptions.api.addGlobalListener((this.listenerGlobalColumnEventsThatTriggerAutoLayoutSave = (type) => {
@@ -3060,8 +3056,8 @@ export class Adaptable {
         }));
         // Save Layout if Display Row Groups is "dynamic"
         const rowGroupEventsThatTriggersAutoLayoutSave = [
-            Events.EVENT_ROW_GROUP_OPENED,
-            Events.EVENT_EXPAND_COLLAPSE_ALL,
+            core_1.Events.EVENT_ROW_GROUP_OPENED,
+            core_1.Events.EVENT_EXPAND_COLLAPSE_ALL,
         ];
         this.gridOptions.api.addGlobalListener((this.listenerGlobalRowGroupEventsThatTriggerAutoLayoutSave = (type) => {
             if (rowGroupEventsThatTriggersAutoLayoutSave.indexOf(type) > -1) {
@@ -3074,7 +3070,7 @@ export class Adaptable {
          * Use Case: Column Row Grouping changes and 'restoreUngroupedColumns' is true
          * Action: Make the column invisiblel
          */
-        this.gridOptions.api.addEventListener(Events.EVENT_COLUMN_ROW_GROUP_CHANGED, (this.listenerColumnRowGroupChanged = (params) => {
+        this.gridOptions.api.addEventListener(core_1.Events.EVENT_COLUMN_ROW_GROUP_CHANGED, (this.listenerColumnRowGroupChanged = (params) => {
             var _a, _b;
             if (this.api.internalApi.isGridInPivotMode()) {
                 return;
@@ -3088,7 +3084,7 @@ export class Adaptable {
          * Action 1: Save the Layout (on a debounce)
          * Action 2: Emit the internal ColumnResized event - used by Sparkline Column (in Charts)
          */
-        this.gridOptions.api.addEventListener(Events.EVENT_COLUMN_RESIZED, (this.listenerColumnResized = (params) => {
+        this.gridOptions.api.addEventListener(core_1.Events.EVENT_COLUMN_RESIZED, (this.listenerColumnResized = (params) => {
             if (params.finished == true && params.type == 'columnResized' && params.column) {
                 this.debouncedSaveGridLayout();
             }
@@ -3098,12 +3094,12 @@ export class Adaptable {
          * Action: Set Selected Rows (on a debeounce)
          */
         const columnEventsThatTriggerSetRowSelection = [
-            Events.EVENT_ROW_GROUP_OPENED,
-            Events.EVENT_SELECTION_CHANGED,
-            Events.EVENT_ROW_SELECTED,
+            core_1.Events.EVENT_ROW_GROUP_OPENED,
+            core_1.Events.EVENT_SELECTION_CHANGED,
+            core_1.Events.EVENT_ROW_SELECTED,
         ];
         this.gridOptions.api.addGlobalListener((this.listenerGlobalSetRowSelection = (type) => {
-            if (ArrayExtensions.ContainsItem(columnEventsThatTriggerSetRowSelection, type)) {
+            if (ArrayExtensions_1.ArrayExtensions.ContainsItem(columnEventsThatTriggerSetRowSelection, type)) {
                 this.debouncedSetSelectedRows();
             }
         }));
@@ -3111,7 +3107,7 @@ export class Adaptable {
          * Use Case: User has selected a range of cells
          * Action: Set Selected Cells (on a debounce)
          */
-        this.gridOptions.api.addEventListener(Events.EVENT_RANGE_SELECTION_CHANGED, (this.listenerRangeSelectionChanged = (params) => {
+        this.gridOptions.api.addEventListener(core_1.Events.EVENT_RANGE_SELECTION_CHANGED, (this.listenerRangeSelectionChanged = (params) => {
             if (params.finished == true) {
                 this.debouncedSetSelectedCells();
             }
@@ -3121,7 +3117,7 @@ export class Adaptable {
          * Action1: Update AdapTable Sort Info
          * Action2: Set Selected Cells (on a debounce)
          */
-        this.gridOptions.api.addEventListener(Events.EVENT_SORT_CHANGED, (this.listenerSortChanged = () => {
+        this.gridOptions.api.addEventListener(core_1.Events.EVENT_SORT_CHANGED, (this.listenerSortChanged = () => {
             this.onSortChanged();
             this.debouncedSetSelectedCells();
             this._emit('SortChanged');
@@ -3131,7 +3127,7 @@ export class Adaptable {
          * Use Case: Model has updated
          * Action: If user has set to see grouping totals as header create a pinned row (bit of a hack)
          */
-        this.gridOptions.api.addEventListener(Events.EVENT_MODEL_UPDATED, (this.listenerModelUpdated = (params) => {
+        this.gridOptions.api.addEventListener(core_1.Events.EVENT_MODEL_UPDATED, (this.listenerModelUpdated = (params) => {
             if (showGroupingTotalsAsHeader) {
                 if (params && params.api) {
                     const pinnedData = params.api.getPinnedTopRow(0);
@@ -3147,18 +3143,18 @@ export class Adaptable {
             }
         }));
         const eventsThatTriggerChartingChanges = [
-            Events.EVENT_CHART_CREATED,
+            core_1.Events.EVENT_CHART_CREATED,
             /** Chart Range selection has changed */
-            Events.EVENT_CHART_RANGE_SELECTION_CHANGED,
+            core_1.Events.EVENT_CHART_RANGE_SELECTION_CHANGED,
             /** Chart Options have changed */
-            Events.EVENT_CHART_OPTIONS_CHANGED,
+            core_1.Events.EVENT_CHART_OPTIONS_CHANGED,
             /** Chart was destroyed */
-            Events.EVENT_CHART_DESTROYED,
+            core_1.Events.EVENT_CHART_DESTROYED,
         ];
         const chartingModule = this.ModuleService.getModuleById('Charting');
         if (chartingModule.isModuleAvailable()) {
             this.gridOptions.api.addGlobalListener((type, params) => {
-                if (ArrayExtensions.ContainsItem(eventsThatTriggerChartingChanges, type)) {
+                if (ArrayExtensions_1.ArrayExtensions.ContainsItem(eventsThatTriggerChartingChanges, type)) {
                     this.ChartingService.onChartModelChange(this.getChartModels(), type, params);
                 }
             });
@@ -3193,10 +3189,10 @@ export class Adaptable {
                     return true;
                 }
                 const columnFilters = this.api.columnFilterApi.getActiveColumnFilters();
-                const isFilterActive = ArrayExtensions.IsNotNullOrEmpty(columnFilters);
-                const isQueryActive = StringExtensions.IsNotNullOrEmpty(this.api.gridFilterApi.getCurrentGridFilterExpression());
-                return (isFilterActive ||
-                    isQueryActive ||
+                const isColumnFiltersActive = ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(columnFilters);
+                const isGridFilterActive = StringExtensions_1.StringExtensions.IsNotNullOrEmpty(this.api.gridFilterApi.getCurrentGridFilterExpression());
+                return (isColumnFiltersActive ||
+                    isGridFilterActive ||
                     // it means that originalIsExternalFilterPresent will be called so we reinit that collection
                     (originalIsExternalFilterPresent ? originalIsExternalFilterPresent(params) : false));
             };
@@ -3210,13 +3206,13 @@ export class Adaptable {
                 if (!this.isGroupRowNode(node)) {
                     const currentGridFilter = this.api.gridFilterApi.getCurrentGridFilterExpression();
                     if (currentGridFilter) {
-                        const evaluateQueryOnClient = this.api.expressionApi.internalApi.evaluateExpressionInAdaptableQL('NamedQuery', undefined, currentGridFilter);
-                        if (evaluateQueryOnClient) {
-                            const isCurrentQueryValid = this.api.expressionApi.isValidBooleanExpression(currentGridFilter, NamedQueryModuleId, `Invalid Grid Filter '${currentGridFilter}'`);
-                            if (!isCurrentQueryValid ||
+                        const evaluateGridFilterOnClient = this.api.expressionApi.internalApi.evaluateExpressionInAdaptableQL('GridFilter', undefined, currentGridFilter);
+                        if (evaluateGridFilterOnClient) {
+                            const isCurrentGridFilterValid = this.api.expressionApi.isValidBooleanExpression(currentGridFilter, ModuleConstants_1.GridFilterModuleId, `Invalid Grid Filter '${currentGridFilter}'`);
+                            if (!isCurrentGridFilterValid ||
                                 !this.api.internalApi
                                     .getQueryLanguageService()
-                                    .evaluateBooleanExpression(currentGridFilter, NamedQueryModuleId, node)) {
+                                    .evaluateBooleanExpression(currentGridFilter, ModuleConstants_1.GridFilterModuleId, node)) {
                                 return false;
                             }
                         }
@@ -3226,7 +3222,7 @@ export class Adaptable {
                 try {
                     if (columnFilters.length > 0) {
                         for (const columnFilter of columnFilters) {
-                            const evaluateFilterOnClient = this.api.expressionApi.internalApi.evaluatePredicatesInAdaptableQL('Filter', columnFilter, [columnFilter.Predicate]);
+                            const evaluateFilterOnClient = this.api.expressionApi.internalApi.evaluatePredicatesInAdaptableQL('ColumnFilter', columnFilter, [columnFilter.Predicate]);
                             if (evaluateFilterOnClient) {
                                 // we then assess filters (if running locally)
                                 if (!this.api.columnFilterApi.internalApi.evaluateColumnFilter(columnFilter, node)) {
@@ -3259,8 +3255,8 @@ export class Adaptable {
     updateColumnFilterActiveState() {
         var _a;
         const columnFilters = this.api.columnFilterApi.getActiveColumnFilters();
-        const activeFilters = (_a = columnFilters === null || columnFilters === void 0 ? void 0 : columnFilters.filter) === null || _a === void 0 ? void 0 : _a.call(columnFilters, (columnFilter) => this.api.columnFilterApi.isFilterActive(columnFilter));
-        const isFilterActive = ArrayExtensions.IsNotNullOrEmpty(activeFilters);
+        const activeFilters = (_a = columnFilters === null || columnFilters === void 0 ? void 0 : columnFilters.filter) === null || _a === void 0 ? void 0 : _a.call(columnFilters, (columnFilter) => this.api.columnFilterApi.isColumnFilterActive(columnFilter));
+        const isFilterActive = ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(activeFilters);
         const columnsWithActiveFilters = {};
         if (isFilterActive) {
             // used in particular at init time to show the filter icon correctly
@@ -3299,7 +3295,7 @@ export class Adaptable {
             this.updateColDefsForSpecialColumns();
             this.applyCurrentTheme();
             this.applyFinalRendering();
-            this.applyGridFiltering();
+            this.applyColumnFiltering();
         }
         catch (ex) {
             this.logger.consoleError('AgGrid setup failed');
@@ -3439,7 +3435,7 @@ export class Adaptable {
                 const isQuickSearchActive = hasQuickSearchStyle && this.isQuickSearchActive(gridCell, params);
                 const userDefined = typeof userCellStyle === 'function' ? userCellStyle(params) : userCellStyle;
                 const result = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, userDefined), this.getReadOnlyCellStyle(gridCell, params)), this.getEditableCellStyle(gridCell, params)), this.getFormatColumnAndStyledColumnCellStyle(gridCell, params)), (isQuickSearchActive ? quickSearchStyle : {})), this.getAlertCellStyle(gridCell, params)), this.getFlashingCellStyle(gridCell, params)), this.getCellHighlightStyle(gridCell, params));
-                return normalizeStyleForAgGrid(result);
+                return (0, StyleHelper_1.normalizeStyleForAgGrid)(result);
             };
             return cellStyle;
         });
@@ -3448,7 +3444,7 @@ export class Adaptable {
         this.setColDefProperty(col, 'cellClass', (userCellClass) => {
             const formatColumns = this.api.formatColumnApi.internalApi.getFormatColumnWithStyleClassNameForColumn(abColumn);
             const quickSearchStyleClassName = this.api.quickSearchApi.getQuickSearchStyle().ClassName;
-            const hasQuickSearchStyleClassName = StringExtensions.IsNotNullOrEmpty(quickSearchStyleClassName);
+            const hasQuickSearchStyleClassName = StringExtensions_1.StringExtensions.IsNotNullOrEmpty(quickSearchStyleClassName);
             const cellClass = (params) => {
                 const gridCell = this.getGridCellFromRowNode(params.node, abColumn.columnId);
                 // if a Visual Data export is in progress, we are interested only in the Excel Style Class
@@ -3502,12 +3498,8 @@ export class Adaptable {
     setupColumnCellEditor({ colId, col }) {
         const adaptableColumn = this.api.columnApi.getColumnWithColumnId(colId);
         const editLookUpItem = this.api.userInterfaceApi.getEditLookUpItemForColumn(adaptableColumn);
-        const hasRichSelectCellEditor = this.isAgGridModulePresent(ModuleNames.RichSelectModule);
+        const hasRichSelectCellEditor = this.isAgGridModulePresent(core_1.ModuleNames.RichSelectModule);
         this.setColDefProperty(col, 'cellEditor', () => {
-            const styledColumn = this.api.styledColumnApi.getActiveStyledColumnForColumn(adaptableColumn);
-            if (styledColumn && !(styledColumn === null || styledColumn === void 0 ? void 0 : styledColumn.IsSuspended) && styledColumn.CheckBoxStyle) {
-                return CheckboxEditor;
-            }
             if (editLookUpItem) {
                 return hasRichSelectCellEditor ? 'agRichSelectCellEditor' : 'agSelectCellEditor';
             }
@@ -3537,9 +3529,6 @@ export class Adaptable {
                 if (styledColumn.PercentBarStyle) {
                     return this.agGridHelper.createPercentBarRendererComp(styledColumn, abColumn);
                 }
-                if (styledColumn.CheckBoxStyle) {
-                    return this.agGridHelper.createCheckboxRendererComp(abColumn.columnId, abColumn.readOnly);
-                }
                 if (styledColumn.BadgeStyle) {
                     return this.agGridHelper.createBadgeRendererComp(styledColumn, abColumn);
                 }
@@ -3552,7 +3541,7 @@ export class Adaptable {
             const styledColumn = this.api.styledColumnApi.getStyledColumnForColumnId(abColumn.columnId);
             if (styledColumn && !styledColumn.IsSuspended) {
                 if (styledColumn.SparkLineStyle) {
-                    const sparklineOptions = merge({}, userDefined === null || userDefined === void 0 ? void 0 : userDefined.sparklineOptions, styledColumn.SparkLineStyle.options);
+                    const sparklineOptions = (0, merge_1.default)({}, userDefined === null || userDefined === void 0 ? void 0 : userDefined.sparklineOptions, styledColumn.SparkLineStyle.options);
                     return Object.assign(Object.assign({}, userDefined), { sparklineOptions });
                 }
             }
@@ -3577,7 +3566,7 @@ export class Adaptable {
                             returnValue = params.value;
                         }
                         if (textOptions.includes('PercentageValue')) {
-                            const clampedValue = Helper.clamp(params.value, min, max);
+                            const clampedValue = Helper_1.Helper.clamp(params.value, min, max);
                             const percentageValue = ((clampedValue - min) / (max - min)) * 100;
                             returnValue += ' ' + `(${percentageValue.toFixed(0)}%)`;
                         }
@@ -3662,7 +3651,7 @@ export class Adaptable {
             var _a;
             // set the default to the AG Grid provided values
             // from https://github.com/ag-grid/ag-grid/blob/v26.1.0/community-modules/core/src/ts/columns/columnModel.ts#L2515
-            let resultHeaderName = userHeaderName !== null && userHeaderName !== void 0 ? userHeaderName : StringExtensions.CamelCaseToHumanText(col.getColDef().field);
+            let resultHeaderName = userHeaderName !== null && userHeaderName !== void 0 ? userHeaderName : StringExtensions_1.StringExtensions.CamelCaseToHumanText(col.getColDef().field);
             const layoutCustomHeader = (_a = this.api.layoutApi.getCurrentLayout().ColumnHeadersMap) === null || _a === void 0 ? void 0 : _a[col.getColId()];
             if (layoutCustomHeader) {
                 resultHeaderName = layoutCustomHeader;
@@ -3680,21 +3669,21 @@ export class Adaptable {
             if (!colDef.filter) {
                 return;
             }
-            if (!this.api.columnApi.internalApi.usesAdaptableFilterForm(col.getColId())) {
+            if (!this.adaptableOptions.columnFilterOptions.useAdaptableColumnFiltering) {
                 return;
             }
             this.gridOptions.api.destroyFilter(col);
-            return FilterWrapperFactory(this);
+            return (0, FilterWrapper_1.FilterWrapperFactory)(this);
         });
     }
     setupColumnFloatingFilter({ col, colDef }) {
         const isFloatingFilterDisabled = !colDef.floatingFilter ||
-            !this.api.columnApi.internalApi.usesAdaptableQuickFilter(col.getColId());
+            !this.adaptableOptions.columnFilterOptions.useAdaptableColumnFiltering;
         this.setColDefProperty(col, 'floatingFilterComponent', () => {
             if (isFloatingFilterDisabled) {
                 return;
             }
-            return FloatingFilterWrapperFactory(this);
+            return (0, FloatingFilterWrapper_1.FloatingFilterWrapperFactory)(this);
         });
         this.setColDefProperty(col, 'floatingFilterComponentParams', () => {
             if (isFloatingFilterDisabled) {
@@ -3851,7 +3840,7 @@ export class Adaptable {
         this.api.themeApi.applyCurrentTheme();
     }
     applyFinalRendering() {
-        this.embedColumnMenu = this.isAgGridModulePresent(ModuleNames.MenuModule);
+        this.embedColumnMenu = this.isAgGridModulePresent(core_1.ModuleNames.MenuModule);
         if (this.gridOptions.treeData && this.gridOptions.treeData == true) {
             this.api.internalApi.setTreeModeOn();
         }
@@ -3861,7 +3850,7 @@ export class Adaptable {
         this.agGridHelper.checkShouldClearExistingFiltersOrSearches();
     }
     isAgGridModulePresent(moduleName) {
-        const standardAgGridRegistrationCheck = ModuleRegistry.__isRegistered(moduleName, this.gridOptions.gridId);
+        const standardAgGridRegistrationCheck = core_1.ModuleRegistry.__isRegistered(moduleName, this.gridOptions.gridId);
         if (standardAgGridRegistrationCheck) {
             return true;
         }
@@ -3873,7 +3862,7 @@ export class Adaptable {
         // because of that we have to check ALL grid IDs to see if the module is registered
         // TODO AFL: we should recheck this later, it seems AG Grid is already refactoring this faulty registration process
         // @ts-ignore
-        const gridModulesMap = ModuleRegistry.gridModulesMap;
+        const gridModulesMap = core_1.ModuleRegistry.gridModulesMap;
         let allModulesMap = {};
         Object.keys(gridModulesMap).forEach((gridId) => {
             allModulesMap = Object.assign(Object.assign({}, allModulesMap), gridModulesMap[gridId]);
@@ -4020,7 +4009,7 @@ export class Adaptable {
     getFormatColumnExpressionStylesChanges(dataChangedScope, cellDataChangedInfos) {
         const formatColumnsWithExpression = [];
         formatColumnsWithExpression.push(...this.api.formatColumnApi.internalApi.getFormatColumnsWithExpression());
-        if (ArrayExtensions.IsNullOrEmpty(formatColumnsWithExpression)) {
+        if (ArrayExtensions_1.ArrayExtensions.IsNullOrEmpty(formatColumnsWithExpression)) {
             return;
         }
         cellDataChangedInfos.forEach((cellDataChangedInfo) => {
@@ -4060,7 +4049,7 @@ export class Adaptable {
             let columnComparison = this.api.styledColumnApi.internalApi.getColumnComparisonForStyledColumn(sc);
             if (columnComparison) {
                 let affectedColumnIds = this.api.styledColumnApi.internalApi.getColumnIdsFromColumnComparison(columnComparison);
-                if (ArrayExtensions.IsNotNullOrEmpty(affectedColumnIds)) {
+                if (ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(affectedColumnIds)) {
                     cellDataChangedInfos.forEach((cellDataChangedInfo) => {
                         if (affectedColumnIds.includes(cellDataChangedInfo.column.columnId)) {
                             dataChangedScope.columnIds.add(sc.ColumnId);
@@ -4072,7 +4061,7 @@ export class Adaptable {
     }
     checkChangedCellCurrentlySelected(cellDataChangedInfo) {
         let selectedCellInfo = this.api.gridApi.getSelectedCellInfo();
-        if (selectedCellInfo && ArrayExtensions.IsNotNullOrEmpty(selectedCellInfo.gridCells)) {
+        if (selectedCellInfo && ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(selectedCellInfo.gridCells)) {
             let matchingCell = selectedCellInfo.gridCells.find((gc) => gc.primaryKeyValue == cellDataChangedInfo.primaryKeyValue &&
                 gc.column == cellDataChangedInfo.column);
             if (matchingCell) {
@@ -4080,7 +4069,7 @@ export class Adaptable {
             }
         }
         let selectedRowInfo = this.api.gridApi.getSelectedRowInfo();
-        if (selectedRowInfo && ArrayExtensions.IsNotNullOrEmpty(selectedRowInfo.gridRows)) {
+        if (selectedRowInfo && ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(selectedRowInfo.gridRows)) {
             let matchingRow = selectedRowInfo.gridRows.find((gr) => gr.primaryKeyValue == cellDataChangedInfo.primaryKeyValue);
             if (matchingRow) {
                 this.setSelectedRows();
@@ -4144,7 +4133,7 @@ export class Adaptable {
         this.gridOptions.api.onGroupExpandedOrCollapsed();
     }
     expandRowGroupsForValues(columnValues) {
-        if (ArrayExtensions.IsNotNullOrEmpty(columnValues)) {
+        if (ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(columnValues)) {
             const expandedKeys = columnValues.reduce((acc, key) => {
                 acc[key] = true;
                 return acc;
@@ -4172,6 +4161,9 @@ export class Adaptable {
     getAgGridColumnForColumnId(columnId) {
         return this.gridOptions.columnApi.getColumn(columnId);
     }
+    getAgGridAllGridColumns() {
+        return this.gridOptions.columnApi.getAllGridColumns();
+    }
     setRowGroupColumns(columnIds) {
         this.gridOptions.columnApi.setRowGroupColumns(columnIds);
     }
@@ -4449,7 +4441,7 @@ export class Adaptable {
     }
     getFirstGroupedColumn() {
         let groupedColumns = this.gridOptions.columnApi.getRowGroupColumns();
-        if (ArrayExtensions.IsNotNullOrEmpty(groupedColumns)) {
+        if (ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(groupedColumns)) {
             let groupedColumn = groupedColumns[0];
             return this.api.columnApi.getColumnWithColumnId(groupedColumn.getColId());
         }
@@ -4509,7 +4501,7 @@ export class Adaptable {
         return (this.gridOptions.rowSelection === 'single' || this.gridOptions.rowSelection === 'multiple');
     }
     isGridRangeSelectable() {
-        let isRangeSelectionModuleRegistered = this.isAgGridModulePresent(ModuleNames.RangeSelectionModule);
+        let isRangeSelectionModuleRegistered = this.isAgGridModulePresent(core_1.ModuleNames.RangeSelectionModule);
         return isRangeSelectionModuleRegistered && this.gridOptions.enableRangeSelection === true;
     }
     isGridGroupable() {
@@ -4534,8 +4526,8 @@ export class Adaptable {
     isQuickFilterAvailable() {
         return this.hasFloatingFilterOnAtLeastOneColumn() === true;
     }
-    setAgQuickSearch(query) {
-        this.gridOptions.api.setQuickFilter(query);
+    setAgGridQuickSearch(searchText) {
+        this.gridOptions.api.setQuickFilter(searchText);
     }
     hasFloatingFilterOnAtLeastOneColumn(defs = this.gridOptions.columnDefs) {
         if (this.gridOptions.defaultColDef && this.gridOptions.defaultColDef.floatingFilter) {
@@ -4555,7 +4547,7 @@ export class Adaptable {
         return false;
     }
     showQuickFilter() {
-        const height = this.api.optionsApi.getColumnFilterOptions().quickFilterHeight;
+        const height = this.api.optionsApi.getColumnFilterOptions().quickFilterOptions.quickFilterHeight;
         this.gridOptions.api.setFloatingFiltersHeight(height);
     }
     hideQuickFilter() {
@@ -4665,10 +4657,10 @@ export class Adaptable {
         const getAgGridLightThemeName = () => this.getAgGridLightThemeName();
         const getAgGridDarkThemeName = () => getAgGridLightThemeName() + '-dark';
         if (newTheme && (isSystemTheme || variantTheme)) {
-            if ((variantTheme || themeName) === LIGHT_THEME) {
+            if ((variantTheme || themeName) === GeneralConstants_1.LIGHT_THEME) {
                 newTheme.AgGridClassName = newTheme.AgGridClassName || getAgGridLightThemeName();
             }
-            if ((variantTheme || themeName) === DARK_THEME) {
+            if ((variantTheme || themeName) === GeneralConstants_1.DARK_THEME) {
                 newTheme.AgGridClassName = newTheme.AgGridClassName || getAgGridDarkThemeName();
             }
         }
@@ -4703,7 +4695,7 @@ export class Adaptable {
         // MAC LIKE SCROLLBARS
         if (this.adaptableOptions.userInterfaceOptions &&
             this.adaptableOptions.userInterfaceOptions.useCustomMacLikeScrollbars &&
-            getScrollbarSize() > 0) {
+            (0, getScrollbarSize_1.default)() > 0) {
             el.classList.add('ab--custom-mac-like-scrollbars');
         }
         else {
@@ -4753,13 +4745,13 @@ export class Adaptable {
         return this.gridOptions.api;
     }
     canGenerateCharts() {
-        return (this.isAgGridModulePresent(ModuleNames.GridChartsModule) && this.gridOptions.enableCharts);
+        return (this.isAgGridModulePresent(core_1.ModuleNames.GridChartsModule) && this.gridOptions.enableCharts);
     }
     canDisplaySparklines() {
-        return this.isAgGridModulePresent(ModuleNames.SparklinesModule);
+        return this.isAgGridModulePresent(core_1.ModuleNames.SparklinesModule);
     }
     canExportToExcel() {
-        return this.isAgGridModulePresent(ModuleNames.ExcelExportModule);
+        return this.isAgGridModulePresent(core_1.ModuleNames.ExcelExportModule);
     }
     exportToExcel(reportData, fileName) {
         const columnDefs = reportData.columns.map((column) => ({
@@ -4799,7 +4791,7 @@ export class Adaptable {
             rowData: reportData.rows,
         };
         let gridParams = { modules: this.getAgGridRegisteredModules() };
-        const grid = new Grid(document.createElement('div'), gridOptions, gridParams);
+        const grid = new core_1.Grid(document.createElement('div'), gridOptions, gridParams);
         gridOptions.api.exportDataAsExcel({
             sheetName: 'Sheet 1',
             fileName: fileName,
@@ -4893,7 +4885,7 @@ export class Adaptable {
                         }
                         return result;
                     }, {}));
-                    const sanitizedAdaptableStyle = sanitizeStyle(adaptableStyle);
+                    const sanitizedAdaptableStyle = (0, StyleHelper_1.sanitizeStyle)(adaptableStyle);
                     if (Object.values(sanitizedAdaptableStyle).some((style) => style != null)) {
                         excelStyles.push(this.convertCSSToExcelStyle(sanitizedAdaptableStyle));
                     }
@@ -4922,7 +4914,7 @@ export class Adaptable {
                                 // we have to pass the date in the ISO format to Excel
                                 // see https://www.ag-grid.com/javascript-data-grid/excel-export-data-types/#dates
                                 // we can NOT use Date.toISOString() because we don't want the timezone corrections to kick in
-                                const isoFormattedValue = DateFormatter(normalisedValue, {
+                                const isoFormattedValue = (0, FormatHelper_1.DateFormatter)(normalisedValue, {
                                     Pattern: `yyyy-MM-dd'T'HH:mm:ss.SSS`,
                                 });
                                 if (isoFormattedValue) {
@@ -4992,11 +4984,11 @@ export class Adaptable {
         });
     }
     convertAdaptableStyleToCSS(style) {
-        return convertAdaptableStyleToCSS(style);
+        return (0, StyleHelper_1.convertAdaptableStyleToCSS)(style);
     }
     convertCSSToExcelStyle(style) {
         const getHexColor = (color) => {
-            const preparedColor = getVariableColor(color);
+            const preparedColor = (0, StyleHelper_1.getVariableColor)(color);
             const t = tinycolor(preparedColor);
             const a = t.getAlpha();
             return tinycolor.mix(tinycolor('white'), t, a * 100).toHexString();
@@ -5023,7 +5015,7 @@ export class Adaptable {
         }
         if (style.textAlign) {
             result.alignment = {
-                horizontal: StringExtensions.CapitaliseFirstLetter(style.textAlign),
+                horizontal: StringExtensions_1.StringExtensions.CapitaliseFirstLetter(style.textAlign),
             };
         }
         if (style.color != null) {
@@ -5051,7 +5043,7 @@ export class Adaptable {
             if (!result.font) {
                 result.font = {};
             }
-            result.font.size = convertCSSAbsoluteFontSizeToPt(style.fontSize);
+            result.font.size = (0, StyleHelper_1.convertCSSAbsoluteFontSizeToPt)(style.fontSize);
         }
         return result;
     }
@@ -5091,23 +5083,23 @@ export class Adaptable {
     }
     addSyntheticPrimaryKey(rowData = []) {
         for (let i = 0; i < rowData.length; i++) {
-            rowData[i][AUTOGENERATED_PK_COLUMN] = createUuid();
+            rowData[i][GeneralConstants_1.AUTOGENERATED_PK_COLUMN] = (0, Uuid_1.createUuid)();
         }
     }
     // add a synthetic PK only if missing (useful in case of updating row data)
     addSyntheticPrimaryKeyIfMissing(rowData = []) {
-        this.adaptableOptions.primaryKey = AUTOGENERATED_PK_COLUMN;
+        this.adaptableOptions.primaryKey = GeneralConstants_1.AUTOGENERATED_PK_COLUMN;
         for (let i = 0; i < rowData.length; i++) {
-            if (!rowData[i][AUTOGENERATED_PK_COLUMN]) {
-                rowData[i][AUTOGENERATED_PK_COLUMN] = createUuid();
+            if (!rowData[i][GeneralConstants_1.AUTOGENERATED_PK_COLUMN]) {
+                rowData[i][GeneralConstants_1.AUTOGENERATED_PK_COLUMN] = (0, Uuid_1.createUuid)();
             }
         }
     }
     initLicenseService() {
         const globalObject = typeof globalThis !== 'undefined' ? globalThis : window;
         const licenseKey = globalObject.ADAPTABLE_LICENSE_KEY || this.api.optionsApi.getLicenseKey();
-        return new LicenseService(this, licenseKey, {
-            publishedAt: publishTimestamp,
+        return new LicenseService_1.LicenseService(this, licenseKey, {
+            publishedAt: publishTimestamp_1.default,
         });
     }
     showCharts(chartsDefinitions, chartContainer) {
@@ -5174,14 +5166,14 @@ export class Adaptable {
     registerAdaptableAggFuncs() {
         this.setGridOptionsProperty('aggFuncs', (originalAggFuncs) => {
             const aggregationFunctions = originalAggFuncs || {};
-            aggregationFunctions[WEIGHTED_AVERAGE_AGG_FN_NAME] = (params) => {
+            aggregationFunctions[AggregationColumns_1.WEIGHTED_AVERAGE_AGG_FN_NAME] = (params) => {
                 const columnId = params.column.getColId();
                 const adaptableAggFunc = this.getActiveAdaptableAggFuncForCol(columnId);
                 if (!adaptableAggFunc) {
                     return undefined;
                 }
                 if (adaptableAggFunc.type === 'weightedAverage') {
-                    return weightedAverage(params, params.colDef.colId, adaptableAggFunc.weightedColumnId);
+                    return (0, weightedAverage_1.weightedAverage)(params, params.colDef.colId, adaptableAggFunc.weightedColumnId);
                 }
                 return undefined;
             };
@@ -5194,7 +5186,7 @@ export class Adaptable {
     mapAggregationColumnsFromGrid(aggFuncFromGrid, currentLayout) {
         return Object.entries(aggFuncFromGrid).reduce((acc, [colId, agg]) => {
             const adaptableAggFunc = this.getActiveAdaptableAggFuncForCol(colId);
-            if ((adaptableAggFunc === null || adaptableAggFunc === void 0 ? void 0 : adaptableAggFunc.type) === 'weightedAverage' && agg === WEIGHTED_AVERAGE_AGG_FN_NAME) {
+            if ((adaptableAggFunc === null || adaptableAggFunc === void 0 ? void 0 : adaptableAggFunc.type) === 'weightedAverage' && agg === AggregationColumns_1.WEIGHTED_AVERAGE_AGG_FN_NAME) {
                 // do not override the agg func
                 acc[colId] = currentLayout.AggregationColumns[colId];
             }
@@ -5289,7 +5281,8 @@ export class Adaptable {
         return newColumnOrder;
     }
 }
-export class AdaptableNoCodeWizard {
+exports.Adaptable = Adaptable;
+class AdaptableNoCodeWizard {
     /**
      * @param adaptableOptions
      */
@@ -5300,12 +5293,12 @@ export class AdaptableNoCodeWizard {
         this.adaptableOptions = adaptableOptions;
         this.init = extraOptions.onInit || defaultInit;
         this.extraOptions = extraOptions;
-        this.agGridModules = ModuleRegistry.__getRegisteredModules(agGridOptons === null || agGridOptons === void 0 ? void 0 : agGridOptons.gridOptions.gridId);
+        this.agGridModules = core_1.ModuleRegistry.__getRegisteredModules(agGridOptons === null || agGridOptons === void 0 ? void 0 : agGridOptons.gridOptions.gridId);
         this.render();
     }
     render(container) {
         var _a;
-        let id = DefaultAdaptableOptions.containerOptions.adaptableContainer || 'adaptable';
+        let id = DefaultAdaptableOptions_1.DefaultAdaptableOptions.containerOptions.adaptableContainer || 'adaptable';
         if (!container) {
             let containerOptionsContainer = (_a = this.adaptableOptions.containerOptions) === null || _a === void 0 ? void 0 : _a.adaptableContainer;
             if (containerOptionsContainer) {
@@ -5324,7 +5317,7 @@ export class AdaptableNoCodeWizard {
         // this allows people to customize the wizard dimensions & styling
         // when it's visible
         container.classList.add('adaptable--in-wizard');
-        const unmount = defaultRenderReactRoot(React.createElement(AdaptableWizardView, Object.assign(Object.assign({ adaptableOptions: this.adaptableOptions }, this.extraOptions), { onInit: (adaptableOptions, gridOptions) => {
+        const unmount = (0, renderReactRoot_1.renderReactRoot)(React.createElement(AdaptableWizardView_1.default, Object.assign(Object.assign({ adaptableOptions: this.adaptableOptions }, this.extraOptions), { onInit: (adaptableOptions, gridOptions) => {
                 container.classList.remove('adaptable--in-wizard');
                 unmount();
                 this.init({
@@ -5332,6 +5325,7 @@ export class AdaptableNoCodeWizard {
                     gridOptions: gridOptions,
                     agGridModules: [...this.agGridModules],
                 });
-            } })), container, true);
+            } })), container);
     }
 }
+exports.AdaptableNoCodeWizard = AdaptableNoCodeWizard;