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

package/src/agGrid/agGridMenuHelper.d.ts

@@ -1,5 +1,5 @@
 import { GridOptions, MenuItemDef, GetContextMenuItemsParams, GetMainMenuItems, GetMainMenuItemsParams, GetContextMenuItems, Column } from '@ag-grid-community/all-modules';
-import { AdaptableMenuItem, MenuContext, UserMenuItem } from '../PredefinedConfig/Common/Menu';
+import { AdaptableMenuItem, ColumnMenuContext, ContextMenuContext, UserMenuItem } from '../PredefinedConfig/Common/Menu';
 import { AdaptableColumn } from '../PredefinedConfig/Common/AdaptableColumn';
 import { IAdaptable } from '../AdaptableInterfaces/IAdaptable';
 export declare class agGridMenuHelper {
@@ -10,20 +10,22 @@ export declare class agGridMenuHelper {
     buildContextMenu(params: GetContextMenuItemsParams, originalgetContextMenuItems: GetContextMenuItems): (string | MenuItemDef)[];
     createRemoveGroupsMenuItem(x: AdaptableMenuItem): MenuItemDef;
     createAgGridMenuDefFromAdaptableMenu(adaptableMenuItem: AdaptableMenuItem): MenuItemDef;
-    createAgGridMenuDefFromUserMenu(menuItem: UserMenuItem, menuContext: MenuContext): MenuItemDef;
-    createAdaptableMenuItemFromUserMenu(menuItem: UserMenuItem, menuContext: MenuContext): AdaptableMenuItem;
-    createVendorGridColumnMenuItems(originalgetMainMenuItems: GetMainMenuItems, params: GetMainMenuItemsParams): (string | MenuItemDef)[] | undefined;
+    createAgGridColumnMenuDefFromUserMenu(menuItem: UserMenuItem<ColumnMenuContext>, menuContext: ColumnMenuContext): MenuItemDef;
+    createAgGridContextMenuDefFromUserMenu(menuItem: UserMenuItem<ContextMenuContext>, menuContext: ContextMenuContext): MenuItemDef;
+    createAdaptableColumnMenuItemFromUserMenu(menuItem: UserMenuItem<ColumnMenuContext>, menuContext: ColumnMenuContext): AdaptableMenuItem;
+    createAgGridColumnMenuItems(originalgetMainMenuItems: GetMainMenuItems, params: GetMainMenuItemsParams): (string | MenuItemDef)[] | undefined;
     createGroupedColumnMenuItem(): MenuItemDef | undefined;
-    createAdaptableColumnMenuItems(adaptableColumn: AdaptableColumn, menuContext: MenuContext): MenuItemDef[];
-    createUserColumnMenuItems(menuContext: MenuContext): MenuItemDef[];
-    createColumnMenuContextObject(adaptableColumn: AdaptableColumn, vendorColumn: Column): MenuContext;
-    createContextMenuContextObject(params: GetContextMenuItemsParams, adaptableColumn: AdaptableColumn): MenuContext;
-    createVendorGridContextMenuItems(originalgetContextMenuItems: GetContextMenuItems, params: GetContextMenuItemsParams): (string | MenuItemDef)[] | undefined;
-    createAdaptableContextMenuItems(menuContext: MenuContext): AdaptableMenuItem[];
-    createAgGridAdaptableContextMenuItems(adaptableMenuItems: AdaptableMenuItem[], menuContext: MenuContext): MenuItemDef[];
-    createAgGridUserContextMenuItems(userContextMenuItems: UserMenuItem[], menuContext: MenuContext): MenuItemDef[];
+    createAdaptableColumnMenuItems(adaptableColumn: AdaptableColumn, menuContext: ColumnMenuContext): MenuItemDef[];
+    createUserColumnMenuItems(menuContext: ColumnMenuContext): MenuItemDef[];
+    createColumnMenuContextObject(adaptableColumn: AdaptableColumn, agGridColumn: Column): ColumnMenuContext;
+    createContextMenuContextObject(params: GetContextMenuItemsParams, adaptableColumn: AdaptableColumn): ContextMenuContext;
+    createAgGridContextMenuItems(originalgetContextMenuItems: GetContextMenuItems, params: GetContextMenuItemsParams): (string | MenuItemDef)[] | undefined;
+    createAdaptableContextMenuItems(menuContext: ContextMenuContext): AdaptableMenuItem[];
+    createAgGridAdaptableContextMenuItems(adaptableMenuItems: AdaptableMenuItem[], menuContext: ContextMenuContext): MenuItemDef[];
+    createAgGridUserContextMenuItems(userContextMenuItems: UserMenuItem<ContextMenuContext>[], menuContext: ContextMenuContext): MenuItemDef[];
     private getAdaptableMenuItemsColumnHeader;
-    private getLabelFromUserMenuItem;
+    private getLabelFromUserColumnMenuItem;
+    private getLabelFromUserContextMenuItem;
     private getUserMenuItemsColumnHeader;
     buildStandaloneColumnHeader(adaptableColumn: AdaptableColumn): AdaptableMenuItem[];
 }

package/src/agGrid/agGridMenuHelper.js

@@ -16,16 +16,15 @@ class agGridMenuHelper {
     buildColumnMenu(params, originalgetMainMenuItems) {
         // couldnt find a way to listen for menu close. There is a Menu Item Select, but you can also close menu from filter and clicking outside menu....
         const colId = params.column.getColId();
-        let vendorGridColumnMenuItems = [];
+        let agGridColumnMenuItems = [];
         let adaptableColumnMenuItems = [];
         let userColumnMenuItems = [];
-        //First get Vendor Grid Column Items
-        vendorGridColumnMenuItems.push(...this.createVendorGridColumnMenuItems(originalgetMainMenuItems, params));
-        let showAdaptableColumnMenu = this.adaptable.adaptableOptions.menuOptions
-            .showAdaptableColumnMenu;
+        //First get Ag Grid Column Items
+        agGridColumnMenuItems.push(...this.createAgGridColumnMenuItems(originalgetMainMenuItems, params));
+        let showAdaptableColumnMenu = this.adaptable.adaptableOptions.menuOptions.showAdaptableColumnMenu;
         let hasAdaptableColumnMenuItems = showAdaptableColumnMenu == null || showAdaptableColumnMenu !== false;
         if (hasAdaptableColumnMenuItems) {
-            vendorGridColumnMenuItems.push('separator');
+            agGridColumnMenuItems.push('separator');
         }
         const adaptableColumn = this.adaptable.api.columnApi.getColumnFromId(colId);
         const menuContext = this.createColumnMenuContextObject(adaptableColumn, params.column);
@@ -44,7 +43,7 @@ class agGridMenuHelper {
         // Finally get all the User Menu Items
         userColumnMenuItems.push(...this.createUserColumnMenuItems(menuContext));
         const map = {
-            vendor: vendorGridColumnMenuItems,
+            aggrid: agGridColumnMenuItems,
             adaptable: adaptableColumnMenuItems,
             user: userColumnMenuItems,
         };
@@ -53,19 +52,18 @@ class agGridMenuHelper {
         }));
     }
     buildContextMenu(params, originalgetContextMenuItems) {
-        let vendorGridContextMenuItems = [];
+        let agGridContextMenuItems = [];
         let adaptableContextMenuItems = [];
         let userContextMenuItems = [];
-        let showAdaptableContextMenu = this.adaptable.adaptableOptions.menuOptions
-            .showAdaptableContextMenu;
+        let showAdaptableContextMenu = this.adaptable.adaptableOptions.menuOptions.showAdaptableContextMenu;
         let hasAdaptableContextMenuItems = showAdaptableContextMenu == null || showAdaptableContextMenu !== false;
         let userDefinedContextMenuItems = this.adaptable.adaptableOptions.menuOptions.contextMenuItems;
         let hasUserDefinedContextMenuItems = ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(userDefinedContextMenuItems);
-        const vendorItems = this.createVendorGridContextMenuItems(originalgetContextMenuItems, params);
-        if (vendorItems) {
-            vendorGridContextMenuItems.push(...vendorItems);
+        const agGridMenuItems = this.createAgGridContextMenuItems(originalgetContextMenuItems, params);
+        if (agGridMenuItems) {
+            agGridContextMenuItems.push(...agGridMenuItems);
             if (hasAdaptableContextMenuItems || hasUserDefinedContextMenuItems) {
-                vendorGridContextMenuItems.push('separator');
+                agGridContextMenuItems.push('separator');
             }
         }
         const adaptableMenuItems = [];
@@ -91,7 +89,7 @@ class agGridMenuHelper {
             }
         }
         const map = {
-            vendor: vendorGridContextMenuItems,
+            aggrid: agGridContextMenuItems,
             adaptable: adaptableContextMenuItems,
             user: userContextMenuItems,
         };
@@ -133,25 +131,40 @@ class agGridMenuHelper {
             subMenu: subMenuItems,
         };
     }
-    createAgGridMenuDefFromUserMenu(menuItem, menuContext) {
+    createAgGridColumnMenuDefFromUserMenu(menuItem, menuContext) {
         const fn = menuItem.onClick;
         const disabled = menuItem.disabled && menuItem.disabled(menuContext);
         return {
-            name: this.getLabelFromUserMenuItem(menuItem, menuContext),
+            name: this.getLabelFromUserColumnMenuItem(menuItem, menuContext),
             action: () => (fn ? fn(menuContext) : null),
             icon: menuItem.icon,
             disabled: disabled,
             subMenu: ArrayExtensions_1.ArrayExtensions.IsNullOrEmpty(menuItem.subMenuItems)
                 ? undefined
                 : menuItem.subMenuItems.map((subMenuItem) => {
-                    return this.createAgGridMenuDefFromUserMenu(subMenuItem, menuContext);
+                    return this.createAgGridColumnMenuDefFromUserMenu(subMenuItem, menuContext);
                 }),
         };
     }
-    createAdaptableMenuItemFromUserMenu(menuItem, menuContext) {
+    createAgGridContextMenuDefFromUserMenu(menuItem, menuContext) {
+        const fn = menuItem.onClick;
+        const disabled = menuItem.disabled && menuItem.disabled(menuContext);
+        return {
+            name: this.getLabelFromUserContextMenuItem(menuItem, menuContext),
+            action: () => (fn ? fn(menuContext) : null),
+            icon: menuItem.icon,
+            disabled: disabled,
+            subMenu: ArrayExtensions_1.ArrayExtensions.IsNullOrEmpty(menuItem.subMenuItems)
+                ? undefined
+                : menuItem.subMenuItems.map((subMenuItem) => {
+                    return this.createAgGridContextMenuDefFromUserMenu(subMenuItem, menuContext);
+                }),
+        };
+    }
+    createAdaptableColumnMenuItemFromUserMenu(menuItem, menuContext) {
         const fn = menuItem.onClick;
         let adaptableMenuItem = {
-            label: this.getLabelFromUserMenuItem(menuItem, menuContext),
+            label: this.getLabelFromUserColumnMenuItem(menuItem, menuContext),
             reduxAction: null,
             onClick: () => (fn ? fn(menuContext) : null),
             isVisible: true,
@@ -159,7 +172,7 @@ class agGridMenuHelper {
         };
         return adaptableMenuItem;
     }
-    createVendorGridColumnMenuItems(originalgetMainMenuItems, params) {
+    createAgGridColumnMenuItems(originalgetMainMenuItems, params) {
         // if there was an initial implementation we init the list of menu items with this one; otherwise we take the default items
         return originalgetMainMenuItems
             ? originalgetMainMenuItems(params)
@@ -195,26 +208,18 @@ class agGridMenuHelper {
         if (ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(userColumnMenuItems)) {
             userColumnMenuItems.forEach((userMenuItem) => {
                 // And then convert them into Menu Item Defs
-                let menuItem = this.createAgGridMenuDefFromUserMenu(userMenuItem, menuContext);
+                let menuItem = this.createAgGridColumnMenuDefFromUserMenu(userMenuItem, menuContext);
                 columnMenuItems.push(menuItem);
             });
         }
         return columnMenuItems;
     }
-    createColumnMenuContextObject(adaptableColumn, vendorColumn) {
+    createColumnMenuContextObject(adaptableColumn, agGridColumn) {
         return {
-            gridCell: undefined,
             adaptableColumn: adaptableColumn,
-            vendorColumn: vendorColumn,
-            isSelectedCell: false,
-            isSingleSelectedColumn: false,
-            isGroupedNode: false,
-            rowNode: undefined,
-            primaryKeyValue: undefined,
-            selectedCellInfo: this.adaptable.api.gridApi.getSelectedCellInfo(),
-            selectedRowInfo: this.adaptable.api.gridApi.getSelectedRowInfo(),
+            agGridColumn: agGridColumn,
             adaptableApi: this.adaptable.api,
-            isRowGroupColumn: this.adaptable.api.columnApi.isRowGroupColumn(vendorColumn.getColId()),
+            isRowGroupColumn: this.adaptable.api.columnApi.isRowGroupColumn(agGridColumn.getColId()),
         };
     }
     createContextMenuContextObject(params, adaptableColumn) {
@@ -240,7 +245,7 @@ class agGridMenuHelper {
             isSelectedCell: isSelectedCell,
             gridCell: clickedCell,
             adaptableColumn: adaptableColumn,
-            vendorColumn: params.column,
+            agGridColumn: params.column,
             rowNode: params.node,
             isGroupedNode: params.node ? params.node.group : false,
             isSingleSelectedColumn: isSingleSelectedColumn,
@@ -251,7 +256,7 @@ class agGridMenuHelper {
             isRowGroupColumn: this.adaptable.api.columnApi.isRowGroupColumn(params.column.getColId()),
         };
     }
-    createVendorGridContextMenuItems(originalgetContextMenuItems, params) {
+    createAgGridContextMenuItems(originalgetContextMenuItems, params) {
         // if there was an initial implementation we init the list of menu items with this one, otherwise we take default items
         // this allows us to ensure that devs can still create their own agGrid context menu without losing ours
         return originalgetContextMenuItems
@@ -278,8 +283,7 @@ class agGridMenuHelper {
         // here we create agGrid Menu items based on Adaptable Menu Items
         // user has ability to decide whether to show or not
         let contextMenuItems = [];
-        let showAdaptableContextMenu = this.adaptable.adaptableOptions.menuOptions
-            .showAdaptableContextMenu;
+        let showAdaptableContextMenu = this.adaptable.adaptableOptions.menuOptions.showAdaptableContextMenu;
         if (showAdaptableContextMenu == null || showAdaptableContextMenu !== false) {
             adaptableMenuItems.forEach((adaptableMenuItem) => {
                 if (adaptableMenuItem) {
@@ -306,7 +310,7 @@ class agGridMenuHelper {
             return userMenuItem.hidden ? !userMenuItem.hidden(menuContext) : true;
         })
             .forEach((userMenuItem) => {
-            let menuItem = this.createAgGridMenuDefFromUserMenu(userMenuItem, menuContext);
+            let menuItem = this.createAgGridContextMenuDefFromUserMenu(userMenuItem, menuContext);
             contextMenuItems.push(menuItem);
         });
         return contextMenuItems;
@@ -314,8 +318,7 @@ class agGridMenuHelper {
     // method to get all the Adaptable Menu Items - together with running the function where user can choose whether or not to display
     getAdaptableMenuItemsColumnHeader(adaptableColumn, menuContext) {
         const adaptableMenuItems = [];
-        let showAdaptableColumnMenu = this.adaptable.adaptableOptions.menuOptions
-            .showAdaptableColumnMenu;
+        let showAdaptableColumnMenu = this.adaptable.adaptableOptions.menuOptions.showAdaptableColumnMenu;
         let runCheck = showAdaptableColumnMenu == null || showAdaptableColumnMenu !== false;
         //  if (adaptableColumn != null) {
         this.adaptable.modules.forEach((s) => {
@@ -343,10 +346,15 @@ class agGridMenuHelper {
         //  }
         return adaptableMenuItems;
     }
-    getLabelFromUserMenuItem(userMenuItem, menuContext) {
-        return typeof userMenuItem.label === 'function'
-            ? userMenuItem.label(menuContext)
-            : userMenuItem.label;
+    getLabelFromUserColumnMenuItem(userColumnMenuItem, menuContext) {
+        return typeof userColumnMenuItem.label === 'function'
+            ? userColumnMenuItem.label(menuContext)
+            : userColumnMenuItem.label;
+    }
+    getLabelFromUserContextMenuItem(userContextMenuItem, menuContext) {
+        return typeof userContextMenuItem.label === 'function'
+            ? userContextMenuItem.label(menuContext)
+            : userContextMenuItem.label;
     }
     getUserMenuItemsColumnHeader(menuContext) {
         var _a, _b;
@@ -361,7 +369,7 @@ class agGridMenuHelper {
         let userColumnMenuItems = this.getUserMenuItemsColumnHeader(menuContext);
         if (ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(userColumnMenuItems)) {
             userColumnMenuItems.forEach((userMenuItem) => {
-                let adaptableMenuItem = this.createAdaptableMenuItemFromUserMenu(userMenuItem, menuContext);
+                let adaptableMenuItem = this.createAdaptableColumnMenuItemFromUserMenu(userMenuItem, menuContext);
                 returnMenuItems.push(adaptableMenuItem);
             });
         }

package/src/agGrid/editors/AdaptableDateEditor/InternalAdaptableDateEditor.d.ts

@@ -7,7 +7,7 @@ export declare type InternalAdaptableDateEditorProps = {
     value?: string | Date | number | null;
     dateFormat: string;
     onValueChange?: (value: Date | null) => void;
-    onCancelEdit?: VoidFunction;
+    onStopEdit?: (keyboardEventKey?: string) => void;
     showClearButton?: boolean;
 };
 export declare const InternalAdaptableDateEditor: React.ForwardRefExoticComponent<InternalAdaptableDateEditorProps & React.RefAttributes<InternalAdaptableDateEditorApi>>;

package/src/agGrid/editors/AdaptableDateEditor/InternalAdaptableDateEditor.js

@@ -34,9 +34,14 @@ exports.InternalAdaptableDateEditor = React.forwardRef((props, ref) => {
     };
     const [value, setValue] = useProperty_1.default(props, 'value', props.defaultValue, {
         onChange: (value) => {
-            var _a;
-            const date = typeof value === 'string' ? parseISO_1.default(value) : new Date(value);
-            (_a = props.onValueChange) === null || _a === void 0 ? void 0 : _a.call(props, date);
+            var _a, _b;
+            if (value === '' || value == undefined) {
+                (_a = props.onValueChange) === null || _a === void 0 ? void 0 : _a.call(props, null);
+            }
+            else {
+                const date = typeof value === 'string' ? parseISO_1.default(value) : new Date(value);
+                (_b = props.onValueChange) === null || _b === void 0 ? void 0 : _b.call(props, date);
+            }
         },
     });
     React.useImperativeHandle(ref, () => {
@@ -50,12 +55,12 @@ exports.InternalAdaptableDateEditor = React.forwardRef((props, ref) => {
     }, []);
     return (React.createElement("div", { style: hostStyle },
         React.createElement(DatepickerContext_1.DatepickerContext.Provider, { value: {
-                onHide: () => {
+                onHide: (keyboardEventKey) => {
                     var _a;
-                    (_a = props.onCancelEdit) === null || _a === void 0 ? void 0 : _a.call(props);
+                    (_a = props.onStopEdit) === null || _a === void 0 ? void 0 : _a.call(props, keyboardEventKey);
                 },
                 onShow: () => { },
-                showClearButton: (_a = props.showClearButton) !== null && _a !== void 0 ? _a : false,
+                showClearButton: (_a = props.showClearButton) !== null && _a !== void 0 ? _a : true,
             } },
             React.createElement(AdaptableInput_1.default, { type: 'date', value: stringValue, onChange: onChange, style: inputStyle, ref: inputRef }))));
 });

package/src/agGrid/editors/AdaptableDateEditor/index.d.ts

@@ -9,13 +9,13 @@ import { IAdaptable } from '../../../AdaptableInterfaces/IAdaptable';
  *   field: 'tradeDate',
  *   type: 'abColDefDate',
  *   cellEditorParams: {
- *     showClearButton: false
+ *     showClearButton: true
  *   }
  * }
  *
  * For now, there is just 1 editor param you can configure:
  *
- * cellEditorParams.showClearButton - defaults to `false` - whether to show the clear button.
+ * cellEditorParams.showClearButton - defaults to `true` - whether to show the clear button.
  *
  * When the colDef has a `valueParser` provided as a function, it will be used before setting the value for the cell.
  * This is useful because dates can be stored as strings, numbers or Date instances - the value parser will be called with a `Date` instance,
@@ -37,4 +37,5 @@ export declare class AdaptableDateEditor implements ICellEditorComp {
     getAdaptableInstance(params: ICellEditorParams): IAdaptable;
     afterGuiAttached(): void;
     destroy(): void;
+    private shouldClearExistingValue;
 }

package/src/agGrid/editors/AdaptableDateEditor/index.js

@@ -6,6 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const react_dom_1 = require("react-dom");
 const renderWithAdaptableContext_1 = require("../../../View/renderWithAdaptableContext");
 const InternalAdaptableDateEditor_1 = require("./InternalAdaptableDateEditor");
+const all_modules_1 = require("@ag-grid-community/all-modules");
 const FormatHelper_1 = require("../../../Utilities/Helpers/FormatHelper");
 /**
  * Used by default for all `abColDefDate` columns.
@@ -16,13 +17,13 @@ const FormatHelper_1 = require("../../../Utilities/Helpers/FormatHelper");
  *   field: 'tradeDate',
  *   type: 'abColDefDate',
  *   cellEditorParams: {
- *     showClearButton: false
+ *     showClearButton: true
  *   }
  * }
  *
  * For now, there is just 1 editor param you can configure:
  *
- * cellEditorParams.showClearButton - defaults to `false` - whether to show the clear button.
+ * cellEditorParams.showClearButton - defaults to `true` - whether to show the clear button.
  *
  * When the colDef has a `valueParser` provided as a function, it will be used before setting the value for the cell.
  * This is useful because dates can be stored as strings, numbers or Date instances - the value parser will be called with a `Date` instance,
@@ -40,7 +41,7 @@ class AdaptableDateEditor {
         };
     }
     init(params) {
-        this.value = params.value;
+        this.value = this.shouldClearExistingValue(params) ? '' : params.value;
         const { valueParser } = params.column.getColDef();
         this.params = params;
         if (typeof valueParser === 'function') {
@@ -75,7 +76,8 @@ class AdaptableDateEditor {
     afterGuiAttached() {
         var _a;
         const adaptable = this.getAdaptableInstance(this.params);
-        const editorElement = (React.createElement(InternalAdaptableDateEditor_1.InternalAdaptableDateEditor, { defaultValue: this.params.value, dateFormat: adaptable.adaptableOptions.userInterfaceOptions.dateInputOptions.dateFormat, onValueChange: (value) => {
+        const defaultValue = this.shouldClearExistingValue(this.params) ? '' : this.params.value;
+        const editorElement = (React.createElement(InternalAdaptableDateEditor_1.InternalAdaptableDateEditor, { defaultValue: defaultValue, dateFormat: adaptable.adaptableOptions.userInterfaceOptions.dateInputOptions.dateFormat, onValueChange: (value) => {
                 const invalid = isNaN(+value);
                 if (this.valueParser) {
                     const params = Object.assign(Object.assign({}, this.params), { oldValue: this.params.value, newValue: value, defaultParser: (value) => {
@@ -98,8 +100,13 @@ class AdaptableDateEditor {
                         this.params.stopEditing();
                     });
                 }
-            }, showClearButton: (_a = this.params.showClearButton) !== null && _a !== void 0 ? _a : false, onCancelEdit: () => {
-                this.params.stopEditing();
+            }, showClearButton: (_a = this.params.showClearButton) !== null && _a !== void 0 ? _a : true, onStopEdit: (keyboardEventKey) => {
+                if (keyboardEventKey === 'Escape') {
+                    this.params.api.stopEditing(true);
+                }
+                else {
+                    this.params.stopEditing();
+                }
             }, ref: (editor) => {
                 this.editor = editor;
                 editor === null || editor === void 0 ? void 0 : editor.focus();
@@ -109,5 +116,8 @@ class AdaptableDateEditor {
     destroy() {
         react_dom_1.unmountComponentAtNode(this.el);
     }
+    shouldClearExistingValue(params) {
+        return params.keyPress === all_modules_1.KeyCode.BACKSPACE || params.keyPress === all_modules_1.KeyCode.DELETE;
+    }
 }
 exports.AdaptableDateEditor = AdaptableDateEditor;

package/src/agGrid/editors/AdaptableNumberEditor/index.d.ts

@@ -50,5 +50,6 @@ export declare class AdaptableNumberEditor implements ICellEditorComp {
     afterGuiAttached(): void;
     destroy(): void;
     private onValueChange;
+    private shouldClearExistingValue;
 }
 export {};

package/src/agGrid/editors/AdaptableNumberEditor/index.js

@@ -6,6 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const react_dom_1 = require("react-dom");
 const renderWithAdaptableContext_1 = require("../../../View/renderWithAdaptableContext");
 const InternalAdaptableNumberEditor_1 = require("./InternalAdaptableNumberEditor");
+const all_modules_1 = require("@ag-grid-community/all-modules");
 /**
  * Used by default for all `abColDefNumber` columns.
  *
@@ -39,7 +40,7 @@ class AdaptableNumberEditor {
         };
     }
     init(params) {
-        this.value = params.value;
+        this.value = this.shouldClearExistingValue(params) ? '' : params.value;
         this.params = params;
         this.columnId = params.column.getColId();
         const { valueParser } = params.column.getColDef();
@@ -71,7 +72,8 @@ class AdaptableNumberEditor {
     afterGuiAttached() {
         var _a, _b;
         const adaptable = this.params.api.__adaptable;
-        const editorElement = (React.createElement(InternalAdaptableNumberEditor_1.InternalAdaptableNumberEditor, { defaultValue: this.params.value, showClearButton: (_a = this.params.showClearButton) !== null && _a !== void 0 ? _a : true, emptyValue: (_b = this.params.emptyValue) !== null && _b !== void 0 ? _b : '', onValueChange: this.onValueChange, ref: (editor) => {
+        const defaultValue = this.shouldClearExistingValue(this.params) ? '' : this.params.value;
+        const editorElement = (React.createElement(InternalAdaptableNumberEditor_1.InternalAdaptableNumberEditor, { defaultValue: defaultValue, showClearButton: (_a = this.params.showClearButton) !== null && _a !== void 0 ? _a : true, emptyValue: (_b = this.params.emptyValue) !== null && _b !== void 0 ? _b : '', onValueChange: this.onValueChange, ref: (editor) => {
                 this.editor = editor;
                 editor === null || editor === void 0 ? void 0 : editor.focus();
             } }));
@@ -90,5 +92,8 @@ class AdaptableNumberEditor {
     destroy() {
         react_dom_1.unmountComponentAtNode(this.el);
     }
+    shouldClearExistingValue(params) {
+        return params.keyPress === all_modules_1.KeyCode.BACKSPACE || params.keyPress === all_modules_1.KeyCode.DELETE;
+    }
 }
 exports.AdaptableNumberEditor = AdaptableNumberEditor;

package/src/components/Datepicker/DatepickerContext.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 export declare const DatepickerContext: React.Context<{
-    onHide?: VoidFunction;
+    onHide?: (keyboardEventKey?: string) => void;
     onShow?: VoidFunction;
     showClearButton?: boolean;
 }>;
 export declare const useDatepickerContext: () => {
-    onHide?: VoidFunction;
+    onHide?: (keyboardEventKey?: string) => void;
     onShow?: VoidFunction;
     showClearButton?: boolean;
 };

package/src/components/Datepicker/index.js

@@ -57,19 +57,23 @@ exports.Datepicker = React.forwardRef((props, ref) => {
     };
     const inputValue = (_a = FormatHelper_1.DateFormatter(value, { Pattern: dateProps.format })) !== null && _a !== void 0 ? _a : '';
     const [visible, doSetVisible] = react_1.useState(false);
-    const setVisible = (visible) => {
+    const setVisible = (visible, keyboardEventKey) => {
         var _a, _b;
         doSetVisible(visible);
         if (!visible) {
-            (_a = datepickerContext === null || datepickerContext === void 0 ? void 0 : datepickerContext.onHide) === null || _a === void 0 ? void 0 : _a.call(datepickerContext);
+            (_a = datepickerContext === null || datepickerContext === void 0 ? void 0 : datepickerContext.onHide) === null || _a === void 0 ? void 0 : _a.call(datepickerContext, keyboardEventKey);
         }
         else {
             (_b = datepickerContext === null || datepickerContext === void 0 ? void 0 : datepickerContext.onShow) === null || _b === void 0 ? void 0 : _b.call(datepickerContext);
         }
     };
+    const clearValue = () => {
+        updateValue(undefined);
+    };
     const renderButton = (label, onClick) => (React.createElement(SimpleButton_1.default, { onClick: onClick, margin: '2px' }, label));
     const todayDate = new Date();
     const footerButtonsMap = {
+        clear: renderButton('Clear', () => clearValue()),
         close: renderButton('Close', () => setVisible(false)),
         today: renderButton('Today', () => updateValue(todayDate)),
         tomorrow: renderButton('Tomorrow', () => updateValue(addDays_1.default(todayDate, 1))),
@@ -82,12 +86,12 @@ exports.Datepicker = React.forwardRef((props, ref) => {
     const footerButtons = datepickerButtons.map((buttonKey, index) => React.cloneElement(footerButtonsMap[buttonKey], { key: index }));
     const clearButton = showClearButton ? (React.createElement(SimpleButton_1.default, { "data-name": "clear", variant: "text", tooltip: "Clear", iconSize: 20, padding: 0, icon: "clear", onMouseDown: (e) => {
             e.preventDefault();
-            updateValue(undefined);
+            clearValue();
         }, accessLevel: 'Full' })) : null;
     const calendarButton = (React.createElement(SimpleButton_1.default, { disabled: disabled, variant: "text", icon: "calendar", tooltip: "Date", iconSize: 20, px: 0, py: 0, onClick: () => setVisible(true) }));
     return (React.createElement(OverlayTrigger_1.default, { visible: visible, alignHorizontal: 'left', render: () => (React.createElement(DatepickerOverlay, { onHide: () => setVisible(false), onKeyDown: (e) => {
-                if (e.key === 'Escape') {
-                    setVisible(false);
+                if (e.key === 'Escape' || e.key === 'Enter') {
+                    setVisible(false, e.key);
                 }
             } },
             React.createElement(react_day_picker_1.DayPicker, Object.assign({ fixedWeeks: true }, dayPickerProps, { showWeekNumber: showWeekNumber, showOutsideDays: showOutsideDays, mode: "single", month: isNaN(+month) ? new Date() : month, onMonthChange: setMonth, components: { Caption: Caption_1.Caption, CaptionLabel: CaptionLabel_1.CaptionLabel }, onSelect: updateValue, footer: React.createElement(rebass_1.Flex, { justifyContent: "space-between", mt: 2, flexWrap: 'wrap' }, footerButtons) })))) },

package/src/components/Modal/index.d.ts

@@ -6,4 +6,4 @@ export interface ModalProps extends FlexProps {
     backdropZIndexOffset?: number;
     onBringToFront?: () => void;
 }
-export declare const Modal: (props: ModalProps) => React.ReactPortal;
+export declare const Modal: React.FunctionComponent<ModalProps>;

package/src/components/OverlayTrigger/index.js

@@ -15,7 +15,7 @@ const join_1 = tslib_1.__importDefault(require("../utils/join"));
 const usePrevious_1 = tslib_1.__importDefault(require("../utils/usePrevious"));
 const utils_1 = require("./utils");
 const LoggingHelper_1 = require("../../Utilities/Helpers/LoggingHelper");
-const useVendorClassName_1 = tslib_1.__importDefault(require("./useVendorClassName"));
+const useAgGridClassName_1 = tslib_1.__importDefault(require("./useAgGridClassName"));
 const contains_1 = tslib_1.__importDefault(require("../utils/contains"));
 const UIHelper_1 = require("../../View/UIHelper");
 exports.getConstrainRect = (target, constrainTo) => {
@@ -133,7 +133,7 @@ const OverlayTrigger = React.forwardRef((props, ref) => {
         };
     }, [props.visible, showEvent, hideEvent, onShow, onHide]);
     let overlay;
-    const vendorClassName = useVendorClassName_1.default([visible]);
+    const agGridClassName = useAgGridClassName_1.default([visible]);
     if (targetRect) {
         const overlayTarget = targetRef.current;
         alignHorizontal =
@@ -163,7 +163,7 @@ const OverlayTrigger = React.forwardRef((props, ref) => {
                     node.addEventListener(showEvent, onShow);
                     node.addEventListener(hideEvent, onHide);
                 }
-            }, className: join_1.default('ab-Overlay', `ab-Overlay--position-${position}`, showTriangle ? 'ab-Overlay--show-triangle' : '', vendorClassName, domProps.className), visible: visible, style: overlayStyle, anchor: anchor, position: position, getConstrainRect: () => exports.getConstrainRect(targetRef.current) }), props.render()), portalElement);
+            }, className: join_1.default('ab-Overlay', `ab-Overlay--position-${position}`, showTriangle ? 'ab-Overlay--show-triangle' : '', agGridClassName, domProps.className), visible: visible, style: overlayStyle, anchor: anchor, position: position, getConstrainRect: () => exports.getConstrainRect(targetRef.current) }), props.render()), portalElement);
     }
     return (React.createElement(React.Fragment, null,
         props.children,

package/src/components/OverlayTrigger/useAgGridClassName.d.ts

@@ -0,0 +1,2 @@
+declare const useAgGridClassName: (deps?: any[]) => string;
+export default useAgGridClassName;

package/src/components/OverlayTrigger/{useVendorClassName.js → useAgGridClassName.js}

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const AdaptableContext_1 = require("../../View/AdaptableContext");
-const useVendorClassName = (deps = []) => {
+const useAgGridClassName = (deps = []) => {
     const adaptable = AdaptableContext_1.useAdaptable();
     return react_1.useMemo(() => {
         if (adaptable) {
-            return adaptable.getVendorGridCurrentThemeName();
+            return adaptable.getAgGridCurrentThemeName();
         }
         return '';
     }, deps);
 };
-exports.default = useVendorClassName;
+exports.default = useAgGridClassName;

package/src/components/ProgressIndicator/ProgressIndicator.js

@@ -18,7 +18,7 @@ exports.ProgressIndicator = () => {
     });
     const adaptable = AdaptableContext_1.useAdaptable();
     const adaptableContainerRef = react_1.useRef(adaptable.getAdaptableContainerElement());
-    const gridContainerRef = react_1.useRef(adaptable.getGridContainerElement());
+    const gridContainerRef = react_1.useRef(adaptable.getAgGridContainerElement());
     const disableAdaptableGrid = (elemRef, disabled) => {
         const DISABLING_CSS_CLASS = 'ab-wait-for-progress-indicator';
         if (!elemRef.current) {

package/src/components/icons/index.js

@@ -82,6 +82,7 @@ const check_box_outline_1 = tslib_1.__importDefault(require("./check-box-outline
 const boolean_list_1 = tslib_1.__importDefault(require("./boolean-list"));
 const tab_unselected_1 = tslib_1.__importDefault(require("./tab-unselected"));
 const cloud_upload_1 = tslib_1.__importDefault(require("./cloud-upload"));
+const upload_1 = tslib_1.__importDefault(require("./upload"));
 const ipushpull_1 = tslib_1.__importDefault(require("./ipushpull"));
 const folder_open_1 = tslib_1.__importDefault(require("./folder-open"));
 const folder_1 = tslib_1.__importDefault(require("./folder"));
@@ -218,6 +219,7 @@ const allIcons = {
     'info-sign': info_1.default,
     add: plus_1.default,
     'cloud-upload': cloud_upload_1.default,
+    upload: upload_1.default,
     ipushpull: ipushpull_1.default,
     'folder-open': folder_open_1.default,
     'folder-shared': folder_shared_1.default,

package/src/components/icons/upload.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: (props: any) => JSX.Element;
+export default _default;

package/src/components/icons/upload.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
+exports.default = (props) => (React.createElement(DefaultIcon_1.default, Object.assign({}, props),
+    React.createElement("path", { d: "M5,20h14v-2H5V20z M5,10h4v6h6v-6h4l-7-7L5,10z" }),
+    ' '));