@adaptabletools/adaptable 11.0.0-canary.7 → 11.0.2-canary.0

package/src/Utilities/Constants/DocumentationLinkConstants.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LicenseDocsLink = exports.PrimaryKeyDocsLink = exports.PredicateDocsLink = exports.AggregatedScalarQueryDocsLink = exports.AggregatedBooleanQueryDocsLink = exports.ObservableQueryDocsLink = exports.ScalarQueryDocsLink = exports.BooleanQueryDocsLink = exports.ExpressionEditorDocsLink = exports.HOST_URL_DOCS = void 0;
-exports.HOST_URL_DOCS = 'https://docs.adaptabletools.com/docs';
-exports.ExpressionEditorDocsLink = `${exports.HOST_URL_DOCS}/adaptableql/expression-editor`;
-exports.BooleanQueryDocsLink = `${exports.HOST_URL_DOCS}/adaptableql/expression/#boolean-expressions`;
-exports.ScalarQueryDocsLink = `${exports.HOST_URL_DOCS}/adaptableql/expression/#scalar-expressions`;
-exports.ObservableQueryDocsLink = `${exports.HOST_URL_DOCS}/adaptableql/expression/#observable-expressions`;
-exports.AggregatedBooleanQueryDocsLink = `${exports.HOST_URL_DOCS}/adaptableql/expression/#aggregation-expressions`;
-exports.AggregatedScalarQueryDocsLink = `${exports.HOST_URL_DOCS}/adaptableql/expression/#aggregation-expressions`;
-exports.PredicateDocsLink = `${exports.HOST_URL_DOCS}/adaptableql/predicate`;
-exports.PrimaryKeyDocsLink = `${exports.HOST_URL_DOCS}/key-topics/primary-key`;
-exports.LicenseDocsLink = `${exports.HOST_URL_DOCS}/getting-started/licence`;
+exports.HOST_URL_DOCS = 'https://docs.adaptabletools.com';
+//export const HOST_URL_DOCS = 'http://localhost:3000';
+exports.ExpressionEditorDocsLink = `${exports.HOST_URL_DOCS}/learn/ui-expression-editor`;
+exports.BooleanQueryDocsLink = `${exports.HOST_URL_DOCS}/learn/adaptable-ql-expression#boolean-expressions`;
+exports.ScalarQueryDocsLink = `${exports.HOST_URL_DOCS}/learn/adaptable-ql-expression#scalar-expressions`;
+exports.ObservableQueryDocsLink = `${exports.HOST_URL_DOCS}/learn/adaptable-ql-expression#observable-expressions`;
+exports.AggregatedBooleanQueryDocsLink = `${exports.HOST_URL_DOCS}/learn/adaptable-ql-expression#aggregation-boolean-expressions`;
+exports.AggregatedScalarQueryDocsLink = `${exports.HOST_URL_DOCS}/learn/adaptable-ql-expression#aggregation-scalar-expressions`;
+exports.PredicateDocsLink = `${exports.HOST_URL_DOCS}/learn/adaptable-ql-predicate`;
+exports.PrimaryKeyDocsLink = `${exports.HOST_URL_DOCS}/learn/dev-guide-tutorial-primary-key`;
+exports.LicenseDocsLink = `${exports.HOST_URL_DOCS}/licensing`;

package/src/Utilities/Defaults/DefaultAdaptableOptions.js

