@adaptabletools/adaptable 12.2.2 → 14.0.0-canary.0

package/src/agGrid/CheckboxRenderer.d.ts

@@ -1,4 +1,4 @@
-import { ICellRendererFunc } from '@ag-grid-community/all-modules';
+import { ICellRendererFunc } from '@ag-grid-community/core';
 import { AdaptableApi } from '../Api/AdaptableApi';
 import { ICellEditorComp, ICellEditorParams } from '@ag-grid-community/core/dist/cjs/es5/interfaces/iCellEditor';
 export declare const getCheckboxRendererForColumn: (columnId: string, isColumnReadOnly: boolean, api: AdaptableApi) => ICellRendererFunc;

package/src/agGrid/ColumnSetupInfo.d.ts

@@ -1,4 +1,4 @@
-import { ColDef, Column } from '@ag-grid-community/all-modules';
+import { ColDef, Column } from '@ag-grid-community/core';
 import { AdaptableColumn } from '../PredefinedConfig/Common/AdaptableColumn';
 export declare type ColumnSetupInfo = {
     col: Column;

package/src/agGrid/FilterWrapper.js

@@ -43,7 +43,7 @@ let FilterWrapperFactory = (adaptable) => {
                     ShowCloseButton: params != null && params.hidePopup != null,
                 };
                 adaptable.hideFilterFormPopup = params ? params.hidePopup : null;
-                ReactDOM.render(FilterForm_1.FilterFormReact(filterContext), this.filterContainer);
+                ReactDOM.render((0, FilterForm_1.FilterFormReact)(filterContext), this.filterContainer);
             }
         }
         destroy() {

package/src/agGrid/FloatingFilterWrapper.js

@@ -30,7 +30,7 @@ const FloatingFilterWrapperFactory = (adaptable) => class FloatingFilterWrapper
                 Adaptable: adaptable,
                 ShowCloseButton: false,
             };
