@adaptabletools/adaptable 17.0.5 → 18.0.0-canary.0

package/src/agGrid/agGridMenuHelper.js

@@ -1,23 +1,57 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.agGridMenuHelper = void 0;
-const tslib_1 = require("tslib");
-const ArrayExtensions_1 = require("../Utilities/Extensions/ArrayExtensions");
-const icons_1 = require("../components/icons");
-const flatten_1 = tslib_1.__importDefault(require("lodash/flatten"));
-const Icon_1 = require("../components/Icon");
-const logDeprecation_1 = require("../Utilities/logDeprecation");
-const MenuOptions_1 = require("../AdaptableOptions/MenuOptions");
+import { ArrayExtensions } from '../Utilities/Extensions/ArrayExtensions';
+import { iconToString } from '../components/icons';
+import flatten from 'lodash/flatten';
+import { isAdaptableElementIcon } from '../components/Icon';
+import { logDeprecation } from '../Utilities/logDeprecation';
+import { DEFAULT_ADAPTABLE_COLUMN_MENU_ORDER, DEFAULT_ADAPTABLE_CONTEXT_MENU_STRUCTURE, } from '../AdaptableOptions/MenuOptions';
 // tslint:disable-next-line: class-name
-class agGridMenuHelper {
+export class agGridMenuHelper {
     constructor(adaptable, gridOptions) {
         this.adaptable = adaptable;
         this.gridOptions = gridOptions;
+        this.buildGroupedModuleItems = (sortedMenuItems, adaptableMenuItems) => {
+            return sortedMenuItems
+                .map((moduleOrGroup) => {
+                if (typeof moduleOrGroup === 'object') {
+                    const submenuItems = this.buildGroupedModuleItems(moduleOrGroup.modules, adaptableMenuItems);
+                    // if there is only one item in the submenu, we don't need to show the submenu
+                    if (submenuItems.length === 1) {
+                        return submenuItems[0];
+                    }
+                    return {
+                        label: moduleOrGroup.title,
+                        icon: moduleOrGroup.icon,
+                        subItems: submenuItems,
+                    };
+                }
+                else {
+                    return adaptableMenuItems.find((menuItem) => menuItem.module === moduleOrGroup);
+                }
+            })
+                .filter((menuItem) => {
+                if (!menuItem) {
+                    return false;
+                }
+                if (menuItem.subItems && menuItem.subItems.length === 0) {
+                    return false;
+                }
+                return true;
+            });
+        };
     }
     destroy() {
         this.adaptable = null;
         this.gridOptions = null;
     }
+    mapAdaptableMenuItemToSystemMenuItems(adaptableMenuItems) {
+        return (adaptableMenuItems !== null && adaptableMenuItems !== void 0 ? adaptableMenuItems : []).map((menuItem) => {
+            let subItems = menuItem.subItems;
+            if (subItems && subItems.length > 0) {
+                subItems = subItems.map((subItem) => this.mapAdaptableMenuItemToSystemMenuItems(subItem.subItems));
+            }
+            return Object.assign(Object.assign({}, menuItem), { menuType: 'Adaptable', subItems });
+        });
+    }
     buildColumnMenu(params, originalGetMainMenuItems) {
         var _a;
         const menuOptions = this.adaptable.adaptableOptions.menuOptions;
@@ -31,11 +65,7 @@ class agGridMenuHelper {
         const menuContext = this.createColumnMenuContextObject(adaptableColumn, params.column);
         const adaptableMenuItems = this.createAdaptableColumnMenuItems(menuContext);
         // sort Adaptable menu items by default order
-        adaptableMenuItems.sort((first, second) => {
-            const firstPriority = MenuOptions_1.DEFAULT_ADAPTABLE_COLUMN_MENU_ORDER.indexOf(first.module);
-            const secondPriority = MenuOptions_1.DEFAULT_ADAPTABLE_COLUMN_MENU_ORDER.indexOf(second.module);
-            return firstPriority - secondPriority;
-        });
+        const structuredAdaptableMenuItems = this.buildGroupedModuleItems(DEFAULT_ADAPTABLE_COLUMN_MENU_ORDER, adaptableMenuItems);
         // 1. first check if there is a custom column menu defined
         if (typeof menuOptions.customColumnMenu === 'function') {
             const defaultAgGridMenuItems = agGridMenuItems.map((itemName) => ({
@@ -45,7 +75,7 @@ class agGridMenuHelper {
             const defaultAdaptableMenuItems = adaptableMenuItems.map((adaptableItem) => (Object.assign({ menuType: 'Adaptable' }, adaptableItem)));
             const customMenuItems = menuOptions
                 .customColumnMenu(Object.assign(Object.assign({}, menuContext), { defaultAgGridMenuItems,
-                defaultAdaptableMenuItems }))
+                defaultAdaptableMenuItems, structuredAdaptableMenuItems: this.mapAdaptableMenuItemToSystemMenuItems(structuredAdaptableMenuItems) }))
                 .filter(Boolean);
             return customMenuItems
                 .map((customMenuItem) => this.mapCustomMenuItemToAgGridMenuDefinition(customMenuItem, menuContext))
@@ -58,7 +88,7 @@ class agGridMenuHelper {
         const defaultContextMenu = [
             ...agGridMenuItems,
             'separator',
-            ...adaptableMenuItems.map((adaptableItem) => this.mapAdaptableMenuItemToAgGridMenuDefinition(adaptableItem)),
+            ...structuredAdaptableMenuItems.map((adaptableItem) => this.mapAdaptableMenuItemToAgGridMenuDefinition(adaptableItem)),
         ];
         return defaultContextMenu;
     }
@@ -78,11 +108,7 @@ class agGridMenuHelper {
         const menuContext = this.createContextMenuContextObject(params, adaptableColumn);
         const adaptableMenuItems = this.createAdaptableContextMenuItems(menuContext);
         // sort Adaptable menu items by default order
-        adaptableMenuItems.sort((first, second) => {
-            const firstPriority = MenuOptions_1.DEFAULT_ADAPTABLE_CONTEXT_MENU_ORDER.indexOf(first.module);
-            const secondPriority = MenuOptions_1.DEFAULT_ADAPTABLE_CONTEXT_MENU_ORDER.indexOf(second.module);
-            return firstPriority - secondPriority;
-        });
+        const structuredAdaptableMenuItems = this.buildGroupedModuleItems(DEFAULT_ADAPTABLE_CONTEXT_MENU_STRUCTURE, adaptableMenuItems);
         // 1. first check if there is a custom context menu defined
         if (typeof menuOptions.customContextMenu === 'function') {
             const defaultAgGridMenuItems = agGridMenuItems.map((itemName) => ({
@@ -92,7 +118,7 @@ class agGridMenuHelper {
             const defaultAdaptableMenuItems = adaptableMenuItems.map((adaptableItem) => (Object.assign({ menuType: 'Adaptable' }, adaptableItem)));
             const customMenuItems = menuOptions
                 .customContextMenu(Object.assign(Object.assign({}, menuContext), { defaultAgGridMenuItems,
-                defaultAdaptableMenuItems }))
+                defaultAdaptableMenuItems, structuredAdaptableMenuItems: this.mapAdaptableMenuItemToSystemMenuItems(structuredAdaptableMenuItems) }))
                 .filter(Boolean);
             return customMenuItems
                 .map((customMenuItem) => this.mapCustomMenuItemToAgGridMenuDefinition(customMenuItem, menuContext))
@@ -105,7 +131,7 @@ class agGridMenuHelper {
         const defaultContextMenu = [
             ...agGridMenuItems,
             'separator',
-            ...adaptableMenuItems.map((adaptableItem) => this.mapAdaptableMenuItemToAgGridMenuDefinition(adaptableItem)),
+            ...structuredAdaptableMenuItems.map((adaptableItem) => this.mapAdaptableMenuItemToAgGridMenuDefinition(adaptableItem)),
         ];
         return defaultContextMenu;
     }
@@ -190,7 +216,7 @@ class agGridMenuHelper {
             deprecatedProps.forEach((propName) => {
                 var _a, _b;
                 if ((_b = (_a = this.adaptable._rawAdaptableOptions) === null || _a === void 0 ? void 0 : _a.menuOptions) === null || _b === void 0 ? void 0 : _b[propName]) {
-                    (0, logDeprecation_1.logDeprecation)(this.adaptable.logger, 'MenuOptions', propName, 'customColumnMenu');
+                    logDeprecation(this.adaptable.logger, 'MenuOptions', propName, 'customColumnMenu');
                     hasDeprecatedOptions = true;
                 }
             });
@@ -205,7 +231,7 @@ class agGridMenuHelper {
             deprecatedProps.forEach((propName) => {
                 var _a, _b;
                 if ((_b = (_a = this.adaptable._rawAdaptableOptions) === null || _a === void 0 ? void 0 : _a.menuOptions) === null || _b === void 0 ? void 0 : _b[propName]) {
-                    (0, logDeprecation_1.logDeprecation)(this.adaptable.logger, 'MenuOptions', propName, 'customContextMenu');
+                    logDeprecation(this.adaptable.logger, 'MenuOptions', propName, 'customContextMenu');
                     hasDeprecatedOptions = true;
                 }
             });
@@ -213,7 +239,7 @@ class agGridMenuHelper {
         return hasDeprecatedOptions;
     }
     createAgGridMenuDefFromAdaptableMenu(adaptableMenuItem) {
-        const subMenuItems = ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(adaptableMenuItem.subItems)
+        const subMenuItems = ArrayExtensions.IsNotNullOrEmpty(adaptableMenuItem.subItems)
             ? adaptableMenuItem.subItems.map((amu) => {
                 return this.createAgGridMenuDefFromAdaptableMenu(amu);
             })
@@ -242,7 +268,7 @@ class agGridMenuHelper {
                 fill: 'var(--ab-color-text-on-primary)',
             }),
             disabled: disabled,
-            subMenu: ArrayExtensions_1.ArrayExtensions.IsNullOrEmpty(menuItem.subMenuItems)
+            subMenu: ArrayExtensions.IsNullOrEmpty(menuItem.subMenuItems)
                 ? undefined
                 : menuItem.subMenuItems.map((subMenuItem) => {
                     return this.createAgGridColumnMenuDefFromUserMenu(subMenuItem, menuContext);
@@ -260,7 +286,7 @@ class agGridMenuHelper {
                 fill: 'var(--ab-color-text-on-primary)',
             }),
             disabled: disabled,
-            subMenu: ArrayExtensions_1.ArrayExtensions.IsNullOrEmpty(menuItem.subMenuItems)
+            subMenu: ArrayExtensions.IsNullOrEmpty(menuItem.subMenuItems)
                 ? undefined
                 : menuItem.subMenuItems.map((subMenuItem) => {
                     return this.createAgGridContextMenuDefFromUserMenu(subMenuItem, menuContext);
@@ -269,7 +295,7 @@ class agGridMenuHelper {
     }
     mapAdaptableIconToAgGridIcon(adaptableIcon, style) {
         const icon = this.adaptable.api.userInterfaceApi.internalApi.prepareAdaptableIconDef(adaptableIcon);
-        if ((0, Icon_1.isAdaptableElementIcon)(icon)) {
+        if (isAdaptableElementIcon(icon)) {
             let element = icon.element;
             if (typeof element === 'string') {
                 return element;
@@ -279,7 +305,7 @@ class agGridMenuHelper {
             return element.cloneNode(true);
         }
         else {
-            return (0, icons_1.iconToString)(icon, {
+            return iconToString(icon, {
                 fill: 'var(--ab-color-text-on-primary)',
             });
         }
@@ -308,8 +334,8 @@ class agGridMenuHelper {
         const adaptableMenuItems = this.getAdaptableMenuItemsColumnHeader(adaptableColumn, menuContext);
         // sort Adaptable menu items by default order
         adaptableMenuItems.sort((first, second) => {
-            const firstPriority = MenuOptions_1.DEFAULT_ADAPTABLE_COLUMN_MENU_ORDER.indexOf(first.module);
-            const secondPriority = MenuOptions_1.DEFAULT_ADAPTABLE_COLUMN_MENU_ORDER.indexOf(second.module);
+            const firstPriority = DEFAULT_ADAPTABLE_COLUMN_MENU_ORDER.indexOf(first.module);
+            const secondPriority = DEFAULT_ADAPTABLE_COLUMN_MENU_ORDER.indexOf(second.module);
             return firstPriority - secondPriority;
         });
         // And then convert them into Menu Item Defs
@@ -322,7 +348,7 @@ class agGridMenuHelper {
     createUserColumnMenuItems(menuContext) {
         let columnMenuItems = [];
         let userColumnMenuItems = this.getUserMenuItemsColumnHeader(menuContext);
-        if (ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(userColumnMenuItems)) {
+        if (ArrayExtensions.IsNotNullOrEmpty(userColumnMenuItems)) {
             userColumnMenuItems.forEach((userMenuItem) => {
                 // And then convert them into Menu Item Defs
                 let menuItem = this.createAgGridColumnMenuDefFromUserMenu(userMenuItem, menuContext);
@@ -375,7 +401,7 @@ class agGridMenuHelper {
                 gc.primaryKeyValue == clickedCell.primaryKeyValue);
             isSelectedCell = matchedCell != null;
             if (isSelectedCell) {
-                isSingleSelectedColumn = ArrayExtensions_1.ArrayExtensions.CorrectLength(selectedCellInfo.columns, 1);
+                isSingleSelectedColumn = ArrayExtensions.CorrectLength(selectedCellInfo.columns, 1);
             }
         }
         const selectedRowInfo = this.adaptable.api.gridApi.getSelectedRowInfo();
@@ -413,8 +439,8 @@ class agGridMenuHelper {
     }
     createAdaptableContextMenuItems(menuContext) {
         let contextMenuItems = [];
-        this.adaptable.adaptableModules.forEach((s) => {
-            let menuItems = s.addContextMenuItems(menuContext);
+        this.adaptable.adaptableModules.forEach((module) => {
+            let menuItems = module.addContextMenuItems(menuContext);
             if (menuItems) {
                 contextMenuItems.push(...menuItems.filter(Boolean).filter((item) => item.isVisible !== false));
             }
@@ -514,7 +540,7 @@ class agGridMenuHelper {
         let returnMenuItems = [];
         returnMenuItems.push(...this.getAdaptableMenuItemsColumnHeader(adaptableColumn, menuContext));
         let userColumnMenuItems = this.getUserMenuItemsColumnHeader(menuContext);
-        if (ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(userColumnMenuItems)) {
+        if (ArrayExtensions.IsNotNullOrEmpty(userColumnMenuItems)) {
             userColumnMenuItems.forEach((userMenuItem) => {
                 let adaptableMenuItem = this.createAdaptableColumnMenuItemFromUserMenu(userMenuItem, menuContext);
                 returnMenuItems.push(adaptableMenuItem);
@@ -533,7 +559,7 @@ class agGridMenuHelper {
         let showAdaptableContextMenu = menuOptions.showAdaptableContextMenu;
         let hasAdaptableContextMenuItems = showAdaptableContextMenu == null || showAdaptableContextMenu !== false;
         let userDefinedContextMenuItems = menuOptions.contextMenuItems;
-        let hasUserDefinedContextMenuItems = ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(userDefinedContextMenuItems);
+        let hasUserDefinedContextMenuItems = ArrayExtensions.IsNotNullOrEmpty(userDefinedContextMenuItems);
         const agGridMenuItems = this.createAgGridContextMenuItems(originalGetContextMenuItems, params);
         if (agGridMenuItems === null || agGridMenuItems === void 0 ? void 0 : agGridMenuItems.length) {
             agGridContextMenuItems.push(...agGridMenuItems);
@@ -551,17 +577,17 @@ class agGridMenuHelper {
             // keep it simple for now - if its a grouped cell then don't add the shipped menu items
             // if (adaptableColumn && !params.node.group) {
             const allAdaptableMenuItems = this.createAdaptableContextMenuItems(menuContext);
-            if (ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(allAdaptableMenuItems)) {
+            if (ArrayExtensions.IsNotNullOrEmpty(allAdaptableMenuItems)) {
                 adaptableMenuItems.push(...allAdaptableMenuItems);
             }
             adaptableMenuItems.sort((first, second) => {
-                const firstPriority = MenuOptions_1.DEFAULT_ADAPTABLE_CONTEXT_MENU_ORDER.indexOf(first.module);
-                const secondPriority = MenuOptions_1.DEFAULT_ADAPTABLE_CONTEXT_MENU_ORDER.indexOf(second.module);
+                const firstPriority = DEFAULT_ADAPTABLE_CONTEXT_MENU_STRUCTURE.indexOf(first.module);
+                const secondPriority = DEFAULT_ADAPTABLE_CONTEXT_MENU_STRUCTURE.indexOf(second.module);
                 return firstPriority - secondPriority;
             });
             // }
             // create agGrid Menu items based on Adaptable Menu Items - user can decide whether to show or not
-            if (ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(adaptableMenuItems) && hasAdaptableContextMenuItems) {
+            if (ArrayExtensions.IsNotNullOrEmpty(adaptableMenuItems) && hasAdaptableContextMenuItems) {
                 adaptableContextMenuItems.push(...this.createAgGridAdaptableContextMenuItems(adaptableMenuItems, menuContext));
             }
             // create agGrid Menu items based on User Menu Items - user can decide whether to show or not
@@ -587,7 +613,7 @@ class agGridMenuHelper {
         else {
             arr = menuItemsArray;
         }
-        return (0, flatten_1.default)(arr.map((c) => {
+        return flatten(arr.map((c) => {
             return map[c];
         }));
     }
@@ -635,9 +661,8 @@ class agGridMenuHelper {
         else {
             arr = menuItemsArray;
         }
-        return (0, flatten_1.default)(arr.map((c) => {
+        return flatten(arr.map((c) => {
             return map[c];
         }));
     }
 }
-exports.agGridMenuHelper = agGridMenuHelper;

package/src/agGrid/attachAddaptableColumnTypes.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.attachColumnTypes = void 0;
-const GeneralConstants_1 = require("../Utilities/Constants/GeneralConstants");
-const attachColumnTypes = (gridOptions) => {
+import { AB_FDC3_COLUMN, AB_SPECIAL_COLUMN } from '../Utilities/Constants/GeneralConstants';
+export const attachColumnTypes = (gridOptions) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     gridOptions.columnTypes = (_a = gridOptions.columnTypes) !== null && _a !== void 0 ? _a : {};
     return Object.assign(gridOptions.columnTypes, {
-        [GeneralConstants_1.AB_SPECIAL_COLUMN]: {},
-        [GeneralConstants_1.AB_FDC3_COLUMN]: {},
+        [AB_SPECIAL_COLUMN]: {},
+        [AB_FDC3_COLUMN]: {},
         abColDefNumber: (_b = gridOptions.columnTypes.abColDefNumber) !== null && _b !== void 0 ? _b : {},
         abColDefString: (_c = gridOptions.columnTypes.abColDefString) !== null && _c !== void 0 ? _c : {},
         abColDefBoolean: (_d = gridOptions.columnTypes.abColDefBoolean) !== null && _d !== void 0 ? _d : {},
@@ -20,4 +17,3 @@ const attachColumnTypes = (gridOptions) => {
         abColDefObjectNumberArray: (_l = gridOptions.columnTypes.abColDefObjectNumberArray) !== null && _l !== void 0 ? _l : {},
     });
 };
-exports.attachColumnTypes = attachColumnTypes;

package/src/agGrid/createAgStatusPanelComponent.js

@@ -1,13 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createAgStatusPanelComponent = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const renderWithAdaptableContext_1 = require("../View/renderWithAdaptableContext");
-const createAgStatusPanelComponent = (component, adaptable, context) => {
+import * as React from 'react';
+import { renderWithAdaptableContext } from '../View/renderWithAdaptableContext';
+export const createAgStatusPanelComponent = (component, adaptable, context) => {
     if (adaptable.variant === 'react') {
         return (props) => {
-            const children = (0, renderWithAdaptableContext_1.renderWithAdaptableContext)(React.createElement(component, {
+            const children = renderWithAdaptableContext(React.createElement(component, {
                 params: props,
                 adaptableApi: adaptable.api,
                 context,
@@ -35,7 +31,7 @@ const createAgStatusPanelComponent = (component, adaptable, context) => {
                 adaptableApi: adaptable.api,
                 context,
             };
-            const children = (0, renderWithAdaptableContext_1.renderWithAdaptableContext)(React.createElement(component, props), adaptable);
+            const children = renderWithAdaptableContext(React.createElement(component, props), adaptable);
             this.unmountReactRoot = adaptable.renderReactRoot(children, this.eGui);
         }
         getGui() {
@@ -47,4 +43,3 @@ const createAgStatusPanelComponent = (component, adaptable, context) => {
         }
     };
 };
-exports.createAgStatusPanelComponent = createAgStatusPanelComponent;

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

@@ -1,13 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InternalAdaptableDateEditor = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const parseISO_1 = tslib_1.__importDefault(require("date-fns/parseISO"));
-const useProperty_1 = tslib_1.__importDefault(require("../../../components/utils/useProperty"));
-const AdaptableInput_1 = tslib_1.__importDefault(require("../../../View/Components/AdaptableInput"));
-const DatepickerContext_1 = require("../../../components/Datepicker/DatepickerContext");
-const DateHelper_1 = require("../../../Utilities/Helpers/DateHelper");
+import * as React from 'react';
+import parseISO from 'date-fns/parseISO';
+import useProperty from '../../../components/utils/useProperty';
+import AdaptableInput from '../../../View/Components/AdaptableInput';
+import { DatepickerContext } from '../../../components/Datepicker/DatepickerContext';
+import { parseToISO } from '../../../Utilities/Helpers/DateHelper';
 const fillStyle = {
     position: 'absolute',
     left: 0,
@@ -25,21 +21,21 @@ const inputStyle = {
     width: '100%',
     border: 'none',
 };
-exports.InternalAdaptableDateEditor = React.forwardRef((props, ref) => {
+export const InternalAdaptableDateEditor = React.forwardRef((props, ref) => {
     var _a;
     const inputRef = React.useRef(null);
     const focus = () => {
         var _a;
         (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     };
-    const [value, setValue] = (0, useProperty_1.default)(props, 'value', props.defaultValue, {
+    const [value, setValue] = useProperty(props, 'value', props.defaultValue, {
         onChange: (value) => {
             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' ? (0, parseISO_1.default)(value) : new Date(value);
+                const date = typeof value === 'string' ? parseISO(value) : new Date(value);
                 (_b = props.onValueChange) === null || _b === void 0 ? void 0 : _b.call(props, date);
             }
         },
@@ -49,12 +45,12 @@ exports.InternalAdaptableDateEditor = React.forwardRef((props, ref) => {
             focus,
         };
     });
-    const stringValue = (0, DateHelper_1.parseToISO)(value, props.dateFormat);
+    const stringValue = parseToISO(value, props.dateFormat);
     const onChange = React.useCallback((event) => {
         setValue(event.target.value);
     }, []);
     return (React.createElement("div", { style: hostStyle },
-        React.createElement(DatepickerContext_1.DatepickerContext.Provider, { value: {
+        React.createElement(DatepickerContext.Provider, { value: {
                 onHide: (keyboardEventKey) => {
                     var _a;
                     (_a = props.onStopEdit) === null || _a === void 0 ? void 0 : _a.call(props, keyboardEventKey);
@@ -62,5 +58,5 @@ exports.InternalAdaptableDateEditor = React.forwardRef((props, ref) => {
                 onShow: () => { },
                 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 }))));
+            React.createElement(AdaptableInput, { type: 'date', value: stringValue, onChange: onChange, style: inputStyle, ref: inputRef }))));
 });

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

@@ -1,15 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AdaptableDateEditor = exports.ReactAdaptableDateEditor = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const renderWithAdaptableContext_1 = require("../../../View/renderWithAdaptableContext");
-const InternalAdaptableDateEditor_1 = require("./InternalAdaptableDateEditor");
-const core_1 = require("@ag-grid-community/core");
-const FormatHelper_1 = require("../../../Utilities/Helpers/FormatHelper");
-const react_1 = require("react");
+import * as React from 'react';
+import { renderWithAdaptableContext } from '../../../View/renderWithAdaptableContext';
+import { InternalAdaptableDateEditor, } from './InternalAdaptableDateEditor';
+import { KeyCode, } from '@ag-grid-community/core';
+import { DateFormatter } from '../../../Utilities/Helpers/FormatHelper';
+import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
 function shouldClearExistingValue(params) {
-    return params.eventKey === core_1.KeyCode.BACKSPACE || params.eventKey === core_1.KeyCode.DELETE;
+    return params.eventKey === KeyCode.BACKSPACE || params.eventKey === KeyCode.DELETE;
 }
 function getStartValue(params) {
     return shouldClearExistingValue(params) ? '' : params.value;
@@ -27,15 +23,15 @@ const defaultDateValueParser = ({ newValue, oldValue, defaultParser }) => {
     }
     return newValue;
 };
-exports.ReactAdaptableDateEditor = (0, react_1.forwardRef)((props, ref) => {
+export const ReactAdaptableDateEditor = forwardRef((props, ref) => {
     var _a;
-    const [initialValue] = (0, react_1.useState)(() => getStartValue(props));
-    const valueRef = (0, react_1.useRef)(initialValue);
+    const [initialValue] = useState(() => getStartValue(props));
+    const valueRef = useRef(initialValue);
     const colValueParser = props.column.getColDef().valueParser;
     const valueParser = typeof colValueParser === 'function' ? colValueParser : defaultDateValueParser;
     const adaptable = props.api.__adaptable;
-    const editorRef = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(ref, () => {
+    const editorRef = useRef(null);
+    useImperativeHandle(ref, () => {
         return {
             focusIn() {
                 var _a;
@@ -47,7 +43,7 @@ exports.ReactAdaptableDateEditor = (0, react_1.forwardRef)((props, ref) => {
             },
         };
     });
-    const editorElement = (React.createElement(InternalAdaptableDateEditor_1.InternalAdaptableDateEditor, { defaultValue: initialValue, dateFormat: adaptable.adaptableOptions.userInterfaceOptions.dateInputOptions.dateFormat, onValueChange: (value) => {
+    const editorElement = (React.createElement(InternalAdaptableDateEditor, { defaultValue: initialValue, dateFormat: adaptable.adaptableOptions.userInterfaceOptions.dateInputOptions.dateFormat, onValueChange: (value) => {
             const invalid = isNaN(+value);
             if (valueParser) {
                 const params = Object.assign(Object.assign({}, props), { oldValue: props.value, newValue: value, defaultParser: (value) => {
@@ -56,7 +52,7 @@ exports.ReactAdaptableDateEditor = (0, react_1.forwardRef)((props, ref) => {
                         if (!Pattern) {
                             return value;
                         }
-                        return (0, FormatHelper_1.DateFormatter)(value, {
+                        return DateFormatter(value, {
                             Pattern,
                         });
                     } });
@@ -82,7 +78,7 @@ exports.ReactAdaptableDateEditor = (0, react_1.forwardRef)((props, ref) => {
             editorRef.current = editor;
             editor === null || editor === void 0 ? void 0 : editor.focus();
         } }));
-    return React.createElement("div", { style: style }, (0, renderWithAdaptableContext_1.renderWithAdaptableContext)(editorElement, adaptable));
+    return React.createElement("div", { style: style }, renderWithAdaptableContext(editorElement, adaptable));
 });
 /**
  * Used by default for all `abColDefDate` columns.
@@ -107,7 +103,7 @@ exports.ReactAdaptableDateEditor = (0, react_1.forwardRef)((props, ref) => {
  *
  * We strongly recommend you specify a `colDef.valueParser` function
  */
-class AdaptableDateEditor {
+export class AdaptableDateEditor {
     constructor() {
         this.valueParser = defaultDateValueParser;
     }
@@ -147,7 +143,7 @@ class AdaptableDateEditor {
         var _a;
         const adaptable = this.getAdaptableInstance(this.params);
         const defaultValue = shouldClearExistingValue(this.params) ? '' : this.params.value;
-        const editorElement = (React.createElement(InternalAdaptableDateEditor_1.InternalAdaptableDateEditor, { defaultValue: defaultValue, dateFormat: adaptable.adaptableOptions.userInterfaceOptions.dateInputOptions.dateFormat, onValueChange: (value) => {
+        const editorElement = (React.createElement(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) => {
@@ -156,7 +152,7 @@ class AdaptableDateEditor {
                             if (!Pattern) {
                                 return value;
                             }
-                            return (0, FormatHelper_1.DateFormatter)(value, {
+                            return DateFormatter(value, {
                                 Pattern,
                             });
                         } });
@@ -182,11 +178,10 @@ class AdaptableDateEditor {
                 this.editor = editor;
                 editor === null || editor === void 0 ? void 0 : editor.focus();
             } }));
-        this.unmountReactRoot = adaptable.renderReactRoot((0, renderWithAdaptableContext_1.renderWithAdaptableContext)(editorElement, adaptable), this.el);
+        this.unmountReactRoot = adaptable.renderReactRoot(renderWithAdaptableContext(editorElement, adaptable), this.el);
     }
     destroy() {
         var _a;
         (_a = this.unmountReactRoot) === null || _a === void 0 ? void 0 : _a.call(this);
     }
 }
-exports.AdaptableDateEditor = AdaptableDateEditor;

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

@@ -1,10 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InternalAdaptableNumberEditor = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const icons_1 = require("../../../components/icons");
-const useProperty_1 = tslib_1.__importDefault(require("../../../components/utils/useProperty"));
+import * as React from 'react';
+import { Icon } from '../../../components/icons';
+import useProperty from '../../../components/utils/useProperty';
 const fillStyle = {
     position: 'absolute',
     left: 0,
@@ -22,14 +18,14 @@ const inputStyle = {
     width: '100%',
     border: 'none',
 };
-exports.InternalAdaptableNumberEditor = React.forwardRef(function InternalAdaptableNumberEditorFn(props, ref) {
+export const InternalAdaptableNumberEditor = React.forwardRef(function InternalAdaptableNumberEditorFn(props, ref) {
     var _a;
     const inputRef = React.useRef(null);
     const focus = () => {
         var _a;
         (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     };
-    const [value, setValue] = (0, useProperty_1.default)(props, 'value', props.defaultValue, {
+    const [value, setValue] = useProperty(props, 'value', props.defaultValue, {
         onChange: (value) => {
             var _a;
             if (value !== '' && value == Number(value)) {
@@ -70,5 +66,5 @@ exports.InternalAdaptableNumberEditor = React.forwardRef(function InternalAdapta
                     focus();
                 }
             } },
-            React.createElement(icons_1.Icon, { size: 18, name: "close", tabIndex: 0 }))) : null));
+            React.createElement(Icon, { size: 18, name: "close", tabIndex: 0 }))) : null));
 });