@adaptabletools/adaptable-cjs 21.2.1 → 21.2.2

package/README.md

@@ -4,11 +4,11 @@ Repository for the vanilla version of AdapTable - the AG Grid extension develope
 
 AdapTable provides a huge range of Data Grid (and FDC3) features, which extend AG Grid, and allow advanced users to manage, edit and visualise their data in ways not previously possible.
 
-There are also [AdapTable React](https://docs.adaptabletools.com/guide/react-overview), [AdapTable Angular](https://docs.adaptabletools.com/guide/angular-overview) and [AdapTable Vue](https://docs.adaptabletools.com/guide/vue-overview) versions available for those who wish to access AdapTable using their preferred Framework.
+There are also [AdapTable React](https://www.adaptabletools.com/docs/react-overview), [AdapTable Angular](https://www.adaptabletools.com/docs/angular-overview) and [AdapTable Vue](https://www.adaptabletools.com/docs/vue-overview) versions available for those who wish to access AdapTable using their preferred Framework.
 
 ## Documentation
 
-For full details on how to install, instantiate and reference AdapTable programmatically at run-time please read the [AdapTable Developer Documentation](https://docs.adaptabletools.com).
+For full details on how to install, instantiate and reference AdapTable programmatically at run-time please read the [AdapTable Developer Documentation](https://www.adaptabletools.com/docs).
 
 ## Licenses
 
@@ -20,14 +20,12 @@ We can also make a trial license available for a short period of time to allow y
 
 **Note: The AdapTable license does not include an AG Grid license which must be bought separately**.
 
-Please contact [`sales@adaptabletools.com`](mailto:sales@adaptabletools.com) or see our [License Help Page](https://docs.adaptabletools.com/guide/buying-adaptable-licensing) for more information.
+Please contact [`sales@adaptabletools.com`](mailto:sales@adaptabletools.com) or see our [License Help Page](https://www.adaptabletools.com/buy/buying-adaptable-licensing) for more information.
 
  
 ## Demos
 
-The [AdapTable Documentation](https://docs.adaptabletools.com) contains numerous demos that show the many different functionalities available in AdapTable.
-
-Additionally you can see a number of large demos at the [Adaptable Tools website](https://www.adaptabletools.com/demos).
+The [AdapTable Documentation](https://www.adaptabletools.com/docs) contains numerous demos that show the many different functionalities available in AdapTable.
 
 ## Other AdapTable Resources
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable-cjs",
-  "version": "21.2.1",
+  "version": "21.2.2",
   "description": "Powerful data-agnostic HTML5 AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements",
   "keywords": [
     "web-components",

package/src/AdaptableOptions/ExportOptions.d.ts

@@ -363,8 +363,7 @@ export interface DataFormatDataType {
     date?: DataFormatType;
 }
 /**
- * Custom Export Parameters which extend AG Grid's base export parameters, allowing overriding of AdapTable's default export behaviour.
- * Use `ExcelExportParams` for Excel format exports and `CsvExportParams` for CSV, JSON and any custom format exports
+ * Custom Export Params extending AG Grid's base export params; allows overriding AdapTable default export
  */
 export type CustomExportParams = ExcelExportParams | CsvExportParams;
 /**

package/src/AdaptableOptions/FilterOptions.d.ts

@@ -174,6 +174,9 @@ export interface IsRowFilterableContext<TData = any> extends BaseContext {
      */
     data: TData;
 }
+/**
+ * AdapTable's Filter components: FilterBar or FilterForm
+ */
 export type AdaptableFilterComponentLocation = 'FilterBar' | 'FilterForm';
 /**
  * Context used for setting default Predicates for Column Filters

package/src/AdaptableState/Common/AdaptableColumn.d.ts

@@ -204,6 +204,9 @@ export interface AdaptableColumn<TData = any> extends AdaptableColumnBase {
      */
     isPivotTotalColumn: boolean;
 }
+/**
+ * Key properties of a Column (used in Layout Editor)
+ */
 export interface AdaptableColumnProperties {
     sortable: boolean;
     filterable: boolean;
@@ -212,6 +215,9 @@ export interface AdaptableColumnProperties {
     pivotable: boolean;
     aggregatable: boolean;
 }
+/**
+ * Summary of a Column including filters and all unique values
+ */
 export interface AdaptableColumnSummary {
     column: AdaptableColumn;
     columnFilter: ColumnFilter;

package/src/AdaptableState/Common/DataUpdateConfig.d.ts

@@ -1,17 +1,17 @@
 /**
- * Object passed into Adaptable Grid Api data management methods
+ * Object used to configure GridApi row management methods
  */
 export interface DataUpdateConfig {
     /**
-     * Whether data should be updated asynchronously
+     * Whether row operation should happen asynchronously
      */
     runAsync?: boolean;
     /**
-     * Whether to flush async updates
+     * Whether to flush async operations
      */
     flushAsync?: boolean;
     /**
-     * Callback function invoked when a batch successfully updates
+     * Callback function invoked when a batch successfully concludes
      */
     callback?: (res: any) => void;
     /**

package/src/AdaptableState/Common/RowDataChangedInfo.d.ts

@@ -3,6 +3,9 @@ import { IRowNode } from 'ag-grid-enterprise';
  * What row action triggered the Row Change: 'Add', 'Update', 'Delete' or 'Load'
  */
 export type RowDataChangeTrigger = 'Add' | 'Update' | 'Delete' | 'Load';
+/**
+ * Info for RowDataChangedEvent, which rows changed and why
+ */
 export interface RowDataChangedInfo<TData = any> {
     /**
      * Timestamp of change occurrence (in milliseconds)

package/src/AdaptableState/InitialState.d.ts

@@ -134,7 +134,7 @@ export interface PredefinedConfig {
      */
     CustomSort?: CustomSortState;
     /**
-     * Large series of properties to give users full control over the look and feel of the *Dashboard* - the section above the grid with toolbars and buttons
+     * Large series of properties to give users full control over the look and feel of the *Dashboard* - the section (typically above the grid) with toolbars and buttons
      */
     Dashboard?: DashboardState;
     /**

package/src/AdaptableState/Selection/GridCell.d.ts

@@ -54,6 +54,9 @@ export interface GridCell<TData = any> {
      */
     isRowGroupCell: boolean;
 }
+/**
+ * Extended GridCell, props to show how often appears in data source and how often visible
+ */
 export interface GridCellWithCount extends GridCell {
     /**
      * How many times Cell appears in Data Source
@@ -64,6 +67,9 @@ export interface GridCellWithCount extends GridCell {
      */
     visibleCount?: number;
 }
+/**
+ * Grid Cell used in Grouped Rows
+ */
 export interface GridCellWithChildren extends GridCell {
     /**
      * Children of Cell
@@ -74,6 +80,9 @@ export interface GridCellWithChildren extends GridCell {
      */
     leafChildrenCount?: number;
 }
+/**
+ * Defines a Unique Cell Value (incl. how many times it appears in Grid)
+ */
 export interface UniqueGridCell<TData = any> {
     /**
      * Raw value of Cell

package/src/Api/CustomSortApi.d.ts

@@ -63,7 +63,12 @@ export interface CustomSortApi {
      * @param values Custom Sort values to use (replaces what was previously used)
      * @returns Custom Sort
      */
-    editCustomSort(columnId: string, values: string[]): CustomSort;
+    editCustomSortValues(columnId: string, values: string[]): CustomSort;
+    /**
+     * Edits a Custom Sort
+     * @param customSort Custom Sort to Edit
+     */
+    editCustomSort(customSort: CustomSort): CustomSort;
     /**
      * Removes Custom Sort for a given ColumnId
      * @param column columnId on which to delete the Custom Sort

package/src/Api/Implementation/CustomSortApiImpl.d.ts

@@ -19,7 +19,8 @@ export declare class CustomSortApiImpl extends ApiBase implements CustomSortApi
     getCustomSortForColumn(columnId: string): CustomSort | undefined;
     addCustomSort(customSort: CustomSort): CustomSort;
     createCustomSort(columnId: string, values: string[]): CustomSort;
-    editCustomSort(columnId: string, values: string[]): CustomSort;
+    editCustomSortValues(columnId: string, values: string[]): CustomSort;
+    editCustomSort(customSort: CustomSort): CustomSort;
     deleteCustomSort(column: string): void;
     suspendCustomSort(customSort: CustomSort): CustomSort;
     unSuspendCustomSort(customSort: CustomSort): CustomSort;

package/src/Api/Implementation/CustomSortApiImpl.js

@@ -77,7 +77,7 @@ class CustomSortApiImpl extends ApiBase_1.ApiBase {
         let customSort = { ColumnId: columnId, SortedValues: values };
         return this.addCustomSort(customSort);
     }
-    editCustomSort(columnId, values) {
+    editCustomSortValues(columnId, values) {
         const previousCustomSort = this.getCustomSortForColumn(columnId);
         if (!previousCustomSort) {
             this.logWarn(`No custom sort defined for ${columnId}`);
@@ -90,6 +90,10 @@ class CustomSortApiImpl extends ApiBase_1.ApiBase {
         this.dispatchAction(CustomSortRedux.CustomSortEdit(newCustomSort));
         return this.getCustomSortByColumn(columnId);
     }
+    editCustomSort(customSort) {
+        this.dispatchAction(CustomSortRedux.CustomSortEdit(customSort));
+        return this.getCustomSortByColumn(customSort.Uuid);
+    }
     deleteCustomSort(column) {
         let customSort = this.getCustomSortForColumn(column);
         if (customSort) {

package/src/Api/Implementation/LayoutApiImpl.d.ts

@@ -26,6 +26,7 @@ export declare class LayoutApiImpl extends ApiBase implements LayoutApi {
     getLayoutByName(layoutName: string): Layout | null;
     createOrUpdateExtendedLayout(extendedLayoutInfo: ExtendedLayout): void;
     getExtendedLayoutByName(layoutName: string): ExtendedLayout | undefined;
+    cloneExtendedLayout(extendedLayoutToClone: ExtendedLayout, layoutName: string): ExtendedLayout | false;
     getLayouts(): Layout[];
     getLayoutById(id: Layout['Uuid']): Layout;
     saveCurrentLayout(): void;

package/src/Api/Implementation/LayoutApiImpl.js

@@ -246,6 +246,87 @@ class LayoutApiImpl extends ApiBase_1.ApiBase {
             Extensions: extensions,
         };
     }
+    cloneExtendedLayout(extendedLayoutToClone, layoutName) {
+        // first clone the underlying Layout
+        const clonedLayout = this.cloneLayout(extendedLayoutToClone.Layout, layoutName);
+        if (clonedLayout == false) {
+            return false;
+        }
+        // Alerts
+        const alertExtensions = extendedLayoutToClone.Extensions.filter((e) => e.Module == 'Alert');
+        alertExtensions.forEach((le) => {
+            const alertDef = le.Object;
+            alertDef.Tags?.push(layoutName);
+            this.getAlertApi().editAlertDefinition(alertDef);
+        });
+        // Custom Sorts
+        const customSortExtensions = extendedLayoutToClone.Extensions.filter((e) => {
+            return e.Module == 'CustomSort';
+        });
+        customSortExtensions.forEach((le) => {
+            const customSort = le.Object;
+            customSort.Tags?.push(layoutName);
+            this.getCustomSortApi().editCustomSort(customSort);
+        });
+        // Flashing Cells
+        const flashingCellExtensions = extendedLayoutToClone.Extensions.filter((e) => {
+            return e.Module == 'FlashingCell';
+        });
+        flashingCellExtensions.forEach((le) => {
+            const flashingCellDef = le.Object;
+            flashingCellDef.Tags?.push(layoutName);
+            this.getFlashingCellApi().editFlashingCellDefinition(flashingCellDef);
+        });
+        // FormatColumns
+        const formatColumnExtensions = extendedLayoutToClone.Extensions.filter((e) => e.Module == 'FormatColumn');
+        formatColumnExtensions.forEach((le) => {
+            const formatCol = le.Object;
+            formatCol.Tags?.push(layoutName);
+            this.getFormatColumnApi().editFormatColumn(formatCol);
+        });
+        // Plus Minus
+        const plusMinusExtensions = extendedLayoutToClone.Extensions.filter((e) => {
+            return e.Module == 'PlusMinus';
+        });
+        plusMinusExtensions.forEach((le) => {
+            const plusMinusNudge = le.Object;
+            plusMinusNudge.Tags?.push(layoutName);
+            this.getPlusMinusApi().editPlusMinusNudge(plusMinusNudge);
+        });
+        // Schedule
+        const scheduleExtensions = extendedLayoutToClone.Extensions.filter((e) => {
+            return e.Module == 'Schedule';
+        });
+        scheduleExtensions.forEach((le) => {
+            const schedule = le.Object;
+            schedule.Tags?.push(layoutName);
+            this.getScheduleApi().editSchedule(schedule);
+        });
+        // Shortcut
+        const shortCutExtensions = extendedLayoutToClone.Extensions.filter((e) => {
+            return e.Module == 'Shortcut';
+        });
+        shortCutExtensions.forEach((le) => {
+            const shortcut = le.Object;
+            shortcut.Tags?.push(layoutName);
+            this.getShortcutApi().editShortcut(shortcut);
+        });
+        // StyledColumn
+        const styledColumnExtensions = extendedLayoutToClone.Extensions.filter((e) => {
+            return e.Module == 'StyledColumn';
+        });
+        styledColumnExtensions.forEach((le) => {
+            const styledColumn = le.Object;
+            styledColumn.Tags?.push(layoutName);
+            this.getStyledColumnApi().editStyledColumn(styledColumn);
+        });
+        // now create the new Extended Layout with the same extensions
+        const extendedLayout = {
+            Layout: clonedLayout,
+            Extensions: extendedLayoutToClone.Extensions,
+        };
+        return extendedLayout;
+    }
     getLayouts() {
         return this.getAdaptableState().Layout.Layouts ?? [];
     }
@@ -291,7 +372,7 @@ class LayoutApiImpl extends ApiBase_1.ApiBase {
     }
     cloneLayout(layoutToClone, layoutName) {
         if (!this.doesLayoutExist(layoutToClone)) {
-            this.logError("Cannot clone layout with Name: '" + layoutName + "' as other Layout does not exist");
+            this.logError("Cannot clone Layout with Name: '" + layoutName + "' as other Layout does not exist");
             return false;
         }
         const newLayout = {

package/src/Api/Implementation/PredicateApiImpl.d.ts

@@ -4,6 +4,7 @@ import { AdaptableColumnPredicate, AdaptablePredicate, AdaptablePredicateDef, Pr
 import { IAdaptable } from '../../AdaptableInterfaces/IAdaptable';
 import { PredicateInternalApi } from '../Internal/PredicateInternalApi';
 import { TreeSelectionState } from '@infinite-table/infinite-react';
+export declare const clearPredicateDefMapMemo: () => void;
 export declare const getTreeSelectionStateForPredicateInputs: (inputs: any[], cache?: WeakMap<any[], TreeSelectionState>) => TreeSelectionState<any>;
 export declare class PredicateApiImpl extends ApiBase implements PredicateApi {
     internalApi: PredicateInternalApi;

package/src/Api/Implementation/PredicateApiImpl.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PredicateApiImpl = exports.getTreeSelectionStateForPredicateInputs = void 0;
+exports.PredicateApiImpl = exports.getTreeSelectionStateForPredicateInputs = exports.clearPredicateDefMapMemo = void 0;
 const tslib_1 = require("tslib");
 const ApiBase_1 = require("./ApiBase");
 const ArrayExtensions_1 = tslib_1.__importDefault(require("../../Utilities/Extensions/ArrayExtensions"));
@@ -9,6 +9,11 @@ const PredicateInternalApi_1 = require("../Internal/PredicateInternalApi");
 const AdaptablePredicate_1 = require("../../AdaptableState/Common/AdaptablePredicate");
 const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const infinite_react_1 = require("@infinite-table/infinite-react");
+const predicateDefMap_MEMO = new Map();
+const clearPredicateDefMapMemo = () => {
+    predicateDefMap_MEMO.clear();
+};
+exports.clearPredicateDefMapMemo = clearPredicateDefMapMemo;
 const treeSelectionStatesForPredicates = new WeakMap();
 const getTreeSelectionStateForPredicateInputs = (inputs, cache = treeSelectionStatesForPredicates) => {
     const treeSelectionState = cache.get(inputs);
@@ -141,7 +146,14 @@ class PredicateApiImpl extends ApiBase_1.ApiBase {
         if (!predicate) {
             return defaultReturn;
         }
-        const predicateDef = this.getPredicateDefById(predicate.PredicateId);
+        // memoization to avoid repeated lookups
+        // during filtering of large datasets
+        // see #column_filter_predicates_evaluation
+        let predicateDef = predicateDefMap_MEMO.get(predicate.PredicateId);
+        if (predicateDef === undefined) {
+            predicateDef = this.getPredicateDefById(predicate.PredicateId);
+            predicateDefMap_MEMO.set(predicate.PredicateId, predicateDef);
+        }
         if (predicateDef === undefined) {
             return defaultReturn;
         }
@@ -169,6 +181,9 @@ class PredicateApiImpl extends ApiBase_1.ApiBase {
         if (predicates === undefined || predicates === null || predicates?.length === 0) {
             return this.handlePredicate(undefined, params, defaultReturn);
         }
+        if (predicates.length === 1) {
+            return this.handlePredicate(predicates[0], params, defaultReturn);
+        }
         if (params.predicatesOperator && params.predicatesOperator === 'OR') {
             return predicates?.some((p) => this.handlePredicate(p, params, defaultReturn));
         }

package/src/Api/Implementation/ScheduleApiImpl.d.ts

@@ -23,6 +23,7 @@ export declare class ScheduleApiImpl extends ApiBase implements ScheduleApi {
     getReportSchedules(config?: LayoutExtendedConfig): ReportSchedule[];
     getActiveReportSchedules(): ReportSchedule[];
     getSuspendedReportSchedules(): ReportSchedule[];
+    editSchedule(schedule: BaseSchedule): BaseSchedule;
     addReportSchedule(schedule: ReportSchedule): ReportSchedule;
     editReportSchedule(schedule: ReportSchedule): ReportSchedule;
     deleteReportSchedule(schedule: ReportSchedule): void;

package/src/Api/Implementation/ScheduleApiImpl.js

@@ -60,6 +60,18 @@ class ScheduleApiImpl extends ApiBase_1.ApiBase {
     getSuspendedReportSchedules() {
         return this.getReportSchedules().filter((schedule) => schedule.IsSuspended);
     }
+    editSchedule(schedule) {
+        switch (schedule.ScheduleType) {
+            case 'ipushpull':
+                return this.editIPushPullSchedule(schedule);
+            case 'Reminder':
+                return this.editReminderSchedule(schedule);
+            case 'OpenFin':
+                return this.editOpenFinSchedule(schedule);
+            case 'Report':
+                return this.editReportSchedule(schedule);
+        }
+    }
     addReportSchedule(schedule) {
         this.dispatchAction(ScheduleRedux.ReportScheduleAdd(schedule));
         return this.getScheduleById(schedule.Uuid);

package/src/Api/Implementation/ShortcutApiImpl.d.ts

@@ -9,6 +9,7 @@ export declare class ShortcutApiImpl extends ApiBase implements ShortcutApi {
     getActiveShortcuts(config?: LayoutExtendedConfig): Shortcut[];
     getSuspendedShortcuts(config?: LayoutExtendedConfig): Shortcut[];
     addShortcut(shortcut: Shortcut): Shortcut;
+    editShortcut(shortcut: Shortcut): Shortcut;
     deleteShortcut(shortcut: Shortcut): void;
     deleteAllShortcuts(): void;
     suspendShortcut(shortcut: Shortcut): Shortcut;

package/src/Api/Implementation/ShortcutApiImpl.js

@@ -26,6 +26,10 @@ class ShortcutApiImpl extends ApiBase_1.ApiBase {
         this.dispatchAction(ShortcutRedux.ShortcutAdd(shortcut));
         return this.getShortcutById(shortcut.Uuid);
     }
+    editShortcut(shortcut) {
+        this.dispatchAction(ShortcutRedux.ShortcutEdit(shortcut));
+        return this.getShortcutById(shortcut.Uuid);
+    }
     deleteShortcut(shortcut) {
         this.dispatchAction(ShortcutRedux.ShortcutDelete(shortcut));
     }

package/src/Api/Implementation/StyledColumnApiImpl.d.ts

@@ -16,6 +16,7 @@ export declare class StyledColumnApiImpl extends ApiBase implements StyledColumn
     deleteStyledColumn(styledColumn: StyledColumn): void;
     deleteAllStyledColumns(): void;
     addStyledColumn(styledColumn: StyledColumn): void;
+    editStyledColumn(styledColumn: StyledColumn): StyledColumn;
     isSparklineStyleStyledColumn(column: AdaptableColumn): boolean;
     getActiveStyledColumnForColumn(column: AdaptableColumn): StyledColumn | undefined;
     hasPercentBarStyle(columnId: string): boolean;

package/src/Api/Implementation/StyledColumnApiImpl.js

@@ -38,6 +38,10 @@ class StyledColumnApiImpl extends ApiBase_1.ApiBase {
     addStyledColumn(styledColumn) {
         this.dispatchAction(StyledColumnRedux.StyledColumnAdd(styledColumn));
     }
+    editStyledColumn(styledColumn) {
+        this.dispatchAction(StyledColumnRedux.StyledColumnEdit(styledColumn));
+        return this.getStyledColumnById(styledColumn.Uuid);
+    }
     isSparklineStyleStyledColumn(column) {
         if (!column) {
             return false;

package/src/Api/Internal/ColumnFilterInternalApi.js

@@ -101,6 +101,7 @@ class ColumnFilterInternalApi extends ApiBase_1.ApiBase {
             predicatesOperator: columnFilter.PredicatesOperator,
             ...this.getAdaptableInternalApi().buildBaseContext(),
         };
+        // #column_filter_predicates_evaluation
         return this.getPredicateApi().handlePredicates(columnFilter.Predicates, predicateDefHandlerContext, true);
     }
     /**

package/src/Api/Internal/LayoutInternalApi.d.ts

@@ -34,4 +34,5 @@ export declare class LayoutInternalApi extends ApiBase {
     }, type?: 'table' | 'pivot'): Layout;
     private getLayoutCreationDefaultProperties;
     cloneLayout(layoutToClone: Layout): Omit<Layout, 'Name'>;
+    getCurrentLayout_perfOptimized(): Layout | null;
 }

package/src/Api/Internal/LayoutInternalApi.js

@@ -190,5 +190,14 @@ class LayoutInternalApi extends ApiBase_1.ApiBase {
         delete result.Name;
         return result;
     }
+    getCurrentLayout_perfOptimized() {
+        // perf-optimized version of getCurrentLayout()
+        const layoutState = this.getAdaptableState().Layout;
+        const currentLayoutName = layoutState.CurrentLayout;
+        if (!currentLayoutName) {
+            return null;
+        }
+        return layoutState.Layouts.find((layout) => layout.Name === currentLayoutName);
+    }
 }
 exports.LayoutInternalApi = LayoutInternalApi;

package/src/Api/LayoutApi.d.ts

@@ -64,9 +64,15 @@ export interface LayoutApi {
     getExtendedLayoutByName(layoutName: string): ExtendedLayout | undefined;
     /**
      * Creates (or Updates) an Extended Layout
-     * @param extendedLayout extendedLayout to Create
+     * @param extendedLayout ExtendedLayout to Create
      */
     createOrUpdateExtendedLayout(extendedLayout: ExtendedLayout): void;
+    /**
+     * Clones an Extended Layout
+     * @param extendedLayoutToClone ExtendedLayout to Clone
+     * @param layoutName New name for Layout being cloned
+     */
+    cloneExtendedLayout(extendedLayoutToClone: ExtendedLayout, layoutName: string): ExtendedLayout | false;
     /**
      * Retrieves all Layouts in Adaptable State
      * @returns layouts

package/src/Api/ScheduleApi.d.ts

@@ -94,6 +94,11 @@ export interface ScheduleApi {
      * @returns report schedule
      */
     editReportSchedule(reportSchedule: ReportSchedule): ReportSchedule;
+    /**
+     * Edits a Schedule
+     * @param schedule Schedule to Edit
+     */
+    editSchedule(schedule: BaseSchedule): BaseSchedule;
     /**
      * Deletes Report / Export Schedule
      * @param ReportSchedule Report / export Schedule to delete

package/src/Api/ShortcutApi.d.ts

@@ -40,6 +40,11 @@ export interface ShortcutApi {
      * @param shortcut Shortcut to delete
      */
     deleteShortcut(shortcut: Shortcut): void;
+    /**
+     * Edits Shortcut in state
+     * @param shortcut Shortcut to edit
+     */
+    editShortcut(shortcut: Shortcut): Shortcut;
     /**
      * Suspends Shortcut definition
      * @param shortcut Shortcut to suspend

package/src/Api/StyledColumnApi.d.ts

@@ -41,6 +41,11 @@ export interface StyledColumnApi {
      * @param styledColumn
      */
     deleteStyledColumn(styledColumn: StyledColumn): void;
+    /**
+     * Edits a Styled Column
+     * @param styledColumn Styled Column to edit
+     */
+    editStyledColumn(styledColumn: StyledColumn): StyledColumn;
     /**
      * Delete all Styled Columns in State
      */

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

@@ -58,13 +58,13 @@ export interface StyledColumnUnSuspendAllAction extends Redux.Action {
 export interface StyledColumnReadyAction extends Redux.Action {
     StyledColumnState: StyledColumnState;
 }
-export declare const StyledColumnAdd: (formatColumn: StyledColumn) => StyledColumnAddAction;
-export declare const StyledColumnEdit: (formatColumn: StyledColumn) => StyledColumnEditAction;
-export declare const StyledColumnDelete: (formatColumn: StyledColumn) => StyledColumnDeleteAction;
+export declare const StyledColumnAdd: (styledColumn: StyledColumn) => StyledColumnAddAction;
+export declare const StyledColumnEdit: (styledColumn: StyledColumn) => StyledColumnEditAction;
+export declare const StyledColumnDelete: (styledColumn: StyledColumn) => StyledColumnDeleteAction;
 export declare const StyledColumnDeleteAll: () => StyledColumnDeleteAllAction;
-export declare const StyledColumnSuspend: (formatColumn: StyledColumn) => StyledColumnSuspendAction;
-export declare const StyledColumnUnSuspend: (formatColumn: StyledColumn) => StyledColumnSuspendAction;
+export declare const StyledColumnSuspend: (styledColumn: StyledColumn) => StyledColumnSuspendAction;
+export declare const StyledColumnUnSuspend: (styledColumn: StyledColumn) => StyledColumnSuspendAction;
 export declare const StyledColumnSuspendAll: () => StyledColumnSuspendAllAction;
 export declare const StyledColumnUnSuspendAll: () => StyledColumnUnSuspendAllAction;
-export declare const StyledColumnReady: (formatColumnState: StyledColumnState) => StyledColumnReadyAction;
+export declare const StyledColumnReady: (styledColumnState: StyledColumnState) => StyledColumnReadyAction;
 export declare const StyledColumnReducer: Redux.Reducer<StyledColumnState>;

package/src/Redux/ActionsReducers/StyledColumnRedux.js

@@ -41,33 +41,33 @@ exports.STYLED_COLUMN_SUSPEND_ALL = 'STYLED_COLUMN_SUSPEND_ALL';
  * @ReduxAction All StyledColumn Modules are unsuspended, or activated
  */
 exports.STYLED_COLUMN_UNSUSPEND_ALL = 'STYLED_COLUMN_UNSUSPEND_ALL';
-const StyledColumnAdd = (formatColumn) => ({
+const StyledColumnAdd = (styledColumn) => ({
     type: exports.STYLED_COLUMN_ADD,
-    StyledColumn: formatColumn,
+    StyledColumn: styledColumn,
 });
 exports.StyledColumnAdd = StyledColumnAdd;
-const StyledColumnEdit = (formatColumn) => ({
+const StyledColumnEdit = (styledColumn) => ({
     type: exports.STYLED_COLUMN_EDIT,
-    StyledColumn: formatColumn,
+    StyledColumn: styledColumn,
 });
 exports.StyledColumnEdit = StyledColumnEdit;
-const StyledColumnDelete = (formatColumn) => ({
+const StyledColumnDelete = (styledColumn) => ({
     type: exports.STYLED_COLUMN_DELETE,
-    StyledColumn: formatColumn,
+    StyledColumn: styledColumn,
 });
 exports.StyledColumnDelete = StyledColumnDelete;
 const StyledColumnDeleteAll = () => ({
     type: exports.STYLED_COLUMN_DELETE_ALL,
 });
 exports.StyledColumnDeleteAll = StyledColumnDeleteAll;
-const StyledColumnSuspend = (formatColumn) => ({
+const StyledColumnSuspend = (styledColumn) => ({
     type: exports.STYLED_COLUMN_SUSPEND,
-    StyledColumn: formatColumn,
+    StyledColumn: styledColumn,
 });
 exports.StyledColumnSuspend = StyledColumnSuspend;
-const StyledColumnUnSuspend = (formatColumn) => ({
+const StyledColumnUnSuspend = (styledColumn) => ({
     type: exports.STYLED_COLUMN_UNSUSPEND,
-    StyledColumn: formatColumn,
+    StyledColumn: styledColumn,
 });
 exports.StyledColumnUnSuspend = StyledColumnUnSuspend;
 const StyledColumnSuspendAll = () => ({
@@ -78,23 +78,23 @@ const StyledColumnUnSuspendAll = () => ({
     type: exports.STYLED_COLUMN_UNSUSPEND_ALL,
 });
 exports.StyledColumnUnSuspendAll = StyledColumnUnSuspendAll;
-const StyledColumnReady = (formatColumnState) => ({
+const StyledColumnReady = (styledColumnState) => ({
     type: exports.STYLED_COLUMN_READY,
-    StyledColumnState: formatColumnState,
+    StyledColumnState: styledColumnState,
 });
 exports.StyledColumnReady = StyledColumnReady;
 const initialState = {
     StyledColumns: GeneralConstants_1.EMPTY_ARRAY,
 };
 const StyledColumnReducer = (state = initialState, action) => {
-    let formatColumns;
+    let styledColumns;
     switch (action.type) {
         case exports.STYLED_COLUMN_ADD: {
             const actionStyledColumn = action.StyledColumn;
             AdaptableHelper_1.default.addAdaptableObjectPrimitives(actionStyledColumn);
-            formatColumns = [].concat(state.StyledColumns);
-            formatColumns.push(actionStyledColumn);
-            return { ...state, StyledColumns: formatColumns };
+            styledColumns = [].concat(state.StyledColumns);
+            styledColumns.push(actionStyledColumn);
+            return { ...state, StyledColumns: styledColumns };
         }
         case exports.STYLED_COLUMN_EDIT:
             const actionStyledColumn = action.StyledColumn;