@@ -150,6 +150,7 @@ exports.DefaultAdaptableOptions = {
         clearFiltersOnStartUp: false,
         quickFilterTrigger: 'mouseenter',
         quickFilterValuesTrigger: 'mouseenter',
+        quickFilterHeight: null,
         filterActionOnUserDataChange: {
             applyFilter: GeneralConstants.FILTER_ALWAYS,
             throttleDelay: 0,
@@ -214,7 +215,7 @@ exports.DefaultAdaptableOptions = {
         showAdaptableToolPanel: true,
         adaptableToolPanelTitle: GeneralConstants.ADAPTABLE,
         showToolPanelsDropdown: true,
-        customToolPanelButtons: undefined,
+        customButtons: undefined,
         customToolPanels: undefined,
         iconKey: 'menu',
         width: UIHelper_1.default.getAdaptableToolPanelWidth(),

package/src/Utilities/Services/ModuleService.js

@@ -76,75 +76,68 @@ class ModuleService {
     }
     getModuleDocumentationPageByModule(adaptableModule) {
         let url = `${DocumentationLinkConstants_1.HOST_URL_DOCS}/`;
-        let notificationUrl = url + 'notifications/';
-        let editingUrl = url + 'editing/';
-        let searchingUrl = url + 'searching/';
-        let filteringUrl = url + 'filtering/';
-        let themingUrl = url + 'theming/';
-        let stylingUrl = url + 'styling/';
-        let advancedFeaturesUrl = url + 'advanced-features/';
-        let gridManagementUrl = url + 'grid-management/';
-        let userInterfaceUrl = url + 'user-interface/';
-        let pluginUrl = url + 'plugins/';
+        let learnUrl = url + 'learn/';
         switch (adaptableModule) {
             case 'Alert':
-                return notificationUrl + 'alerts-module';
+                return learnUrl + 'handbook-alerting';
             case 'BulkUpdate':
-                return editingUrl + 'bulk-update-module';
+                return url + 'handbook-editing#bulk-update';
             case 'CalculatedColumn':
-                return advancedFeaturesUrl + 'calculated-column-module';
+                return learnUrl + 'handbook-calculated-column';
             case 'CellSummary':
-                return advancedFeaturesUrl + 'cell-summary-module';
+                return learnUrl + 'handbook-summarising#cell-summary-information';
             case 'ConditionalStyle':
-                return stylingUrl + 'conditional-style-module';
+                return learnUrl + 'handbook-conditional-styling';
             case 'CustomSort':
-                return advancedFeaturesUrl + 'custom-sort-module';
+                return learnUrl + 'handbook-sorting';
             case 'Dashboard':
-                return userInterfaceUrl + 'dashboard';
+                return learnUrl + 'ui-dashboard';
             case 'DataSource':
-                return searchingUrl + 'data-source-module';
+                return learnUrl + 'handbook-data-sources';
+            case 'DataChangeHistory':
+                return learnUrl + 'handbook-monitoring#data-change-history';
             case 'Export':
-                return gridManagementUrl + 'export-module';
+                return learnUrl + 'handbook-exporting';
             case 'Filter':
-                return filteringUrl + 'filter-module';
+                return learnUrl + 'handbook-filtering';
+            case 'FlashingCell':
+                return learnUrl + 'handbook-cell-flashing';
             case 'FormatColumn':
-                return stylingUrl + 'format-column-module';
+                return learnUrl + 'handbook-column-formatting';
             case 'FreeTextColumn':
-                return advancedFeaturesUrl + 'freetext-column-module';
+                return learnUrl + 'handbook-freetext-column';
             case 'GridInfo':
-                return advancedFeaturesUrl + 'grid-info-module';
+                return learnUrl + 'handbook-monitoring#grid-info-panel';
             case 'Layout':
-                return advancedFeaturesUrl + 'layout-module';
+                return learnUrl + 'handbook-layouts';
             case 'PlusMinus':
-                return editingUrl + 'plus-minus-module';
+                return learnUrl + 'handbook-editing#plus-minus';
             case 'Query':
-                return searchingUrl + 'query-module';
+                return learnUrl + 'handbook-querying';
             case 'QuickSearch':
-                return searchingUrl + 'quick-search-module';
+                return learnUrl + 'handbook-searching';
             case 'Schedule':
-                return advancedFeaturesUrl + 'schedule-module';
+                return learnUrl + 'handbook-scheduling';
             case 'Shortcut':
-                return editingUrl + 'shortcut-module';
+                return learnUrl + 'handbook-editing#shortcuts';
             case 'SmartEdit':
-                return editingUrl + 'smart-edit-module';
+                return learnUrl + 'handbook-editing#smart-edit';
             case 'StateManagement':
-                return advancedFeaturesUrl + 'adaptable-state-overview';
+                return learnUrl + 'dev-guide-adaptable-state';
             case 'SystemStatus':
-                return notificationUrl + 'system-status-module';
+                return learnUrl + 'handbook-notifying';
             case 'TeamSharing':
-                return url + 'key-topics/team-sharing';
+                return url + 'handbook-collaborating';
             case 'Theme':
-                return themingUrl + 'using-themes';
+                return learnUrl + 'handbook-theming';
             case 'ToolPanel':
-                return userInterfaceUrl + 'tool-panel';
-            case 'DataChangeHistory':
-                return editingUrl + 'change-history-module';
+                return learnUrl + 'ui-tool-panel';
             case 'Glue42':
-                return pluginUrl + 'glue42/glue42-plugin';
+                return learnUrl + 'integrations-glue42';
             case 'IPushPull':
-                return pluginUrl + 'ipushpull/ipushpull-plugin';
+                return learnUrl + 'integrations-ipushpull';
             case 'OpenFin':
-                return pluginUrl + 'openfin/openfin-plugin';
+                return learnUrl + 'integrations-openfin';
             default:
                 return 'good';
         }

package/src/View/Alert/Wizard/isValidAlertRules.js

@@ -19,7 +19,7 @@ exports.isValidAlertRules = (alert, api, context) => {
     if (valid && alert.Rule.BooleanExpression) {
         valid = api.queryLanguageApi.isValidBooleanExpression(alert.Rule.BooleanExpression, ModuleConstants_1.AlertModuleId);
         if (!valid) {
-            return 'The query is not a valid boolean query';
+            return 'The Expression is not a valid Boolean Expression';
         }
     }
     // boolean expressions may also be saved as named queries
@@ -32,13 +32,13 @@ exports.isValidAlertRules = (alert, api, context) => {
     if (valid && alert.Rule.ObservableExpression) {
         valid = api.queryLanguageApi.isValidObservableExpression(alert.Rule.ObservableExpression, ModuleConstants_1.AlertModuleId);
         if (!valid) {
-            return 'The query is not a valid observable query';
+            return 'The Expression is not a valid Observable Expression';
         }
     }
     if (valid && alert.Rule.AggregatedBooleanExpression) {
         valid = api.queryLanguageApi.isValidAggregatedBooleanExpression(alert.Rule.AggregatedBooleanExpression, ModuleConstants_1.AlertModuleId);
         if (!valid) {
-            return 'The query is not a valid aggregation query';
+            return 'The Expression is not a valid Aggregation Expression';
         }
     }
     return true;

package/src/View/Components/EntityRulesEditor/index.d.ts

@@ -9,7 +9,7 @@ declare type RuleType = XOR<{
 }, AdaptableQuery>;
 export declare const isRuleValid: (abObject: {
     Rule?: RuleType;
-}, api: AdaptableApi, context: OnePageAdaptableWizardContextType<unknown>) => true | "No valid Condition is specified" | "The Predicate is not valid" | "The Query is not a valid boolean query";
+}, api: AdaptableApi, context: OnePageAdaptableWizardContextType<unknown>) => true | "No valid Condition is specified" | "The Predicate is not valid" | "The Expression is not a valid Boolean Expression";
 declare type EntityRulesEditorProps<T> = {
     data: T;
     module: AdaptableModule;

package/src/View/Components/EntityRulesEditor/index.js

@@ -25,7 +25,7 @@ exports.isRuleValid = (abObject, api, context) => {
     }
     if ((_e = abObject === null || abObject === void 0 ? void 0 : abObject.Rule) === null || _e === void 0 ? void 0 : _e.BooleanExpression) {
         if (!api.queryLanguageApi.isValidBooleanExpression((_f = abObject === null || abObject === void 0 ? void 0 : abObject.Rule) === null || _f === void 0 ? void 0 : _f.BooleanExpression, context.moduleInfo.ModuleName)) {
-            return 'The Query is not a valid boolean query';
+            return 'The Expression is not a valid Boolean Expression';
         }
     }
     return true;

package/src/View/Components/Popups/AdaptablePopup/AdaptablePopup.js

@@ -16,7 +16,7 @@ const CustomSettingsPanelView_1 = require("./CustomSettingsPanelView");
 const useMenuItems_1 = require("./useMenuItems");
 const AdaptablePopupDialog_1 = require("./AdaptablePopupDialog");
 exports.AdaptablePopup = (props) => {
-    var _a, _b;
+    var _a, _b, _c;
     const adaptable = AdaptableContext_1.useAdaptable();
     const settingsPanelOptions = adaptable.adaptableOptions.settingsPanelOptions;
     const settingsPanelTitle = adaptable.api.internalApi.getModuleFriendlyName('SettingsPanel');
@@ -33,16 +33,12 @@ exports.AdaptablePopup = (props) => {
     let componentModule = props.componentModule;
     let componentName = props.componentName;
     // ts forces to check for General, there is no menu item General
-    const useFirstItem = !props.componentModule;
+    const useFirstItem = !props.componentName;
     if (useFirstItem && firstMenuModule !== 'General') {
         componentModule = firstMenuModule;
     }
-    const isCustomSettingsPanel = componentModule === 'CustomSettingsPanelModule';
-    if (isCustomSettingsPanel) {
-        if (useFirstItem) {
-            componentName = firstMenuItem.label;
-        }
-        const customSettingsPanel = settingsPanelOptions.customSettingsPanels.find((settingsPanel) => settingsPanel.name === componentName);
+    const customSettingsPanel = (_c = settingsPanelOptions === null || settingsPanelOptions === void 0 ? void 0 : settingsPanelOptions.customSettingsPanels) === null || _c === void 0 ? void 0 : _c.find((customPanel) => useFirstItem ? customPanel.name === firstMenuItem.label : customPanel.name === componentName);
+    if (customSettingsPanel) {
         friendlyName = customSettingsPanel.name;
         activeItem = customSettingsPanel.name;
         moduleViewContent = React.createElement(CustomSettingsPanelView_1.CustomSettingsPanelView, { settingsPanel: customSettingsPanel });

package/src/View/Components/Popups/AdaptablePopup/useMenuItems.js

@@ -32,9 +32,8 @@ exports.useMenuItems = () => {
             if (customSettingsPanel) {
                 customPanelMenuItem = {
                     label: customSettingsPanel.name,
-                    module: 'CustomSettingsPanelModule',
                     isVisible: true,
-                    reduxAction: PopupRedux.PopupShowScreen('CustomSettingsPanelModule', customSettingsPanel.name),
+                    reduxAction: PopupRedux.PopupShowScreen(null, customSettingsPanel.name),
                 };
             }
             return customPanelMenuItem || visibleItems.find((item) => item.module === moduleName);

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

@@ -40,7 +40,7 @@ exports.CustomToolPanelContent = (props) => {
     }, []);
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { ref: contentsDivDomRef, id: contentsDivId, className: contentsDivId, dangerouslySetInnerHTML: { __html: contentsHTML }, style: { width: '100%' } }),
-        ((_a = customToolPanel.toolPanelButtons) === null || _a === void 0 ? void 0 : _a.length) && (React.createElement("div", { id: buttonsDivId, className: `ab-ToolPanel__custom-content__buttons ${buttonsDivId}` }, customToolPanel.toolPanelButtons.map((button) => {
+        ((_a = customToolPanel.buttons) === null || _a === void 0 ? void 0 : _a.length) && (React.createElement("div", { id: buttonsDivId, className: `ab-ToolPanel__custom-content__buttons ${buttonsDivId}` }, customToolPanel.buttons.map((button) => {
             // TODO: variants of this mapping are present in several places (just search for api.internalApi.getStyleForButton() usages)
             // with the next opportunity we should abstract it
             // the default size of AdapTable SVG ModuleButtons

package/src/View/Dashboard/DashboardPopup.js

@@ -72,7 +72,7 @@ class DashboardPopupComponent extends React.Component {
         };
         return (React.createElement(PopupPanel_1.PopupPanel, { headerText: this.props.moduleInfo.FriendlyName, glyphicon: this.props.moduleInfo.Glyph },
             React.createElement(rebass_1.Flex, { flex: 1, height: "100%", flexDirection: "column" },
-                areDashboardSettingsVisible && (React.createElement(Panel_1.default, { header: 'Dashboard Settings', style: { height: 'auto', overflow: 'visible' }, variant: "default", borderRadius: "none", marginLeft: 2, marginRight: 2 },
+                areDashboardSettingsVisible && (React.createElement(Panel_1.default, { header: 'Dashboard Views', style: { height: 'auto', overflow: 'visible' }, variant: "default", borderRadius: "none", marginLeft: 2, marginRight: 2 },
                     React.createElement(rebass_1.Flex, null,
                         React.createElement(CheckBox_1.CheckBox, { mr: 3, className: `${baseClassName}__Checkbox__collapsed-check`, checked: this.props.IsCollapsed, onChange: (checked) => this.props.onSetDashboardCollapsed(checked) }, "Collapse"),
                         ' ',

package/src/View/FlashingCell/Wizard/isValidFlashingCellRules.js

@@ -16,7 +16,7 @@ exports.isValidFlashingCellRules = (flashingCell, api, context) => {
     if (valid && flashingCell.Rule.BooleanExpression) {
         valid = api.queryLanguageApi.isValidBooleanExpression(flashingCell.Rule.BooleanExpression, ModuleConstants_1.FlashingCellModuleId);
         if (!valid) {
-            return 'The query is not a valid boolean query';
+            return 'The Expression is not a valid Boolean Expression';
         }
     }
     // boolean expressions may also be saved as named queries

package/src/View/PlusMinus/Wizard/PlusMinusSettingsWizardSection.d.ts

@@ -4,7 +4,7 @@ import { PlusMinusNudge, AdaptableApi } from '../../../types';
 export declare const PlusMinusSettingsSummary: React.FunctionComponent<{
     hasCondition: boolean;
 }>;
-export declare const isSettingsValid: (hasCondition: boolean) => (data: PlusMinusNudge, api: AdaptableApi, context: OnePageAdaptableWizardContextType<PlusMinusNudge>) => true | "No valid Condition is specified" | "The Predicate is not valid" | "The Query is not a valid boolean query" | "Nudge value is not specified" | "Nudge value must be different than 0";
+export declare const isSettingsValid: (hasCondition: boolean) => (data: PlusMinusNudge, api: AdaptableApi, context: OnePageAdaptableWizardContextType<PlusMinusNudge>) => true | "No valid Condition is specified" | "The Predicate is not valid" | "The Expression is not a valid Boolean Expression" | "Nudge value is not specified" | "Nudge value must be different than 0";
 interface PlusMinusSettingsWizardSectionProps {
     onChange: (plusMinusNudge: PlusMinusNudge) => void;
     hasCondition: boolean;

package/src/View/Query/Wizard/NamedQueryExpressionWizardSection.js

@@ -12,11 +12,11 @@ const ModuleConstants_1 = require("../../../Utilities/Constants/ModuleConstants"
 const Tag_1 = require("../../../components/Tag");
 exports.isValidNamedQueryExpression = (data, api) => {
     if (!data.BooleanExpression) {
-        return 'Query is empty';
+        return 'Expression is empty';
     }
     const valid = api.queryLanguageApi.isValidBooleanExpression(data.BooleanExpression, ModuleConstants_1.QueryModuleId);
     if (!valid) {
-        return 'Query is not a valid boolean query';
+        return 'Query is not a valid Boolean Query';
     }
     return valid;
 };

package/src/View/Schedule/Wizard/ScheduleWizard.js

@@ -13,10 +13,10 @@ const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/Obje
 const react_redux_1 = require("react-redux");
 const ScheduleRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/ScheduleRedux"));
 exports.ScheduleWizard = (props) => {
-    var _a, _b;
+    var _a, _b, _c;
     const data = (_a = props.data) !== null && _a !== void 0 ? _a : props.popupParams.value;
-    const isNew = props.popupParams.action ? props.popupParams.action === 'New' : !props.data;
-    const scheduleType = data ? data.ScheduleType : (_b = props === null || props === void 0 ? void 0 : props.abObjectType) === null || _b === void 0 ? void 0 : _b.name;
+    const isNew = ((_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.action) ? props.popupParams.action === 'New' : !props.data;
+    const scheduleType = data ? data.ScheduleType : (_c = props === null || props === void 0 ? void 0 : props.abObjectType) === null || _c === void 0 ? void 0 : _c.name;
     const [schedule, setSchedule] = React.useState(() => {
         if (data) {
             return data;

package/src/agGrid/Adaptable.d.ts

@@ -151,6 +151,7 @@ export declare class Adaptable implements IAdaptable {
     setSelectedRows(): SelectedRowInfo | undefined;
     setValue(dataChangedInfo: DataChangedInfo): void;
     cancelEdit(): void;
+    isCellEditable(rowNode: RowNode, column: Column): boolean;
     getDistinctValuesForColumn(column: AdaptableColumn, visibleRowsOnly: boolean, skipRowNode?: RowNode, permittedValues?: any[]): GridCell[];
     getDistinctFilterValuesForColumn(column: AdaptableColumn, visibleRowsOnly: boolean, filter: string, skipRowNode?: RowNode): Promise<{
         suppressClientSideFilter?: boolean;
@@ -186,7 +187,7 @@ export declare class Adaptable implements IAdaptable {
     redrawBody(): void;
     redrawHeader(): void;
     redrawRow(rowNode: RowNode): void;
-    refreshCells(rowNodes: RowNode[], columns: (string | Column)[], forceUpdate: boolean): void;
+    refreshCells(rowNodes: RowNode[], columns: (string | Column)[], forceUpdate: boolean, suppressFlash?: boolean): void;
     jumpToRow(rowNode: RowNode): void;
     jumpToColumn(columnId: string): void;
     jumpToCell(columnId: string, rowNode: RowNode): void;
@@ -256,6 +257,7 @@ export declare class Adaptable implements IAdaptable {
     setupColumnFilter({ col, colDef }: ColumnSetupInfo): void;
     setupColumnFloatingFilter({ col, colDef }: ColumnSetupInfo): void;
     setupColumnValueFormatter({ col, abColumn }: ColumnSetupInfo): void;
+    setupColumnEditable({ col }: ColumnSetupInfo): void;
     setupColumnValueSetter({ col, colId, abColumn }: ColumnSetupInfo): void;
     setupColumnComparator({ col, colId, abColumn }: ColumnSetupInfo): void;
     private applyCurrentTheme;
@@ -278,7 +280,7 @@ export declare class Adaptable implements IAdaptable {
     expandAllRowGroups(): void;
     closeAllRowGroups(): void;
     expandRowGroupsForValues(columnValues: any[]): void;
-    getAgGridColumnForAdaptableColumn(abColumn: AdaptableColumn): Column;
+    getAgGridColumnForColumnId(columnId: string): Column;
     setRowGroupColumns(columnIds: string[]): void;
     clearRowGroupColumns(): void;
     getExpandRowGroupsKeys(): any[];

package/src/agGrid/Adaptable.js

@@ -56,6 +56,7 @@ const publishTimestamp_1 = tslib_1.__importDefault(require("../../publishTimesta
 const MetamodelService_1 = require("../Utilities/Services/MetamodelService");
 const DocumentationLinkConstants_1 = require("../Utilities/Constants/DocumentationLinkConstants");
 const ModuleConstants_1 = require("../Utilities/Constants/ModuleConstants");
+const CheckboxRenderer_1 = require("./CheckboxRenderer");
 const tinycolor = require('tinycolor2');
 all_modules_1.ModuleRegistry.registerModules(all_modules_1.AllCommunityModules);
 const GROUP_PATH_SEPARATOR = '/';
@@ -797,6 +798,7 @@ class Adaptable {
             return;
         }
         let style = {};
+        // percent bar && do we show text
         const columnStyle = formatColumn.ColumnStyle;
         if (columnStyle) {
             const gradientStyle = columnStyle === null || columnStyle === void 0 ? void 0 : columnStyle.GradientStyle;
@@ -824,6 +826,10 @@ class Adaptable {
                 }
                 style.backgroundColor = tinycolor(cellBackColor).setAlpha(alpha).toRgbString();
             }
+            if (columnStyle.PercentBarStyle && columnStyle.PercentBarStyle.CellText) {
+                style.paddingTop = 0;
+                style.paddingBottom = 0;
+            }
         }
         else if (formatColumn.Style) {
             style = this.convertAdaptableStyleToCSS(formatColumn.Style);
@@ -1240,6 +1246,24 @@ class Adaptable {
         }
         const pivoted = !!layout.EnablePivot;
         const shouldUpdatePivoted = this.gridOptions.columnApi.isPivotMode() !== pivoted;
+        /**
+         * Pivot columns are secondary columns that are created on the fly and base
+         * their configuration on the main columns by copying that configuration.
+         * Because they copy the colDefs they might have an old copy of the colldefs.
+         * This is why when the layout is pivoted we need to set columns before pivoting is applied.
+         * e.g. {
+         *  field: 'pivot-1',
+         *  pivotValueColumn: {
+         *   colDef: {
+         *     field: 'price',
+         *     // this is a copy of the original column
+         *   }
+         * }
+         *
+         */
+        if (shouldUpdatePivoted) {
+            this.setupColumns();
+        }
         isChanged = isChanged || shouldUpdatePivoted;
         let shouldUpdateHeaders = false;
         shouldUpdateHeaders = this.setupColumnHeaderAggregations(layout);
@@ -1483,7 +1507,8 @@ class Adaptable {
         return selectedRowInfo;
     }
     setValue(dataChangedInfo) {
-        // note: because we use rownode set data value this will cause Validation to fire
+        // note: because we use RowNode.setDataValue() this will cause Validation to fire
+        // see https://www.ag-grid.com/javascript-data-grid/change-detection/#triggering-value-change-detection
         let newValue;
         let dataType = dataChangedInfo.column.dataType;
         newValue =
@@ -1520,6 +1545,10 @@ class Adaptable {
     cancelEdit() {
         this.gridOptions.api.stopEditing(true);
     }
+    isCellEditable(rowNode, column) {
+        // it's safe to rely on the AG Grid implementation because we override the colDef.editable property, which is in this case the single source of truth
+        return column === null || column === void 0 ? void 0 : column.isCellEditable(rowNode);
+    }
     getDistinctValuesForColumn(column, visibleRowsOnly, skipRowNode, permittedValues) {
         let returnValues = [];
         // this function does NOT look up for server values but actually it should...
@@ -1909,10 +1938,8 @@ class Adaptable {
         return isVisible;
     }
     redrawBody() {
-        setTimeout(() => {
-            this.gridOptions.api.redrawRows();
-            this._emit('GridRefreshed');
-        }, 0);
+        this.gridOptions.api.redrawRows();
+        this._emit('GridRefreshed');
     }
     redrawHeader() {
         this.gridOptions.api.refreshHeader();
@@ -1933,7 +1960,7 @@ class Adaptable {
             LoggingHelper_1.ConsoleLogError('ag-grid redrawRows was unable to find some row nodes. Tried to redraw row node: ', rowNode, ex);
         }
     }
-    refreshCells(rowNodes, columns, forceUpdate) {
+    refreshCells(rowNodes, columns, forceUpdate, suppressFlash = false) {
         const api = this.gridOptions.api;
         // in order to get a fresh reference to rowNodes
         // rowNodes = this.getRowNodesForPrimaryKeys(
@@ -1943,6 +1970,7 @@ class Adaptable {
             rowNodes,
             columns: columns,
             force: forceUpdate,
+            suppressFlash,
         };
         api.refreshCells(refreshCellParams);
     }
@@ -2362,24 +2390,6 @@ class Adaptable {
             this.checkColumnsDataTypeSet();
             this.setLayout();
         });
-        /**
-         * Use Case: User has started to edit a readonly cell
-         * Action1: Stop editing immediately
-         * Note: Deals only with user edits and not ticking data (not a problem)
-         */
-        this.gridOptions.api.addEventListener(all_modules_1.Events.EVENT_CELL_EDITING_STARTED, (params) => {
-            if (this.gridOptions.columnApi.isPivotMode()) {
-                return;
-            }
-            const cellEditableFn = this.adaptableOptions.editOptions.isCellEditable;
-            if (cellEditableFn) {
-                let gridCell = this.getGridCellFromRowNode(params.node, params.column.getColId());
-                let isEditable = cellEditableFn(gridCell);
-                if (!isEditable) {
-                    this.gridOptions.api.stopEditing();
-                }
-            }
-        });
         /**
          * Use Case: Entered or Left Pivot Mode
          * Action 1: Autosize pivot columns when entering pivot mode (if autosize pivot in Layout is true)
@@ -2511,6 +2521,24 @@ class Adaptable {
                 }
             }
         });
+        /**
+         * Use Case: Data (cell/row) has changed
+         * Action: Any CheckboxFormatColumns need to be updated, as their disabled state may have changed
+         */
+        this.gridOptions.api.addGlobalListener((type) => {
+            if ([all_modules_1.Events.EVENT_CELL_VALUE_CHANGED, all_modules_1.Events.EVENT_ROW_VALUE_CHANGED].includes(type)) {
+                const activeCheckboxColumnIds = this.api.columnApi
+                    .getColumns()
+                    .filter((aColumn) => {
+                    const checkboxFormatColumn = this.api.formatColumnApi.getCheckBoxStyleFormatColumn(aColumn);
+                    return checkboxFormatColumn && !checkboxFormatColumn.IsSuspended;
+                })
+                    .map((aColumn) => aColumn.columnId);
+                if (activeCheckboxColumnIds.length) {
+                    this.refreshCells(null, activeCheckboxColumnIds, true, true);
+                }
+            }
+        });
         /**
          * Row and Cell listeners created in 2020
          * These have supplanted many of the events we previously had and simplified things
@@ -2691,6 +2719,7 @@ class Adaptable {
             this.setupColumnFilter(colSetupInfo);
             this.setupColumnFloatingFilter(colSetupInfo);
             this.setupColumnValueFormatter(colSetupInfo);
+            this.setupColumnEditable(colSetupInfo);
             this.setupColumnValueSetter(colSetupInfo);
             this.setupColumnComparator(colSetupInfo);
             this.setupColumnCellEditor(colSetupInfo);
@@ -2854,6 +2883,11 @@ class Adaptable {
         const adaptableColumn = this.api.columnApi.getColumnFromId(colId);
         const editLookUpItem = this.api.userInterfaceApi.getEditLookUpItemForColumn(adaptableColumn);
         this.setColDefProperty(col, 'cellEditor', () => {
+            var _a;
+            const formatColumn = this.api.formatColumnApi.getFormatColumnForColumn(adaptableColumn);
+            if (formatColumn && !(formatColumn === null || formatColumn === void 0 ? void 0 : formatColumn.IsSuspended) && ((_a = formatColumn.ColumnStyle) === null || _a === void 0 ? void 0 : _a.CheckBoxStyle)) {
+                return CheckboxRenderer_1.CheckboxEditor;
+            }
             if (editLookUpItem) {
                 return this.isModulePresent('rich-select')
                     ? 'agRichSelectCellEditor'
@@ -2874,7 +2908,7 @@ class Adaptable {
     setupColumnCellRenderer({ col, colId, abColumn }) {
         this.setColDefProperty(col, 'cellRenderer', () => {
             const formatColumn = this.api.formatColumnApi.getFormatColumnForColumn(abColumn);
-            if (!(formatColumn === null || formatColumn === void 0 ? void 0 : formatColumn.IsSuspended) && formatColumn && formatColumn.ColumnStyle) {
+            if (formatColumn && !(formatColumn === null || formatColumn === void 0 ? void 0 : formatColumn.IsSuspended) && formatColumn.ColumnStyle) {
                 if (formatColumn.ColumnStyle.PercentBarStyle) {
                     return this.agGridHelper.createNumericStyleRendererFunc(formatColumn);
                 }
@@ -3021,6 +3055,23 @@ class Adaptable {
             }
         });
     }
+    setupColumnEditable({ col }) {
+        this.setColDefProperty(col, 'editable', (userValue) => {
+            // if AG Grid defines the column as NOT editable, we don't mess with it
+            if (typeof userValue === 'boolean' && userValue === false) {
+                return userValue;
+            }
+            const cellEditableFn = this.adaptableOptions.editOptions.isCellEditable;
+            if (!cellEditableFn) {
+                return userValue;
+            }
+            const editableCallback = (params) => {
+                const gridCell = this.getGridCellFromRowNode(params.node, params.column.getColId());
+                return cellEditableFn(gridCell);
+            };
+            return editableCallback;
+        });
+    }
     setupColumnValueSetter({ col, colId, abColumn }) {
         this.setColDefProperty(col, 'valueSetter', (userValueSetter) => {
             var _a;
@@ -3029,19 +3080,14 @@ class Adaptable {
                 .filter((alertDefinition) => {
                 return this.api.scopeApi.isColumnInScope(abColumn, alertDefinition.Scope);
             });
-            const cellEditableFn = this.adaptableOptions.editOptions.isCellEditable;
             const noValidations = !preventEditAlertsForColumn.length && !((_a = this.adaptableOptions.editOptions) === null || _a === void 0 ? void 0 : _a.validateOnServer);
-            if (noValidations && !cellEditableFn) {
+            if (noValidations) {
                 return;
             }
             const valueSetter = (params) => {
                 var _a;
-                if (cellEditableFn) {
-                    let gridCell = this.getGridCellFromRowNode(params.node, params.column.getColId());
-                    let isEditable = cellEditableFn(gridCell);
-                    if (!isEditable) {
-                        return false;
-                    }
+                if (preventEditAlertsForColumn.length) {
+                    return false;
                 }
                 const field = params.column.getColDef().field;
                 if (noValidations) {
@@ -3066,10 +3112,6 @@ class Adaptable {
                     rowNode: params.node,
                     trigger: 'edit',
                 });
-                // just Prevent Edit Alerts below
-                if (!preventEditAlertsForColumn.length) {
-                    return true;
-                }
                 if (dataChangedInfo.oldValue === dataChangedInfo.newValue) {
                     return true;
                 }
@@ -3389,10 +3431,8 @@ class Adaptable {
             this.gridOptions.api.onGroupExpandedOrCollapsed();
         }
     }
-    getAgGridColumnForAdaptableColumn(abColumn) {
-        return this.gridOptions.columnApi
-            .getAllColumns()
-            .find((c) => c.getColId() === abColumn.columnId);
+    getAgGridColumnForColumnId(columnId) {
+        return this.gridOptions.columnApi.getColumn(columnId);
     }
     setRowGroupColumns(columnIds) {
         this.gridOptions.columnApi.setRowGroupColumns(columnIds);
@@ -3719,7 +3759,8 @@ class Adaptable {
         return false;
     }
     showQuickFilter() {
-        this.gridOptions.api.setFloatingFiltersHeight(null);
+        const height = this.api.internalApi.getAdaptableOptions().filterOptions.quickFilterHeight;
+        this.gridOptions.api.setFloatingFiltersHeight(height);
     }
     hideQuickFilter() {
         this.gridOptions.api.setFloatingFiltersHeight(0);

package/src/agGrid/CheckboxRenderer.d.ts

@@ -1,3 +1,10 @@
 import { ICellRendererFunc } from '@ag-grid-community/all-modules';
 import { AdaptableApi } from '../Api/AdaptableApi';
-export declare const getCheckboxRendererForColumn: (columnId: string, readOnly: boolean, api: AdaptableApi) => ICellRendererFunc;
+import { ICellEditorComp, ICellEditorParams } from '@ag-grid-community/core/dist/cjs/es5/interfaces/iCellEditor';
+export declare const getCheckboxRendererForColumn: (columnId: string, isColumnReadOnly: boolean, api: AdaptableApi) => ICellRendererFunc;
+export declare class CheckboxEditor implements ICellEditorComp {
+    isCancelBeforeStart(): boolean;
+    init(params: ICellEditorParams): void;
+    getGui(): HTMLElement;
+    getValue(): any;
+}