@adaptabletools/adaptable 12.0.0-canary.0 → 12.0.0-canary.3

package/src/Redux/ActionsReducers/LayoutRedux.js

@@ -168,7 +168,6 @@ exports.LayoutReducer = (state = initialState, action) => {
                 layoutToUpdate.Columns = layoutToUpdate.Columns.filter((col) => {
                     return col !== colToRemove;
                 });
-                console.log('updating', layoutToUpdate);
                 return Object.assign(Object.assign({}, state), { Layouts: state.Layouts.map((abObject) => abObject.Uuid === layoutToUpdate.Uuid ? layoutToUpdate : abObject) });
             }
             return state;

package/src/Redux/ActionsReducers/PopupRedux.d.ts

@@ -5,6 +5,7 @@ import { ModuleParams } from '../../View/Components/SharedProps/ModuleViewPopupP
 import { AdaptableModule } from '../../PredefinedConfig/Common/Types';
 import { AdaptableAlert } from '../../PredefinedConfig/Common/AdaptableAlert';
 import { AdaptableForm, BaseContext } from '../../types';
+import { FormContext } from '../../PredefinedConfig/Common/FormContext';
 export declare const POPUP_SHOW_SCREEN = "POPUP_SHOW_SCREEN";
 export declare const POPUP_HIDE_SCREEN = "POPUP_HIDE_SCREEN";
 export declare const POPUP_SHOW_LOADING = "POPUP_SHOW_LOADING";
@@ -89,9 +90,9 @@ export declare const PopupShowWindow: (config: {
 export declare const PopupHideWindow: (id: string) => PopupHideWindowAction;
 export declare const PopupShowForm: (config: {
     Id: string;
-    Form: AdaptableForm<BaseContext>;
+    Form: AdaptableForm<FormContext>;
     FormProps?: any;
-    prepareContext?: (context: BaseContext) => Promise<BaseContext> | BaseContext;
+    prepareContext?: (context: FormContext) => Promise<FormContext> | FormContext;
 }) => PopupShowFormAction;
 export declare const PopupHideForm: (id: string) => PopupHideFormAction;
 export declare const PopupShowAlert: (alert: AdaptableAlert) => PopupShowAlertAction;

package/src/Redux/Store/AdaptableStore.js

@@ -730,6 +730,12 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                             middlewareAPI.dispatch(PopupRedux_1.PopupShowForm({
                                 Id: 'data-set-form',
                                 Form: dataSet.form,
+                                prepareContext: (context) => {
+                                    return new Promise((resolve) => {
+                                        const preparedContext = Object.assign(Object.assign({}, context), { dataSet });
+                                        resolve(preparedContext);
+                                    });
+                                },
                             }));
                         }
                     });

package/src/Strategy/AdaptableModuleBase.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AdaptableModuleBase = void 0;
 const tslib_1 = require("tslib");
-const Enums_1 = require("../PredefinedConfig/Common/Enums");
 const StringExtensions_1 = require("../Utilities/Extensions/StringExtensions");
 const MenuItem_1 = require("../Utilities/MenuItem");
 const ArrayExtensions_1 = tslib_1.__importDefault(require("../Utilities/Extensions/ArrayExtensions"));
