@adaptabletools/adaptable-cjs 22.0.0-canary.1 → 22.0.0-canary.2

package/src/View/Components/Panels/PanelToolPanel/index.js

@@ -11,6 +11,13 @@ const ButtonMaximise_1 = require("../../Buttons/ButtonMaximise");
 const twMerge_1 = require("../../../../twMerge");
 const Flex_1 = require("../../../../components/Flex");
 class PanelToolPanel extends React.Component {
+    static defaultProps = {
+        headerText: '',
+        onClose: null,
+        onConfigure: null,
+        onMinimiseChanged: null,
+        isMinimised: true,
+    };
     render() {
         const { useDefaultPanelStyle, isMinimised, onMinimiseChanged, headerText, onClose, onConfigure, ...props } = this.props;
         let header = (React.createElement(React.Fragment, null,
@@ -43,10 +50,3 @@ class PanelToolPanel extends React.Component {
     }
 }
 exports.PanelToolPanel = PanelToolPanel;
-PanelToolPanel.defaultProps = {
-    headerText: '',
-    onClose: null,
-    onConfigure: null,
-    onMinimiseChanged: null,
-    isMinimised: true,
-};

package/src/View/Components/ToolPanel/AdaptableToolPanel.js

@@ -226,6 +226,8 @@ const getAdaptableToolPanelAgGridComponent = (adaptable) => {
         };
     }
     return class AdaptableToolPanelAgGridComponent {
+        gui;
+        unmountReactRoot;
         init(params) {
             const api = adaptable.api;
             this.gui = document.createElement('div');

package/src/View/CustomSort/CustomSortSummary.js

@@ -20,19 +20,6 @@ const CustomSortWizard_1 = require("./Wizard/CustomSortWizard");
 class CustomSortSummaryComponent extends React.Component {
     constructor(props) {
         super(props);
-        this.onFinishWizard = (customSort) => {
-            if (this.props.CustomSorts.find((x) => x.ColumnId == customSort.ColumnId)) {
-                this.props.onEditCustomSort(customSort);
-            }
-            else {
-                this.props.onAddCustomSort(customSort);
-            }
-            this.setState({
-                editedAdaptableObject: null,
-                wizardStartIndex: 0,
-                wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
-            });
-        };
         this.state = UIHelper_1.UIHelper.getEmptyConfigState();
     }
     render() {
@@ -80,6 +67,19 @@ class CustomSortSummaryComponent extends React.Component {
             wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
         });
     }
+    onFinishWizard = (customSort) => {
+        if (this.props.CustomSorts.find((x) => x.ColumnId == customSort.ColumnId)) {
+            this.props.onEditCustomSort(customSort);
+        }
+        else {
+            this.props.onAddCustomSort(customSort);
+        }
+        this.setState({
+            editedAdaptableObject: null,
+            wizardStartIndex: 0,
+            wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
+        });
+    };
     canFinishWizard() {
         let customSort = this.state.editedAdaptableObject;
         return (StringExtensions_1.StringExtensions.IsNotNullOrEmpty(customSort.ColumnId) &&

package/src/View/FormatColumn/FormatColumnSummary.js

@@ -19,19 +19,6 @@ const FormatColumnWizard_1 = require("./Wizard/FormatColumnWizard");
 class FormatColumnSummaryComponent extends React.Component {
     constructor(props) {
         super(props);
-        this.onFinishWizard = (formatColumn) => {
-            if (this.props.FormatColumns.find((x) => x.Uuid == formatColumn.Uuid)) {
-                this.props.onEditFormatColumn(formatColumn);
-            }
-            else {
-                this.props.onAddFormatColumn(formatColumn);
-            }
-            this.setState({
-                editedAdaptableObject: null,
-                wizardStartIndex: 0,
-                wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
-            });
-        };
         this.state = UIHelper_1.UIHelper.getEmptyConfigState();
     }
     render() {
@@ -74,6 +61,19 @@ class FormatColumnSummaryComponent extends React.Component {
             wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
         });
     }
+    onFinishWizard = (formatColumn) => {
+        if (this.props.FormatColumns.find((x) => x.Uuid == formatColumn.Uuid)) {
+            this.props.onEditFormatColumn(formatColumn);
+        }
+        else {
+            this.props.onAddFormatColumn(formatColumn);
+        }
+        this.setState({
+            editedAdaptableObject: null,
+            wizardStartIndex: 0,
+            wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
+        });
+    };
     canFinishWizard() {
         let formatColumn = this.state.editedAdaptableObject;
         return formatColumn.Scope != undefined && UIHelper_1.UIHelper.IsNotEmptyStyle(formatColumn.Style);

package/src/View/FreeTextColumn/FreeTextColumnSummary.js

@@ -19,19 +19,6 @@ const FreeTextColumnWizard_1 = require("./Wizard/FreeTextColumnWizard");
 class FreeTextColumnSummaryComponent extends React.Component {
     constructor(props) {
         super(props);
-        this.onFinishWizard = (FreeTextColumn) => {
-            if (this.props.FreeTextColumns.find((x) => x.ColumnId == FreeTextColumn.ColumnId)) {
-                this.props.onEditFreeTextColumn(FreeTextColumn);
-            }
-            else {
-                this.props.onAddFreeTextColumn(FreeTextColumn);
-            }
-            this.setState({
-                editedAdaptableObject: null,
-                wizardStartIndex: 0,
-                wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
-            });
-        };
         this.state = UIHelper_1.UIHelper.getEmptyConfigState();
     }
     render() {
@@ -72,6 +59,19 @@ class FreeTextColumnSummaryComponent extends React.Component {
             wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
         });
     }
+    onFinishWizard = (FreeTextColumn) => {
+        if (this.props.FreeTextColumns.find((x) => x.ColumnId == FreeTextColumn.ColumnId)) {
+            this.props.onEditFreeTextColumn(FreeTextColumn);
+        }
+        else {
+            this.props.onAddFreeTextColumn(FreeTextColumn);
+        }
+        this.setState({
+            editedAdaptableObject: null,
+            wizardStartIndex: 0,
+            wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
+        });
+    };
     canFinishWizard() {
         let FreeTextColumn = this.state.editedAdaptableObject;
         return StringExtensions_1.StringExtensions.IsNotNullOrEmpty(FreeTextColumn.ColumnId);

package/src/View/SmartEdit/SmartEditViewPanel.js

@@ -17,6 +17,7 @@ const react_redux_1 = require("react-redux");
 const Select_1 = require("../../components/Select");
 const Flex_1 = require("../../components/Flex");
 class SmartEditViewPanelComponent extends React.Component {
+    cleanupEvent;
     constructor(props) {
         super(props);
         this.state = {

package/src/View/Theme/ThemePopup.js

@@ -15,22 +15,6 @@ const icons_1 = require("../../components/icons");
 const ThemeSelector_1 = require("./ThemeSelector");
 const Flex_1 = require("../../components/Flex");
 class ThemePopupComponent extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.handleCreateNewTheme = (variant) => {
-            let nthItem = this.props.UserThemes.length + 1;
-            let name = 'Custom-Theme-' + nthItem;
-            // make sure it is unique
-            while (this.props.UserThemes.some((theme) => theme.Name === name)) {
-                nthItem++;
-                name = 'Custom-Theme-' + nthItem;
-            }
-            const newTheme = ObjectFactory_1.default.CreateEmptyTheme(name);
-            newTheme.Variant = variant;
-            this.props.api.themeApi.addUserTheme(newTheme);
-            this.props.api.themeApi.loadTheme(newTheme.Name);
-        };
-    }
     render() {
         const isCustomTheme = this.props.api.themeApi
             .getUserThemes()
@@ -63,6 +47,19 @@ class ThemePopupComponent extends React.Component {
     onChangeTheme(value) {
         this.props.SelectTheme(value);
     }
+    handleCreateNewTheme = (variant) => {
+        let nthItem = this.props.UserThemes.length + 1;
+        let name = 'Custom-Theme-' + nthItem;
+        // make sure it is unique
+        while (this.props.UserThemes.some((theme) => theme.Name === name)) {
+            nthItem++;
+            name = 'Custom-Theme-' + nthItem;
+        }
+        const newTheme = ObjectFactory_1.default.CreateEmptyTheme(name);
+        newTheme.Variant = variant;
+        this.props.api.themeApi.addUserTheme(newTheme);
+        this.props.api.themeApi.loadTheme(newTheme.Name);
+    };
 }
 function mapStateToProps(state, ownProps) {
     return {

package/src/agGrid/Adaptable.js

@@ -26,6 +26,10 @@ class Adaptable {
 }
 exports.Adaptable = Adaptable;
 class AdaptableNoCodeWizard {
+    init;
+    adaptableOptions;
+    extraOptions;
+    agGridModules;
     /**
      * @param adaptableOptions
      */

package/src/agGrid/AdaptableAgGrid.js

@@ -159,38 +159,77 @@ LocalEventService_Prototype.dispatchEvent = function (event) {
 const adaptableInstances = {};
 const publishTimestamp = Number(EnvVars_1.ADAPTABLE_PUBLISH_TIMESTAMP);
 class AdaptableAgGrid {
+    logger;
+    _id;
+    lifecycleState;
+    variant;
+    emitter;
+    /**
+     * Runtime flags
+     */
+    hasAutogeneratedPrimaryKey;
+    hasAdaptableToolPanel;
+    initWithLazyData;
+    _rawAdaptableOptions;
+    adaptableOptions;
+    _isDetailGrid;
+    _isDetailGridForIndex;
+    agGridOptionsService;
+    agGridAdapter;
+    agGridColumnAdapter;
+    agGridMenuAdapter;
+    agGridExportAdapter;
+    agGridThemeAdapter;
+    agGridModulesAdapter;
+    DANGER_USE_GETTER_adaptableContainerElement;
+    DANGER_USE_GETTER_agGridContainerElement;
+    api;
+    adaptableStore;
+    adaptableModules;
+    DataService;
+    CalculatedColumnExpressionService;
+    ModuleService;
+    ValidationService;
+    QueryLanguageService;
+    AlertService;
+    TeamSharingService;
+    MetamodelService;
+    RowFormService;
+    Fdc3Service;
+    AnnotationsService;
+    FlashingCellService;
+    LicenseService;
+    ChartingService;
+    ThemeService;
+    rowListeners;
+    throttleFilterOnDataChange;
+    debouncedSetSelectedRows;
+    debouncedSetSelectedCells;
+    agGridListenerKeydown;
+    agGridListenerMouseEnter;
+    agGridListenerMouseLeave;
+    listenerGlobalSetRowSelection;
+    listenerGlobalChartingChanges;
+    listenerCellEditingStarted;
+    listenerFirstDataRendered;
+    listenerPivotChanged;
+    listenerCellSelectionChanged;
+    listenerSortChanged;
+    listenerColumnGroupOpened;
+    layoutManager;
+    columnMinMaxValuesCache = {};
+    renderReactRoot = (node, container) => (0, renderReactRoot_1.renderReactRoot)(node, container);
+    unmountReactRoot;
+    unmountLoadingScreen;
+    /**
+     * Temporary, these are MIGRATION technical debts, and should be removed as soon as possible
+     */
+    adaptableStatusPanelKeys = [];
+    // see #no_additional_react_root
+    _PRIVATE_adaptableJSXElement;
+    _prevLayout;
+    __prevLayoutForRefresh;
     constructor(config) {
-        this.columnMinMaxValuesCache = {};
-        this.renderReactRoot = (node, container) => (0, renderReactRoot_1.renderReactRoot)(node, container);
-        /**
-         * Temporary, these are MIGRATION technical debts, and should be removed as soon as possible
-         */
-        this.adaptableStatusPanelKeys = [];
-        // only for our private / internal events used within Adaptable
-        // public events are emitted through the EventApi
-        this._emit = (eventName, data) => {
-            if (this.emitter) {
-                return this.emitter.emit(eventName, data);
-            }
-        };
-        this._emitSync = (eventName, data) => {
-            if (this.emitter) {
-                return this.emitter.emitSync(eventName, data);
-            }
-        };
-        this._on = (eventName, callback) => {
-            if (!this.emitter) {
-                return () => { };
-            }
-            return this.emitter.on(eventName, callback);
-        };
-        this._onIncludeFired = (eventName, callback) => {
-            if (!this.emitter) {
-                return () => { };
-            }
-            return this.emitter.onIncludeFired(eventName, callback);
-        };
-        this.__updateColumnModelAndRefreshGrid_already_called = false;
         this.lifecycleState = 'initial';
         this.emitter = new Emitter_1.default();
         this.agGridOptionsService = new AgGridOptionsService_1.AgGridOptionsService(this);
@@ -226,6 +265,30 @@ class AdaptableAgGrid {
     get isDestroyed() {
         return this.lifecycleState === 'preDestroyed';
     }
+    // only for our private / internal events used within Adaptable
+    // public events are emitted through the EventApi
+    _emit = (eventName, data) => {
+        if (this.emitter) {
+            return this.emitter.emit(eventName, data);
+        }
+    };
+    _emitSync = (eventName, data) => {
+        if (this.emitter) {
+            return this.emitter.emitSync(eventName, data);
+        }
+    };
+    _on = (eventName, callback) => {
+        if (!this.emitter) {
+            return () => { };
+        }
+        return this.emitter.on(eventName, callback);
+    };
+    _onIncludeFired = (eventName, callback) => {
+        if (!this.emitter) {
+            return () => { };
+        }
+        return this.emitter.onIncludeFired(eventName, callback);
+    };
     /**
      * Internal initializer for Adaptable, directly called by the React and Angular Adaptable wrappers
      * @private
@@ -786,7 +849,8 @@ You need to define at least one Layout!`);
                 return original_autoGroupColumnDef;
             }
             if (typeof original_autoGroupColumnDef?.filter === 'object') {
-                this.logger.warn(`autoGroupColumnDef.filter is set and overrides the Adaptable custom filter mechanism! We recommend using a ColumnOptions.columnHeader instead!`);
+                this.logger.consoleWarn(`autoGroupColumnDef.filter is set and overrides the Adaptable custom filter mechanism, so Adaptable will not be able to manage filtering for the Group Column!
+                      Please contact the Adaptable Support Team for further assistance and investigation.`);
                 return original_autoGroupColumnDef;
             }
             const autoGroupColumnDef = { ...original_autoGroupColumnDef };
@@ -794,7 +858,8 @@ You need to define at least one Layout!`);
             // !! DO NOT REMOVE THIS !!
             // see https://github.com/ag-grid/ag-grid/blob/6f43ff257c2e285068eb425b655e58d6eeb89816/packages/ag-grid-enterprise/src/rowHierarchy/autoColService.ts#L225
             autoGroupColumnDef.filterValueGetter = (params) => {
-                this.logger.error('autoGroupColumnDef.filterValueGetter was called unexpectedly; this is not an expected execution path!', params);
+                this.logger.consoleWarn(`An unexpected invocation of autoGroupColumnDef.filterValueGetter was detected. This execution path is not expected under normal operation.
+                      Please contact the Adaptable Support Team for further assistance and investigation.`, params);
                 return '';
             };
             // !! it is important that we always return the same component / handler instances
@@ -2070,6 +2135,7 @@ You need to define at least one Layout!`);
         }
         return rawValue;
     }
+    __updateColumnModelAndRefreshGrid_already_called = false;
     updateColumnModelAndRefreshGrid() {
         if (this.__updateColumnModelAndRefreshGrid_already_called) {
             return;

package/src/agGrid/AdaptableFilterHandler.js

@@ -2,6 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AdaptableFilterHandler = void 0;
 class AdaptableFilterHandler {
+    adaptableApi;
+    colId;
+    filterDisplayValuesResult;
+    previousFilterDisplayValuesResult;
     constructor(adaptableApi) {
         this.adaptableApi = adaptableApi;
     }

package/src/agGrid/AdaptableLogger.d.ts

@@ -1,5 +1,8 @@
 import { AdaptableMessageType } from '../AdaptableState/Common/AdaptableMessageType';
 export declare const errorOnce: (message: string) => void;
+/**
+ * AdapTable's Logger
+ */
 export declare class AdaptableLogger {
     private adaptableId;
     private debugger;

package/src/agGrid/AdaptableLogger.js

@@ -15,7 +15,17 @@ const errorOnce = (message) => {
     errorOnceFlags[message] = true;
 };
 exports.errorOnce = errorOnce;
+/**
+ * AdapTable's Logger
+ */
 class AdaptableLogger {
+    adaptableId;
+    debugger;
+    infoLogger;
+    successLogger;
+    warnLogger;
+    errorLogger;
+    perfLogger;
     // use static loggers whenever access to AdaptableLogger instance is not feasible
     static consoleErrorBase(message, ...optionalParams) {
         if (optionalParams?.length) {

package/src/agGrid/AgGridAdapter.js

@@ -17,9 +17,19 @@ const AggregationColumns_1 = require("../AdaptableState/Common/AggregationColumn
 const DANGER_AG_GRID_BEANS_MAP = {};
 const getColumnApiModule = () => ag_grid_enterprise_1.ColumnApiModule;
 class AgGridAdapter {
+    _adaptableInstance;
+    DANGER_USE_GETTER_gridApi;
+    DANGER_gridApi_from_args;
+    // see #gridOpts_monkey_patch
+    DANGER_updateGridOptionsMonkeyPatcher;
+    // see #aggColumnFilters_monkey_patch
+    DANGER_doFiltersPassMonkeyPatcher;
+    DANGER_isAggFilterPresentMonkeyPatcher;
+    activePivotColumnFilters_MEMO = new WeakMap();
+    initialGridOptions;
+    _agGridId;
     constructor(_adaptableInstance, config) {
         this._adaptableInstance = _adaptableInstance;
-        this.activePivotColumnFilters_MEMO = new WeakMap();
         const columnApiModuleReference = config?.getAgGridColumnApiModuleReference?.() ?? getColumnApiModule();
         const ColumnDefFactory_Prototype = columnApiModuleReference?.beans?.[0]?.prototype;
         if (!ColumnDefFactory_Prototype) {

package/src/agGrid/AgGridColumnAdapter.js

@@ -32,6 +32,8 @@ function getEditorForColumnDataType(columnDataType, variant) {
     }
 }
 class AgGridColumnAdapter {
+    adaptableInstance;
+    colDefPropertyCache;
     constructor(adaptableInstance) {
         this.adaptableInstance = adaptableInstance;
         this.colDefPropertyCache = new Map();

package/src/agGrid/AgGridExportAdapter.js

@@ -12,17 +12,18 @@ const Uuid_1 = require("../AdaptableState/Uuid");
 const udsv_1 = require("udsv");
 const GeneralConstants_1 = require("../Utilities/Constants/GeneralConstants");
 class AgGridExportAdapter {
+    _adaptableInstance;
+    /**
+     * !!!
+     * do NOT mutate this array reference, this is passed only initially to AG Grid and we can only change it's internal state
+     */
+    DANGER_excelStyles = [];
+    originalExcelStyles = [];
+    excelStylesCache = {};
+    cellOrHeaderClassKey2ExcelStyleIdMap = {};
+    excelStylesWithFormattedDate = {};
     constructor(_adaptableInstance) {
         this._adaptableInstance = _adaptableInstance;
-        /**
-         * !!!
-         * do NOT mutate this array reference, this is passed only initially to AG Grid and we can only change it's internal state
-         */
-        this.DANGER_excelStyles = [];
-        this.originalExcelStyles = [];
-        this.excelStylesCache = {};
-        this.cellOrHeaderClassKey2ExcelStyleIdMap = {};
-        this.excelStylesWithFormattedDate = {};
     }
     get agGridApi() {
         return this._adaptableInstance.agGridAdapter.getAgGridApi();

package/src/agGrid/AgGridFilterAdapter.js

@@ -18,6 +18,10 @@ const AgGridFilterAdapterFactory = (adaptable) => {
         return 'filter_' + colId + '_' + adaptable.adaptableOptions.adaptableId;
     }
     return class AgGridFilterAdapter {
+        params;
+        filterContainer;
+        column;
+        unmountReactRoot;
         init(params) {
             this.params = params;
             this.column = params.column;

package/src/agGrid/AgGridFloatingFilterAdapter.js

@@ -62,6 +62,9 @@ const AgGridFloatingFilterAdapterFactory = (adaptable) => {
         }
     }
     return class AgGridFloatingFilterAdapter {
+        colId;
+        filterContainer;
+        unmountReactRoot;
         init(params) {
             const colId = params.column.getColId();
             this.colId = colId;

package/src/agGrid/AgGridMenuAdapter.js

@@ -7,6 +7,7 @@ const icons_1 = require("../components/icons");
 const ArrayExtensions_1 = tslib_1.__importDefault(require("../Utilities/Extensions/ArrayExtensions"));
 const GeneralConstants_1 = require("../Utilities/Constants/GeneralConstants");
 class AgGridMenuAdapter {
+    _adaptableInstance;
     constructor(_adaptableInstance) {
         this._adaptableInstance = _adaptableInstance;
     }

package/src/agGrid/AgGridModulesAdapter.js

@@ -5,9 +5,10 @@ const _1 = require(".");
 const ag_grid_enterprise_1 = require("ag-grid-enterprise");
 exports.AG_GRID_VERSION = ag_grid_enterprise_1.AllEnterpriseModule.version;
 class AgGridModulesAdapter {
+    adaptableInstance;
+    allAgGridModules = new Set();
     constructor(adaptableInstance) {
         this.adaptableInstance = adaptableInstance;
-        this.allAgGridModules = new Set();
         this.allAgGridModules = this.extractAgGridModuleNames(ag_grid_enterprise_1.AllEnterpriseModule);
     }
     destroy() {

package/src/agGrid/AgGridOptionsService.js

@@ -2,6 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AgGridOptionsService = void 0;
 class AgGridOptionsService {
+    adaptableInstance;
+    gridOptionsPropertyCache;
+    colDefPropertyCache;
     constructor(adaptableInstance) {
         this.adaptableInstance = adaptableInstance;
         this.gridOptionsPropertyCache = new Map();

package/src/agGrid/AgGridThemeAdapter.js

@@ -3,6 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AgGridThemeAdapter = void 0;
 const GeneralConstants_1 = require("../Utilities/Constants/GeneralConstants");
 class AgGridThemeAdapter {
+    _adaptableInstance;
+    agGridThemeMode;
     constructor(_adaptableInstance) {
         this._adaptableInstance = _adaptableInstance;
     }

package/src/agGrid/cellRenderers/ActionColumnRenderer.js

@@ -102,6 +102,11 @@ const ReactActionColumnRenderer = (props) => {
 };
 exports.ReactActionColumnRenderer = ReactActionColumnRenderer;
 class ActionColumnRenderer {
+    eGui;
+    eventListener;
+    unmountReactRoot;
+    layoutSwitchUnsubscribe;
+    actionButtons;
     // gets called once before the renderer is used
     init(params) {
         const adaptable = params.context.__adaptable;

package/src/agGrid/cellRenderers/BadgeRenderer.js

@@ -7,6 +7,8 @@ const renderWithAdaptableContext_1 = require("../../View/renderWithAdaptableCont
 const React = tslib_1.__importStar(require("react"));
 const getBadgeRendererForColumn = (badgeStyle, abColumn, api) => {
     return class BadgetRenderer {
+        eGui;
+        unmountReactRoot;
         getAdaptableInstance(params) {
             const adaptable = params.context.__adaptable;
             return adaptable;

package/src/agGrid/cellRenderers/PercentBarRenderer.js

@@ -9,6 +9,7 @@ const getPercentBarRendererForColumn = (styledColumn, abColumn, api) => {
         return;
     }
     return class PercentBarRenderer {
+        eGui;
         init(params) {
             const min = api.styledColumnApi.internalApi.getNumericStyleMinValue(styledColumn, abColumn, params.node, params.value);
             const max = api.styledColumnApi.internalApi.getNumericStyleMaxValue(styledColumn, abColumn, params.node, params.value);

package/src/agGrid/editors/AdaptableDateEditor/index.js

@@ -98,9 +98,12 @@ exports.AdaptableReactDateEditor = (0, react_1.forwardRef)((props, ref) => {
  * We strongly recommend you specify a `colDef.valueParser` function
  */
 class AdaptableDateEditor {
-    constructor() {
-        this.valueParser = defaultDateValueParser;
-    }
+    value;
+    el;
+    params;
+    editor;
+    unmountReactRoot;
+    valueParser = defaultDateValueParser;
     init(params) {
         this.value = getStartValue(params);
         const { valueParser } = params.column.getColDef();

package/src/agGrid/editors/AdaptableNumberEditor/index.js

@@ -86,18 +86,13 @@ exports.AdaptableReactNumberEditor.displayName = 'AdaptableReactNumberEditor';
  * Number Editor provided by AdapTable and used by default for all `number` columns
  */
 class AdaptableNumberEditor {
-    constructor() {
-        this.valueParser = defaultValueParser;
-        this.onValueChange = (value) => {
-            this.value = this.valueParser
-                ? this.valueParser({
-                    ...this.params,
-                    oldValue: this.params.value,
-                    newValue: value,
-                })
-                : value;
-        };
-    }
+    value;
+    columnId;
+    el;
+    params;
+    editor;
+    valueParser = defaultValueParser;
+    unmountReactRoot;
     init(params) {
         this.value = getStartValue(params);
         this.params = params;
@@ -148,5 +143,14 @@ class AdaptableNumberEditor {
     destroy() {
         this.unmountReactRoot?.();
     }
+    onValueChange = (value) => {
+        this.value = this.valueParser
+            ? this.valueParser({
+                ...this.params,
+                oldValue: this.params.value,
+                newValue: value,
+            })
+            : value;
+    };
 }
 exports.AdaptableNumberEditor = AdaptableNumberEditor;