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

package/src/Strategy/SmartEditModule.js

@@ -109,12 +109,11 @@ class SmartEditModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     BuildPreviewValues(smartEditValue, smartEditOperation) {
         let selectedCellInfo = this.api.gridApi.getSelectedCellInfo();
         let previewResults = [];
-        let columnId = '';
+        let column;
         if (!this.api.internalApi.isGridInPivotMode()) {
             if (ArrayExtensions_1.default.IsNotNullOrEmpty(selectedCellInfo.columns)) {
-                let column = selectedCellInfo.columns[0];
+                column = this.api.columnApi.getColumnFromId(selectedCellInfo.columns[0].columnId);
                 if (column) {
-                    columnId = column.columnId;
                     selectedCellInfo.gridCells.forEach((selectedCell) => {
                         let newValue;
                         switch (smartEditOperation) {
@@ -159,7 +158,7 @@ class SmartEditModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             }
         }
         return {
-            columnId: columnId,
+            column: column,
             previewResults: previewResults,
             previewValidationSummary: PreviewHelper_1.PreviewHelper.GetPreviewValidationSummary(previewResults),
         };

package/src/Strategy/SystemStatusModule.d.ts

@@ -1,10 +1,10 @@
 import { AdaptableModuleBase } from './AdaptableModuleBase';
-import { AdaptableMenuItem, MenuContext } from '../PredefinedConfig/Common/Menu';
+import { AdaptableMenuItem, ContextMenuContext } from '../PredefinedConfig/Common/Menu';
 import { AdaptableColumn } from '../PredefinedConfig/Common/AdaptableColumn';
 import { IModule } from './Interface/IModule';
 import { AdaptableApi } from '../Api/AdaptableApi';
 export declare class SystemStatusModule extends AdaptableModuleBase implements IModule {
     constructor(api: AdaptableApi);
     addColumnMenuItems(column: AdaptableColumn): AdaptableMenuItem[] | undefined;
-    addContextMenuItems(menuContext: MenuContext): AdaptableMenuItem[] | undefined;
+    addContextMenuItems(menuContext: ContextMenuContext): AdaptableMenuItem[] | undefined;
 }

package/src/Utilities/Constants/GeneralConstants.d.ts

@@ -25,6 +25,7 @@ export declare const SYSTEM_STATUS_DEFAULT_MAX_MESSAGES_IN_STORE: number;
 export declare const CHART_DEFAULT_REFRESH_RATE: number;
 export declare const QUICK_SEARCH_DEFAULT_BACK_COLOR: string;
 export declare const QUICK_SEARCH_DEFAULT_FORE_COLOR: string;
+export declare const QUICK_SEARCH_DEBOUNCE_TIME: number;
 export declare const CELL_SUMMARY_DEFAULT_OPERATION: SummaryOperation | string;
 export declare const SYSTEM_DEFAULT_CHART_VISIBILITY: ChartVisibility;
 export declare const SYSTEM_DEFAULT_SYSTEM_STATUS_TYPE: AdaptableMessageType;

package/src/Utilities/Constants/GeneralConstants.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.THEME_STYLE = exports.SELECTED_ROWS_REPORT = exports.SELECTED_CELLS_REPORT = exports.CURRENT_DATA_REPORT = exports.ALL_DATA_REPORT = exports.VISUAL_DATA_REPORT = exports.SYSTEM_THEMES = exports.SMART_EDIT_MATH_OPERATION_STATE_PROPERTY = exports.SMART_EDIT_VALUE_STATE_PROPERTY = exports.QUICK_SEARCH_STYLE_STATE_PROPERTY = exports.QUICK_SEARCH_TEXT_STATE_PROPERTY = exports.CURRENT_THEME_STATE_PROPERTY = exports.FLASHING_CELL_DEFAULT_DURATION_STATE_PROPERTY = exports.FLASHING_CELL_DEFAULT_DOWN_COLOR_STATE_PROPERTY = exports.FLASHING_CELL_DEFAULT_UP_COLOR_STATE_PROPERTY = exports.CURRENT_REPORT_STATE_PROPERTY = exports.CURRENT_DATA_SOURCE_STATE_PROPERTY = exports.CURRENT_LAYOUT_STATE_PROPERTY = exports.SUMMARY_OPERATION_STATE_PROPERTY = exports.CURRENT_CHART_NAME_STATE_PROPERTY = exports.ALERT_DEFAULT_LOG_TO_CONSOLE = exports.ALERT_DEFAULT_HIGHLIGHT_ROW = exports.ALERT_DEFAULT_HIGHLIGHT_CELL = exports.ALERT_DEFAULT_SHOW_POPUP = exports.ALERT_DEFAULT_MESSAGE_TYPE = exports.ALERT_DEFAULT_RANGE_OPERAND_TYPE = exports.PLUS_MINUS_DEFAULT_NUDGE_VALUE = exports.CHART_DEFAULT_YAXIS_TOTAL = exports.DEFAULT_LIVE_REPORT_THROTTLE_TIME = exports.THEME_DEFAULT_CURRENT_THEME = exports.SYSTEM_DEFAULT_SYSTEM_STATUS_TYPE = exports.SYSTEM_DEFAULT_CHART_VISIBILITY = exports.CELL_SUMMARY_DEFAULT_OPERATION = exports.QUICK_SEARCH_DEFAULT_FORE_COLOR = exports.QUICK_SEARCH_DEFAULT_BACK_COLOR = exports.CHART_DEFAULT_REFRESH_RATE = exports.SYSTEM_STATUS_DEFAULT_MAX_MESSAGES_IN_STORE = exports.AG_GRID_GROUPED_COLUMN = exports.HALF_SECOND = exports.AB_SPECIAL_COLUMN = exports.EMPTY_ARRAY = exports.EMPTY_STRING = exports.FILTER_THROTTLE = exports.FILTER_NEVER = exports.FILTER_ALWAYS = exports.ALL_COLUMN_VALUES = exports.READ_ONLY_STYLE = exports.MENU_PREFIX = exports.ADAPTABLE = exports.ADAPTABLE_ID = exports.USER_NAME = exports.DARK_THEME = exports.LIGHT_THEME = exports.DEFAULT_LAYOUT = exports.MISSING_COLUMN = exports.AUTOGENERATED_PK_COLUMN = void 0;
+exports.THEME_STYLE = exports.SELECTED_ROWS_REPORT = exports.SELECTED_CELLS_REPORT = exports.CURRENT_DATA_REPORT = exports.ALL_DATA_REPORT = exports.VISUAL_DATA_REPORT = exports.SYSTEM_THEMES = exports.SMART_EDIT_MATH_OPERATION_STATE_PROPERTY = exports.SMART_EDIT_VALUE_STATE_PROPERTY = exports.QUICK_SEARCH_STYLE_STATE_PROPERTY = exports.QUICK_SEARCH_TEXT_STATE_PROPERTY = exports.CURRENT_THEME_STATE_PROPERTY = exports.FLASHING_CELL_DEFAULT_DURATION_STATE_PROPERTY = exports.FLASHING_CELL_DEFAULT_DOWN_COLOR_STATE_PROPERTY = exports.FLASHING_CELL_DEFAULT_UP_COLOR_STATE_PROPERTY = exports.CURRENT_REPORT_STATE_PROPERTY = exports.CURRENT_DATA_SOURCE_STATE_PROPERTY = exports.CURRENT_LAYOUT_STATE_PROPERTY = exports.SUMMARY_OPERATION_STATE_PROPERTY = exports.CURRENT_CHART_NAME_STATE_PROPERTY = exports.ALERT_DEFAULT_LOG_TO_CONSOLE = exports.ALERT_DEFAULT_HIGHLIGHT_ROW = exports.ALERT_DEFAULT_HIGHLIGHT_CELL = exports.ALERT_DEFAULT_SHOW_POPUP = exports.ALERT_DEFAULT_MESSAGE_TYPE = exports.ALERT_DEFAULT_RANGE_OPERAND_TYPE = exports.PLUS_MINUS_DEFAULT_NUDGE_VALUE = exports.CHART_DEFAULT_YAXIS_TOTAL = exports.DEFAULT_LIVE_REPORT_THROTTLE_TIME = exports.THEME_DEFAULT_CURRENT_THEME = exports.SYSTEM_DEFAULT_SYSTEM_STATUS_TYPE = exports.SYSTEM_DEFAULT_CHART_VISIBILITY = exports.CELL_SUMMARY_DEFAULT_OPERATION = exports.QUICK_SEARCH_DEBOUNCE_TIME = exports.QUICK_SEARCH_DEFAULT_FORE_COLOR = exports.QUICK_SEARCH_DEFAULT_BACK_COLOR = exports.CHART_DEFAULT_REFRESH_RATE = exports.SYSTEM_STATUS_DEFAULT_MAX_MESSAGES_IN_STORE = exports.AG_GRID_GROUPED_COLUMN = exports.HALF_SECOND = exports.AB_SPECIAL_COLUMN = exports.EMPTY_ARRAY = exports.EMPTY_STRING = exports.FILTER_THROTTLE = exports.FILTER_NEVER = exports.FILTER_ALWAYS = exports.ALL_COLUMN_VALUES = exports.READ_ONLY_STYLE = exports.MENU_PREFIX = exports.ADAPTABLE = exports.ADAPTABLE_ID = exports.USER_NAME = exports.DARK_THEME = exports.LIGHT_THEME = exports.DEFAULT_LAYOUT = exports.MISSING_COLUMN = exports.AUTOGENERATED_PK_COLUMN = void 0;
 const Enums_1 = require("../../PredefinedConfig/Common/Enums");
 const ChartEnums_1 = require("../../PredefinedConfig/Common/ChartEnums");
 const UIHelper_1 = require("../../View/UIHelper");
@@ -35,6 +35,7 @@ exports.CHART_DEFAULT_REFRESH_RATE = 3; // refresh the chart every 3 seconds if
 // Quick Search
 exports.QUICK_SEARCH_DEFAULT_BACK_COLOR = UIHelper_1.getHexForName(UIHelper_1.LIGHT_YELLOW);
 exports.QUICK_SEARCH_DEFAULT_FORE_COLOR = UIHelper_1.getHexForName(UIHelper_1.BLACK);
+exports.QUICK_SEARCH_DEBOUNCE_TIME = 350;
 // Cells Summary
 exports.CELL_SUMMARY_DEFAULT_OPERATION = Enums_1.SummaryOperation.Sum;
 // system

package/src/Utilities/Constants/ModuleConstants.d.ts

@@ -4,29 +4,29 @@ export declare const BulkUpdateModuleId: ModuleConstants;
 export declare const CalculatedColumnModuleId: ModuleConstants;
 export declare const CellSummaryModuleId: ModuleConstants;
 export declare const ChartModuleId: ModuleConstants;
-export declare const FilterModuleId: ModuleConstants;
 export declare const ConditionalStyleModuleId: ModuleConstants;
 export declare const CustomSortModuleId: ModuleConstants;
 export declare const DashboardModuleId: ModuleConstants;
+export declare const DataChangeHistoryModuleId: ModuleConstants;
 export declare const DataSourceModuleId: ModuleConstants;
 export declare const ExportModuleId: ModuleConstants;
+export declare const FilterModuleId: ModuleConstants;
 export declare const FormatColumnModuleId: ModuleConstants;
 export declare const FreeTextColumnModuleId: ModuleConstants;
-export declare const OpenFinModuleId: ModuleConstants;
 export declare const Glue42ModuleId: ModuleConstants;
+export declare const GridInfoModuleId: ModuleConstants;
 export declare const IPushPullModuleId: ModuleConstants;
 export declare const LayoutModuleId: ModuleConstants;
-export declare const GridInfoModuleId: ModuleConstants;
-export declare const SparklineColumnModuleId: ModuleConstants;
+export declare const OpenFinModuleId: ModuleConstants;
 export declare const PlusMinusModuleId: ModuleConstants;
+export declare const QueryModuleId: ModuleConstants;
 export declare const QuickSearchModuleId: ModuleConstants;
 export declare const ScheduleModuleId: ModuleConstants;
 export declare const ShortcutModuleId: ModuleConstants;
 export declare const SmartEditModuleId: ModuleConstants;
+export declare const SparklineColumnModuleId: ModuleConstants;
 export declare const StateManagementModuleId: ModuleConstants;
 export declare const SystemStatusModuleId: ModuleConstants;
 export declare const TeamSharingModuleId: ModuleConstants;
 export declare const ThemeModuleId: ModuleConstants;
 export declare const ToolPanelModuleId: ModuleConstants;
-export declare const QueryModuleId: ModuleConstants;
-export declare const DataChangeHistoryModuleId: ModuleConstants;

package/src/Utilities/Constants/ModuleConstants.js

@@ -1,34 +1,34 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataChangeHistoryModuleId = exports.QueryModuleId = exports.ToolPanelModuleId = exports.ThemeModuleId = exports.TeamSharingModuleId = exports.SystemStatusModuleId = exports.StateManagementModuleId = exports.SmartEditModuleId = exports.ShortcutModuleId = exports.ScheduleModuleId = exports.QuickSearchModuleId = exports.PlusMinusModuleId = exports.SparklineColumnModuleId = exports.GridInfoModuleId = exports.LayoutModuleId = exports.IPushPullModuleId = exports.Glue42ModuleId = exports.OpenFinModuleId = exports.FreeTextColumnModuleId = exports.FormatColumnModuleId = exports.ExportModuleId = exports.DataSourceModuleId = exports.DashboardModuleId = exports.CustomSortModuleId = exports.ConditionalStyleModuleId = exports.FilterModuleId = exports.ChartModuleId = exports.CellSummaryModuleId = exports.CalculatedColumnModuleId = exports.BulkUpdateModuleId = exports.AlertModuleId = void 0;
+exports.ToolPanelModuleId = exports.ThemeModuleId = exports.TeamSharingModuleId = exports.SystemStatusModuleId = exports.StateManagementModuleId = exports.SparklineColumnModuleId = exports.SmartEditModuleId = exports.ShortcutModuleId = exports.ScheduleModuleId = exports.QuickSearchModuleId = exports.QueryModuleId = exports.PlusMinusModuleId = exports.OpenFinModuleId = exports.LayoutModuleId = exports.IPushPullModuleId = exports.GridInfoModuleId = exports.Glue42ModuleId = exports.FreeTextColumnModuleId = exports.FormatColumnModuleId = exports.FilterModuleId = exports.ExportModuleId = exports.DataSourceModuleId = exports.DataChangeHistoryModuleId = exports.DashboardModuleId = exports.CustomSortModuleId = exports.ConditionalStyleModuleId = exports.ChartModuleId = exports.CellSummaryModuleId = exports.CalculatedColumnModuleId = exports.BulkUpdateModuleId = exports.AlertModuleId = void 0;
 exports.AlertModuleId = 'Alert';
 exports.BulkUpdateModuleId = 'BulkUpdate';
 exports.CalculatedColumnModuleId = 'CalculatedColumn';
 exports.CellSummaryModuleId = 'CellSummary';
 exports.ChartModuleId = 'Chart';
-exports.FilterModuleId = 'Filter';
 exports.ConditionalStyleModuleId = 'ConditionalStyle';
 exports.CustomSortModuleId = 'CustomSort';
 exports.DashboardModuleId = 'Dashboard';
+exports.DataChangeHistoryModuleId = 'DataChangeHistory';
 exports.DataSourceModuleId = 'DataSource';
 exports.ExportModuleId = 'Export';
+exports.FilterModuleId = 'Filter';
 exports.FormatColumnModuleId = 'FormatColumn';
 exports.FreeTextColumnModuleId = 'FreeTextColumn';
-exports.OpenFinModuleId = 'OpenFin';
 exports.Glue42ModuleId = 'Glue42';
+exports.GridInfoModuleId = 'GridInfo';
 exports.IPushPullModuleId = 'IPushPull';
 exports.LayoutModuleId = 'Layout';
-exports.GridInfoModuleId = 'GridInfo';
-exports.SparklineColumnModuleId = 'SparklineColumn';
+exports.OpenFinModuleId = 'OpenFin';
 exports.PlusMinusModuleId = 'PlusMinus';
+exports.QueryModuleId = 'Query';
 exports.QuickSearchModuleId = 'QuickSearch';
 exports.ScheduleModuleId = 'Schedule';
 exports.ShortcutModuleId = 'Shortcut';
 exports.SmartEditModuleId = 'SmartEdit';
+exports.SparklineColumnModuleId = 'SparklineColumn';
 exports.StateManagementModuleId = 'StateManagement';
 exports.SystemStatusModuleId = 'SystemStatus';
 exports.TeamSharingModuleId = 'TeamSharing';
 exports.ThemeModuleId = 'Theme';
 exports.ToolPanelModuleId = 'ToolPanel';
-exports.QueryModuleId = 'Query';
-exports.DataChangeHistoryModuleId = 'DataChangeHistory';

package/src/Utilities/Defaults/DefaultAdaptableOptions.js

@@ -33,6 +33,7 @@ exports.DefaultAdaptableOptions = {
         isDraggable: false,
         transition: 'Slide',
         actionHandlers: undefined,
+        showApplicationIcon: false,
         flashingAlertDefaultProperties: {
             FlashDuration: 500,
             DownChangeStyle: {
@@ -50,8 +51,8 @@ exports.DefaultAdaptableOptions = {
     },
     containerOptions: {
         adaptableContainer: 'adaptable',
-        vendorContainer: 'grid',
-        vendorContainerWaitTimeout: 60000,
+        agGridContainer: 'grid',
+        agGridContainerWaitTimeout: 60000,
         modalContainer: undefined,
         chartContainer: undefined,
         systemStatusContainer: undefined,
@@ -117,8 +118,8 @@ exports.DefaultAdaptableOptions = {
         showAdaptableContextMenu: true,
         showAdaptableColumnMenu: true,
         showUngroupColumnMenuItem: true,
-        columnMenuOrder: ['vendor', 'adaptable', 'user'],
-        contextMenuOrder: ['vendor', 'adaptable', 'user'],
+        columnMenuOrder: ['aggrid', 'adaptable', 'user'],
+        contextMenuOrder: ['aggrid', 'adaptable', 'user'],
         columnMenuItems: undefined,
         contextMenuItems: undefined,
     },
@@ -127,7 +128,7 @@ exports.DefaultAdaptableOptions = {
         hideQuickFilterInput: undefined,
         indicateFilteredColumns: true,
         useAdaptableFilterForm: true,
-        useVendorFilterFormStyle: true,
+        useAgGridFilterFormStyle: true,
         useAdaptableQuickFilter: true,
         clearFiltersOnStartUp: false,
         quickFilterTrigger: 'mouseenter',
@@ -203,7 +204,7 @@ exports.DefaultAdaptableOptions = {
         width: UIHelper_1.default.getAdaptableToolPanelWidth(),
         minWidth: UIHelper_1.default.getAdaptableToolPanelWidth(),
         maxWidth: undefined,
-        toolPanelOrder: ['filters', 'columns', 'AdaptableToolPanel'],
+        toolPanelOrder: ['filters', 'columns', 'adaptable'],
     },
     queryLanguageOptions: {
         defaultBooleanFunctions: booleanExpressionFunctions_1.booleanExpressionFunctions,
@@ -217,7 +218,7 @@ exports.DefaultAdaptableOptions = {
     },
     dataChangeHistoryOptions: {
         activeByDefault: false,
-        filterDataChange: undefined,
+        showDataChange: undefined,
     },
     customPredicateDefs: [],
 };

package/src/Utilities/Helpers/PreviewHelper.js

@@ -43,7 +43,7 @@ function GetCellInfosFromPreview(previewInfo, bypassValidationWarnings) {
                     displayValue: previewResult.computedValue,
                     normalisedValue: previewResult.computedValue,
                     rowNode: previewResult.rowNode,
-                    column: this.adaptable.api.columnApi.getColumnFromId(previewInfo.columnId),
+                    column: previewInfo.column,
                 });
             }
         }
@@ -54,7 +54,7 @@ function GetCellInfosFromPreview(previewInfo, bypassValidationWarnings) {
             .forEach((pr) => {
             newValues.push({
                 primaryKeyValue: pr.id,
-                column: this.adaptable.api.columnApi.getColumnFromId(previewInfo.columnId),
+                column: previewInfo.column,
                 rawValue: pr.computedValue,
                 displayValue: pr.computedValue,
                 normalisedValue: pr.computedValue,

package/src/Utilities/Interface/Preview.d.ts

@@ -1,7 +1,8 @@
 import { AlertDefinition } from '../../PredefinedConfig/AlertState';
 import { RowNode } from '@ag-grid-community/all-modules';
+import { AdaptableColumn } from '../../../types';
 export interface PreviewInfo {
-    columnId: string;
+    column: AdaptableColumn;
     previewResults: PreviewResult[];
     previewValidationSummary: PreviewValidationSummary;
 }

package/src/Utilities/Services/LicenseService.js

@@ -23,19 +23,33 @@ var LicenseValidityType;
     LicenseValidityType["COMMERCIAL_EXPIRED_IN_SCOPE"] = "COMMERCIAL_EXPIRED_IN_SCOPE";
     LicenseValidityType["COMMERCIAL_EXPIRED_OUT_OF_SCOPE"] = "COMMERCIAL_EXPIRED_OUT_OF_SCOPE";
 })(LicenseValidityType = exports.LicenseValidityType || (exports.LicenseValidityType = {}));
+const SANDPACK_REGEX = /(https):\/\/\d+\-\d+\-\d\-(sandpack\.codesandbox\.io)/g;
+const SANDBOX_REGEX = /(https):\/\/\S+(\.csb\.app\/)/g;
+const origin = typeof window !== 'undefined' ? window.location.origin : '';
+const isInsideSandpack = () => {
+    const [_fullUrl, protocol, sandpackUrl] = Array.from(SANDPACK_REGEX.exec(origin) || []);
+    return protocol === 'https' && sandpackUrl === 'sandpack.codesandbox.io';
+};
+const isInsideSandbox = () => {
+    const [_fullUrl, protocol, sandboxUrl] = Array.from(SANDBOX_REGEX.exec(origin) || []);
+    return protocol === 'https' && sandboxUrl === '.csb.app/';
+};
 class LicenseService {
     constructor(adaptable, licenseKey, packageDetails) {
         this.adaptable = adaptable;
         this.adaptable = adaptable;
         let details = null;
-        if (licenseKey)
+        if (licenseKey) {
             try {
                 details = decode_1.decode(licenseKey);
             }
             catch (error) {
                 details = error;
             }
-        this.handleLicenseValidation(details, this.getValidityType(details, packageDetails));
+        }
+        if (!isInsideSandpack() && !isInsideSandbox()) {
+            this.handleLicenseValidation(details, this.getValidityType(details, packageDetails));
+        }
     }
     getValidityType(details, packageDetails) {
         if (!details) {

package/src/Utilities/Services/ValidationService.js

@@ -81,7 +81,7 @@ class ValidationService {
                     if (!row) {
                         return;
                     }
-                    row[(_b = this.adaptable.api.columnApi.getVendorGridColumnFieldForColumn(dataChangedInfo.column.columnId)) !== null && _b !== void 0 ? _b : dataChangedInfo.column.columnId] = validationResult.NewValue;
+                    row[(_b = this.adaptable.api.columnApi.getAgGridColumnFieldForAdaptableColumn(dataChangedInfo.column.columnId)) !== null && _b !== void 0 ? _b : dataChangedInfo.column.columnId] = validationResult.NewValue;
                     this.adaptable.api.gridApi.updateGridData([row]);
                     if (StringExtensions_1.default.IsNotNullOrEmpty(validationResult.ValidationMessage) &&
                         this.adaptable.adaptableOptions.editOptions.displayServerValidationMessages) {

package/src/View/AdaptableViewFactory.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import { ConnectedComponent } from 'react-redux';
 import { AdaptableModule } from '../PredefinedConfig/Common/Types';
 export declare const AdaptableViewFactory: IAdaptableViewFactory;
-export declare const AdaptableViewPanelFactory: Map<AdaptableModule, ConnectedComponent<any, any>>;
+export declare const AdaptableViewPanelFactory: Map<AdaptableModule, React.FunctionComponent<any> | ConnectedComponent<any, any>>;
 export interface IAdaptableViewFactory {
     [key: string]: any;
 }

package/src/View/AdaptableViewFactory.js

@@ -44,6 +44,7 @@ const ThemeViewPanel_1 = require("./Theme/ThemeViewPanel");
 const DataSourceViewPanel_1 = require("./DataSource/DataSourceViewPanel");
 const DataChangeHistoryPopup_1 = require("./DataChangeHistory/DataChangeHistoryPopup");
 const DataChangeHistoryViewPanel_1 = require("./DataChangeHistory/DataChangeHistoryViewPanel");
+const StateManagementViewPanel_1 = require("./StateManagement/StateManagementViewPanel");
 exports.AdaptableViewFactory = {
     ExpandedQueryPopup: ExpandedQueryPopup_1.ExpandedQueryPopup,
     AlertPopup: AlertPopup_1.AlertPopup,
@@ -88,4 +89,5 @@ exports.AdaptableViewPanelFactory = new Map([
     [ModuleConstants.ThemeModuleId, ThemeViewPanel_1.ThemeViewPanelControl],
     [ModuleConstants.DataSourceModuleId, DataSourceViewPanel_1.DataSourceViewPanelControl],
     [ModuleConstants.DataChangeHistoryModuleId, DataChangeHistoryViewPanel_1.DataChangeHistoryViewPanelControl],
+    [ModuleConstants.StateManagementModuleId, StateManagementViewPanel_1.StateManagementViewPanel],
 ]);

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/ConfigurationForm.js

@@ -16,7 +16,7 @@ const ConfigurationForm = (props) => {
     const searchOptions = Object.assign(Object.assign({}, DefaultAdaptableOptions_1.DefaultAdaptableOptions.searchOptions), abOptions.searchOptions);
     const filterOptions = Object.assign(Object.assign({}, DefaultAdaptableOptions_1.DefaultAdaptableOptions.filterOptions), abOptions.filterOptions);
     // we are 'hard-coding' this to use AG Grid but so does helper so ok for now and we can refactor when Adaptable Grid is ready
-    const vendorGrid = Object.assign(Object.assign({}, DefaultAdaptableOptions_1.DefaultAdaptableOptions.vendorGrid), abOptions.vendorGrid);
+    const gridOptions = Object.assign(Object.assign({}, DefaultAdaptableOptions_1.DefaultAdaptableOptions.vendorGrid), abOptions.vendorGrid);
     return (React.createElement(React.Fragment, null,
         React.createElement(HelpBlock_1.default, null, "General Options"),
         React.createElement(FormLayout_1.default, { margin: 2, columns: [{ name: 'children' }, { name: 'label', style: { textAlign: 'start' } }] },
@@ -30,28 +30,28 @@ const ConfigurationForm = (props) => {
         React.createElement(HelpBlock_1.default, null, "Grid Options"),
         React.createElement(FormLayout_1.default, { margin: 2, columns: [{ name: 'children' }, { name: 'label', style: { textAlign: 'start' } }] },
             React.createElement(FormLayout_1.FormRow, { label: "Enable Range Selection" },
-                React.createElement(CheckBox_1.CheckBox, { checked: vendorGrid.enableRangeSelection, onChange: (enableRangeSelection) => {
+                React.createElement(CheckBox_1.CheckBox, { checked: gridOptions.enableRangeSelection, onChange: (enableRangeSelection) => {
                         abOptions = Object.assign({}, abOptions);
                         abOptions.vendorGrid = Object.assign({}, abOptions.vendorGrid);
                         abOptions.vendorGrid.enableRangeSelection = enableRangeSelection;
                         props.onChangeadaptableOptions(abOptions);
                     } })),
             React.createElement(FormLayout_1.FormRow, { label: "Show Quick Filter" },
-                React.createElement(CheckBox_1.CheckBox, { checked: vendorGrid.floatingFilter, onChange: (floatingFilter) => {
+                React.createElement(CheckBox_1.CheckBox, { checked: gridOptions.floatingFilter, onChange: (floatingFilter) => {
                         abOptions = Object.assign({}, abOptions);
                         abOptions.vendorGrid = Object.assign({}, abOptions.vendorGrid);
                         abOptions.vendorGrid.floatingFilter = floatingFilter;
                         props.onChangeadaptableOptions(abOptions);
                     } })),
             React.createElement(FormLayout_1.FormRow, { label: "Suppress Column Virtualisation" },
-                React.createElement(CheckBox_1.CheckBox, { checked: vendorGrid.suppressColumnVirtualisation, onChange: (suppressColumnVirtualisation) => {
+                React.createElement(CheckBox_1.CheckBox, { checked: gridOptions.suppressColumnVirtualisation, onChange: (suppressColumnVirtualisation) => {
                         abOptions = Object.assign({}, abOptions);
                         abOptions.vendorGrid = Object.assign({}, abOptions.vendorGrid);
                         abOptions.vendorGrid.suppressColumnVirtualisation = suppressColumnVirtualisation;
                         props.onChangeadaptableOptions(abOptions);
                     } })),
             React.createElement(FormLayout_1.FormRow, { label: "Show Column Menu Button" },
-                React.createElement(CheckBox_1.CheckBox, { checked: vendorGrid.suppressMenuHide, onChange: (suppressMenuHide) => {
+                React.createElement(CheckBox_1.CheckBox, { checked: gridOptions.suppressMenuHide, onChange: (suppressMenuHide) => {
                         abOptions = Object.assign({}, abOptions);
                         abOptions.vendorGrid = Object.assign({}, abOptions.vendorGrid);
                         abOptions.vendorGrid.suppressMenuHide = suppressMenuHide;
@@ -76,10 +76,10 @@ const ConfigurationForm = (props) => {
                         props.onChangeadaptableOptions(abOptions);
                     } })),
             React.createElement(FormLayout_1.FormRow, { label: "Use Vendor Filter Form Style" },
-                React.createElement(CheckBox_1.CheckBox, { checked: filterOptions.useVendorFilterFormStyle, onChange: (useVendorFilterFormStyle) => {
+                React.createElement(CheckBox_1.CheckBox, { checked: filterOptions.useAgGridFilterFormStyle, onChange: (useAgGridFilterFormStyle) => {
                         abOptions = Object.assign({}, abOptions);
                         abOptions.filterOptions = Object.assign({}, abOptions.filterOptions);
-                        abOptions.filterOptions.useVendorFilterFormStyle = useVendorFilterFormStyle;
+                        abOptions.filterOptions.useAgGridFilterFormStyle = useAgGridFilterFormStyle;
                         props.onChangeadaptableOptions(abOptions);
                     } })),
             React.createElement(FormLayout_1.FormRow, { label: "Use Adaptable Quick Filter" },

package/src/View/CellSummary/CellSummaryViewPanel.js

@@ -64,8 +64,8 @@ class CellSummaryViewPanelComponent extends React.Component {
         };
         const elementType = this.props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
         return (React.createElement(rebass_1.Flex, { flexDirection: "row", className: shouldDisable ? GeneralConstants.READ_ONLY_STYLE : `ab-${elementType}__CellSummary__wrap`, flexWrap: this.props.viewType === 'ToolPanel' ? 'wrap' : 'nowrap' },
-            React.createElement(rebass_1.Flex, null,
-                React.createElement(DropdownButton_1.default, { style: { fontSize: 'small' }, marginRight: 2, columns: ['label'], className: `ab-${elementType}__CellSummary__select`, items: [...operationMenuItems, ...operationDefinitions], disabled: shouldDisable, variant: "outlined", tone: 'neutral' }, this.props.CellSummaryOperation)),
+            React.createElement(rebass_1.Flex, { flex: 1 },
+                React.createElement(DropdownButton_1.default, { style: { fontSize: 'small', width: '100%' }, marginRight: 2, columns: ['label'], className: `ab-${elementType}__CellSummary__select`, items: [...operationMenuItems, ...operationDefinitions], disabled: shouldDisable, variant: "outlined", tone: 'neutral' }, this.props.CellSummaryOperation)),
             React.createElement(rebass_1.Flex, { alignItems: "center" }, React.createElement(React.Fragment, null,
                 renderOperationValue(),
                 this.props.CellSummary != null && this.props.CellSummary.Count > 0 && (React.createElement(AdaptablePopover_1.AdaptablePopover, { className: "ab-ToolPanel__CellSummary__info", bodyText: [cellSummaryPopover], useButton: true, showEvent: 'focus', hideEvent: "blur" }))))));

package/src/View/Components/FilterForm/FilterForm.js

@@ -52,8 +52,7 @@ class FilterFormComponent extends React.Component {
     static createColumnFilterFromProps(props) {
         let existingColumnFilter = props.columnFilters.find((cf) => cf.ColumnId == props.currentColumn.columnId);
         if (!existingColumnFilter) {
-            const filterOptions = props.api.internalApi.getAdaptableOptions()
-                .filterOptions;
+            const filterOptions = props.api.internalApi.getAdaptableOptions().filterOptions;
             if (filterOptions.defaultFilterFormTab == 'Values') {
                 return ObjectFactory_1.ObjectFactory.CreateColumnFilter(props.currentColumn.columnId, 'Values', []);
             }
@@ -120,8 +119,7 @@ class FilterFormComponent extends React.Component {
     render() {
         var _a, _b;
         let isFilterable = this.isFilterable();
-        const filterOptions = this.props.api.internalApi.getAdaptableOptions()
-            .filterOptions;
+        const filterOptions = this.props.api.internalApi.getAdaptableOptions().filterOptions;
         const predicateDefs = this.props.api.filterApi
             .getFilterPredicateDefsForColumn(this.props.currentColumn)
             .filter((predicate) => !predicate.onlyQuickFilter);
@@ -133,15 +131,15 @@ class FilterFormComponent extends React.Component {
             Helper_1.default.objectNotExists(this.state.editedColumnFilter.Predicate.PredicateId);
         let closeButton = (React.createElement(ButtonClose_1.ButtonClose, { onClick: () => this.onCloseForm(), tooltip: null, accessLevel: 'Full' }));
         let clearFilterButton = (React.createElement(ButtonClear_1.ButtonClear, { onClick: () => this.onClearFilter(), disabled: isEmptyFilter, tooltip: null, accessLevel: 'Full', showText: true, showIcon: false }));
-        const useVendorStyle = !!filterOptions.useVendorFilterFormStyle;
-        return (React.createElement("div", { "data-name": "filter-form" }, StringExtensions_1.StringExtensions.IsNullOrEmpty(isFilterable) ? (React.createElement(FilterFormPanel_1.FilterFormPanel, { style: panelStyle, ColumnMenuTab: this.state.selectedTab, ColumnMenuTabChanged: (e) => this.onSelectTab(e), IsAlwaysFilter: this.props.embedColumnMenu, clearFilterButton: clearFilterButton, closeButton: closeButton, showCloseButton: this.props.showCloseButton, autoApplyFilter: filterOptions.autoApplyFilter ? true : false, useVendorStyle: useVendorStyle, applyFilterButtonDisabled: isEmptyFilter, onFilterApplied: () => this.onFilterApplied() }, this.state.selectedTab == Enums_1.ColumnMenuTab.Menu ? (React.createElement(ListBoxMenu_1.ListBoxMenu, { MenuItems: this.props.api.internalApi.buildStandaloneColumnHeader(this.props.currentColumn), onMenuItemClick: (menuItem) => this.onMenuItemClick(menuItem) })) : (React.createElement("div", null,
+        const useAgGridStyle = !!filterOptions.useAgGridFilterFormStyle;
+        return (React.createElement("div", { "data-name": "filter-form" }, StringExtensions_1.StringExtensions.IsNullOrEmpty(isFilterable) ? (React.createElement(FilterFormPanel_1.FilterFormPanel, { style: panelStyle, ColumnMenuTab: this.state.selectedTab, ColumnMenuTabChanged: (e) => this.onSelectTab(e), IsAlwaysFilter: this.props.embedColumnMenu, clearFilterButton: clearFilterButton, closeButton: closeButton, showCloseButton: this.props.showCloseButton, autoApplyFilter: filterOptions.autoApplyFilter ? true : false, useAgGridStyle: useAgGridStyle, applyFilterButtonDisabled: isEmptyFilter, onFilterApplied: () => this.onFilterApplied() }, this.state.selectedTab == Enums_1.ColumnMenuTab.Menu ? (React.createElement(ListBoxMenu_1.ListBoxMenu, { MenuItems: this.props.api.internalApi.buildStandaloneColumnHeader(this.props.currentColumn), onMenuItemClick: (menuItem) => this.onMenuItemClick(menuItem) })) : (React.createElement("div", null,
             this.state.showTab && (React.createElement("div", null,
                 React.createElement(Radio_1.default, { marginLeft: 1, flex: 1, checked: this.state.currentTab == 'values', onChange: () => this.setState({ currentTab: 'values' }) },
                     React.createElement(rebass_1.Flex, { fontSize: 'var( --ab-font-size-2)' }, "Column Values")),
                 React.createElement(Radio_1.default, { marginLeft: 2, flex: 1, checked: this.state.currentTab == 'predicates', onChange: () => this.setState({ currentTab: 'predicates' }) },
                     React.createElement(rebass_1.Flex, { fontSize: 'var( --ab-font-size-2)' }, "Filters")))),
             this.state.currentTab === 'values' && (React.createElement("div", null,
-                React.createElement(ListBoxFilterForm_1.ListBoxFilterForm, { suppressClientSideFilter: this.state.suppressClientSideFilter, isLoading: this.state.isDistinctColumnValuesLoading, onFilterChange: this.handleFilterChange, currentColumn: this.props.currentColumn, columns: this.props.columns, columnDistinctValues: this.state.distinctColumnValues, dataType: this.props.currentColumn.dataType, uiSelectedColumnValues: uiSelectedColumnValues, useVendorStyle: useVendorStyle, onColumnValueSelectedChange: (list) => this.onColumnValuesChange(list) }))),
+                React.createElement(ListBoxFilterForm_1.ListBoxFilterForm, { suppressClientSideFilter: this.state.suppressClientSideFilter, isLoading: this.state.isDistinctColumnValuesLoading, onFilterChange: this.handleFilterChange, currentColumn: this.props.currentColumn, columns: this.props.columns, columnDistinctValues: this.state.distinctColumnValues, dataType: this.props.currentColumn.dataType, uiSelectedColumnValues: uiSelectedColumnValues, useAgGridStyle: useAgGridStyle, onColumnValueSelectedChange: (list) => this.onColumnValuesChange(list) }))),
             this.state.currentTab === 'predicates' && (React.createElement("div", null,
                 ' ',
                 this.state.showTab && React.createElement("hr", null),

package/src/View/Components/FilterForm/ListBoxFilterForm.d.ts

@@ -4,7 +4,7 @@ import { ListGroupProps } from '../../../components/List/ListGroup';
 export interface ListBoxFilterFormProps extends ListGroupProps {
     currentColumn: AdaptableColumn;
     columns: AdaptableColumn[];
-    useVendorStyle?: boolean;
+    useAgGridStyle?: boolean;
     columnDistinctValues: any[];
     uiSelectedColumnValues: Array<string>;
     onColumnValueSelectedChange: (SelectedValues: Array<any>) => void;

package/src/View/Components/FilterForm/ListBoxFilterForm.js

@@ -26,7 +26,7 @@ exports.ListBoxFilterForm = (props) => {
     react_1.useEffect(() => {
         internalUpdateUISelectedColumnValues(props.uiSelectedColumnValues);
     }, [props.uiSelectedColumnValues]);
-    const renderItemForVendorStyle = (props) => {
+    const renderItemForAgGridStyle = (props) => {
         return (React.createElement(CheckBox_1.CheckBox, Object.assign({}, props, { variant: "agGrid", fontSize: 2, marginTop: 1, marginBottom: 1, marginLeft: 1, marginRight: 1 })));
     };
     const onClickItemColumnValue = (item) => {
@@ -51,15 +51,15 @@ exports.ListBoxFilterForm = (props) => {
             columnValue.toLocaleLowerCase().indexOf(FilterValue.toLocaleLowerCase()) < 0) {
             return null;
         }
-        if (props.useVendorStyle) {
-            return renderItemForVendorStyle({
+        if (props.useAgGridStyle) {
+            return renderItemForAgGridStyle({
                 key: 'columnValue' + y,
                 children: columnValue,
                 checked: isActive,
                 onChange: () => onClickItemColumnValue(x),
             });
         }
-        return (React.createElement(ListGroupItem_1.default, { noZebra: props.useVendorStyle, key: 'columnValue' + y, onClick: () => onClickItemColumnValue(x), active: isActive, value: columnValue }, columnValue));
+        return (React.createElement(ListGroupItem_1.default, { noZebra: props.useAgGridStyle, key: 'columnValue' + y, onClick: () => onClickItemColumnValue(x), active: isActive, value: columnValue }, columnValue));
     });
     const textClear = (React.createElement(AdaptableFormControlTextClear_1.AdaptableFormControlTextClear, { autoFocus: true, type: "text", placeholder: "Search Column Values", value: FilterValue, style: {
             paddingTop: 'var(--ab-space-1)',
@@ -68,10 +68,10 @@ exports.ListBoxFilterForm = (props) => {
             borderRadius: 'var(--ab__border-radius)',
         }, OnTextChange: handleFilterValueChange }));
     const baseClassName = 'ab-ListBoxFilterForm';
-    return (React.createElement("div", { className: join_1.default(baseClassName, props.useVendorStyle ? `${baseClassName}--vendor-style` : null, props.isLoading && `${baseClassName}--loading`) },
+    return (React.createElement("div", { className: join_1.default(baseClassName, props.useAgGridStyle ? `${baseClassName}--aggrid-style` : null, props.isLoading && `${baseClassName}--loading`) },
         React.createElement(rebass_1.Box, { px: 2 },
-            React.createElement(rebass_1.Box, { mx: props.useVendorStyle ? 0 : '2px', marginBottom: 2 },
+            React.createElement(rebass_1.Box, { mx: props.useAgGridStyle ? 0 : '2px', marginBottom: 2 },
                 textClear,
                 props.isLoading && React.createElement(Loader_1.Loader, null, "Loading"))),
-        !props.isLoading && (React.createElement(GridList_1.default, { showZebraRows: false, className: !props.useVendorStyle ? 'ab-padding-horizontal-0' : '' }, columnValuesItemsElements))));
+        !props.isLoading && (React.createElement(GridList_1.default, { showZebraRows: false, className: !props.useAgGridStyle ? 'ab-padding-horizontal-0' : '' }, columnValuesItemsElements))));
 };

package/src/View/Components/FilterForm/QuickFilterForm.js

@@ -106,14 +106,12 @@ class QuickFilterFormComponent extends React.Component {
             hideEvent = 'blur';
         }
         let showQuickFilterDropdown = true;
-        let hideQuickFilterDropdownFunction = this.props.api.internalApi.getAdaptableOptions()
-            .filterOptions.hideQuickFilterDropdown;
+        let hideQuickFilterDropdownFunction = this.props.api.internalApi.getAdaptableOptions().filterOptions.hideQuickFilterDropdown;
         if (hideQuickFilterDropdownFunction) {
             showQuickFilterDropdown = !hideQuickFilterDropdownFunction(this.props.currentColumn);
         }
         let showQuickFilterInput = true;
-        let hideQuickFilterInputFunction = this.props.api.internalApi.getAdaptableOptions()
-            .filterOptions.hideQuickFilterInput;
+        let hideQuickFilterInputFunction = this.props.api.internalApi.getAdaptableOptions().filterOptions.hideQuickFilterInput;
         if (hideQuickFilterInputFunction) {
             showQuickFilterInput = !hideQuickFilterInputFunction(this.props.currentColumn);
         }
@@ -234,7 +232,7 @@ class QuickFilterFormComponent extends React.Component {
                         React.createElement(SimpleButton_1.default, { onClick: () => this.clearFilter() }, "Clear Filter"),
                         ((_a = this.props.api.internalApi.getAdaptableOptions().filterOptions) === null || _a === void 0 ? void 0 : _a.autoApplyFilter) ==
                             false && (React.createElement(SimpleButton_1.default, { ml: 2, onClick: () => this.updateFilter(this.state.filter) }, "Apply Filter"))),
-                    React.createElement(ListBoxFilterForm_1.ListBoxFilterForm, { suppressClientSideFilter: this.state.suppressClientSideFilter, isLoading: this.state.isDistinctColumnValuesLoading, onFilterChange: this.handleFilterChange, currentColumn: this.props.currentColumn, columns: [], columnDistinctValues: this.state.distinctColumnValues, dataType: this.props.currentColumn.dataType, uiSelectedColumnValues: this.state.filter.Predicate.Inputs, useVendorStyle: true, onColumnValueSelectedChange: (list) => this.onColumnValuesChange(list) })));
+                    React.createElement(ListBoxFilterForm_1.ListBoxFilterForm, { suppressClientSideFilter: this.state.suppressClientSideFilter, isLoading: this.state.isDistinctColumnValuesLoading, onFilterChange: this.handleFilterChange, currentColumn: this.props.currentColumn, columns: [], columnDistinctValues: this.state.distinctColumnValues, dataType: this.props.currentColumn.dataType, uiSelectedColumnValues: this.state.filter.Predicate.Inputs, useAgGridStyle: true, onColumnValueSelectedChange: (list) => this.onColumnValuesChange(list) })));
             } },
             React.createElement(SimpleButton_1.default, { style: {
                     flex: 1,

package/src/View/Components/Panels/FilterFormPanel.d.ts

@@ -10,7 +10,7 @@ export interface FilterFormPanelProps extends PanelProps {
     onFilterApplied: () => void;
     IsAlwaysFilter: boolean;
     showCloseButton: boolean;
-    useVendorStyle: boolean;
+    useAgGridStyle: boolean;
     applyFilterButtonDisabled: boolean;
     autoApplyFilter: boolean;
 }