@adaptabletools/adaptable 13.0.0-canary.1 → 13.0.0-canary.11

package/src/View/PlusMinus/Wizard/PlusMinusRuleWizardSection.js

@@ -36,7 +36,7 @@ function PlusMinusRuleWizardSection(props) {
             useBooleanQuery: (React.createElement(React.Fragment, null,
                 "Use an BooleanQuery if ",
                 React.createElement("i", null, "Scope"),
-                " is 'Whole Row' - so any data change may be evaluated in a complex BooleanExpression")),
+                " is 'All Columns' - so any data change may be evaluated in a complex BooleanExpression")),
             useObservableQuery: null,
             useAggregationQuery: null,
         } }));

package/src/View/StateManagement/components/ClearButton.d.ts

@@ -2,5 +2,5 @@ import * as React from 'react';
 import { SimpleButtonProps } from '../../../components/SimpleButton';
 interface ClearButtonProps extends SimpleButtonProps {
 }
-export declare const ClearButton: React.FunctionComponent<ClearButtonProps>;
+export declare const ClearButton: React.FunctionComponent<React.PropsWithChildren<ClearButtonProps>>;
 export {};

package/src/View/StateManagement/components/LoadButton.d.ts

@@ -3,5 +3,5 @@ import { SimpleButtonProps } from '../../../components/SimpleButton';
 interface LoadButtonProps extends SimpleButtonProps {
     onLoad: (json: any) => void;
 }
-export declare const LoadButton: React.FunctionComponent<LoadButtonProps>;
+export declare const LoadButton: React.FunctionComponent<React.PropsWithChildren<LoadButtonProps>>;
 export {};

package/src/View/StatusBar/StatusBarPanel.d.ts

