@adaptabletools/adaptable 16.2.4 → 17.0.0-canary.0

package/src/Utilities/waitForCondition.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.waitForCondition = void 0;
-const waitForCondition = (isReady, timeout = 5000) => {
+export const waitForCondition = (isReady, timeout = 5000) => {
     const startTime = Date.now();
     const ready = isReady();
     if (ready) {
@@ -26,4 +23,3 @@ const waitForCondition = (isReady, timeout = 5000) => {
         wait(resolve);
     });
 };
-exports.waitForCondition = waitForCondition;

package/src/Utilities/waitForTimeout.js

@@ -1,12 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.waitForTimeout = void 0;
 // waits for the given ms milliseconds
-function waitForTimeout(ms) {
+export function waitForTimeout(ms) {
     return new Promise((resolve) => {
         setTimeout(() => {
             resolve();
         }, ms);
     });
 }
-exports.waitForTimeout = waitForTimeout;

package/src/View/AdaptableContext.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAdaptable = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+import * as React from 'react';
 const AdaptableContext = React.createContext(null);
-exports.default = AdaptableContext;
-const useAdaptable = () => {
-    return React.useContext(AdaptableContext);
+export default AdaptableContext;
+export const useAdaptable = () => {
+    const context = React.useContext(AdaptableContext);
+    return context;
 };
-exports.useAdaptable = useAdaptable;

package/src/View/AdaptablePopover/index.js

@@ -1,48 +1,43 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AdaptablePopover = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const StringExtensions_1 = require("../../Utilities/Extensions/StringExtensions");
-const UIHelper_1 = require("../UIHelper");
-const ButtonInfo_1 = require("../Components/Buttons/ButtonInfo");
-const icons_1 = require("../../components/icons");
-const OverlayTrigger_1 = tslib_1.__importDefault(require("../../components/OverlayTrigger"));
-const rebass_1 = require("rebass");
-class AdaptablePopover extends React.Component {
+import * as React from 'react';
+import { StringExtensions } from '../../Utilities/Extensions/StringExtensions';
+import { UIHelper } from '../UIHelper';
+import { ButtonInfo } from '../Components/Buttons/ButtonInfo';
+import { Icon } from '../../components/icons';
+import OverlayTrigger from '../../components/OverlayTrigger';
+import { Flex, Box, Text } from 'rebass';
+export class AdaptablePopover extends React.Component {
     render() {
         var _a, _b, _c;
         let messageType = this.props.MessageType != null ? this.props.MessageType : 'Info';
         const showIcon = (_a = this.props.showIcon) !== null && _a !== void 0 ? _a : true;
         let useButton = this.props.useButton != null ? this.props.useButton : false;
         let popoverMinWidth = this.props.popoverMinWidth != null ? this.props.popoverMinWidth.toString() + 'px' : 'auto';
-        const title = StringExtensions_1.StringExtensions.IsNotNullOrEmpty(this.props.headerText)
+        const title = StringExtensions.IsNotNullOrEmpty(this.props.headerText)
             ? this.props.headerText
             : '';
-        const popoverClickRootClose = (React.createElement(rebass_1.Box, { className: "ab-Popover", style: {
+        const popoverClickRootClose = (React.createElement(Box, { className: "ab-Popover", style: {
                 margin: '0px',
                 padding: '0px',
                 minWidth: popoverMinWidth,
                 maxWidth: (_b = this.props.popoverMaxWidth) !== null && _b !== void 0 ? _b : 300,
             } },
-            title ? (React.createElement(rebass_1.Text, { fontSize: 4, padding: 2 }, title)) : null,
-            React.createElement(rebass_1.Box, { className: "ab-Popover__body", padding: (_c = this.props.popupPadding) !== null && _c !== void 0 ? _c : 2 }, this.props.bodyText.map((textOrHTML, index) => (React.createElement("span", { key: index }, textOrHTML))))));
+            title ? (React.createElement(Text, { fontSize: 4, padding: 2 }, title)) : null,
+            React.createElement(Box, { className: "ab-Popover__body", padding: (_c = this.props.popupPadding) !== null && _c !== void 0 ? _c : 2 }, this.props.bodyText.map((textOrHTML, index) => (React.createElement("span", { key: index }, textOrHTML))))));
         const icon = 'info'; // - think this is wrong - UIHelper.getGlyphByMessageType(messageType);
-        const color = UIHelper_1.UIHelper.getColorByMessageType(messageType);
+        const color = UIHelper.getColorByMessageType(messageType);
         const iconStyle = {
             color,
             fill: 'currentColor',
         };
-        return (React.createElement(rebass_1.Flex, { alignItems: "center", className: this.props.className },
-            React.createElement(OverlayTrigger_1.default
+        return (React.createElement(Flex, { alignItems: "center", className: this.props.className },
+            React.createElement(OverlayTrigger
             // showTriangle
             , { 
                 // showTriangle
                 render: () => popoverClickRootClose, showEvent: (this.props.showEvent || 'mouseenter'), hideEvent: (this.props.hideEvent || 'mouseleave'), style: {
                     overflow: 'visible',
-                }, defaultZIndex: 100000, alignPosition: this.props.alignPosition }, useButton ? (React.createElement(ButtonInfo_1.ButtonInfo, { style: iconStyle, variant: "text", onClick: () => null, icon: showIcon && icon, tooltip: this.props.tooltipText }, this.props.children)) : (React.createElement("div", { title: this.props.tooltipText, tabIndex: 0, style: { cursor: 'pointer', display: 'inline-block' } },
+                }, defaultZIndex: 100000, alignPosition: this.props.alignPosition }, useButton ? (React.createElement(ButtonInfo, { style: iconStyle, variant: "text", onClick: () => null, icon: showIcon && icon, tooltip: this.props.tooltipText }, this.props.children)) : (React.createElement("div", { title: this.props.tooltipText, tabIndex: 0, style: { cursor: 'pointer', display: 'inline-block' } },
                 this.props.children,
-                showIcon && React.createElement(icons_1.Icon, { name: icon, style: iconStyle }))))));
+                showIcon && React.createElement(Icon, { name: icon, style: iconStyle }))))));
     }
 }
-exports.AdaptablePopover = AdaptablePopover;

package/src/View/AdaptableView.js

@@ -1,47 +1,43 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AdaptableApp = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_redux_1 = require("react-redux");
-const ProgressIndicator_1 = require("../components/ProgressIndicator/ProgressIndicator");
-const Toastify_1 = require("../components/Toastify");
-const PopupRedux = tslib_1.__importStar(require("../Redux/ActionsReducers/PopupRedux"));
-const AdaptableLoadingScreen_1 = require("./Components/Popups/AdaptableLoadingScreen");
-const AdaptablePopup_1 = require("./Components/Popups/AdaptablePopup");
-const AdaptablePopupConfirmation_1 = require("./Components/Popups/AdaptablePopupConfirmation");
-const AdaptablePopupPrompt_1 = require("./Components/Popups/AdaptablePopupPrompt");
-const FormPopups_1 = require("./Components/Popups/FormPopups/FormPopups");
-const WindowPopups_1 = require("./Components/Popups/WindowPopups/WindowPopups");
-const Dashboard_1 = require("./Dashboard/Dashboard");
-const License_1 = require("./License");
-const NotesPopup_1 = require("./Notes/NotesPopup");
-const FloatingQuickSearch_1 = require("./QuickSearch/FloatingQuickSearch/FloatingQuickSearch");
-const renderWithAdaptableContext_1 = require("./renderWithAdaptableContext");
+import * as React from 'react';
+import { connect } from 'react-redux';
+import { ProgressIndicator } from '../components/ProgressIndicator/ProgressIndicator';
+import { ToastContainer } from '../components/Toastify';
+import * as PopupRedux from '../Redux/ActionsReducers/PopupRedux';
+import { AdaptableLoadingScreen } from './Components/Popups/AdaptableLoadingScreen';
+import { AdaptablePopup } from './Components/Popups/AdaptablePopup';
+import { AdaptablePopupConfirmation } from './Components/Popups/AdaptablePopupConfirmation';
+import { AdaptablePopupPrompt } from './Components/Popups/AdaptablePopupPrompt';
+import { FormPopups } from './Components/Popups/FormPopups/FormPopups';
+import { WindowPopups } from './Components/Popups/WindowPopups/WindowPopups';
+import { Dashboard } from './Dashboard/Dashboard';
+import { LicenseWatermark } from './License';
+import { NotePopup } from './Notes/NotesPopup';
+import { QuickSearchDrawer } from './QuickSearch/FloatingQuickSearch/FloatingQuickSearch';
+import { renderWithAdaptableContext } from './renderWithAdaptableContext';
 class AdaptableView extends React.Component {
     render() {
         var _a, _b, _c, _d;
         const watermark = (_d = (_c = (_b = (_a = this.props.AdaptableApi) === null || _a === void 0 ? void 0 : _a.internalApi) === null || _b === void 0 ? void 0 : _b.getSystemState()) === null || _c === void 0 ? void 0 : _c.License) === null || _d === void 0 ? void 0 : _d.watermark;
         const adaptableOptions = this.props.AdaptableApi.optionsApi.getAdaptableOptions();
         return (React.createElement("div", null,
-            React.createElement(NotesPopup_1.NotePopup, null),
-            React.createElement(FloatingQuickSearch_1.QuickSearchDrawer, null),
-            this.props.AdaptableApi.internalApi.getModuleService().isModuleAvailable('Dashboard') && (React.createElement(Dashboard_1.Dashboard, { api: this.props.AdaptableApi })),
-            this.props.AdaptableApi.optionsApi.getUserInterfaceOptions().showLoadingScreen && (React.createElement(AdaptableLoadingScreen_1.AdaptableLoadingScreen, { onClose: this.props.onCloseLoadingPopup, showLoadingScreen: this.props.PopupState.LoadingPopup.ShowLoadingPopup })),
-            this.props.PopupState.PromptPopup.ShowPromptPopup && (React.createElement(AdaptablePopupPrompt_1.AdaptablePopupPrompt, { message: this.props.PopupState.PromptPopup.Message, header: this.props.PopupState.PromptPopup.Header, onClose: this.props.onClosePromptPopup, onConfirm: this.props.onConfirmPromptPopup, onConfirmActionCreator: this.props.PopupState.PromptPopup.ConfirmActionCreator, defaultValue: this.props.PopupState.PromptPopup.DefaultValue })),
-            Boolean(this.props.PopupState.ConfirmationPopup.ShowConfirmationPopup) && (React.createElement(AdaptablePopupConfirmation_1.AdaptablePopupConfirmation, { header: this.props.PopupState.ConfirmationPopup.Header, messsage: this.props.PopupState.ConfirmationPopup.Msg, showPopup: this.props.PopupState.ConfirmationPopup.ShowConfirmationPopup, cancelButtonText: this.props.PopupState.ConfirmationPopup.CancelButtonText, confirmButtonText: this.props.PopupState.ConfirmationPopup.ConfirmButtonText, onCancel: this.props.onCancelConfirmationPopup, onConfirm: this.props.onConfirmConfirmationPopup, showInputBox: this.props.PopupState.ConfirmationPopup.ShowInputBox, messageType: this.props.PopupState.ConfirmationPopup.MessageType, api: this.props.AdaptableApi })),
-            Boolean(this.props.PopupState.ScreenPopup.ShowScreenPopup) && (React.createElement(AdaptablePopup_1.AdaptablePopup, { componentName: this.props.PopupState.ScreenPopup.ComponentName, componentModule: this.props.PopupState.ScreenPopup.ComponentModule, onHide: this.props.onCloseScreenPopup, api: this.props.AdaptableApi, onClearParams: () => this.props.onClearPopupParams(), moduleParams: this.props.PopupState.ScreenPopup.Params, moduleProps: this.props.PopupState.ScreenPopup.PopupProps })),
-            React.createElement(Toastify_1.ToastContainer
+            React.createElement(NotePopup, null),
+            React.createElement(QuickSearchDrawer, null),
+            this.props.AdaptableApi.internalApi.getModuleService().isModuleAvailable('Dashboard') && (React.createElement(Dashboard, { api: this.props.AdaptableApi })),
+            this.props.AdaptableApi.optionsApi.getUserInterfaceOptions().showLoadingScreen && (React.createElement(AdaptableLoadingScreen, { onClose: this.props.onCloseLoadingPopup, showLoadingScreen: this.props.PopupState.LoadingPopup.ShowLoadingPopup })),
+            this.props.PopupState.PromptPopup.ShowPromptPopup && (React.createElement(AdaptablePopupPrompt, { message: this.props.PopupState.PromptPopup.Message, header: this.props.PopupState.PromptPopup.Header, onClose: this.props.onClosePromptPopup, onConfirm: this.props.onConfirmPromptPopup, onConfirmActionCreator: this.props.PopupState.PromptPopup.ConfirmActionCreator, defaultValue: this.props.PopupState.PromptPopup.DefaultValue })),
+            Boolean(this.props.PopupState.ConfirmationPopup.ShowConfirmationPopup) && (React.createElement(AdaptablePopupConfirmation, { header: this.props.PopupState.ConfirmationPopup.Header, messsage: this.props.PopupState.ConfirmationPopup.Msg, showPopup: this.props.PopupState.ConfirmationPopup.ShowConfirmationPopup, cancelButtonText: this.props.PopupState.ConfirmationPopup.CancelButtonText, confirmButtonText: this.props.PopupState.ConfirmationPopup.ConfirmButtonText, onCancel: this.props.onCancelConfirmationPopup, onConfirm: this.props.onConfirmConfirmationPopup, showInputBox: this.props.PopupState.ConfirmationPopup.ShowInputBox, messageType: this.props.PopupState.ConfirmationPopup.MessageType, api: this.props.AdaptableApi })),
+            Boolean(this.props.PopupState.ScreenPopup.ShowScreenPopup) && (React.createElement(AdaptablePopup, { componentName: this.props.PopupState.ScreenPopup.ComponentName, componentModule: this.props.PopupState.ScreenPopup.ComponentModule, onHide: this.props.onCloseScreenPopup, api: this.props.AdaptableApi, onClearParams: () => this.props.onClearPopupParams(), moduleParams: this.props.PopupState.ScreenPopup.Params, moduleProps: this.props.PopupState.ScreenPopup.PopupProps })),
+            React.createElement(ToastContainer
             // we NEEEEED!!!! this containerId, otherwise, toastify will have memory leaks when the adaptable
             // instance is destroyed and re-created many times
             , { 
                 // we NEEEEED!!!! this containerId, otherwise, toastify will have memory leaks when the adaptable
                 // instance is destroyed and re-created many times
                 containerId: adaptableOptions.adaptableId, enableMultiContainer: true, limit: adaptableOptions.notificationsOptions.maxNotifications, closeButton: false, icon: false, theme: "colored" }),
-            (watermark === null || watermark === void 0 ? void 0 : watermark.show) && React.createElement(License_1.LicenseWatermark, null, watermark === null || watermark === void 0 ? void 0 : watermark.text),
-            React.createElement(WindowPopups_1.WindowPopups, null),
-            React.createElement(FormPopups_1.FormPopups, null),
-            React.createElement(ProgressIndicator_1.ProgressIndicator, null)));
+            (watermark === null || watermark === void 0 ? void 0 : watermark.show) && React.createElement(LicenseWatermark, null, watermark === null || watermark === void 0 ? void 0 : watermark.text),
+            React.createElement(WindowPopups, null),
+            React.createElement(FormPopups, null),
+            React.createElement(ProgressIndicator, null)));
     }
 }
 function mapStateToProps(state, ownProps) {
@@ -62,6 +58,5 @@ function mapDispatchToProps(dispatch) {
         onClearPopupParams: () => dispatch(PopupRedux.PopupClearParam()),
     };
 }
-let AdaptableWrapper = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(AdaptableView);
-const AdaptableApp = ({ Adaptable }) => (0, renderWithAdaptableContext_1.renderWithAdaptableContext)(React.createElement(AdaptableWrapper, { Adaptable: Adaptable }), Adaptable);
-exports.AdaptableApp = AdaptableApp;
+let AdaptableWrapper = connect(mapStateToProps, mapDispatchToProps)(AdaptableView);
+export const AdaptableApp = ({ Adaptable }) => renderWithAdaptableContext(React.createElement(AdaptableWrapper, { Adaptable: Adaptable }), Adaptable);

package/src/View/AdaptableViewFactory.js

@@ -1,71 +1,69 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AdaptableViewPanelFactory = exports.AdaptableViewFactory = void 0;
-const tslib_1 = require("tslib");
-const SmartEditPopup_1 = require("./SmartEdit/SmartEditPopup");
-const QuickSearchPopup_1 = require("./QuickSearch/QuickSearchPopup");
-const ThemePopup_1 = require("./Theme/ThemePopup");
-const ToolPanelPopup_1 = require("./Components/ToolPanel/ToolPanelPopup");
-const GridInfoPopup_1 = require("./GridInfo/GridInfoPopup/GridInfoPopup");
-const DashboardPopup_1 = require("./Dashboard/DashboardPopup");
-const StateManagementPopup_1 = require("./StateManagement/StateManagementPopup");
-const ModuleConstants = tslib_1.__importStar(require("../Utilities/Constants/ModuleConstants"));
-const BulkUpdatePopup_1 = require("./BulkUpdate/BulkUpdatePopup");
-const CellSummaryPopup_1 = require("./CellSummary/CellSummaryPopup");
-const SystemStatusPopup_1 = require("./SystemStatus/SystemStatusPopup");
-const AlertViewPanel_1 = require("./Alert/AlertViewPanel");
-const BulkUpdateViewPanel_1 = require("./BulkUpdate/BulkUpdateViewPanel");
-const CellSummaryViewPanel_1 = require("./CellSummary/CellSummaryViewPanel");
-const FilterViewPanel_1 = require("./Filter/FilterViewPanel");
-const DashboardViewPanel_1 = require("./Dashboard/DashboardViewPanel");
-const ExportViewPanel_1 = require("./Export/ExportViewPanel");
-const LayoutViewPanel_1 = require("./Layout/LayoutViewPanel");
-const QueryViewPanel_1 = require("./Query/QueryViewPanel");
-const QuickSearchViewPanel_1 = require("./QuickSearch/QuickSearchViewPanel");
-const SmartEditViewPanel_1 = require("./SmartEdit/SmartEditViewPanel");
-const SystemStatusViewPanel_1 = require("./SystemStatus/SystemStatusViewPanel");
-const ThemeViewPanel_1 = require("./Theme/ThemeViewPanel");
-const DataSetViewPanel_1 = require("./DataSet/DataSetViewPanel");
-const DataChangeHistoryPopup_1 = require("./DataChangeHistory/DataChangeHistoryPopup");
-const DataChangeHistoryViewPanel_1 = require("./DataChangeHistory/DataChangeHistoryViewPanel");
-const StateManagementViewPanel_1 = require("./StateManagement/StateManagementViewPanel");
-const StatusBarPopup_1 = require("./StatusBar/StatusBarPopup");
-const ChartingViewPanel_1 = require("./Charting/ChartingViewPanel");
-const ColumnInfoPopup_1 = require("./ColumnInfo/ColumnInfoPopup");
-const NotesListing_1 = require("./Notes/NotesListing");
-const DataImportPopup_1 = require("./DataImport/DataImportPopup");
-exports.AdaptableViewFactory = {
-    BulkUpdatePopup: BulkUpdatePopup_1.BulkUpdatePopup,
-    DashboardPopup: DashboardPopup_1.DashboardPopup,
-    StateManagementPopup: StateManagementPopup_1.StateManagementPopup,
-    GridInfoPopup: GridInfoPopup_1.GridInfoPopup,
-    ColumnInfoPopup: ColumnInfoPopup_1.ColumnInfoPopup,
-    StatusBarPopup: StatusBarPopup_1.StatusBarPopup,
-    QuickSearchPopup: QuickSearchPopup_1.QuickSearchPopup,
-    CellSummaryPopup: CellSummaryPopup_1.CellSummaryPopup,
-    SmartEditPopup: SmartEditPopup_1.SmartEditPopup,
-    ThemePopup: ThemePopup_1.ThemePopup,
-    ToolPanelPopup: ToolPanelPopup_1.ToolPanelPopup,
-    SystemStatusPopup: SystemStatusPopup_1.SystemStatusPopup,
-    DataChangeHistoryPopup: DataChangeHistoryPopup_1.DataChangeHistoryPopup,
-    NotesPopup: NotesListing_1.NotesListing,
-    DataImportPopup: DataImportPopup_1.DataImportPopup,
+import { SmartEditPopup } from './SmartEdit/SmartEditPopup';
+import { QuickSearchPopup } from './QuickSearch/QuickSearchPopup';
+import { ThemePopup } from './Theme/ThemePopup';
+import { ToolPanelPopup } from './Components/ToolPanel/ToolPanelPopup';
+import { GridInfoPopup } from './GridInfo/GridInfoPopup/GridInfoPopup';
+import { DashboardPopup } from './Dashboard/DashboardPopup';
+import { StateManagementPopup } from './StateManagement/StateManagementPopup';
+import * as ModuleConstants from '../Utilities/Constants/ModuleConstants';
+import { BulkUpdatePopup } from './BulkUpdate/BulkUpdatePopup';
+import { CellSummaryPopup } from './CellSummary/CellSummaryPopup';
+import { SystemStatusPopup } from './SystemStatus/SystemStatusPopup';
+import { AlertViewPanelControl } from './Alert/AlertViewPanel';
+import { BulkUpdateViewPanelControl } from './BulkUpdate/BulkUpdateViewPanel';
+import { CellSummaryViewPanelControl } from './CellSummary/CellSummaryViewPanel';
+import { FilterViewPanelControl } from './Filter/FilterViewPanel';
+import { DashboardViewPanelControl } from './Dashboard/DashboardViewPanel';
+import { ExportViewPanelControl } from './Export/ExportViewPanel';
+import { LayoutViewPanelControl } from './Layout/LayoutViewPanel';
+import { GridFilterPanelControl } from './GridFilter/GridFilterViewPanel';
+import { QuickSearchViewPanelControl } from './QuickSearch/QuickSearchViewPanel';
+import { SmartEditViewPanelControl } from './SmartEdit/SmartEditViewPanel';
+import { SystemStatusViewPanel } from './SystemStatus/SystemStatusViewPanel';
+import { ThemeViewPanelControl } from './Theme/ThemeViewPanel';
+import { DataSetViewPanelControl } from './DataSet/DataSetViewPanel';
+import { DataChangeHistoryPopup } from './DataChangeHistory/DataChangeHistoryPopup';
+import { DataChangeHistoryViewPanelControl } from './DataChangeHistory/DataChangeHistoryViewPanel';
+import { StateManagementViewPanel } from './StateManagement/StateManagementViewPanel';
+import { StatusBarPopup } from './StatusBar/StatusBarPopup';
+import { ChartingViewPanel } from './Charting/ChartingViewPanel';
+import { GridFilterPopup } from './GridFilter/GridFilterPopup';
+import { ColumnInfoPopup } from './ColumnInfo/ColumnInfoPopup';
+import { NotesListing } from './Notes/NotesListing';
+import { DataImportPopup } from './DataImport/DataImportPopup';
+export const AdaptableViewFactory = {
+    BulkUpdatePopup,
+    DashboardPopup,
+    StateManagementPopup,
+    GridInfoPopup,
+    ColumnInfoPopup,
+    StatusBarPopup,
+    QuickSearchPopup,
+    CellSummaryPopup,
+    SmartEditPopup,
+    ThemePopup,
+    ToolPanelPopup,
+    SystemStatusPopup,
+    DataChangeHistoryPopup,
+    NotesPopup: NotesListing,
+    DataImportPopup,
+    GridFilterPopup,
 };
-exports.AdaptableViewPanelFactory = new Map([
-    [ModuleConstants.AlertModuleId, AlertViewPanel_1.AlertViewPanelControl],
-    [ModuleConstants.BulkUpdateModuleId, BulkUpdateViewPanel_1.BulkUpdateViewPanelControl],
-    [ModuleConstants.CellSummaryModuleId, CellSummaryViewPanel_1.CellSummaryViewPanelControl],
-    [ModuleConstants.FilterModuleId, FilterViewPanel_1.FilterViewPanelControl],
-    [ModuleConstants.DashboardModuleId, DashboardViewPanel_1.DashboardViewPanelControl],
-    [ModuleConstants.ExportModuleId, ExportViewPanel_1.ExportViewPanelControl],
-    [ModuleConstants.LayoutModuleId, LayoutViewPanel_1.LayoutViewPanelControl],
-    [ModuleConstants.QueryModuleId, QueryViewPanel_1.QueryViewPanelControl],
-    [ModuleConstants.QuickSearchModuleId, QuickSearchViewPanel_1.QuickSearchViewPanelControl],
-    [ModuleConstants.SmartEditModuleId, SmartEditViewPanel_1.SmartEditViewPanelControl],
-    [ModuleConstants.SystemStatusModuleId, SystemStatusViewPanel_1.SystemStatusViewPanel],
-    [ModuleConstants.ThemeModuleId, ThemeViewPanel_1.ThemeViewPanelControl],
-    [ModuleConstants.DataSetModuleId, DataSetViewPanel_1.DataSetViewPanelControl],
-    [ModuleConstants.DataChangeHistoryModuleId, DataChangeHistoryViewPanel_1.DataChangeHistoryViewPanelControl],
-    [ModuleConstants.StateManagementModuleId, StateManagementViewPanel_1.StateManagementViewPanel],
-    [ModuleConstants.ChartingModuleId, ChartingViewPanel_1.ChartingViewPanel],
+export const AdaptableViewPanelFactory = new Map([
+    [ModuleConstants.AlertModuleId, AlertViewPanelControl],
+    [ModuleConstants.BulkUpdateModuleId, BulkUpdateViewPanelControl],
+    [ModuleConstants.CellSummaryModuleId, CellSummaryViewPanelControl],
+    [ModuleConstants.ColumnFilterModuleId, FilterViewPanelControl],
+    [ModuleConstants.DashboardModuleId, DashboardViewPanelControl],
+    [ModuleConstants.ExportModuleId, ExportViewPanelControl],
+    [ModuleConstants.LayoutModuleId, LayoutViewPanelControl],
+    [ModuleConstants.GridFilterModuleId, GridFilterPanelControl],
+    [ModuleConstants.QuickSearchModuleId, QuickSearchViewPanelControl],
+    [ModuleConstants.SmartEditModuleId, SmartEditViewPanelControl],
+    [ModuleConstants.SystemStatusModuleId, SystemStatusViewPanel],
+    [ModuleConstants.ThemeModuleId, ThemeViewPanelControl],
+    [ModuleConstants.DataSetModuleId, DataSetViewPanelControl],
+    [ModuleConstants.DataChangeHistoryModuleId, DataChangeHistoryViewPanelControl],
+    [ModuleConstants.StateManagementModuleId, StateManagementViewPanel],
+    [ModuleConstants.ChartingModuleId, ChartingViewPanel],
 ]);

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/AdaptableConfig.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/AdaptableOptionsForm.js

@@ -1,24 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AdaptableOptionsForm = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
-const CheckBox_1 = require("../../../components/CheckBox");
-const DropdownButton_1 = tslib_1.__importDefault(require("../../../components/DropdownButton"));
-const HelpBlock_1 = tslib_1.__importDefault(require("../../../components/HelpBlock"));
-const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
-const StringExtensions_1 = tslib_1.__importDefault(require("../../../Utilities/Extensions/StringExtensions"));
-const MetamodelService_1 = require("../../../Utilities/Services/MetamodelService");
-const AdaptablePopover_1 = require("../../AdaptablePopover");
+import * as React from 'react';
+import { Box, Flex } from 'rebass';
+import { CheckBox } from '../../../components/CheckBox';
+import DropdownButton from '../../../components/DropdownButton';
+import HelpBlock from '../../../components/HelpBlock';
+import Input from '../../../components/Input';
+import StringExtensions from '../../../Utilities/Extensions/StringExtensions';
+import { MetamodelService } from '../../../Utilities/Services/MetamodelService';
+import { AdaptablePopover } from '../../AdaptablePopover';
 const LABEL_WIDTH = 250;
 const SUPPORTED_PRIMITEVE_TYPES = ['s', 'n', 'b'];
 const OptionInput = (props) => {
     const { name, defaultValue, value, description, uiLabel } = props.option;
-    const label = uiLabel !== null && uiLabel !== void 0 ? uiLabel : StringExtensions_1.default.Humanize(name);
+    const label = uiLabel !== null && uiLabel !== void 0 ? uiLabel : StringExtensions.Humanize(name);
     let input = React.createElement(React.Fragment, null);
-    const info = (React.createElement(rebass_1.Box, { ml: 2 },
-        React.createElement(AdaptablePopover_1.AdaptablePopover, { headerText: null, bodyText: [description] })));
+    const info = (React.createElement(Box, { ml: 2 },
+        React.createElement(AdaptablePopover, { headerText: null, bodyText: [description] })));
     const handleInputChange = (event) => props.onChange(Object.assign(Object.assign({}, props.option), { value: event.currentTarget.value }));
     const handleCheckboxChange = (checked) => props.onChange(Object.assign(Object.assign({}, props.option), { value: checked }));
     // option is mutated to acomodate complex types overrides
@@ -47,50 +43,50 @@ const OptionInput = (props) => {
             .split('|')
             .map((str) => str.trim().replace(/['"]/g, ''))
             .map((str) => ({
-            label: StringExtensions_1.default.Humanize(str),
+            label: StringExtensions.Humanize(str),
             onClick: () => props.onChange(Object.assign(Object.assign({}, option), { value: str })),
         }));
-        input = (React.createElement(DropdownButton_1.default, Object.assign({}, inputProps, { columns: ['label'], items: options }), StringExtensions_1.default.Humanize(value)));
+        input = (React.createElement(DropdownButton, Object.assign({}, inputProps, { columns: ['label'], items: options }), StringExtensions.Humanize(value)));
     }
     else {
         switch (option.kind) {
             case 'n':
-                input = React.createElement(Input_1.default, Object.assign({ type: "number", onChange: handleInputChange }, inputProps));
+                input = React.createElement(Input, Object.assign({ type: "number", onChange: handleInputChange }, inputProps));
                 break;
             case 's':
-                input = React.createElement(Input_1.default, Object.assign({ type: "text", onChange: handleInputChange }, inputProps));
+                input = React.createElement(Input, Object.assign({ type: "text", onChange: handleInputChange }, inputProps));
                 break;
             case 'b':
-                input = (React.createElement(CheckBox_1.CheckBox, { onChange: handleCheckboxChange, checked: Boolean(value), type: "date" }, label));
+                input = (React.createElement(CheckBox, { onChange: handleCheckboxChange, checked: Boolean(value), type: "date" }, label));
                 break;
         }
     }
     let content = (React.createElement(React.Fragment, null,
-        React.createElement(rebass_1.Flex, { minWidth: LABEL_WIDTH, alignItems: "center" },
+        React.createElement(Flex, { minWidth: LABEL_WIDTH, alignItems: "center" },
             label,
             " ",
             info),
         input));
     if (option.kind === 'b') {
-        content = (React.createElement(rebass_1.Flex, { alignItems: "center" },
+        content = (React.createElement(Flex, { alignItems: "center" },
             input,
             " ",
             info));
     }
-    return (React.createElement(rebass_1.Flex, { mb: 2, pl: 1 }, content));
+    return (React.createElement(Flex, { mb: 2, pl: 1 }, content));
 };
 const OptionsSection = (props) => {
     var _a;
     if (!props.options.length) {
         return React.createElement(React.Fragment, null);
     }
-    return (React.createElement(rebass_1.Box, { mb: 2 },
-        React.createElement(HelpBlock_1.default, { mb: 2 }, (_a = props.name) !== null && _a !== void 0 ? _a : props.id),
+    return (React.createElement(Box, { mb: 2 },
+        React.createElement(HelpBlock, { mb: 2 }, (_a = props.name) !== null && _a !== void 0 ? _a : props.id),
         props.options.map((option, index) => (React.createElement(OptionInput, { key: index, option: option, onChange: props.onChange })))));
 };
-const AdaptableOptionsForm = (props) => {
+export const AdaptableOptionsForm = (props) => {
     const nocodeOptions = React.useMemo(() => {
-        const metamodelService = new MetamodelService_1.MetamodelService(() => props.adaptableOptions);
+        const metamodelService = new MetamodelService(() => props.adaptableOptions);
         return [...metamodelService.getGridInfoNoCodeOptions()];
     }, [props.adaptableOptions]);
     const handleOptionChange = (sectionName) => (option) => {
@@ -105,8 +101,7 @@ const AdaptableOptionsForm = (props) => {
         }
         props.onChangedAdaptableOptions(adaptableOptions);
     };
-    return (React.createElement(rebass_1.Box, { p: 2 }, nocodeOptions.map(([sectionName, { containerLabel, items }]) => {
+    return (React.createElement(Box, { p: 2 }, nocodeOptions.map(([sectionName, { containerLabel, items }]) => {
         return (React.createElement(OptionsSection, { onChange: handleOptionChange(sectionName), key: sectionName, id: sectionName, name: containerLabel, options: items }));
     })));
 };
-exports.AdaptableOptionsForm = AdaptableOptionsForm;