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

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

@@ -222,6 +222,8 @@ export 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

@@ -16,19 +16,6 @@ import { CustomSortWizard } from './Wizard/CustomSortWizard';
 export 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: WizardStatus.None,
-            });
-        };
         this.state = UIHelper.getEmptyConfigState();
     }
     render() {
@@ -76,6 +63,19 @@ export class CustomSortSummaryComponent extends React.Component {
             wizardStatus: 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: WizardStatus.None,
+        });
+    };
     canFinishWizard() {
         let customSort = this.state.editedAdaptableObject;
         return (StringExtensions.IsNotNullOrEmpty(customSort.ColumnId) &&

package/src/View/FormatColumn/FormatColumnSummary.js

@@ -15,19 +15,6 @@ import { FormatColumnWizard } from './Wizard/FormatColumnWizard';
 export 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: WizardStatus.None,
-            });
-        };
         this.state = UIHelper.getEmptyConfigState();
     }
     render() {
@@ -70,6 +57,19 @@ export class FormatColumnSummaryComponent extends React.Component {
             wizardStatus: 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: WizardStatus.None,
+        });
+    };
     canFinishWizard() {
         let formatColumn = this.state.editedAdaptableObject;
         return formatColumn.Scope != undefined && UIHelper.IsNotEmptyStyle(formatColumn.Style);

package/src/View/FreeTextColumn/FreeTextColumnSummary.js

@@ -15,19 +15,6 @@ import { FreeTextColumnWizard } from './Wizard/FreeTextColumnWizard';
 export 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: WizardStatus.None,
-            });
-        };
         this.state = UIHelper.getEmptyConfigState();
     }
     render() {
@@ -68,6 +55,19 @@ export class FreeTextColumnSummaryComponent extends React.Component {
             wizardStatus: 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: WizardStatus.None,
+        });
+    };
     canFinishWizard() {
         let FreeTextColumn = this.state.editedAdaptableObject;
         return StringExtensions.IsNotNullOrEmpty(FreeTextColumn.ColumnId);

package/src/View/SmartEdit/SmartEditViewPanel.js

@@ -13,6 +13,7 @@ import { connect } from 'react-redux';
 import { Select } from '../../components/Select';
 import { Flex } from '../../components/Flex';
 class SmartEditViewPanelComponent extends React.Component {
+    cleanupEvent;
     constructor(props) {
         super(props);
         this.state = {

package/src/View/Theme/ThemePopup.js

@@ -11,22 +11,6 @@ import { Icon } from '../../components/icons';
 import { ThemeSelector } from './ThemeSelector';
 import { Box } from '../../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.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()
@@ -59,6 +43,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.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

@@ -21,6 +21,10 @@ export class Adaptable {
     }
 }
 export class AdaptableNoCodeWizard {
+    init;
+    adaptableOptions;
+    extraOptions;
+    agGridModules;
     /**
      * @param adaptableOptions
      */

package/src/agGrid/AdaptableAgGrid.js

@@ -155,38 +155,77 @@ LocalEventService_Prototype.dispatchEvent = function (event) {
 const adaptableInstances = {};
 const publishTimestamp = Number(ADAPTABLE_PUBLISH_TIMESTAMP);
 export 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) => defaultRenderReactRoot(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) => defaultRenderReactRoot(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();
         this.agGridOptionsService = new AgGridOptionsService(this);
@@ -222,6 +261,30 @@ export 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
@@ -782,7 +845,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 };
@@ -790,7 +854,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
@@ -2066,6 +2131,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

@@ -1,4 +1,8 @@
 export 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

@@ -11,7 +11,17 @@ export const errorOnce = (message) => {
     console.error(message);
     errorOnceFlags[message] = true;
 };
+/**
+ * AdapTable's Logger
+ */
 export 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

@@ -13,9 +13,19 @@ import { isWeightedAverageAggFuncName } from '../AdaptableState/Common/Aggregati
 const DANGER_AG_GRID_BEANS_MAP = {};
 const getColumnApiModule = () => ColumnApiModule;
 export 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

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

package/src/agGrid/AgGridExportAdapter.js

@@ -8,17 +8,18 @@ import { createUuid } from '../AdaptableState/Uuid';
 import { inferSchema, initParser } from 'udsv';
 import { AG_GRID_GROUPED_COLUMN, AG_GRID_SELECTION_COLUMN, } from '../Utilities/Constants/GeneralConstants';
 export 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

@@ -14,6 +14,10 @@ export 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

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

package/src/agGrid/AgGridMenuAdapter.js

@@ -3,6 +3,7 @@ import { iconToString } from '../components/icons';
 import ArrayExtensions from '../Utilities/Extensions/ArrayExtensions';
 import { MENU_SEPARATOR } from '../Utilities/Constants/GeneralConstants';
 export class AgGridMenuAdapter {
+    _adaptableInstance;
     constructor(_adaptableInstance) {
         this._adaptableInstance = _adaptableInstance;
     }

package/src/agGrid/AgGridModulesAdapter.js

@@ -2,9 +2,10 @@ import { AdaptableLogger } from '.';
 import { AllEnterpriseModule } from 'ag-grid-enterprise';
 export const AG_GRID_VERSION = AllEnterpriseModule.version;
 export class AgGridModulesAdapter {
+    adaptableInstance;
+    allAgGridModules = new Set();
     constructor(adaptableInstance) {
         this.adaptableInstance = adaptableInstance;
-        this.allAgGridModules = new Set();
         this.allAgGridModules = this.extractAgGridModuleNames(AllEnterpriseModule);
     }
     destroy() {

package/src/agGrid/AgGridOptionsService.js

@@ -1,4 +1,7 @@
 export class AgGridOptionsService {
+    adaptableInstance;
+    gridOptionsPropertyCache;
+    colDefPropertyCache;
     constructor(adaptableInstance) {
         this.adaptableInstance = adaptableInstance;
         this.gridOptionsPropertyCache = new Map();

package/src/agGrid/AgGridThemeAdapter.js

@@ -1,5 +1,7 @@
 import { DARK_THEME, LIGHT_THEME } from '../Utilities/Constants/GeneralConstants';
 export class AgGridThemeAdapter {
+    _adaptableInstance;
+    agGridThemeMode;
     constructor(_adaptableInstance) {
         this._adaptableInstance = _adaptableInstance;
     }

package/src/agGrid/cellRenderers/ActionColumnRenderer.js

@@ -97,6 +97,11 @@ export const ReactActionColumnRenderer = (props) => {
         React.createElement(ActionButtons, { buttons: actionButtons, adaptableApi: adaptable.api, context: buttonContext, rerender: rerender })));
 };
 export 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

@@ -3,6 +3,8 @@ import { renderWithAdaptableContext } from '../../View/renderWithAdaptableContex
 import * as React from 'react';
 export 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

@@ -5,6 +5,7 @@ export 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

@@ -94,9 +94,12 @@ export const AdaptableReactDateEditor = forwardRef((props, ref) => {
  * We strongly recommend you specify a `colDef.valueParser` function
  */
 export 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

@@ -81,18 +81,13 @@ AdaptableReactNumberEditor.displayName = 'AdaptableReactNumberEditor';
  * Number Editor provided by AdapTable and used by default for all `number` columns
  */
 export 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;
@@ -143,4 +138,13 @@ export class AdaptableNumberEditor {
     destroy() {
         this.unmountReactRoot?.();
     }
+    onValueChange = (value) => {
+        this.value = this.valueParser
+            ? this.valueParser({
+                ...this.params,
+                oldValue: this.params.value,
+                newValue: value,
+            })
+            : value;
+    };
 }

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

@@ -65,19 +65,13 @@ AdaptableReactPercentageEditor.displayName = 'AdaptableReactPercentageEditor';
  * Used to edit percentage columns as percentages (similar to how its done in Excel)
  */
 export class AdaptablePercentageEditor {
-    constructor() {
-        this.valueParser = defaultValueParser;
-        this.onValueChange = (value) => {
-            const newValue = this.valueParser
-                ? this.valueParser({
-                    ...this.params,
-                    oldValue: this.params.value,
-                    newValue: value,
-                })
-                : value;
-            this.value = NumberExtensions.divideBy100(newValue);
-        };
-    }
+    value;
+    columnId;
+    el;
+    params;
+    editor;
+    valueParser = defaultValueParser;
+    unmountReactRoot;
     init(params) {
         this.value = getStartValue(params);
         this.params = params;
@@ -128,4 +122,14 @@ export class AdaptablePercentageEditor {
     destroy() {
         this.unmountReactRoot?.();
     }
+    onValueChange = (value) => {
+        const newValue = this.valueParser
+            ? this.valueParser({
+                ...this.params,
+                oldValue: this.params.value,
+                newValue: value,
+            })
+            : value;
+        this.value = NumberExtensions.divideBy100(newValue);
+    };
 }

package/src/agGrid/index.d.ts

@@ -2,5 +2,11 @@ import { Adaptable, AdaptableNoCodeWizard as ABWizard } from './Adaptable';
 import { AdaptableLogger as ABLogger } from './AdaptableLogger';
 export { default as AdaptableWizardView } from '../View/AdaptableWizardView';
 export default Adaptable;
+/**
+ * AdapTable's No Code Wizard
+ */
 export declare const AdaptableNoCodeWizard: typeof ABWizard;
+/**
+ * AdapTable's Logger
+ */
 export declare const AdaptableLogger: typeof ABLogger;