@@ -128,7 +127,7 @@ class AdaptableModuleBase {
                 return !column.isSparkline;
             }
             else if (functionType == 'numeric') {
-                return column.dataType == Enums_1.DataType.Number;
+                return column.dataType == 'Number';
             }
             else if (functionType == 'filter') {
                 return column.filterable;

package/src/Strategy/BulkUpdateModule.js

@@ -4,7 +4,6 @@ exports.BulkUpdateModule = void 0;
 const tslib_1 = require("tslib");
 const AdaptableModuleBase_1 = require("./AdaptableModuleBase");
 const ModuleConstants = tslib_1.__importStar(require("../Utilities/Constants/ModuleConstants"));
-const Enums_1 = require("../PredefinedConfig/Common/Enums");
 const PreviewHelper_1 = require("../Utilities/Helpers/PreviewHelper");
 const StringExtensions_1 = tslib_1.__importDefault(require("../Utilities/Extensions/StringExtensions"));
 const ArrayExtensions_1 = tslib_1.__importDefault(require("../Utilities/Extensions/ArrayExtensions"));
@@ -110,13 +109,13 @@ class BulkUpdateModule extends AdaptableModuleBase_1.AdaptableModuleBase {
                 column = this.api.columnApi.getColumnFromId(selectedCellInfo.columns[0].columnId);
                 let typedBulkUpdateValue;
                 switch (column.dataType) {
-                    case Enums_1.DataType.Number:
+                    case 'Number':
                         typedBulkUpdateValue = Number(bulkUpdateValue);
                         break;
-                    case Enums_1.DataType.String:
+                    case 'String':
                         typedBulkUpdateValue = bulkUpdateValue;
                         break;
-                    case Enums_1.DataType.Date:
+                    case 'Date':
                         typedBulkUpdateValue = new Date(bulkUpdateValue);
                         break;
                 }

package/src/Strategy/CellSummaryModule.js

@@ -4,7 +4,6 @@ exports.CellSummaryModule = void 0;
 const tslib_1 = require("tslib");
 const AdaptableModuleBase_1 = require("./AdaptableModuleBase");
 const ModuleConstants = tslib_1.__importStar(require("../Utilities/Constants/ModuleConstants"));
-const Enums_1 = require("../PredefinedConfig/Common/Enums");
 const ArrayExtensions_1 = require("../Utilities/Extensions/ArrayExtensions");
 const Helper_1 = require("../Utilities/Helpers/Helper");
 const CellSummaryStatusPanel_1 = require("../View/CellSummary/CellSummaryStatusPanel");
@@ -53,7 +52,7 @@ class CellSummaryModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             let allValues = [];
             let numericColumns = [];
             selectedCellInfo.columns.map((c) => {
-                if (c && c.dataType == Enums_1.DataType.Number) {
+                if (c && c.dataType == 'Number') {
                     numericColumns.push(c.columnId);
                 }
             });

package/src/Strategy/FilterModule.js

@@ -14,7 +14,7 @@ class FilterModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         super(ModuleConstants.FilterModuleId, 'Filter', 'column-filter', 'FilterPopup', 'Advanced filtering capability allows users to see precisely the data they want', api);
     }
     getModuleAdaptableObjects() {
-        return this.api.layoutApi.getAllColumnFilter();
+        return this.api.filterApi.getColumnFilters();
     }
     getExplicitlyReferencedColumnIds(columnFilter) {
         return [columnFilter.ColumnId];
@@ -26,7 +26,7 @@ class FilterModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         if (this.api.internalApi.getAdaptableOptions().filterOptions.showQuickFilter == false) {
             this.api.filterApi.hideQuickFilterBar();
         }
-        const columnFilters = this.api.layoutApi.getAllColumnFilter();
+        const columnFilters = this.api.filterApi.getColumnFilters();
         columnFilters.forEach((cf) => {
             if (!this.api.columnApi.doesColumnExist(cf.ColumnId)) {
                 LoggingHelper_1.LogAdaptableError('Column Filter contains missing column: ' + cf.ColumnId);
@@ -41,14 +41,13 @@ class FilterModule extends AdaptableModuleBase_1.AdaptableModuleBase {
                 menuContext.isSingleSelectedColumn &&
                 menuContext.gridCell != null) {
                 let isMultiple = menuContext.selectedCellInfo.gridCells.length > 1;
-                let pkValues = isMultiple
-                    ? this.api.gridApi.getSelectedCellInfo().gridCells.map((gc) => {
-                        return gc.primaryKeyValue;
-                    })
-                    : [menuContext.gridCell.primaryKeyValue];
-                let clickFunction = () => {
-                    this.api.layoutApi.createColumnFilterForCell(menuContext.adaptableColumn.columnId, pkValues);
-                };
+                let clickFunction = isMultiple
+                    ? () => {
+                        this.api.filterApi.createValuesColumnFilterForCells(menuContext.selectedCellInfo.gridCells);
+                    }
+                    : () => {
+                        this.api.filterApi.createEqualityColumnFilterForCell(menuContext.selectedCellInfo.gridCells[0]);
+                    };
                 menuItemClickFunction = this.createColumnMenuItemClickFunction(isMultiple ? 'Filter on Cell Values' : 'Filter on Cell Value', this.moduleInfo.Glyph, clickFunction);
             }
         }
@@ -65,8 +64,8 @@ class FilterModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             }
         }
         if (column && this.canCreateColumnMenuItem(column, 'ReadOnly', 'filter')) {
-            let existingColumnFilter = this.api.layoutApi
-                .getAllColumnFilter()
+            let existingColumnFilter = this.api.filterApi
+                .getColumnFilters()
                 .find((x) => x.ColumnId == column.columnId);
             if (existingColumnFilter) {
                 baseMenuItems.push(this.createColumnMenuItemReduxAction('Clear Filter', this.moduleInfo.Glyph, LayoutRedux.LayoutColumnFilterClear(existingColumnFilter)));
@@ -78,7 +77,7 @@ class FilterModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     }
     getTeamSharingAction() {
         return {
-            ModuleEntities: this.api.layoutApi.getAllColumnFilter(),
+            ModuleEntities: this.api.filterApi.getColumnFilters(),
             AddAction: LayoutRedux.LayoutColumnFilterAdd,
             EditAction: LayoutRedux.LayoutColumnFilterEdit,
         };
@@ -86,9 +85,7 @@ class FilterModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     toViewCompact(filter) {
         return {
             item: {
-                // we dont really need the name here - is there way to return a single vlaue that takes up the whole line?
-                // name: this.api.columnApi.getFriendlyNameFromColumnId(filter.ColumnId),
-                values: [this.api.layoutApi.columnFilterToString(filter)],
+                values: [this.api.filterApi.columnFilterToString(filter)],
             },
             abObject: filter,
         };
@@ -102,7 +99,7 @@ class FilterModule extends AdaptableModuleBase_1.AdaptableModuleBase {
                 },
                 {
                     name: 'Filter',
-                    values: [this.api.layoutApi.columnFilterToString(filter)],
+                    values: [this.api.filterApi.columnFilterToString(filter)],
                 },
             ],
             abObject: filter,
@@ -124,7 +121,7 @@ class FilterModule extends AdaptableModuleBase_1.AdaptableModuleBase {
       `,
             getStatusBarPanelProps() {
                 let text;
-                const filters = api.layoutApi.getAllColumnFilter();
+                const filters = api.filterApi.getColumnFilters();
                 if (filters.length === 0) {
                     text = '0 Filters';
                 }

package/src/Strategy/LayoutModule.js

@@ -42,6 +42,7 @@ class LayoutModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     }
     */
     getModuleAdaptableObjects() {
+        // ignore - triggering build
         return this.api.layoutApi.getAllLayout();
     }
     getExplicitlyReferencedColumnIds(layout) {

package/src/Strategy/PlusMinusModule.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PlusMinusModule = void 0;
 const tslib_1 = require("tslib");
-const Enums_1 = require("../PredefinedConfig/Common/Enums");
 const PlusMinusRedux = tslib_1.__importStar(require("../Redux/ActionsReducers/PlusMinusRedux"));
 const ModuleConstants = tslib_1.__importStar(require("../Utilities/Constants/ModuleConstants"));
 const ArrayExtensions_1 = require("../Utilities/Extensions/ArrayExtensions");
@@ -91,9 +90,7 @@ class PlusMinusModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         let failedPreventEdits = [];
         let side = direction == 'up' ? 1 : -1;
         cellsToUpdate.forEach((gridCell) => {
-            if (gridCell.column &&
-                gridCell.column.dataType == Enums_1.DataType.Number &&
-                !gridCell.column.readOnly) {
+            if (gridCell.column && gridCell.column.dataType == 'Number' && !gridCell.column.readOnly) {
                 let foundRule;
                 let replacementGridCell;
                 plusMinusNudges.forEach((pmr) => {

package/src/Strategy/SmartEditModule.js

@@ -23,7 +23,7 @@ class SmartEditModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         let menuItemShowPopup = undefined;
         if (!menuContext.isRowGroupColumn && this.isModuleEditable()) {
             if (menuContext.adaptableColumn &&
-                menuContext.adaptableColumn.dataType == Enums_1.DataType.Number &&
+                menuContext.adaptableColumn.dataType == 'Number' &&
                 !menuContext.adaptableColumn.readOnly &&
                 menuContext.isSelectedCell &&
                 menuContext.isSingleSelectedColumn &&
@@ -78,7 +78,7 @@ class SmartEditModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         }
         let column = selectedCellInfo.columns[0];
         if (column) {
-            if (column.dataType != Enums_1.DataType.Number) {
+            if (column.dataType != 'Number') {
                 return {
                     Alert: {
                         alertType: 'generic',

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

@@ -26,6 +26,8 @@ export declare const AB_SPECIAL_COLUMN: AdaptableColumnType;
 export declare const HALF_SECOND: number;
 export declare const AG_GRID_GROUPED_COLUMN: string;
 export declare const AG_GRID_PIVOT_COLUMN: string;
+export declare const ADAPTABLE_ROW_ACTION_BUTTONS = "adaptableRowActionButtons";
+export declare const ADAPTABLE_ROW_ACTION_BUTTONS_FRIENDLY_NAME = "(ActionRowButtons)";
 export declare const SYSTEM_STATUS_DEFAULT_MAX_MESSAGES_IN_STORE: number;
 export declare const QUICK_SEARCH_DEFAULT_BACK_COLOR: string;
 export declare const QUICK_SEARCH_DEFAULT_FORE_COLOR: string;

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_LAYOUT_STATE_PROPERTY = exports.SUMMARY_OPERATION_STATE_PROPERTY = exports.ALERT_DEFAULT_SHOW_POPUP = exports.ALERT_DEFAULT_MESSAGE_TYPE = exports.PLUS_MINUS_DEFAULT_NUDGE_VALUE = exports.DEFAULT_LIVE_REPORT_THROTTLE_TIME = exports.THEME_DEFAULT_CURRENT_THEME = exports.SYSTEM_DEFAULT_SYSTEM_STATUS_TYPE = exports.CELL_SUMMARY_DEFAULT_OPERATION = exports.QUICK_SEARCH_DEBOUNCE_TIME = exports.QUICK_SEARCH_DEFAULT_FORE_COLOR = exports.QUICK_SEARCH_DEFAULT_BACK_COLOR = exports.SYSTEM_STATUS_DEFAULT_MAX_MESSAGES_IN_STORE = exports.AG_GRID_PIVOT_COLUMN = 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.AGGRID_TOOLPANEL_COLUMNS = exports.AGGRID_TOOLPANEL_FILTERS = exports.ADAPTABLE_TOOLPANEL_COMPONENT = exports.ADAPTABLE_TOOLPANEL_ID = 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_LAYOUT_STATE_PROPERTY = exports.SUMMARY_OPERATION_STATE_PROPERTY = exports.ALERT_DEFAULT_SHOW_POPUP = exports.ALERT_DEFAULT_MESSAGE_TYPE = exports.PLUS_MINUS_DEFAULT_NUDGE_VALUE = exports.DEFAULT_LIVE_REPORT_THROTTLE_TIME = exports.THEME_DEFAULT_CURRENT_THEME = exports.SYSTEM_DEFAULT_SYSTEM_STATUS_TYPE = exports.CELL_SUMMARY_DEFAULT_OPERATION = exports.QUICK_SEARCH_DEBOUNCE_TIME = exports.QUICK_SEARCH_DEFAULT_FORE_COLOR = exports.QUICK_SEARCH_DEFAULT_BACK_COLOR = exports.SYSTEM_STATUS_DEFAULT_MAX_MESSAGES_IN_STORE = exports.ADAPTABLE_ROW_ACTION_BUTTONS_FRIENDLY_NAME = exports.ADAPTABLE_ROW_ACTION_BUTTONS = exports.AG_GRID_PIVOT_COLUMN = 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.AGGRID_TOOLPANEL_COLUMNS = exports.AGGRID_TOOLPANEL_FILTERS = exports.ADAPTABLE_TOOLPANEL_COMPONENT = exports.ADAPTABLE_TOOLPANEL_ID = 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 UIHelper_1 = require("../../View/UIHelper");
 exports.AUTOGENERATED_PK_COLUMN = '__ADAPTABLE_PK__';
@@ -28,6 +28,8 @@ exports.AB_SPECIAL_COLUMN = 'abSpecialColumn';
 exports.HALF_SECOND = 500;
 exports.AG_GRID_GROUPED_COLUMN = 'ag-Grid-AutoColumn';
 exports.AG_GRID_PIVOT_COLUMN = 'pivot_';
+exports.ADAPTABLE_ROW_ACTION_BUTTONS = 'adaptableRowActionButtons';
+exports.ADAPTABLE_ROW_ACTION_BUTTONS_FRIENDLY_NAME = '(ActionRowButtons)';
 /*
 Redux / State Defaults
 Try to put all our Redux / State defaults here and ONLY reference from here - avoid magic numbers / strings.

package/src/Utilities/Defaults/DefaultAdaptableOptions.js

@@ -227,6 +227,8 @@ exports.DefaultAdaptableOptions = {
             actionColumns: undefined,
             actionRowButtons: undefined,
             actionRowButtonsPosition: 'pinnedLeft',
+            autoHandleActionRowButtons: false,
+            setPrimaryKeyValue: undefined,
         },
         colorPalette: UIHelper_1.default.getDefaultColors(),
         editableCellStyle: undefined,

package/src/Utilities/Services/CalculatedColumnExpressionService.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CalculatedColumnExpressionService = void 0;
-const Enums_1 = require("../../PredefinedConfig/Common/Enums");
 const LoggingHelper_1 = require("../Helpers/LoggingHelper");
 const ModuleConstants_1 = require("../Constants/ModuleConstants");
 const scalarAggregationHelper_1 = require("../ExpressionFunctions/scalarAggregationHelper");
@@ -42,28 +41,28 @@ class CalculatedColumnExpressionService {
                 // currently AggregatedScalarExpression support only numerical values
                 // TODO AFL try to derive the type from the aggregatedColumn?
                 // we definitely don't want to aggregate everything only to get the data type
-                return Enums_1.DataType.Number;
+                return 'Number';
             }
             let firstRowNode = this.adaptableApi.gridApi.getFirstRowNode();
             let firstRowValue = this.adaptableApi.internalApi
                 .getQueryLanguageService()
                 .evaluateScalarExpression(calculatedColumnQuery.ScalarExpression, ModuleConstants_1.CalculatedColumnModuleId, firstRowNode);
             if (firstRowValue instanceof Date) {
-                return Enums_1.DataType.Date;
+                return 'Date';
             }
             if (typeof firstRowValue === 'boolean') {
-                return Enums_1.DataType.Boolean;
+                return 'Boolean';
             }
             if (typeof firstRowValue === 'string') {
-                return Enums_1.DataType.String;
+                return 'String';
             }
             if (typeof firstRowValue === 'number') {
-                return Enums_1.DataType.Number;
+                return 'Number';
             }
         }
         catch (e) {
             LoggingHelper_1.LogAdaptableWarning(`Invalid CalculatedColumn expression ${this.adaptableApi.queryLanguageApi.getAdaptableQueryExpression(calculatedColumnQuery)} :: ${e}`);
-            return Enums_1.DataType.Number;
+            return 'Number';
         }
     }
     isCalculatedColumnQueryValid(calculatedColumnQuery) {

package/src/Utilities/Services/RowEditService.d.ts

@@ -22,4 +22,5 @@ export declare class RowEditService implements IRowEditService {
     private buildFormFieldLabelContext;
     private getFieldTypeFromColumnType;
     private getFieldValueOptions;
+    private autoHandleActionRowButtons;
 }

package/src/Utilities/Services/RowEditService.js

@@ -7,6 +7,10 @@ class RowEditService {
         this.adaptableInstance = this.adaptableApi.internalApi.getAdaptableInstance();
         this.rowEditFormOptions =
             this.adaptableApi.internalApi.getAdaptableInstance().adaptableOptions.editOptions.rowFormOptions;
+        if (this.adaptableInstance.adaptableOptions.userInterfaceOptions.actionOptions
+            .autoHandleActionRowButtons) {
+            this.adaptableInstance.api.eventApi.on('RowFormSubmitted', (eventInfo) => this.autoHandleActionRowButtons(eventInfo));
+        }
     }
     buildRowEditForm(rowNode) {
         return this.buildRowForm('rowEdited', rowNode);
@@ -48,10 +52,13 @@ class RowEditService {
         };
     }
     buildRowFormFields(type, rowNode) {
-        const relevantColumns = this.adaptableApi.columnApi.getColumns().filter((column) => {
+        const relevantColumns = this.adaptableApi.columnApi
+            .getColumns()
+            .filter((column) => {
             // if there is NO rowNode, do NOT display the non-editable fields as they will be empty
             return !!rowNode || this.isColumnEditable(column, rowNode);
-        });
+        })
+            .filter((column) => !this.adaptableApi.columnApi.isActionRowButtonColumn(column.columnId));
         return relevantColumns.map((column) => this.buildFormField(type, column, rowNode));
     }
     buildRowFormButtons(type, rowNode) {
@@ -161,5 +168,30 @@ class RowEditService {
             label: value,
         }));
     }
+    autoHandleActionRowButtons(rowEditedFormInfo) {
+        const { adaptableApi } = rowEditedFormInfo;
+        if (rowEditedFormInfo.type === 'rowEdited') {
+            const { rowNode, formData } = rowEditedFormInfo;
+            const newRowData = Object.assign(Object.assign({}, rowNode.data), formData);
+            adaptableApi.gridApi.updateGridData([newRowData]);
+        }
+        if (rowEditedFormInfo.type === 'rowDeleted') {
+            const { rowNode } = rowEditedFormInfo;
+            const deletedRowData = rowNode.data;
+            adaptableApi.gridApi.deleteGridData([deletedRowData]);
+        }
+        if (rowEditedFormInfo.type === 'rowCreated') {
+            const { formData } = rowEditedFormInfo;
+            const setPrimaryKeyValueFunction = adaptableApi.internalApi.getAdaptableInstance().adaptableOptions.userInterfaceOptions
+                .actionOptions.setPrimaryKeyValue;
+            const newRowData = typeof setPrimaryKeyValueFunction === 'function'
+                ? setPrimaryKeyValueFunction({
+                    rowData: formData,
+                    adaptableApi,
+                })
+                : Object.assign({}, formData);
+            adaptableApi.gridApi.addGridData([newRowData], { addIndex: 0 });
+        }
+    }
 }
 exports.RowEditService = RowEditService;

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/ColumnsList.d.ts

@@ -1,13 +1,18 @@
 import * as React from 'react';
 import { ColDef } from '@ag-grid-community/all-modules';
-interface Column extends Partial<ColDef> {
+export interface NocodeColumn extends Partial<ColDef> {
     field?: string;
     type?: string | string[];
     caption?: string;
 }
-declare const _default: React.MemoExoticComponent<({ columns: cols, handle, onValidityChange, }: {
+declare const _default: React.MemoExoticComponent<({ columns: cols, handle, onValidityChange, onChange, onSelectionChange, selectedColumns, }: {
     onValidityChange: (valid: boolean) => any;
     handle: React.MutableRefObject<any>;
-    columns: Column[];
+    columns: NocodeColumn[];
+    onChange?: (columns: NocodeColumn[]) => void;
+    onSelectionChange?: (column: any, flag: boolean) => void;
+    selectedColumns?: {
+        [key: string]: boolean;
+    };
 }) => JSX.Element>;
 export default _default;

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

@@ -37,11 +37,12 @@ const useForceRender = () => {
         setNow(Date.now());
     };
 };
-const ColumnsList = ({ columns: cols, handle, onValidityChange, }) => {
+const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSelectionChange, selectedColumns, }) => {
     const rerender = useForceRender();
     const columnsRef = react_1.useRef(cols);
     const silentSetColumns = (columns) => {
         columnsRef.current = columns;
+        onChange === null || onChange === void 0 ? void 0 : onChange(columns);
     };
     const setColumns = (columns) => {
         silentSetColumns(columns);
@@ -83,7 +84,7 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, }) => {
         setColumns(cols);
     };
     const [primaryKeyField, setPrimaryKeyField] = React.useState(columns[0].field);
-    const { selected: includedColumnsMap, isSelected: isIncludedColumn, isAllSelected: isAllIncludedColumns, isNoneSelected: isNoneIncludedColumns, selectColumn: includeColumn, deselectColumn: excludeColumn, selectAll: includeAllColumns, deselectAll: excludeAllColumns, } = useSelection_1.default(columns, true, null);
+    const { selected: includedColumnsMap, isSelected: isIncludedColumn, isAllSelected: isAllIncludedColumns, isNoneSelected: isNoneIncludedColumns, selectColumn: includeColumn, deselectColumn: excludeColumn, selectAll: includeAllColumns, deselectAll: excludeAllColumns, } = useSelection_1.default(columns, selectedColumns !== null && selectedColumns !== void 0 ? selectedColumns : true, null, { onChange: onSelectionChange });
     handle.current = {
         getColumns: () => getColumns().filter((col) => isIncludedColumn(col.field)),
         getPrimaryKey: () => primaryKeyField,

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

@@ -9,7 +9,7 @@ const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
 const rebass_1 = require("rebass");
 const DefaultAdaptableOptions_1 = require("../../../Utilities/Defaults/DefaultAdaptableOptions");
 const ConfigurationForm = (props) => {
-    var _a;
+    var _a, _b, _c;
     let abOptions = props.adaptableOptions;
     const layoutOptions = Object.assign(Object.assign({}, DefaultAdaptableOptions_1.DefaultAdaptableOptions.layoutOptions), abOptions.layoutOptions);
     const generalOptions = Object.assign(Object.assign({}, DefaultAdaptableOptions_1.DefaultAdaptableOptions.generalOptions), abOptions.generalOptions);
@@ -20,6 +20,13 @@ const ConfigurationForm = (props) => {
     // 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 gridOptions = Object.assign(Object.assign({}, DefaultAdaptableOptions_1.DefaultAdaptableOptions.gridOptions), abOptions.gridOptions);
     return (React.createElement(React.Fragment, null,
+        React.createElement(HelpBlock_1.default, null, "Base Options"),
+        React.createElement(FormLayout_1.default, { margin: 2, columns: [{ name: 'label', style: { textAlign: 'start' } }, { name: 'children' }] },
+            React.createElement(FormLayout_1.FormRow, { label: "Adaptable ID" },
+                React.createElement(Input_1.default, { value: (_b = (_a = props === null || props === void 0 ? void 0 : props.adaptableOptions) === null || _a === void 0 ? void 0 : _a.adaptableId) !== null && _b !== void 0 ? _b : null, onChange: (event) => {
+                        var _a;
+                        props.onChangeadaptableOptions(Object.assign(Object.assign({}, abOptions), { adaptableId: (_a = event.target.value) !== null && _a !== void 0 ? _a : '' }));
+                    }, style: { minWidth: '20rem' } }))),
         React.createElement(HelpBlock_1.default, null, "General Options"),
         React.createElement(FormLayout_1.default, { margin: 2, columns: [{ name: 'children' }, { name: 'label', style: { textAlign: 'start' } }] },
             React.createElement(FormLayout_1.FormRow, { label: "Show Missing Primary Key Warning" },
@@ -39,7 +46,7 @@ const ConfigurationForm = (props) => {
                         props.onChangeadaptableOptions(abOptions);
                     } })),
             React.createElement(FormLayout_1.FormRow, { label: "Show Quick Filter" },
-                React.createElement(CheckBox_1.CheckBox, { checked: (_a = gridOptions.defaultColDef) === null || _a === void 0 ? void 0 : _a.floatingFilter, onChange: (floatingFilter) => {
+                React.createElement(CheckBox_1.CheckBox, { checked: (_c = gridOptions.defaultColDef) === null || _c === void 0 ? void 0 : _c.floatingFilter, onChange: (floatingFilter) => {
                         abOptions = Object.assign({}, abOptions);
                         abOptions.gridOptions = Object.assign({}, abOptions.gridOptions);
                         abOptions.gridOptions.defaultColDef = {

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/ConfigurationWizard.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { AdaptableOptions } from '../../../types';
+import { OnePageWizardSection } from '../../Wizard/OnePageWizards';
+import { AdaptableFrameworkComponent } from '../../../../types';
+export interface CustomSection<T> {
+    title: OnePageWizardSection<T>['title'];
+    details?: AdaptableFrameworkComponent;
+    isValid?: OnePageWizardSection<T>['isValid'];
+    isVisible?: OnePageWizardSection<T>['isVisible'];
+    render: (
+    /**
+     * Internal state of adaptableOptions.
+     */
+    adaptableOptions: AdaptableOptions, 
+    /**
+     * With this callback adaptableOptions can be changed.
+     */
+    onChange: (newAdaptableOptions: AdaptableOptions) => void, 
+    /**
+     * Set the selected columns.
+     */
+    setSelectedColumns: (selectedColumn: Record<string, boolean>) => void) => React.ReactNode;
+}
+export interface ConfigurationWizardProps {
+    adaptableOptions: AdaptableOptions;
+    onFinish: (adaptableOptions: AdaptableOptions) => void;
+    onCancel: () => void;
+    startSections?: CustomSection<AdaptableOptions>[];
+}
+export declare const ConfigurationWizard: React.FunctionComponent<ConfigurationWizardProps>;

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

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfigurationWizard = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
+const StringExtensions_1 = tslib_1.__importDefault(require("../../../Utilities/Extensions/StringExtensions"));
+const OnePageWizards_1 = require("../../Wizard/OnePageWizards");
+const ConfigurationWizardColumnsStep_1 = require("./ConfigurationWizardColumnsStep");
+const ConfigurationForm_1 = tslib_1.__importDefault(require("./ConfigurationForm"));
+exports.ConfigurationWizard = (props) => {
+    const [isPrimaryKeySelected, setIsValid] = React.useState(true);
+    const [adaptableOptions, setAdaptableOptions] = react_1.useState(props.adaptableOptions);
+    const [selectedColumns, setSelectedColumns] = react_1.useState(() => {
+        return props.adaptableOptions.gridOptions.columnDefs.reduce((acc, col) => {
+            acc[col.field] = true;
+            return acc;
+        }, {});
+    });
+    const columnsHandle = React.useRef();
+    const handleFinish = () => {
+        const newAdaptableOptions = Object.assign({}, adaptableOptions);
+        newAdaptableOptions.gridOptions = Object.assign({}, adaptableOptions.gridOptions);
+        newAdaptableOptions.gridOptions.columnDefs = columnsHandle
+            .current.getColumns()
+            .map((column) => {
+            const newColumn = Object.assign(Object.assign({}, column), { headerName: column.caption || StringExtensions_1.default.Humanize(column.field) });
+            delete newColumn.caption;
+            return newColumn;
+        });
+        newAdaptableOptions.primaryKey = columnsHandle.current.getPrimaryKey();
+        setAdaptableOptions(newAdaptableOptions);
+        props.onFinish(newAdaptableOptions);
+    };
+    const handlePrimaryKeyColumnIsNotSelected = React.useCallback((newIsValid) => {
+        setIsValid(newIsValid);
+    }, []);
+    const handleColumnsChange = React.useCallback((columns) => {
+        setAdaptableOptions((adaptableOptions) => (Object.assign(Object.assign({}, adaptableOptions), { gridOptions: Object.assign(Object.assign({}, adaptableOptions.gridOptions), { columnDefs: columns }) })));
+    }, []);
+    const handleColumnSelectionChange = React.useCallback((col, flag) => {
+        setSelectedColumns((selectedColumns) => {
+            const newSelectedColumns = selectedColumns !== null && selectedColumns !== void 0 ? selectedColumns : {};
+            newSelectedColumns[col.field] = flag;
+            return newSelectedColumns;
+        });
+    }, []);
+    let sections = [
+        {
+            title: 'Columns',
+            details: 'Configure Adaptable',
+            isValid: () => {
+                if (!isPrimaryKeySelected) {
+                    return 'Primary key column must be included';
+                }
+                return true;
+            },
+            render: () => (React.createElement(ConfigurationWizardColumnsStep_1.ConfigurationWizardColumnsStep, { adaptableOptions: adaptableOptions, setPrimaryKeyIsNotSelected: handlePrimaryKeyColumnIsNotSelected, onChange: (newAdaptableOptions) => {
+                    setAdaptableOptions(newAdaptableOptions);
+                }, selectedColumns: selectedColumns, onSelectionChange: handleColumnSelectionChange, onColumnChange: handleColumnsChange, columnsHandle: columnsHandle })),
+        },
+        {
+            title: 'Adaptable Options',
+            details: 'Configure Adaptable Options',
+            isValid: () => (adaptableOptions.adaptableId ? true : 'Adaptable ID is required'),
+            render: () => (React.createElement(ConfigurationForm_1.default, { adaptableOptions: adaptableOptions, onChangeadaptableOptions: (abOptions) => {
+                    setAdaptableOptions(abOptions);
+                } })),
+        },
+    ];
+    if (props.startSections) {
+        sections = [
+            ...props.startSections.map((section) => {
+                return {
+                    title: section.title,
+                    isValid: section.isValid,
+                    isVisible: section.isVisible,
+                    render: () => {
+                        return section.render(adaptableOptions, setAdaptableOptions, setSelectedColumns);
+                    },
+                };
+            }),
+            ...sections,
+        ];
+    }
+    return (React.createElement(OnePageWizards_1.OnePageWizard, { data: adaptableOptions, name: "Configure", defaultCurrentSectionName: 'default section name', onHide: () => null, onFinish: handleFinish, sections: sections }));
+};

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/ConfigurationWizardColumnsStep.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { NocodeColumn } from './ColumnsList';
+import { AdaptableOptions } from '../../../types';
+export interface ConfigurationWizardColumnsStepProps {
+    adaptableOptions: AdaptableOptions;
+    onChange: (newOptions: AdaptableOptions) => void;
+    columnsHandle: React.MutableRefObject<{
+        getColumns: () => any[];
+        getPrimaryKey: () => string;
+    }>;
+    setPrimaryKeyIsNotSelected: (enabled: boolean) => void;
+    onColumnChange: (columns: NocodeColumn[]) => void;
+    onSelectionChange: (column: any, flag: boolean) => void;
+    selectedColumns: {
+        [key: string]: boolean;
+    };
+}
+export declare const ConfigurationWizardColumnsStep: React.FunctionComponent<ConfigurationWizardColumnsStepProps>;

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfigurationWizardColumnsStep = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const Panel_1 = tslib_1.__importDefault(require("../../../components/Panel"));
+const ColumnsList_1 = tslib_1.__importDefault(require("./ColumnsList"));
+exports.ConfigurationWizardColumnsStep = (props) => {
+    var _a, _b;
+    return (React.createElement(Panel_1.default, { header: '', border: "none", bodyScroll: false, bodyProps: {
+            style: { overflow: 'auto', display: 'flex', flexFlow: 'column' },
+        }, borderRadius: "none", style: { fontSize: 16, flex: 1 } },
+        React.createElement(ColumnsList_1.default, { handle: props.columnsHandle, onValidityChange: (valid) => {
+                props.setPrimaryKeyIsNotSelected(valid);
+            }, selectedColumns: props.selectedColumns, onChange: props.onColumnChange, onSelectionChange: props.onSelectionChange, columns: (_b = (_a = props.adaptableOptions) === null || _a === void 0 ? void 0 : _a.gridOptions) === null || _b === void 0 ? void 0 : _b.columnDefs })));
+};