@adaptabletools/adaptable 16.2.4 → 17.0.0-canary.0

package/src/agGrid/agGridMenuHelper.js

@@ -1,15 +1,11 @@
-"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_ORDER, } from '../AdaptableOptions/MenuOptions';
 // tslint:disable-next-line: class-name
-class agGridMenuHelper {
+export class agGridMenuHelper {
     constructor(adaptable, gridOptions) {
         this.adaptable = adaptable;
         this.gridOptions = gridOptions;
@@ -21,7 +17,7 @@ class agGridMenuHelper {
     buildColumnMenu(params, originalGetMainMenuItems) {
         var _a;
         const menuOptions = this.adaptable.adaptableOptions.menuOptions;
-        this.logMenuDeprecation(menuOptions);
+        const hasDeprecatedOptions = this.logMenuDeprecation('ColumnMenu');
         const agGridMenuItems = (params.defaultItems ? [...params.defaultItems] : []);
         if (!params.column) {
             // return only AG Grid context if the Adaptable column is not found (should not happen)
@@ -32,8 +28,8 @@ class agGridMenuHelper {
         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);
+            const firstPriority = DEFAULT_ADAPTABLE_COLUMN_MENU_ORDER.indexOf(first.module);
+            const secondPriority = DEFAULT_ADAPTABLE_COLUMN_MENU_ORDER.indexOf(second.module);
             return firstPriority - secondPriority;
         });
         // 1. first check if there is a custom column menu defined
@@ -51,17 +47,16 @@ class agGridMenuHelper {
                 .map((customMenuItem) => this.mapCustomMenuItemToAgGridMenuDefinition(customMenuItem, menuContext))
                 .filter(Boolean);
         }
-        // !! Uncomment once the deprecated options are removed
+        if (hasDeprecatedOptions) {
+            return this.buildColumnMenuDeprecated(params, originalGetMainMenuItems);
+        }
         // 2. if not, return the default context menu
-        // const defaultContextMenu: (string | MenuItemDef)[] = [
-        //   ...agGridMenuItems,
-        //   'separator',
-        //   ...adaptableMenuItems.map((adaptableItem) =>
-        //     this.mapAdaptableMenuItemToAgGridMenuDefinition(adaptableItem)
-        //   ),
-        // ];
-        // return defaultContextMenu;
-        return this.buildColumnMenuDeprecated(params, originalGetMainMenuItems);
+        const defaultContextMenu = [
+            ...agGridMenuItems,
+            'separator',
+            ...adaptableMenuItems.map((adaptableItem) => this.mapAdaptableMenuItemToAgGridMenuDefinition(adaptableItem)),
+        ];
+        return defaultContextMenu;
     }
     buildContextMenu(params, originalGetContextMenuItems) {
         var _a;
@@ -69,7 +64,7 @@ class agGridMenuHelper {
         // (right-click selected the current cell, but this was not reflected in the internal state of the selected cells)
         this.adaptable.setSelectedCells();
         const menuOptions = this.adaptable.adaptableOptions.menuOptions;
-        this.logMenuDeprecation(menuOptions);
+        const hasDeprecatedOptions = this.logMenuDeprecation('ContextMenu');
         const agGridMenuItems = (params.defaultItems ? [...params.defaultItems] : []);
         if (!params.column) {
             // return only AG Grid context if the Adaptable column is not found (should not happen)
@@ -80,8 +75,8 @@ class agGridMenuHelper {
         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);
+            const firstPriority = DEFAULT_ADAPTABLE_CONTEXT_MENU_ORDER.indexOf(first.module);
+            const secondPriority = DEFAULT_ADAPTABLE_CONTEXT_MENU_ORDER.indexOf(second.module);
             return firstPriority - secondPriority;
         });
         // 1. first check if there is a custom context menu defined
@@ -99,17 +94,16 @@ class agGridMenuHelper {
                 .map((customMenuItem) => this.mapCustomMenuItemToAgGridMenuDefinition(customMenuItem, menuContext))
                 .filter(Boolean);
         }
-        // !! Uncomment once the deprecated options are removed
+        if (hasDeprecatedOptions) {
+            return this.buildContextMenuDeprecated(params, originalGetContextMenuItems);
+        }
         // 2. if not, return the default context menu
-        // const defaultContextMenu: (string | MenuItemDef)[] = [
-        //   ...agGridMenuItems,
-        //   'separator',
-        //   ...adaptableMenuItems.map((adaptableItem) =>
-        //     this.mapAdaptableMenuItemToAgGridMenuDefinition(adaptableItem)
-        //   ),
-        // ];
-        // return defaultContextMenu;
-        return this.buildContextMenuDeprecated(params, originalGetContextMenuItems);
+        const defaultContextMenu = [
+            ...agGridMenuItems,
+            'separator',
+            ...adaptableMenuItems.map((adaptableItem) => this.mapAdaptableMenuItemToAgGridMenuDefinition(adaptableItem)),
+        ];
+        return defaultContextMenu;
     }
     createAdaptableColumnMenuItems(menuContext) {
         let contextMenuItems = [];
@@ -180,23 +174,42 @@ class agGridMenuHelper {
             }).filter(Boolean),
         };
     }
-    logMenuDeprecation(menuOptions) {
-        const deprecatedProps = [
-            'contextMenuItems',
-            'contextMenuOrder',
-            'showAdaptableContextMenu',
-            'columnMenuItems',
-            'columnMenuOrder',
-            'showAdaptableColumnMenu',
-        ];
-        deprecatedProps.forEach((propName) => {
-            if (menuOptions[propName]) {
-                (0, logDeprecation_1.logDeprecation)(this.adaptable.logger, 'MenuOptions', propName, 'customContextMenu');
-            }
-        });
+    logMenuDeprecation(type) {
+        let hasDeprecatedOptions = false;
+        if (type === 'ColumnMenu') {
+            // if any of the deprecated options has a non-default value, log a deprecation warning
+            const deprecatedProps = [
+                'columnMenuItems',
+                'columnMenuOrder',
+                'showAdaptableColumnMenu',
+            ];
+            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]) {
+                    logDeprecation(this.adaptable.logger, 'MenuOptions', propName, 'customColumnMenu');
+                    hasDeprecatedOptions = true;
+                }
+            });
+        }
+        if (type === 'ContextMenu') {
+            // if any of the deprecated options has a non-default value, log a deprecation warning
+            const deprecatedProps = [
+                'contextMenuItems',
+                'contextMenuOrder',
+                'showAdaptableContextMenu',
+            ];
+            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]) {
+                    logDeprecation(this.adaptable.logger, 'MenuOptions', propName, 'customContextMenu');
+                    hasDeprecatedOptions = true;
+                }
+            });
+        }
+        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);
             })
@@ -225,7 +238,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);
@@ -243,7 +256,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);
@@ -252,7 +265,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;
@@ -262,7 +275,7 @@ class agGridMenuHelper {
             return element.cloneNode(true);
         }
         else {
-            return (0, icons_1.iconToString)(icon, {
+            return iconToString(icon, {
                 fill: 'var(--ab-color-text-on-primary)',
             });
         }
@@ -291,8 +304,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
@@ -305,7 +318,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);
@@ -340,7 +353,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);
             }
         }
         let selectedRowInfo = this.adaptable.api.gridApi.getSelectedRowInfo();
@@ -479,7 +492,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);
@@ -498,7 +511,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);
@@ -516,17 +529,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_ORDER.indexOf(first.module);
+                const secondPriority = DEFAULT_ADAPTABLE_CONTEXT_MENU_ORDER.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
@@ -552,7 +565,7 @@ class agGridMenuHelper {
         else {
             arr = menuItemsArray;
         }
-        return (0, flatten_1.default)(arr.map((c) => {
+        return flatten(arr.map((c) => {
             return map[c];
         }));
     }
@@ -600,9 +613,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));
 });