@adaptabletools/adaptable 14.0.0-canary.0 → 14.0.0-canary.1

package/src/agGrid/ActionColumnRenderer.js

@@ -1,77 +1,110 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionColumnRenderer = void 0;
+exports.ActionColumnRenderer = exports.ReactActionColumnRenderer = void 0;
 const tslib_1 = require("tslib");
 const SimpleButton_1 = tslib_1.__importDefault(require("../components/SimpleButton"));
-const react_dom_1 = require("react-dom");
 const React = tslib_1.__importStar(require("react"));
 const uuid_1 = require("../components/utils/uuid");
+const useRerender_1 = require("../components/utils/useRerender");
+function getActionButtonsAndActionColumn(adaptable, actionColumn, colId) {
+    var _a;
+    const actionCol = actionColumn
+        ? actionColumn
+        : (_a = adaptable.api.actionApi.getActionColumns()) === null || _a === void 0 ? void 0 : _a.find((ac) => ac.columnId == colId);
+    if (actionCol && actionCol.actionColumnButton) {
+        let actionButtons = Array.isArray(actionCol.actionColumnButton)
+            ? actionCol.actionColumnButton
+            : [actionCol.actionColumnButton];
+        if (!actionButtons.length) {
+            return;
+        }
+        // actionButtons don't have IDs, so we need to generate them to be used later as a react component key
+        actionButtons = actionButtons.map((actionButton) => (Object.assign(Object.assign({}, actionButton), { Uuid: (0, uuid_1.createUuid)() })));
+        return { actionButtons, actionColumn: actionCol };
+    }
+    return {
+        actionButtons: [],
+        actionColumn: actionCol,
+    };
+}
+const renderActionButtons = (buttons, adaptableApi, context, rerender) => {
+    return (React.createElement(React.Fragment, null, buttons.map((button, index) => {
+        var _a, _b;
+        if (button.hidden && button.hidden(button, context)) {
+            return;
+        }
+        const buttonIcon = adaptableApi.internalApi.getIconForButton(button, context, {
+            height: 15,
+            width: 15,
+        });
+        const buttonStyle = adaptableApi.internalApi.getStyleForButton(button, context);
+        const buttonLabel = adaptableApi.internalApi.getLabelForButton(button, context);
+        const buttonTooltip = adaptableApi.internalApi.getTooltipForButton(button, context);
+        const handleClick = () => {
+            var _a;
+            (_a = button.onClick) === null || _a === void 0 ? void 0 : _a.call(button, button, context);
+            // Timeout to let any updates to be done before re-rendering the component
+            setTimeout(() => {
+                // when called again it triggers a re-render
+                // https:reactjs.org/docs/react-dom.html#render
+                rerender();
+            }, 16);
+        };
+        const disabled = button.disabled && button.disabled(button, context);
+        return (React.createElement(SimpleButton_1.default, { key: button.Uuid, "data-name": `action-button-${index + 1}`, variant: (_a = buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.variant) !== null && _a !== void 0 ? _a : 'text', disabled: disabled, tooltip: buttonTooltip, icon: buttonIcon, tone: (_b = buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.tone) !== null && _b !== void 0 ? _b : 'none', onClick: handleClick, className: buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.className, accessLevel: 'Full' }, buttonLabel));
+    })));
+};
+const ReactActionColumnRenderer = (props) => {
+    const rerender = (0, useRerender_1.useRerender)();
+    const adaptable = props.api.__adaptable;
+    const { actionButtons, actionColumn } = getActionButtonsAndActionColumn(adaptable, props.actionColumn, props.colDef.colId);
+    if (!actionColumn || !actionButtons.length) {
+        return null;
+    }
+    if (adaptable.api.gridApi.isGroupRowNode(props.node) && !actionColumn.includeGroupedRows) {
+        return null;
+    }
+    const pkValue = adaptable.getPrimaryKeyValueFromRowNode(props.node);
+    const buttonContext = {
+        actionColumn,
+        primaryKeyValue: pkValue,
+        rowNode: props.node,
+        adaptableApi: adaptable.api,
+        data: props.data,
+    };
+    return (React.createElement("div", { className: "ab-ActionColumn" }, renderActionButtons(actionButtons, adaptable.api, buttonContext, rerender)));
+};
+exports.ReactActionColumnRenderer = ReactActionColumnRenderer;
 class ActionColumnRenderer {
     // gets called once before the renderer is used
     init(params) {
-        var _a;
         const adaptable = params.api.__adaptable;
-        const actionCol = params.actionColumn
-            ? params.actionColumn
-            : (_a = adaptable.api.actionApi
-                .getAllActionColumn()) === null || _a === void 0 ? void 0 : _a.find((ac) => ac.columnId == params.colDef.colId);
-        if (actionCol && actionCol.actionColumnButton) {
-            let actionButtons = Array.isArray(actionCol.actionColumnButton)
-                ? actionCol.actionColumnButton
-                : [actionCol.actionColumnButton];
-            if (!actionButtons.length) {
-                return;
-            }
-            // actionButtons don't have IDs, so we need to generate them to be used later as a react component key
-            actionButtons = actionButtons.map((actionButton) => (Object.assign(Object.assign({}, actionButton), { Uuid: (0, uuid_1.createUuid)() })));
-            // create the cell
-            this.eGui = document.createElement('div');
-            this.eGui.className = 'ab-ActionColumn';
-            // if its a group node then only show if set to do so
-            if (adaptable.api.gridApi.isGroupRowNode(params.node) && !actionCol.includeGroupedRows) {
-                this.eGui.innerHTML = '';
-                return;
-            }
-            const pkValue = adaptable.getPrimaryKeyValueFromRowNode(params.node);
-            const buttonContext = {
-                actionColumn: actionCol,
-                primaryKeyValue: pkValue,
-                rowNode: params.node,
-                adaptableApi: adaptable.api,
-            };
-            const renderActionButtons = (buttons, adaptableApi, context) => {
-                return (React.createElement(React.Fragment, null, buttons.map((button, index) => {
-                    var _a, _b;
-                    if (button.hidden && button.hidden(button, context)) {
-                        return;
-                    }
-                    const buttonIcon = adaptableApi.internalApi.getIconForButton(button, context, {
-                        height: 15,
-                        width: 15,
-                    });
-                    const buttonStyle = adaptableApi.internalApi.getStyleForButton(button, context);
-                    const buttonLabel = adaptableApi.internalApi.getLabelForButton(button, context);
-                    const buttonTooltip = adaptableApi.internalApi.getTooltipForButton(button, context);
-                    const handleClick = () => {
-                        button.onClick(button, context);
-                        // Timeout to let any updates to be done before re-rendering the component
-                        setTimeout(() => {
-                            // when called again it triggers a re-render
-                            // https:reactjs.org/docs/react-dom.html#render
-                            doRender();
-                        }, 16);
-                    };
-                    const disabled = button.disabled && button.disabled(button, context);
-                    return (React.createElement(SimpleButton_1.default, { key: button.Uuid, "data-name": `action-button-${index + 1}`, variant: (_a = buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.variant) !== null && _a !== void 0 ? _a : 'text', disabled: disabled, tooltip: buttonTooltip, icon: buttonIcon, tone: (_b = buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.tone) !== null && _b !== void 0 ? _b : 'none', onClick: handleClick, className: buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.className, accessLevel: 'Full' }, buttonLabel));
-                })));
-            };
-            const eGui = this.eGui;
-            function doRender() {
-                (0, react_dom_1.render)(renderActionButtons(actionButtons, adaptable.api, buttonContext), eGui);
-            }
-            this.render = doRender;
-            doRender();
+        const { actionButtons, actionColumn } = getActionButtonsAndActionColumn(adaptable, params.actionColumn, params.colDef.colId);
+        if (!actionColumn || !actionButtons.length) {
+            return;
         }
+        // create the cell
+        this.eGui = document.createElement('div');
+        this.eGui.className = 'ab-ActionColumn';
+        // if its a group node then only show if set to do so
+        if (adaptable.api.gridApi.isGroupRowNode(params.node) && !actionColumn.includeGroupedRows) {
+            this.eGui.innerHTML = '';
+            return;
+        }
+        const pkValue = adaptable.getPrimaryKeyValueFromRowNode(params.node);
+        const buttonContext = {
+            actionColumn,
+            primaryKeyValue: pkValue,
+            rowNode: params.node,
+            adaptableApi: adaptable.api,
+            data: params.data,
+        };
+        const eGui = this.eGui;
+        const doRender = () => {
+            this.unmountReactRoot = adaptable.renderReactRoot(renderActionButtons(actionButtons, adaptable.api, buttonContext, doRender), eGui);
+        };
+        this.render = doRender;
+        doRender();
     }
     // defined on init
     // used to re-render in refresh
@@ -88,7 +121,8 @@ class ActionColumnRenderer {
     }
     // gets called when the cell is removed from the grid
     destroy() {
-        (0, react_dom_1.unmountComponentAtNode)(this.eGui);
+        var _a;
+        (_a = this.unmountReactRoot) === null || _a === void 0 ? void 0 : _a.call(this);
         // do cleanup, remove event listener from button
         if (this.eGui) {
             this.eGui.removeEventListener('click', this.eventListener);

package/src/agGrid/Adaptable.d.ts

@@ -1,6 +1,6 @@
-import { ChartModel, ChartRef, ColDef, ColGroupDef, Column, ExcelStyle, GridOptions, Module, RowNode } from '@ag-grid-community/core';
+import { ChartRef, ColDef, ColGroupDef, Column, ColumnRowGroupChangedEvent, ExcelStyle, GridOptions, Module, ModuleNames, RowNode } from '@ag-grid-community/core';
 import { AdaptableNoCodeWizardOptions, IAdaptableNoCodeWizard } from '../AdaptableInterfaces/AdaptableNoCodeWizard';
-import { IAdaptable } from '../AdaptableInterfaces/IAdaptable';
+import { AdaptableVariant, IAdaptable } from '../AdaptableInterfaces/IAdaptable';
 import { AdaptableOptions } from '../AdaptableOptions/AdaptableOptions';
 import { AdaptablePlugin } from '../AdaptableOptions/AdaptablePlugin';
 import { AdaptableApi } from '../Api/AdaptableApi';
@@ -18,6 +18,7 @@ import { SelectedRowInfo } from '../PredefinedConfig/Selection/SelectedRowInfo';
 import { AdaptableTheme } from '../PredefinedConfig/ThemeState';
 import { IAdaptableStore } from '../Redux/Store/Interface/IAdaptableStore';
 import { IModuleCollection } from '../Strategy/Interface/IModule';
+import { ChartDefinition } from '../types';
 import { EmitterCallback } from '../Utilities/Emitter';
 import { IPPStyle } from '../Utilities/Interface/IPPStyle';
 import { LicenseService } from '../Utilities/Services/LicenseService';
@@ -35,8 +36,12 @@ import { CustomSort } from '../PredefinedConfig/CustomSortState';
 import { ColumnValuesComparer } from '../AdaptableOptions/GeneralOptions';
 import { IMetamodelService } from '../Utilities/Services/Interface/IMetamodelService';
 import { IRowEditService } from '../Utilities/Services/Interface/IRowEditService';
+import { RenderReactRootFn } from '../renderReactRoot';
 declare type RuntimeConfig = {
     waitForAgGrid?: boolean;
+    supressReact18RenderWarning?: boolean;
+    renderReactRoot?: RenderReactRootFn;
+    variant?: AdaptableVariant;
 };
 export declare class Adaptable implements IAdaptable {
     api: AdaptableApi;
@@ -55,15 +60,18 @@ export declare class Adaptable implements IAdaptable {
     MetamodelService: IMetamodelService;
     RowEditService: IRowEditService;
     private LicenseService;
+    private ChartingService;
     embedColumnMenu: boolean;
     gridOptions: GridOptions;
     isInitialised: boolean;
     hasAdaptableToolPanel: boolean;
+    variant: AdaptableVariant;
     private useRowNodeLookUp;
     private abContainerElement;
     private gridContainerElement;
     private colDefPropertyCache;
     private gridOptionsPropertyCache;
+    private columnMinMaxValuesCache;
     private throttleFilterOnEditDataChange;
     private throttleFilterOnTickingDataChange;
     private agGridHelper;
@@ -75,6 +83,7 @@ export declare class Adaptable implements IAdaptable {
     private currentColumnDefs?;
     private rowListeners;
     private isCheckedColumnDataType;
+    private unmountReactRoot?;
     get isLive(): boolean;
     _on: (eventName: string, callback: EmitterCallback) => (() => void);
     _onIncludeFired: (eventName: string, callback: EmitterCallback) => (() => void);
@@ -83,6 +92,8 @@ export declare class Adaptable implements IAdaptable {
     private _adaptableReady;
     isDestroyed: boolean;
     private listenerKeydown;
+    supressReact18RenderWarning: boolean;
+    renderReactRoot: RenderReactRootFn;
     private listenerFirstDataRendered;
     private listenerPivotModeChanged;
     private listenerPivotChanged;
@@ -148,7 +159,10 @@ export declare class Adaptable implements IAdaptable {
     updateColumnsIntoStore(): void;
     private createAdaptableColumn;
     private safeSetColDefs;
+    private getStyledColumnStyle;
+    private getFormatColumnAdaptableStyle;
     private getFormatColumnCellStyle;
+    private getFormatColumnCellClass;
     private getActiveAlertWithHighlightCell;
     private getActiveAlertWithHighlightRow;
     private getAlertCellStyle;
@@ -163,8 +177,6 @@ export declare class Adaptable implements IAdaptable {
     private getQuickSearchCellStyle;
     private getEditableCellStyle;
     private getReadOnlyCellStyle;
-    private getConditionalStyleCellStyle;
-    private getConditionalStyleCellClass;
     private getEditableCellClass;
     private getReadonlyCellClass;
     private isQuickSearchActive;
@@ -173,6 +185,7 @@ export declare class Adaptable implements IAdaptable {
     setColumnOrder(VisibleColumnList: string[]): void;
     private persistLayout;
     setLayout(layout?: Layout): void;
+    private updateRowGroupsExpandedState;
     private updateLayoutFromGrid;
     setSelectedCells(): SelectedCellInfo | undefined;
     setSelectedRows(): SelectedRowInfo | undefined;
@@ -191,19 +204,21 @@ export declare class Adaptable implements IAdaptable {
         [key: string]: boolean;
     }): GridCell[];
     private addDistinctColumnValue;
-    private isCustomRenderedColumn;
     getDisplayValue(primaryKey: any, columnId: string): string | undefined;
     getGridCellFromRowNode(rowNode: RowNode, columnId: string): GridCell | undefined;
     getDisplayValueFromRowNode(rowNode: RowNode, columnId: string): string | undefined;
     getDisplayValueFromRawValue(rowNode: RowNode, columnId: string, rawValue: any): string | undefined;
     private getFormattedValue;
-    private getNormalisedValueFromRowValue;
+    getNormalisedValueFromRawValue(rawValue: any, column: AdaptableColumn): string | number | boolean | Date | unknown;
     getRawValueFromRowNode(rowNode: RowNode, columnId: string): any;
     getDataRowFromRowNode(rowNode: RowNode): any;
     getRowNodeForPrimaryKey(primaryKeyValue: any): any;
     getRowNodeByIndex(index: number): RowNode;
     getRowNodesForPrimaryKeys(primaryKeyValues: any[]): any[];
-    forAllRowNodesDo(func: (rowNode: RowNode) => void): void;
+    forAllRowNodesDo(func: (rowNode: RowNode) => void, config?: {
+        includeGroupRows?: boolean;
+        filterFn?: (rowNode: RowNode) => boolean;
+    }): void;
     forAllVisibleRowNodesDo(func: (rowNode: RowNode, rowIndex: number) => void): void;
     getVisibleRowNodes(): RowNode[];
     getAllRowNodes(config?: {
@@ -223,6 +238,7 @@ export declare class Adaptable implements IAdaptable {
     redrawRow(rowNode: RowNode): void;
     redrawRows(rowNodes: RowNode[]): void;
     refreshCells(rowNodes: RowNode[], columns: (string | Column)[], forceUpdate: boolean, suppressFlash?: boolean): void;
+    refreshColumns(columns: (string | Column)[], forceUpdate: boolean, suppressFlash?: boolean): void;
     jumpToRow(rowNode: RowNode): void;
     jumpToColumn(columnId: string): void;
     jumpToCell(columnId: string, rowNode: RowNode): void;
@@ -283,7 +299,7 @@ export declare class Adaptable implements IAdaptable {
     setupColumnComparator({ col, colId, abColumn }: ColumnSetupInfo): void;
     private applyCurrentTheme;
     private applyFinalRendering;
-    private isAgGridModulePresent;
+    isAgGridModulePresent(moduleName: ModuleNames): boolean;
     private getAgGridRegisteredModules;
     private onRowDataChanged;
     private onCellDataChanged;
@@ -293,8 +309,9 @@ export declare class Adaptable implements IAdaptable {
      */
     private performPostEditChecks;
     private getExpressionStylesChanges;
-    private getFormatColumnComparisonChanges;
+    private getStyledColumnComparisonChanges;
     private checkChangedCellCurrentlySelected;
+    refreshColumnForRelativeRangeStyledColumns(cellDataChangedInfos: CellDataChangedInfo[]): void;
     private getColumnSorts;
     private onSortChanged;
     expandAllRowGroups(): void;
@@ -350,8 +367,6 @@ export declare class Adaptable implements IAdaptable {
     applyAdaptableTheme(theme: AdaptableTheme | string): void;
     private setupRowStyling;
     private setupColumnHeaderAggregations;
-    private getConditionalStyleRowClass;
-    private getConditionalStyleRowStyle;
     private getGridOptionsApi;
     canGenerateCharts(): boolean;
     canHaveSparklines(): boolean;
@@ -369,14 +384,28 @@ export declare class Adaptable implements IAdaptable {
     private addSyntheticPrimaryKey;
     private addSyntheticPrimaryKeyIfMissing;
     initLicenseService(): LicenseService;
-    showCharts(charts: ChartModel[]): ChartRef[];
-    getChartModels(): ChartModel[];
+    showCharts(chartsDefinitions: ChartDefinition[], chartContainer?: HTMLElement): ChartRef[];
+    showChart(chartDefinition: ChartDefinition, container?: HTMLElement): ChartRef;
+    getChartRef(chartId: string): ChartRef;
+    getChartModels(): import("@ag-grid-community/core").ChartModel[];
+    getRowModel(): import("@ag-grid-community/core").RowModelType;
     private getActiveAdaptableAggFuncForCol;
     private registerAdaptableAggFuncs;
     /**
      * When reading the state from the grid, we have to make sure 'avg' is not overriden with the 'avg' string.
      */
-    private handleUpdateWeightedAvgFromGrid;
+    private mapAggregationColumnsFromGrid;
+    resetMinMaxCachedValueForColumn(column: AdaptableColumn): void;
+    getMinMaxCachedValueForColumn(column: AdaptableColumn, minMax: 'min' | 'max'): number;
+    persistColumnIndexBeforeGrouping(params: ColumnRowGroupChangedEvent): void;
+    /**
+     * Restores the order previous grouping order.
+  
+     */
+    restoreUnGroupColumnOrder({ newGroupColumns, columnOrder, }: {
+        newGroupColumns: string[];
+        columnOrder: string[];
+    }): string[];
 }
 export declare class AdaptableNoCodeWizard implements IAdaptableNoCodeWizard {
     private init;