@@ -15,7 +15,7 @@ import { FlexProps } from 'rebass';
  */
 export interface StatusBarPanelProps extends Omit<FlexProps, 'content'> {
     icon?: string;
-    content?: React.ReactNode | React.FunctionComponent;
+    content?: React.ReactNode | React.FunctionComponent<React.PropsWithChildren<unknown>>;
     /**
      * weather to trigger onAction when the wrapper is clicked
      */
@@ -24,14 +24,14 @@ export interface StatusBarPanelProps extends Omit<FlexProps, 'content'> {
      * When specified this content will be rendered when the text
      * is clicked.
      */
-    popover?: React.ReactNode | React.FunctionComponent;
+    popover?: React.ReactNode | React.FunctionComponent<React.PropsWithChildren<unknown>>;
     popoverMinWidth?: number;
     /**
      * Allow to render custom content
      */
-    view?: React.FunctionComponent;
+    view?: React.FunctionComponent<React.PropsWithChildren<unknown>>;
     onAction?: () => void;
-    extraActions?: React.FunctionComponent[];
+    extraActions?: React.FunctionComponent<React.PropsWithChildren<unknown>>[];
     tooltip?: string;
 }
 /**

package/src/View/Wizard/OnePageAdaptableWizard.d.ts

@@ -11,9 +11,9 @@ export declare type OnePageAdaptableWizardContextType<T> = {
     api: AdaptableApi;
     namedQuery: ExpressionEditorNamedQuery;
 };
-export declare const SummaryTag: React.FunctionComponent<TextProps>;
-export declare const SummaryText: React.FunctionComponent<TextProps>;
-export declare const FormDescriptionText: React.FunctionComponent<TextProps>;
+export declare const SummaryTag: React.FunctionComponent<React.PropsWithChildren<TextProps>>;
+export declare const SummaryText: React.FunctionComponent<React.PropsWithChildren<TextProps>>;
+export declare const FormDescriptionText: React.FunctionComponent<React.PropsWithChildren<TextProps>>;
 export declare const OnePageAdaptableWizardContext: React.Context<OnePageAdaptableWizardContextType<any>>;
 export declare function useOnePageAdaptableWizardContext<ENTITY>(): OnePageAdaptableWizardContextType<ENTITY>;
 export interface OnePageAdaptableWizardSection<ENTITY> {

package/src/View/Wizard/OnePageAdaptableWizard.js

@@ -13,11 +13,11 @@ const Tabs_1 = require("../../components/Tabs");
 const NamedQueryContext_1 = require("../../components/ExpressionEditor/NamedQueryContext");
 const OnePageWizards_1 = require("./OnePageWizards");
 const kebabCase_1 = tslib_1.__importDefault(require("lodash/kebabCase"));
-const SummaryTag = (props) => React.createElement(rebass_1.Text, Object.assign({}, props));
+const SummaryTag = (props) => (React.createElement(rebass_1.Text, Object.assign({}, props)));
 exports.SummaryTag = SummaryTag;
 const SummaryText = (props) => (React.createElement(rebass_1.Text, Object.assign({ fontSize: 2, mb: 3 }, props)));
 exports.SummaryText = SummaryText;
-const FormDescriptionText = (props) => (React.createElement(rebass_1.Text, Object.assign({ fontSize: 2, mt: 1 }, props)));
+const FormDescriptionText = (props) => React.createElement(rebass_1.Text, Object.assign({ fontSize: 2, mt: 1 }, props));
 exports.FormDescriptionText = FormDescriptionText;
 exports.OnePageAdaptableWizardContext = React.createContext({
     data: null,

package/src/View/Wizard/OnePageWizards.d.ts

@@ -6,9 +6,9 @@ export declare type OnePageWizardContextType<T> = {
     sections: (OnePageWizardSection<T> | '-')[];
     setCurrentSection: (index: number) => void;
 };
-export declare const SummaryTag: React.FunctionComponent<TextProps>;
-export declare const SummaryText: React.FunctionComponent<TextProps>;
-export declare const FormDescriptionText: React.FunctionComponent<TextProps>;
+export declare const SummaryTag: React.FunctionComponent<React.PropsWithChildren<TextProps>>;
+export declare const SummaryText: React.FunctionComponent<React.PropsWithChildren<TextProps>>;
+export declare const FormDescriptionText: React.FunctionComponent<React.PropsWithChildren<TextProps>>;
 export declare const OnePageWizardContext: React.Context<OnePageWizardContextType<any>>;
 export declare function useOnePageWizardContext<ENTITY>(): OnePageWizardContextType<ENTITY>;
 export declare type OnePageWizardSection<ENTITY> = {

package/src/View/Wizard/OnePageWizards.js

@@ -14,11 +14,11 @@ const icons_1 = require("../../components/icons");
 const ResizeObserver_1 = require("../../components/ResizeObserver");
 const NamedQueryContext_1 = require("../../components/ExpressionEditor/NamedQueryContext");
 const useKeyboardNavigation_1 = require("./useKeyboardNavigation");
-const SummaryTag = (props) => React.createElement(rebass_1.Text, Object.assign({}, props));
+const SummaryTag = (props) => (React.createElement(rebass_1.Text, Object.assign({}, props)));
 exports.SummaryTag = SummaryTag;
 const SummaryText = (props) => (React.createElement(rebass_1.Text, Object.assign({ fontSize: 2, mb: 3 }, props)));
 exports.SummaryText = SummaryText;
-const FormDescriptionText = (props) => (React.createElement(rebass_1.Text, Object.assign({ fontSize: 2, mt: 1 }, props)));
+const FormDescriptionText = (props) => React.createElement(rebass_1.Text, Object.assign({ fontSize: 2, mt: 1 }, props));
 exports.FormDescriptionText = FormDescriptionText;
 exports.OnePageWizardContext = React.createContext({
     data: null,

package/src/agGrid/ActionColumnRenderer.d.ts

@@ -6,6 +6,7 @@ interface ActionColumnCellRendererParams extends ICellRendererParams {
 export declare class ActionColumnRenderer implements ICellRendererComp {
     private eGui;
     private eventListener;
+    private unmountReactRoot?;
     init(params: ActionColumnCellRendererParams): void;
     render(): void;
     getGui(): HTMLElement;

package/src/agGrid/ActionColumnRenderer.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActionColumnRenderer = 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");
 class ActionColumnRenderer {
@@ -66,9 +65,9 @@ class ActionColumnRenderer {
                 })));
             };
             const eGui = this.eGui;
-            function doRender() {
-                (0, react_dom_1.render)(renderActionButtons(actionButtons, adaptable.api, buttonContext), eGui);
-            }
+            const doRender = () => {
+                this.unmountReactRoot = adaptable.renderReactRoot(renderActionButtons(actionButtons, adaptable.api, buttonContext), eGui);
+            };
             this.render = doRender;
             doRender();
         }
@@ -88,7 +87,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,4 +1,4 @@
-import { ChartModel, ChartRef, ColDef, ColGroupDef, Column, ExcelStyle, GridOptions, Module, RowNode } from '@ag-grid-community/core';
+import { ChartModel, ChartRef, ColDef, ColGroupDef, Column, ExcelStyle, GridOptions, Module, ModuleNames, RowNode } from '@ag-grid-community/core';
 import { AdaptableNoCodeWizardOptions, IAdaptableNoCodeWizard } from '../AdaptableInterfaces/AdaptableNoCodeWizard';
 import { IAdaptable } from '../AdaptableInterfaces/IAdaptable';
 import { AdaptableOptions } from '../AdaptableOptions/AdaptableOptions';
@@ -35,8 +35,11 @@ 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;
 };
 export declare class Adaptable implements IAdaptable {
     api: AdaptableApi;
@@ -64,6 +67,7 @@ export declare class Adaptable implements IAdaptable {
     private gridContainerElement;
     private colDefPropertyCache;
     private gridOptionsPropertyCache;
+    private columnMinMaxValuesCache;
     private throttleFilterOnEditDataChange;
     private throttleFilterOnTickingDataChange;
     private agGridHelper;
@@ -75,6 +79,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 +88,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 +155,11 @@ export declare class Adaptable implements IAdaptable {
     updateColumnsIntoStore(): void;
     private createAdaptableColumn;
     private safeSetColDefs;
+    private getFormatColumnSpecialColumnStyle;
+    private getFormatColumnColumnStyle;
     private getFormatColumnCellStyle;
+    private getFormatColumnCellClass;
+    private getFormatColumnRowClass;
     private getActiveAlertWithHighlightCell;
     private getActiveAlertWithHighlightRow;
     private getAlertCellStyle;
@@ -283,7 +294,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;
@@ -352,6 +363,7 @@ export declare class Adaptable implements IAdaptable {
     private setupColumnHeaderAggregations;
     private getConditionalStyleRowClass;
     private getConditionalStyleRowStyle;
+    private getFormatColumnRowStyle;
     private getGridOptionsApi;
     canGenerateCharts(): boolean;
     canHaveSparklines(): boolean;
@@ -377,6 +389,8 @@ export declare class Adaptable implements IAdaptable {
      * When reading the state from the grid, we have to make sure 'avg' is not overriden with the 'avg' string.
      */
     private handleUpdateWeightedAvgFromGrid;
+    resetMinMaxCachedValueForColumn(column: AdaptableColumn): void;
+    getMinMaxCachedValueForColumn(column: AdaptableColumn, minMax: 'min' | 'max'): number;
 }
 export declare class AdaptableNoCodeWizard implements IAdaptableNoCodeWizard {
     private init;