-            ReactDOM.render(QuickFilterForm_1.QuickFilterFormReact(filterContext), this.filterContainer);
+            ReactDOM.render((0, QuickFilterForm_1.QuickFilterFormReact)(filterContext), this.filterContainer);
         }
     }
     getGui() {

package/src/agGrid/GroupCellRenderer.d.ts

@@ -1,4 +1,4 @@
-import { GroupCellRenderer } from '@ag-grid-community/all-modules';
+import { GroupCellRenderer } from '@ag-grid-community/core';
 export declare class AdaptableGroupCellRenderer extends GroupCellRenderer {
     constructor();
     init(params: any): void;

package/src/agGrid/GroupCellRenderer.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AdaptableGroupCellRenderer = void 0;
 const tslib_1 = require("tslib");
-const all_modules_1 = require("@ag-grid-community/all-modules");
+const core_1 = require("@ag-grid-community/core");
 const ArrayExtensions_1 = tslib_1.__importDefault(require("../Utilities/Extensions/ArrayExtensions"));
 const GeneralConstants_1 = require("../Utilities/Constants/GeneralConstants");
 const TEMPLATE = 
@@ -14,7 +14,7 @@ const TEMPLATE =
         <span class="ag-group-value" ref="eValue"></span>
         <span class="ag-group-child-count" ref="eChildCount"></span>
     </span>`;
-class AdaptableGroupCellRenderer extends all_modules_1.GroupCellRenderer {
+class AdaptableGroupCellRenderer extends core_1.GroupCellRenderer {
     constructor() {
         super();
         this.setTemplate(TEMPLATE);

package/src/agGrid/PercentBarRenderer.js

@@ -21,7 +21,7 @@ const getPercentBarRendererForColumn = (formatColumn, abColumn, api) => {
             if (Helper_1.default.objectNotExists(value)) {
                 value = 0;
             }
-            const clampedValue = clamp_1.default(value, min, max);
+            const clampedValue = (0, clamp_1.default)(value, min, max);
             const percentageValue = ((clampedValue - min) / (max - min)) * 100;
             let cellBackColor;
             const percentBarStyle = formatColumn.ColumnStyle.PercentBarStyle;

package/src/agGrid/agGridHelper.d.ts

@@ -1,4 +1,4 @@
-import { ColDef, Column, GridOptions, ICellRendererFunc, SideBarDef, ToolPanelDef } from '@ag-grid-community/all-modules';
+import { ColDef, Column, GridOptions, ICellRendererFunc, SideBarDef, ToolPanelDef } from '@ag-grid-community/core';
 import { IAdaptable } from '../AdaptableInterfaces/IAdaptable';
 import { AdaptableColumn, AdaptableColumnDataType, AdaptableColumnGroup } from '../PredefinedConfig/Common/AdaptableColumn';
 import { AdaptableNodeComparerFunction } from '../PredefinedConfig/Common/AdaptableComparerFunction';

package/src/agGrid/agGridHelper.js

@@ -125,7 +125,7 @@ class agGridHelper {
                 // so just to be safe we'll check here and add a PK value is missing
                 // thus adding a side-effect in a getter, but what can we do against it?! :)
                 if (Helper_1.Helper.objectNotExists(params.data[primaryKey])) {
-                    params.data[primaryKey] = Uuid_1.createUuid();
+                    params.data[primaryKey] = (0, Uuid_1.createUuid)();
                 }
                 return params.data[primaryKey];
             };
@@ -148,10 +148,10 @@ class agGridHelper {
         return true;
     }
     createCheckboxRendererComp(columnId, isColumnReadOnly) {
-        return CheckboxRenderer_1.getCheckboxRendererForColumn(columnId, isColumnReadOnly, this.adaptable.api);
+        return (0, CheckboxRenderer_1.getCheckboxRendererForColumn)(columnId, isColumnReadOnly, this.adaptable.api);
     }
     createPercentBarRendererComp(formatColumn, abColumn) {
-        return PercentBarRenderer_1.getPercentBarRendererForColumn(formatColumn, abColumn, this.adaptable.api);
+        return (0, PercentBarRenderer_1.getPercentBarRendererForColumn)(formatColumn, abColumn, this.adaptable.api);
     }
     getCleanValue(value) {
         if (value == null || value == 'null' || value == undefined || value == 'undefined') {
@@ -184,7 +184,7 @@ class agGridHelper {
         const pkColumn = this.adaptable.adaptableOptions.primaryKey;
         let ColumnGroup = colsToGroups === null || colsToGroups === void 0 ? void 0 : colsToGroups[ColumnId];
         const abColumn = {
-            Uuid: Uuid_1.createUuid(),
+            Uuid: (0, Uuid_1.createUuid)(),
             columnId: ColumnId,
             field: colDef.field,
             friendlyName: FriendlyName,
@@ -237,8 +237,7 @@ class agGridHelper {
         };
     }
     isSideBarDefObject(sidebarDef) {
-        var _a;
-        return Array.isArray((_a = sidebarDef) === null || _a === void 0 ? void 0 : _a.toolPanels);
+        return Array.isArray(sidebarDef === null || sidebarDef === void 0 ? void 0 : sidebarDef.toolPanels);
     }
     mapToolPanelDefs(toolPanelDefs = []) {
         // if it's an alias for the adaptable tool panel, map it to a ToolPanelDef, otherwise return it as it is
@@ -385,7 +384,7 @@ class agGridHelper {
     getColumnDataType(column, logWarning = true) {
         // Some columns can have no ID or Title. we return string as a consequence but it needs testing
         if (!column) {
-            LoggingHelper_1.LogAdaptableWarning('column is undefined returning String for Type');
+            (0, LoggingHelper_1.LogAdaptableWarning)('column is undefined returning String for Type');
             return 'String';
         }
         let dataType = 'Unknown';
@@ -413,20 +412,20 @@ class agGridHelper {
         }
         const model = this.gridOptions.api.getModel();
         if (model == null) {
-            LoggingHelper_1.LogAdaptableWarning(`No model so returning type "Unknown" for Column: "${column.getColId()}"`);
+            (0, LoggingHelper_1.LogAdaptableWarning)(`No model so returning type "Unknown" for Column: "${column.getColId()}"`);
             return 'Unknown';
         }
         let row = model.getRow(0);
         if (row == null) {
             // possible that there will be no data.
-            LoggingHelper_1.LogAdaptableWarning(`No data in grid so returning type "Unknown" for Column: "${column.getColId()}"`);
+            (0, LoggingHelper_1.LogAdaptableWarning)(`No data in grid so returning type "Unknown" for Column: "${column.getColId()}"`);
             return 'Unknown';
         }
         // if it's a group we need the content of the group
         if (row.group) {
             const childNodes = row.childrenAfterGroup;
             if (ArrayExtensions_1.ArrayExtensions.IsNullOrEmpty(childNodes)) {
-                LoggingHelper_1.LogAdaptableWarning(`No data in grid so returning type "Unknown" for Column: "${column.getColId()}"`);
+                (0, LoggingHelper_1.LogAdaptableWarning)(`No data in grid so returning type "Unknown" for Column: "${column.getColId()}"`);
                 return 'Unknown';
             }
             row = childNodes[0];
@@ -456,7 +455,7 @@ class agGridHelper {
                     break;
             }
         }
-        LoggingHelper_1.LogAdaptableWarning(`No defined type for column '${column.getColId()}'. Defaulting to type of first value: ${dataType}`);
+        (0, LoggingHelper_1.LogAdaptableWarning)(`No defined type for column '${column.getColId()}'. Defaulting to type of first value: ${dataType}`);
         return dataType;
     }
     getAbColDefValue(colType) {
@@ -505,7 +504,7 @@ class agGridHelper {
         // if they have selected to clear column filters on startup then do it
         if (this.adaptable.adaptableOptions.filterOptions.clearFiltersOnStartUp) {
             if (ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(this.adaptable.api.filterApi.getColumnFilters())) {
-                LoggingHelper_1.LogAdaptableWarning('Clearing existing Column Filters as "clearFiltersOnStartUp" is true');
+                (0, LoggingHelper_1.LogAdaptableWarning)('Clearing existing Column Filters as "clearFiltersOnStartUp" is true');
                 this.adaptable.api.filterApi.clearColumnFilters();
             }
         }
@@ -514,7 +513,7 @@ class agGridHelper {
             if (StringExtensions_1.StringExtensions.IsNotNullOrEmpty(this.adaptable.api.quickSearchApi.getQuickSearchState().QuickSearchText) ||
                 StringExtensions_1.StringExtensions.IsNotNullOrEmpty(this.adaptable.api.queryApi.getCurrentQuery()) ||
                 ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(this.adaptable.api.dataSetApi.getAllDataSets())) {
-                LoggingHelper_1.LogAdaptableWarning('Clearing existing Searches as "clearSearchesOnStartUp" is true');
+                (0, LoggingHelper_1.LogAdaptableWarning)('Clearing existing Searches as "clearSearchesOnStartUp" is true');
                 this.adaptable.api.quickSearchApi.clearQuickSearch();
                 this.adaptable.api.queryApi.clearCurrentQuery();
                 this.adaptable.api.dataSetApi.clearCurrentDataSet();

package/src/agGrid/agGridMenuHelper.d.ts

@@ -1,4 +1,4 @@
-import { GridOptions, MenuItemDef, GetContextMenuItemsParams, GetMainMenuItems, GetMainMenuItemsParams, GetContextMenuItems, Column } from '@ag-grid-community/all-modules';
+import { GridOptions, MenuItemDef, GetContextMenuItemsParams, GetMainMenuItems, GetMainMenuItemsParams, GetContextMenuItems, Column } from '@ag-grid-community/core';
 import { AdaptableMenuItem, ColumnMenuContext, ContextMenuContext, UserMenuItem } from '../PredefinedConfig/Common/Menu';
 import { AdaptableColumn } from '../PredefinedConfig/Common/AdaptableColumn';
 import { IAdaptable } from '../AdaptableInterfaces/IAdaptable';

package/src/agGrid/agGridMenuHelper.js

@@ -50,7 +50,7 @@ class agGridMenuHelper {
             adaptable: adaptableColumnMenuItems,
             user: userColumnMenuItems,
         };
-        return flatten_1.default(this.adaptable.adaptableOptions.menuOptions.columnMenuOrder.map((c) => {
+        return (0, flatten_1.default)(this.adaptable.adaptableOptions.menuOptions.columnMenuOrder.map((c) => {
             return map[c];
         }));
     }
@@ -66,7 +66,7 @@ class agGridMenuHelper {
         let userDefinedContextMenuItems = this.adaptable.adaptableOptions.menuOptions.contextMenuItems;
         let hasUserDefinedContextMenuItems = ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(userDefinedContextMenuItems);
         const agGridMenuItems = this.createAgGridContextMenuItems(originalgetContextMenuItems, params);
-        if (agGridMenuItems) {
+        if (agGridMenuItems === null || agGridMenuItems === void 0 ? void 0 : agGridMenuItems.length) {
             agGridContextMenuItems.push(...agGridMenuItems);
             if (hasAdaptableContextMenuItems || hasUserDefinedContextMenuItems) {
                 agGridContextMenuItems.push('separator');
@@ -99,7 +99,7 @@ class agGridMenuHelper {
             adaptable: adaptableContextMenuItems,
             user: userContextMenuItems,
         };
-        return flatten_1.default(this.adaptable.adaptableOptions.menuOptions.contextMenuOrder.map((c) => {
+        return (0, flatten_1.default)(this.adaptable.adaptableOptions.menuOptions.contextMenuOrder.map((c) => {
             return map[c];
         }));
     }
@@ -168,11 +168,11 @@ class agGridMenuHelper {
         };
     }
     mapAdaptableIconToAgGridIcon(adaptableIcon, style) {
-        if (AdaptableIconComponent_1.isAdaptableElementIcon(adaptableIcon)) {
+        if ((0, AdaptableIconComponent_1.isAdaptableElementIcon)(adaptableIcon)) {
             return adaptableIcon.element;
         }
         else {
-            return icons_1.iconToString(adaptableIcon, {
+            return (0, icons_1.iconToString)(adaptableIcon, {
                 fill: 'var(--ab-color-text-on-primary)',
             });
         }

package/src/agGrid/createAgStatusPanelComponent.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { IStatusPanelParams } from '@ag-grid-community/all-modules';
+import { IStatusPanelParams } from '@ag-grid-community/core';
 import { AdaptableApi } from '../../types';
 import { IAdaptable } from '../AdaptableInterfaces/IAdaptable';
 export interface StatusPanelProps {

package/src/agGrid/createAgStatusPanelComponent.js

@@ -19,7 +19,7 @@ const createAgStatusPanelComponent = (component, adaptable, context) => {
                 adaptableApi: adaptable.api,
                 context,
             };
-            const children = renderWithAdaptableContext_1.renderWithAdaptableContext(React.createElement(component, props), adaptable);
+            const children = (0, renderWithAdaptableContext_1.renderWithAdaptableContext)(React.createElement(component, props), adaptable);
             ReactDOM.render(children, this.eGui);
         }
         getGui() {

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

@@ -32,14 +32,14 @@ exports.InternalAdaptableDateEditor = React.forwardRef((props, ref) => {
         var _a;
         (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     };
-    const [value, setValue] = useProperty_1.default(props, 'value', props.defaultValue, {
+    const [value, setValue] = (0, useProperty_1.default)(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' ? parseISO_1.default(value) : new Date(value);
+                const date = typeof value === 'string' ? (0, parseISO_1.default)(value) : new Date(value);
                 (_b = props.onValueChange) === null || _b === void 0 ? void 0 : _b.call(props, date);
             }
         },
@@ -49,7 +49,7 @@ exports.InternalAdaptableDateEditor = React.forwardRef((props, ref) => {
             focus,
         };
     });
-    const stringValue = DateHelper_1.parseToISO(value, props.dateFormat);
+    const stringValue = (0, DateHelper_1.parseToISO)(value, props.dateFormat);
     const onChange = React.useCallback((event) => {
         setValue(event.target.value);
     }, []);

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

@@ -1,4 +1,4 @@
-import { ICellEditorParams, ICellEditorComp } from '@ag-grid-community/all-modules';
+import { ICellEditorParams, ICellEditorComp } from '@ag-grid-community/core';
 import { IAdaptable } from '../../../AdaptableInterfaces/IAdaptable';
 /**
  * Used by default for all `abColDefDate` columns.

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

@@ -6,7 +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 core_1 = require("@ag-grid-community/core");
 const FormatHelper_1 = require("../../../Utilities/Helpers/FormatHelper");
 /**
  * Used by default for all `abColDefDate` columns.
@@ -86,7 +86,7 @@ class AdaptableDateEditor {
                             if (!Pattern) {
                                 return value;
                             }
-                            return FormatHelper_1.DateFormatter(value, {
+                            return (0, FormatHelper_1.DateFormatter)(value, {
                                 Pattern,
                             });
                         } });
@@ -111,13 +111,13 @@ class AdaptableDateEditor {
                 this.editor = editor;
                 editor === null || editor === void 0 ? void 0 : editor.focus();
             } }));
-        react_dom_1.render(renderWithAdaptableContext_1.renderWithAdaptableContext(editorElement, adaptable), this.el);
+        (0, react_dom_1.render)((0, renderWithAdaptableContext_1.renderWithAdaptableContext)(editorElement, adaptable), this.el);
     }
     destroy() {
-        react_dom_1.unmountComponentAtNode(this.el);
+        (0, react_dom_1.unmountComponentAtNode)(this.el);
     }
     shouldClearExistingValue(params) {
-        return params.eventKey === all_modules_1.KeyCode.BACKSPACE || params.eventKey === all_modules_1.KeyCode.DELETE;
+        return params.eventKey === core_1.KeyCode.BACKSPACE || params.eventKey === core_1.KeyCode.DELETE;
     }
 }
 exports.AdaptableDateEditor = AdaptableDateEditor;

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

@@ -29,7 +29,7 @@ exports.InternalAdaptableNumberEditor = React.forwardRef((props, ref) => {
         var _a;
         (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     };
-    const [value, setValue] = useProperty_1.default(props, 'value', props.defaultValue, {
+    const [value, setValue] = (0, useProperty_1.default)(props, 'value', props.defaultValue, {
         onChange: (value) => {
             var _a;
             if (value !== '' && value == Number(value)) {

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

@@ -1,4 +1,4 @@
-import { ICellEditorComp, ICellEditorParams } from '@ag-grid-community/all-modules';
+import { ICellEditorComp, ICellEditorParams } from '@ag-grid-community/core';
 /**
  * Adaptable number editor parameters extending the AG Grid {@link ICellEditorParams}.
  */

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

@@ -6,7 +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");
+const core_1 = require("@ag-grid-community/core");
 /**
  * Used by default for all `abColDefNumber` columns.
  *
@@ -77,7 +77,7 @@ class AdaptableNumberEditor {
                 this.editor = editor;
                 editor === null || editor === void 0 ? void 0 : editor.focus();
             } }));
-        react_dom_1.render(renderWithAdaptableContext_1.renderWithAdaptableContext(editorElement, adaptable), this.el);
+        (0, react_dom_1.render)((0, renderWithAdaptableContext_1.renderWithAdaptableContext)(editorElement, adaptable), this.el);
         this.getGui().addEventListener('keydown', (keyDownEvent) => {
             adaptable._emit('CellEditorKeyDown', {
                 keyDownEvent,
@@ -90,7 +90,7 @@ class AdaptableNumberEditor {
         });
     }
     destroy() {
-        react_dom_1.unmountComponentAtNode(this.el);
+        (0, react_dom_1.unmountComponentAtNode)(this.el);
     }
     getStartValue(params) {
         if (this.shouldClearExistingValue(params)) {
@@ -102,7 +102,7 @@ class AdaptableNumberEditor {
         return params.value;
     }
     shouldClearExistingValue(params) {
-        return params.eventKey === all_modules_1.KeyCode.BACKSPACE || params.eventKey === all_modules_1.KeyCode.DELETE;
+        return params.eventKey === core_1.KeyCode.BACKSPACE || params.eventKey === core_1.KeyCode.DELETE;
     }
     isValidChar(char) {
         // allow only digits

package/src/agGrid/weightedAverage.d.ts

@@ -1,4 +1,4 @@
-import { IAggFuncParams } from '@ag-grid-community/all-modules';
+import { IAggFuncParams } from '@ag-grid-community/core';
 import { CellSummaryOperationContext } from '../types';
 export declare const getNumericValue: (input: unknown) => number | null;
 export declare const weightedAverage: (params: IAggFuncParams, columnId: string, weightColumnId: string) => {

package/src/agGrid/weightedAverage.js

@@ -8,7 +8,7 @@ const getNumericValue = (input) => {
     if (typeof input === 'number') {
         return input;
     }
-    const numericValue = toNumber_1.default(input);
+    const numericValue = (0, toNumber_1.default)(input);
     return isNaN(numericValue) ? null : numericValue;
 };
 exports.getNumericValue = getNumericValue;
@@ -20,9 +20,9 @@ const weightedAverage = (params, columnId, weightColumnId) => {
     groupRowNode.allLeafChildren.forEach((rowNode) => {
         // when editing values might be converted to strings
         const rawColumnValue = gridApi.getValue(columnId, rowNode);
-        const columnValue = exports.getNumericValue(rawColumnValue);
+        const columnValue = (0, exports.getNumericValue)(rawColumnValue);
         const rawWeightedColumnValue = gridApi.getValue(weightColumnId, rowNode);
-        const weightedColumnValue = exports.getNumericValue(rawWeightedColumnValue);
+        const weightedColumnValue = (0, exports.getNumericValue)(rawWeightedColumnValue);
         if (weightedColumnValue !== null) {
             weightedColumnValueSum += weightedColumnValue;
         }

package/src/components/AdaptableFormComponent/AdaptableFormComponent.js

@@ -33,7 +33,7 @@ function AdaptableFormComponent({ formDef, data, onChange, onButtonClick, displa
         const newData = Object.assign(Object.assign({}, data), { [key]: value });
         onChange(newData);
     };
-    const disabledButtons = react_1.useMemo(() => {
+    const disabledButtons = (0, react_1.useMemo)(() => {
         var _a, _b;
         return (_b = (_a = formDef.buttons) === null || _a === void 0 ? void 0 : _a.map((button) => {
             // defensive programming: conventionally context should ALWAYS be present for validating buttons

package/src/components/AdaptableIconComponent/index.js

@@ -12,13 +12,13 @@ const AdaptableIconComponent = (props) => {
     if (!icon) {
         return null;
     }
-    const className = !exports.isAdaptableElementIcon(icon)
-        ? join_1.default(icon.className, iconClassName)
+    const className = !(0, exports.isAdaptableElementIcon)(icon)
+        ? (0, join_1.default)(icon.className, iconClassName)
         : iconClassName;
-    const divRef = react_1.useRef(null);
-    react_1.useEffect(() => {
+    const divRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
         let htmlElement;
-        if (exports.isAdaptableElementIcon(icon)) {
+        if ((0, exports.isAdaptableElementIcon)(icon)) {
             if (typeof icon.element === 'string') {
                 const domParser = new DOMParser();
                 htmlElement = domParser.parseFromString(icon.element, 'text/html').body
@@ -30,44 +30,41 @@ const AdaptableIconComponent = (props) => {
             divRef.current.insertAdjacentElement('afterend', htmlElement);
         }
         return () => {
-            if (exports.isAdaptableElementIcon(icon)) {
+            if ((0, exports.isAdaptableElementIcon)(icon)) {
                 htmlElement === null || htmlElement === void 0 ? void 0 : htmlElement.remove();
             }
         };
     }, [icon]);
-    if (exports.isAdaptableInternalIcon(icon)) {
+    if ((0, exports.isAdaptableInternalIcon)(icon)) {
         return React.createElement(icons_1.Icon, { name: icon.name, size: icon.size, style: icon.style, className: className });
     }
-    if (exports.isAdaptableExternalIcon(icon)) {
+    if ((0, exports.isAdaptableExternalIcon)(icon)) {
         let width = (_b = (_a = icon.style) === null || _a === void 0 ? void 0 : _a.width) !== null && _b !== void 0 ? _b : 'var(--ab-cmp-icon__width)';
         let height = (_d = (_c = icon.style) === null || _c === void 0 ? void 0 : _c.height) !== null && _d !== void 0 ? _d : 'var(--ab-cmp-icon__height)';
         const iconStyle = (_e = icon.style) !== null && _e !== void 0 ? _e : {};
         return React.createElement("img", { src: icon.src, className: className, style: Object.assign({ height, width }, iconStyle) });
     }
-    if (exports.isAdaptableElementIcon(icon)) {
+    if ((0, exports.isAdaptableElementIcon)(icon)) {
         return (React.createElement("span", { ref: divRef, style: { display: 'none' }, "data-name": "adaptable-icon-placeholder" }));
     }
     return null;
 };
 exports.AdaptableIconComponent = AdaptableIconComponent;
 const isAdaptableInternalIcon = (icon) => {
-    var _a;
-    return typeof ((_a = icon) === null || _a === void 0 ? void 0 : _a.name) === 'string';
+    return typeof (icon === null || icon === void 0 ? void 0 : icon.name) === 'string';
 };
 exports.isAdaptableInternalIcon = isAdaptableInternalIcon;
 const isAdaptableExternalIcon = (icon) => {
-    var _a;
-    return typeof ((_a = icon) === null || _a === void 0 ? void 0 : _a.src) === 'string';
+    return typeof (icon === null || icon === void 0 ? void 0 : icon.src) === 'string';
 };
 exports.isAdaptableExternalIcon = isAdaptableExternalIcon;
 const isAdaptableElementIcon = (icon) => {
-    var _a, _b;
     return ((typeof HTMLElement === 'function' &&
-        ((_a = icon) === null || _a === void 0 ? void 0 : _a.element) instanceof HTMLElement) ||
-        typeof ((_b = icon) === null || _b === void 0 ? void 0 : _b.element) === 'string');
+        (icon === null || icon === void 0 ? void 0 : icon.element) instanceof HTMLElement) ||
+        typeof (icon === null || icon === void 0 ? void 0 : icon.element) === 'string');
 };
 exports.isAdaptableElementIcon = isAdaptableElementIcon;
 const isAdaptableIcon = (icon) => {
-    return (exports.isAdaptableInternalIcon(icon) || exports.isAdaptableExternalIcon(icon) || exports.isAdaptableElementIcon(icon));
+    return ((0, exports.isAdaptableInternalIcon)(icon) || (0, exports.isAdaptableExternalIcon)(icon) || (0, exports.isAdaptableElementIcon)(icon));
 };
 exports.isAdaptableIcon = isAdaptableIcon;

package/src/components/CheckBox/index.js

@@ -11,7 +11,7 @@ const Square = (props) => {
 };
 const CheckBox = (_a) => {
     var { children, checked, onChange, value, name, disabled, readOnly, variant = 'default', gapDistance = 'var(--ab-space-1)', childrenPosition = 'end', as = 'label' } = _a, props = tslib_1.__rest(_a, ["children", "checked", "onChange", "value", "name", "disabled", "readOnly", "variant", "gapDistance", "childrenPosition", "as"]);
-    const [stateChecked, setStateChecked] = react_1.useState(false);
+    const [stateChecked, setStateChecked] = (0, react_1.useState)(false);
     const computedChecked = checked !== undefined ? checked : stateChecked;
     const onInputChange = (event) => {
         if (readOnly) {
@@ -37,7 +37,7 @@ const CheckBox = (_a) => {
     const after = childrenPosition === 'end' ? children : null;
     const afterGap = childrenPosition === 'end' && children ? gap : null;
     let indeterminate = computedChecked === null;
-    const checkboxRef = react_1.useRef();
+    const checkboxRef = (0, react_1.useRef)();
     React.useEffect(() => {
         checkboxRef.current.indeterminate = indeterminate;
     }, [indeterminate]);
@@ -46,7 +46,7 @@ const CheckBox = (_a) => {
             opacity: 0,
             cursor: 'pointer',
         }, onChange: onInputChange }));
-    return (React.createElement(rebass_1.Box, Object.assign({ my: 2 }, props, { className: join_1.default('ab-CheckBox', `ab-CheckBox--${type}`, `ab-CheckBox--variant-${variant}`, disabled ? 'ab-CheckBox--disabled' : '', readOnly ? 'ab-CheckBox--readonly' : '', props.className), style: Object.assign({ display: 'inline-flex', flexFlow: 'row', alignItems: 'center', cursor: 'pointer', position: 'relative' }, props.style), as: as }),
+    return (React.createElement(rebass_1.Box, Object.assign({ my: 2 }, props, { className: (0, join_1.default)('ab-CheckBox', `ab-CheckBox--${type}`, `ab-CheckBox--variant-${variant}`, disabled ? 'ab-CheckBox--disabled' : '', readOnly ? 'ab-CheckBox--readonly' : '', props.className), style: Object.assign({ display: 'inline-flex', flexFlow: 'row', alignItems: 'center', cursor: 'pointer', position: 'relative' }, props.style), as: as }),
         before,
         beforeGap,
         input,

package/src/components/CodeBlock/index.js

@@ -7,6 +7,6 @@ const rebass_1 = require("rebass");
 const join_1 = tslib_1.__importDefault(require("../utils/join"));
 exports.baseClassName = 'ab-CodeBlock';
 const CodeBlock = (props) => {
-    return React.createElement(rebass_1.Box, Object.assign({ as: "code" }, props, { className: join_1.default(props.className, exports.baseClassName) }));
+    return React.createElement(rebass_1.Box, Object.assign({ as: "code" }, props, { className: (0, join_1.default)(props.className, exports.baseClassName) }));
 };
 exports.CodeBlock = CodeBlock;

package/src/components/Dashboard/Dashboard.js

@@ -10,16 +10,16 @@ const DashboardToolbar_1 = require("./DashboardToolbar");
 const DropdownButton_1 = tslib_1.__importDefault(require("../DropdownButton"));
 function Dashboard(props) {
     const { title, children, left, right, onShowDashboardPopup } = props;
-    const [activeTabIndex, setActiveTabIndex] = useProperty_1.default(props, 'activeTabIndex', 0);
-    const [collapsed, setCollapsed] = useProperty_1.default(props, 'collapsed', false);
-    const [floating, setFloating] = useProperty_1.default(props, 'floating', false);
-    const [inline, setInline] = useProperty_1.default(props, 'inline', false);
-    const [position, setPosition] = useProperty_1.default(props, 'position', {
+    const [activeTabIndex, setActiveTabIndex] = (0, useProperty_1.default)(props, 'activeTabIndex', 0);
+    const [collapsed, setCollapsed] = (0, useProperty_1.default)(props, 'collapsed', false);
+    const [floating, setFloating] = (0, useProperty_1.default)(props, 'floating', false);
+    const [inline, setInline] = (0, useProperty_1.default)(props, 'inline', false);
+    const [position, setPosition] = (0, useProperty_1.default)(props, 'position', {
         x: 0,
         y: 0,
     });
     const expanded = !floating && !collapsed;
-    const { handleRef, targetRef } = useDraggable_1.default({
+    const { handleRef, targetRef } = (0, useDraggable_1.default)({
         onDrop(dx, dy) {
             setPosition(({ x, y }) => {
                 return { x: x + dx, y: y + dy };
@@ -32,7 +32,7 @@ function Dashboard(props) {
         top: position.y,
     };
     const renderTabs = () => (React.createElement("div", { className: "ab-Dashboard__tabs" }, children &&
-        React.Children.map(children, (child, index) => (React.createElement("button", { type: "button", className: join_1.default('ab-Dashboard__tab', !collapsed && activeTabIndex === index ? 'ab-Dashboard__tab--active' : ''), key: index, onClick: () => {
+        React.Children.map(children, (child, index) => (React.createElement("button", { type: "button", className: (0, join_1.default)('ab-Dashboard__tab', !collapsed && activeTabIndex === index ? 'ab-Dashboard__tab--active' : ''), key: index, onClick: () => {
                 if (activeTabIndex === index) {
                     setCollapsed(!collapsed);
                 }
@@ -76,7 +76,7 @@ function Dashboard(props) {
         renderTabsDropdown()));
     return (React.createElement("div", { 
         // @ts-ignore
-        ref: targetRef, className: join_1.default(`ab-Dashboard`, collapsed ? 'ab-Dashboard--collapsed' : '', floating ? 'ab-Dashboard--floating' : '', inline ? 'ab-Dashboard--inline' : ''), style: floating ? floatingStyle : undefined },
+        ref: targetRef, className: (0, join_1.default)(`ab-Dashboard`, collapsed ? 'ab-Dashboard--collapsed' : '', floating ? 'ab-Dashboard--floating' : '', inline ? 'ab-Dashboard--inline' : ''), style: floating ? floatingStyle : undefined },
         expanded && inline ? renderHomeToolbar() : renderBar(),
         expanded && children && children.length ? (React.createElement("div", { className: "ab-Dashboard__content" }, children[activeTabIndex] ? children[activeTabIndex].props.children : null)) : null));
 }

package/src/components/Dashboard/DashboardToolbar.js

@@ -7,7 +7,7 @@ const SimpleButton_1 = tslib_1.__importDefault(require("../SimpleButton"));
 const join_1 = tslib_1.__importDefault(require("../utils/join"));
 const rebass_1 = require("rebass");
 function DashboardToolbar(props) {
-    return (React.createElement("div", { className: join_1.default('ab-Dashboard__toolbar', props.className) },
+    return (React.createElement("div", { className: (0, join_1.default)('ab-Dashboard__toolbar', props.className) },
         React.createElement("div", { className: "ab-Dashboard__toolbar-content" }, props.children),
         React.createElement(rebass_1.Flex, { className: "ab-Dashboard__toolbar-title", flexDirection: "row", alignItems: "center" },
             React.createElement("span", null, props.title),

package/src/components/Datepicker/Caption.js

@@ -13,26 +13,26 @@ const react_day_picker_1 = require("react-day-picker");
  */
 function Caption(props) {
     const { displayMonth } = props;
-    const context = react_day_picker_1.useDayPicker();
+    const context = (0, react_day_picker_1.useDayPicker)();
     const { classNames, disableNavigation, styles, onMonthChange, dir } = context;
-    const { goToMonth, displayMonths } = react_day_picker_1.useNavigation();
+    const { goToMonth, displayMonths } = (0, react_day_picker_1.useNavigation)();
     const handlePreviousClick = () => {
-        handleMonthChange(add_1.default(displayMonth, { months: -1 }));
+        handleMonthChange((0, add_1.default)(displayMonth, { months: -1 }));
     };
     const handleNextClick = () => {
-        handleMonthChange(add_1.default(displayMonth, { months: 1 }));
+        handleMonthChange((0, add_1.default)(displayMonth, { months: 1 }));
     };
     const handleMonthChange = (newMonth) => {
         goToMonth(newMonth);
         onMonthChange === null || onMonthChange === void 0 ? void 0 : onMonthChange(newMonth);
     };
     const handleNextYearClick = () => {
-        handleMonthChange(add_1.default(displayMonth, { years: 1 }));
+        handleMonthChange((0, add_1.default)(displayMonth, { years: 1 }));
     };
     const handlePreviousYearClick = () => {
-        handleMonthChange(add_1.default(displayMonth, { years: -1 }));
+        handleMonthChange((0, add_1.default)(displayMonth, { years: -1 }));
     };
-    const displayIndex = displayMonths.findIndex((month) => isSameMonth_1.default(displayMonth, month));
+    const displayIndex = displayMonths.findIndex((month) => (0, isSameMonth_1.default)(displayMonth, month));
     let isFirst = displayIndex === 0;
     let isLast = displayIndex === displayMonths.length - 1;
     if (dir === 'rtl') {