@adaptabletools/adaptable 16.2.3 → 17.0.0-canary.0

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/UIOptions/UIOptionsSidebarForm.js

@@ -1,14 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIOptionsSidebarForm = 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 FormLayout_1 = tslib_1.__importStar(require("../../../../components/FormLayout"));
-const HelpBlock_1 = tslib_1.__importDefault(require("../../../../components/HelpBlock"));
-const StringExtensions_1 = tslib_1.__importDefault(require("../../../../Utilities/Extensions/StringExtensions"));
+import * as React from 'react';
+import { Box, Flex } from 'rebass';
+import { CheckBox } from '../../../../components/CheckBox';
+import DropdownButton from '../../../../components/DropdownButton';
+import FormLayout, { FormRow } from '../../../../components/FormLayout';
+import HelpBlock from '../../../../components/HelpBlock';
+import StringExtensions from '../../../../Utilities/Extensions/StringExtensions';
 const ALL_SIDEBAR_OPTIONS = ['columns', 'filters', 'adaptable'];
 const prepareSidebarDef = (sideBar) => {
     sideBar = sideBar;
@@ -36,12 +32,12 @@ const isSidebarChecked = (sideBar, panelName) => {
         return panelId === panelName;
     });
 };
-const UIOptionsSidebarForm = (props) => {
+export const UIOptionsSidebarForm = (props) => {
     var _a;
     const { gridOptions, onChange } = props;
     const sideBar = prepareSidebarDef(gridOptions.sideBar);
     const renderSidebarCheckbox = (sidebarName) => {
-        return (React.createElement(CheckBox_1.CheckBox, { mr: 3, key: sidebarName, checked: isSidebarChecked(sideBar, sidebarName), onChange: (check) => handleToolpanelsChange(sidebarName, check) }, StringExtensions_1.default.Humanize(sidebarName)));
+        return (React.createElement(CheckBox, { mr: 3, key: sidebarName, checked: isSidebarChecked(sideBar, sidebarName), onChange: (check) => handleToolpanelsChange(sidebarName, check) }, StringExtensions.Humanize(sidebarName)));
     };
     const handleToolpanelsChange = (panelName, check) => {
         var _a, _b;
@@ -67,15 +63,14 @@ const UIOptionsSidebarForm = (props) => {
         const newGridOptions = Object.assign(Object.assign({}, gridOptions), { sideBar: Object.assign(Object.assign({}, sideBar), { position }) });
         props.onChange(newGridOptions);
     };
-    return (React.createElement(rebass_1.Box, null,
-        React.createElement(HelpBlock_1.default, null, "Tool Panels"),
-        React.createElement(rebass_1.Box, { m: 2 },
-            React.createElement(rebass_1.Flex, { mb: 2 }, ALL_SIDEBAR_OPTIONS.map(renderSidebarCheckbox)),
-            React.createElement(FormLayout_1.default, { columns: [{ name: 'label' }, { name: 'children' }] },
-                React.createElement(FormLayout_1.FormRow, { label: "Position" },
-                    React.createElement(DropdownButton_1.default, { columns: ['label'], items: [
+    return (React.createElement(Box, null,
+        React.createElement(HelpBlock, null, "Tool Panels"),
+        React.createElement(Box, { m: 2 },
+            React.createElement(Flex, { mb: 2 }, ALL_SIDEBAR_OPTIONS.map(renderSidebarCheckbox)),
+            React.createElement(FormLayout, { columns: [{ name: 'label' }, { name: 'children' }] },
+                React.createElement(FormRow, { label: "Position" },
+                    React.createElement(DropdownButton, { columns: ['label'], items: [
                             { label: 'Left', onClick: () => handleSidebarPositionChange('left') },
                             { label: 'Right', onClick: () => handleSidebarPositionChange('right') },
                         ] }, sidebarPosition === 'left' ? 'Left' : 'Right'))))));
 };
-exports.UIOptionsSidebarForm = UIOptionsSidebarForm;

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/UIOptions/UIOptionsStatusbarForm.js

@@ -1,17 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIOptionsStatusbarForm = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
-const ModuleManager_1 = require("../../../../components/DragAndDropContext/ModuleManager");
-const HelpBlock_1 = tslib_1.__importDefault(require("../../../../components/HelpBlock"));
-const FormLayout_1 = tslib_1.__importStar(require("../../../../components/FormLayout"));
-const Input_1 = tslib_1.__importDefault(require("../../../../components/Input"));
-const SimpleButton_1 = tslib_1.__importDefault(require("../../../../components/SimpleButton"));
-const DropdownButton_1 = tslib_1.__importDefault(require("../../../../components/DropdownButton"));
-const FormBox_1 = require("../Components/FormBox");
-const UIOptionsStatusbarForm = (props) => {
+import * as React from 'react';
+import { Box } from 'rebass';
+import { ModuleManager } from '../../../../components/DragAndDropContext/ModuleManager';
+import HelpBlock from '../../../../components/HelpBlock';
+import FormLayout, { FormRow } from '../../../../components/FormLayout';
+import Input from '../../../../components/Input';
+import SimpleButton from '../../../../components/SimpleButton';
+import DropdownButton from '../../../../components/DropdownButton';
+import { NocodeWizardFormBox } from '../Components/FormBox';
+export const UIOptionsStatusbarForm = (props) => {
     var _a, _b, _c, _d;
     const allPanels = (_c = (_b = (_a = props.gridOptions) === null || _a === void 0 ? void 0 : _a.statusBar) === null || _b === void 0 ? void 0 : _b.statusPanels) !== null && _c !== void 0 ? _c : [];
     const panelIdtoPanel = (panelsIds, align) => panelsIds.map((panelId) => {
@@ -80,24 +76,23 @@ const UIOptionsStatusbarForm = (props) => {
         setAdaptablePanelAlign('left');
         props.onChange(Object.assign(Object.assign({}, props.gridOptions), { statusBar: Object.assign(Object.assign({}, props.gridOptions.statusBar), { statusPanels: newStatusbarPanels }) }));
     };
-    return (React.createElement(rebass_1.Box, null,
-        React.createElement(HelpBlock_1.default, null, "Status Bar"),
-        React.createElement(rebass_1.Box, { p: 2 },
-            React.createElement(FormBox_1.NocodeWizardFormBox, null,
-                React.createElement(rebass_1.Box, { as: "b" }, "Create Adaptable Statusbar Panel"),
-                React.createElement(FormLayout_1.default, { mt: 2 },
-                    React.createElement(FormLayout_1.FormRow, { label: "Panel Name" },
-                        React.createElement(Input_1.default, { value: adaptablePanelTitle, placehoder: 'Adaptable Panel Name', onChange: (event) => setAdaptablePanelTitle(event.target.value) })),
-                    React.createElement(FormLayout_1.FormRow, { label: "Align" },
-                        React.createElement(DropdownButton_1.default, { columns: ['label'], items: alignOptions }, (_d = alignOptions.find((option) => option.value === adaptablePanelAlign)) === null || _d === void 0 ? void 0 : _d.label)),
-                    React.createElement(FormLayout_1.FormRow, { label: "" },
-                        React.createElement(SimpleButton_1.default, { disabled: !isAdaptablePanelTitleAvailable, onClick: handleNewAdaptablePanel, icon: "plus", variant: "raised" }, "Add"),
-                        !isAdaptablePanelTitleAvailable && (React.createElement(rebass_1.Box, { mt: 2, color: "var(--ab-color-error)" }, "Adaptable panel name must be unique."))))),
-            React.createElement(ModuleManager_1.ModuleManager, { permittedActions: {
+    return (React.createElement(Box, null,
+        React.createElement(HelpBlock, null, "Status Bar"),
+        React.createElement(Box, { p: 2 },
+            React.createElement(NocodeWizardFormBox, null,
+                React.createElement(Box, { as: "b" }, "Create Adaptable Statusbar Panel"),
+                React.createElement(FormLayout, { mt: 2 },
+                    React.createElement(FormRow, { label: "Panel Name" },
+                        React.createElement(Input, { value: adaptablePanelTitle, placehoder: 'Adaptable Panel Name', onChange: (event) => setAdaptablePanelTitle(event.target.value) })),
+                    React.createElement(FormRow, { label: "Align" },
+                        React.createElement(DropdownButton, { columns: ['label'], items: alignOptions }, (_d = alignOptions.find((option) => option.value === adaptablePanelAlign)) === null || _d === void 0 ? void 0 : _d.label)),
+                    React.createElement(FormRow, { label: "" },
+                        React.createElement(SimpleButton, { disabled: !isAdaptablePanelTitleAvailable, onClick: handleNewAdaptablePanel, icon: "plus", variant: "raised" }, "Add"),
+                        !isAdaptablePanelTitleAvailable && (React.createElement(Box, { mt: 2, color: "var(--ab-color-error)" }, "Adaptable panel name must be unique."))))),
+            React.createElement(ModuleManager, { permittedActions: {
                     createTab: false,
                     dragAndDropTab: false,
                     deleteTab: false,
                     editTabName: false,
                 }, onTabsChange: handleTabChange, disabled: disabled, tabs: tabs, availableItems: availableItems, tabsTitle: 'Status Bar Panels', unusedPanelTitle: "Ag Grid Status Bar Panels", dragItemText: "Drag into a Status Bar Panel below" }))));
 };
-exports.UIOptionsStatusbarForm = UIOptionsStatusbarForm;

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/UIOptions/UiOptionsForm.js

@@ -1,25 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIElementsForm = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
-const Tabs_1 = require("../../../../components/Tabs");
-const UIOptionsActionColumnsForm_1 = require("./UIOptionsActionColumnsForm");
-const UIOptionsSidebarForm_1 = require("./UIOptionsSidebarForm");
-const UIOptionsStatusbarForm_1 = require("./UIOptionsStatusbarForm");
-const UIElementsForm = (props) => {
-    return (React.createElement(rebass_1.Box, { p: 2 },
-        React.createElement(Tabs_1.Tabs, null,
-            React.createElement(Tabs_1.Tabs.Tab, null, "Tool Panel"),
-            React.createElement(Tabs_1.Tabs.Tab, null, "Status Bar"),
-            React.createElement(Tabs_1.Tabs.Tab, null, "Action Rows"),
-            React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(UIOptionsSidebarForm_1.UIOptionsSidebarForm, { gridOptions: props.gridOptions, onChange: props.onChangedGridOptions })),
-            React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(UIOptionsStatusbarForm_1.UIOptionsStatusbarForm, { gridOptions: props.gridOptions, onChange: props.onChangedGridOptions })),
+import * as React from 'react';
+import { Box } from 'rebass';
+import { Tabs } from '../../../../components/Tabs';
+import { UIOptionsActionColumnsForm } from './UIOptionsActionColumnsForm';
+import { UIOptionsSidebarForm } from './UIOptionsSidebarForm';
+import { UIOptionsStatusbarForm } from './UIOptionsStatusbarForm';
+export const UIElementsForm = (props) => {
+    return (React.createElement(Box, { p: 2 },
+        React.createElement(Tabs, null,
+            React.createElement(Tabs.Tab, null, "Tool Panel"),
+            React.createElement(Tabs.Tab, null, "Status Bar"),
+            React.createElement(Tabs.Tab, null, "Action Rows"),
+            React.createElement(Tabs.Content, null,
+                React.createElement(UIOptionsSidebarForm, { gridOptions: props.gridOptions, onChange: props.onChangedGridOptions })),
+            React.createElement(Tabs.Content, null,
+                React.createElement(UIOptionsStatusbarForm, { gridOptions: props.gridOptions, onChange: props.onChangedGridOptions })),
             ' ',
-            React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(UIOptionsActionColumnsForm_1.UIOptionsActionColumnsForm, { abOptions: props.adaptableOptions, onChange: props.onChangedAdaptableOptions })))));
+            React.createElement(Tabs.Content, null,
+                React.createElement(UIOptionsActionColumnsForm, { abOptions: props.adaptableOptions, onChange: props.onChangedAdaptableOptions })))));
 };
-exports.UIElementsForm = UIElementsForm;

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

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const ConfigurationWizard_1 = require("./ConfigurationWizard");
-exports.default = ConfigurationWizard_1.ConfigurationWizard;
+import { ConfigurationWizard } from './ConfigurationWizard';
+export default ConfigurationWizard;

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

@@ -1,11 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
+import { useState } from 'react';
 const useSelection = (columns, defaultValue, fieldName, changeListeners) => {
     changeListeners = changeListeners || {};
     const onChange = changeListeners.onChange || ((column, flag) => { });
     const onBatchChange = changeListeners.onBatchChange || ((flag) => { });
-    const [selected, setSelected] = (0, react_1.useState)(typeof defaultValue === 'object'
+    const [selected, setSelected] = useState(typeof defaultValue === 'object'
         ? defaultValue
         : columns.reduce((acc, col) => {
             const flag = fieldName ? col[fieldName] : defaultValue;
@@ -59,4 +57,4 @@ const useSelection = (columns, defaultValue, fieldName, changeListeners) => {
     };
     return result;
 };
-exports.default = useSelection;
+export default useSelection;

package/src/View/AdaptableWizardView/Utils.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.validDataSource = void 0;
-const validDataSource = (dataSourceInfo) => {
+export const validDataSource = (dataSourceInfo) => {
     if (!dataSourceInfo || !Array.isArray(dataSourceInfo.columns)) {
         throw `We can't find any columns in your configuration`;
     }
@@ -22,4 +19,3 @@ const validDataSource = (dataSourceInfo) => {
     }
     return true;
 };
-exports.validDataSource = validDataSource;

package/src/View/AdaptableWizardView/Wizard.js

@@ -1,18 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Wizard = exports.reducer = exports.initialState = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_1 = require("react");
-const helper_1 = require("./helper");
-const rebass_1 = require("rebass");
-const AdaptableConfigurationDialog_1 = tslib_1.__importDefault(require("./AdaptableConfigurationDialog"));
-const FileDroppable_1 = tslib_1.__importDefault(require("../../components/FileDroppable"));
-const Utils_1 = require("./Utils");
-exports.initialState = {
+import * as React from 'react';
+import { useReducer, useState, useEffect } from 'react';
+import { prepareDataSource, prepareGridOptions } from './helper';
+import { Flex } from 'rebass';
+import ConfigurationDialog from './AdaptableConfigurationDialog';
+import FileDroppable from '../../components/FileDroppable';
+import { validDataSource } from './Utils';
+export const initialState = {
     dropped: false,
 };
-const reducer = (state, action) => {
+export const reducer = (state, action) => {
     if (action.type === 'DROPPED') {
         return Object.assign(Object.assign({}, state), { adaptableOptions: action.payload.adaptableOptions, gridOptions: action.payload.gridOptions, dropped: true, error: null });
     }
@@ -24,7 +20,6 @@ const reducer = (state, action) => {
     }
     return state;
 };
-exports.reducer = reducer;
 /**
  * The wizard in a few modes:
  *
@@ -35,15 +30,15 @@ exports.reducer = reducer;
  * 2. Based on configuration:
  * Provide a schema, on how the data looks like.
  */
-const Wizard = (props) => {
+export const Wizard = (props) => {
     var _a;
-    const [state, dispatch] = (0, react_1.useReducer)(exports.reducer, Object.assign(Object.assign({}, exports.initialState), { adaptableOptions: props.adaptableOptions, gridOptions: props.gridOptions }));
-    const [droppableKey, setDroppableKey] = (0, react_1.useState)(Date.now());
-    const [isDataLoading, setIsDataLoading] = (0, react_1.useState)(false);
+    const [state, dispatch] = useReducer(reducer, Object.assign(Object.assign({}, initialState), { adaptableOptions: props.adaptableOptions, gridOptions: props.gridOptions }));
+    const [droppableKey, setDroppableKey] = useState(Date.now());
+    const [isDataLoading, setIsDataLoading] = useState(false);
     const handleDataSource = (array, file) => {
-        const dataSourceInfo = (props.prepareData || helper_1.prepareDataSource)(array, file);
+        const dataSourceInfo = (props.prepareData || prepareDataSource)(array, file);
         try {
-            (0, Utils_1.validDataSource)(dataSourceInfo);
+            validDataSource(dataSourceInfo);
         }
         catch (err) {
             return dispatch({
@@ -51,7 +46,7 @@ const Wizard = (props) => {
                 payload: `Invalid adaptable configuration - ${err}`,
             });
         }
-        const gridOptions = (0, helper_1.prepareGridOptions)(dataSourceInfo, props.gridOptions);
+        const gridOptions = prepareGridOptions(dataSourceInfo, props.gridOptions);
         const adaptableOptions = Object.assign({}, props.adaptableOptions);
         adaptableOptions.adaptableId = adaptableOptions.adaptableId || (file ? file.name : '');
         if (dataSourceInfo.primaryKey) {
@@ -70,7 +65,7 @@ const Wizard = (props) => {
     };
     let wizard;
     if (props.skipToWizard || state.dropped) {
-        wizard = (React.createElement(AdaptableConfigurationDialog_1.default, { startSections: props.startSections, adaptableConfig: {
+        wizard = (React.createElement(ConfigurationDialog, { startSections: props.startSections, adaptableConfig: {
                 adaptableOptions: state.adaptableOptions,
                 gridOptions: state.gridOptions,
             }, onCancel: () => {
@@ -84,7 +79,7 @@ const Wizard = (props) => {
                 props.onInit(adaptableConfig.adaptableOptions, adaptableConfig.gridOptions);
             } }));
     }
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (props.fetchData) {
             setIsDataLoading(true);
             props.fetchData().then((data) => {
@@ -95,8 +90,7 @@ const Wizard = (props) => {
     }, []);
     const ddEnabled = (_a = props.ddEnabled) !== null && _a !== void 0 ? _a : !props.fetchData;
     return (React.createElement(React.Fragment, null,
-        ddEnabled && (React.createElement(FileDroppable_1.default, { key: droppableKey, className: 'ab-NocodeWizard', toJSON: props.fileContentsToJSON, readFile: props.readFile, fileAccept: props.fileAccept, helpText: props.helpText, message: state.error, defaultText: props.defaultActionMessage, dragOverText: props.dragOverActionMessage, loadingText: props.loadingMessage, onDropSuccess: handleDataSource })),
-        isDataLoading && (React.createElement(rebass_1.Flex, { className: 'ab-NocodeWizard', alignItems: "center", justifyContent: "center", flexDirection: "column" }, props.loadingMessage || 'Loading ...')),
+        ddEnabled && (React.createElement(FileDroppable, { key: droppableKey, className: 'ab-NocodeWizard', toJSON: props.fileContentsToJSON, readFile: props.readFile, fileAccept: props.fileAccept, helpText: props.helpText, message: state.error, defaultText: props.defaultActionMessage, dragOverText: props.dragOverActionMessage, loadingText: props.loadingMessage, onDropSuccess: handleDataSource })),
+        isDataLoading && (React.createElement(Flex, { className: 'ab-NocodeWizard', alignItems: "center", justifyContent: "center", flexDirection: "column" }, props.loadingMessage || 'Loading ...')),
         wizard));
 };
-exports.Wizard = Wizard;

package/src/View/AdaptableWizardView/helper.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.prepareGridOptions = exports.getColTypeFromValue = exports.prepareDataSource = void 0;
 /**
  * There are two ways in which the datasource can be dropped in the wizard:
  *
@@ -11,7 +8,7 @@ exports.prepareGridOptions = exports.getColTypeFromValue = exports.prepareDataSo
  * so if we receive v2, we transform it to 1
  * @param json
  */
-const prepareDataSource = (json, _file) => {
+export const prepareDataSource = (json, _file) => {
     if (!Array.isArray(json) || !json.length) {
         return {
             primaryKey: undefined,
@@ -45,7 +42,6 @@ const prepareDataSource = (json, _file) => {
         data,
     };
 };
-exports.prepareDataSource = prepareDataSource;
 const typeToColType = {
     string: 'abColDefString',
     number: 'abColDefNumber',
@@ -53,7 +49,7 @@ const typeToColType = {
     date: 'abColDefDate',
 };
 const abColDefCustom = 'abColDefCustom';
-const getColTypeFromValue = (value) => {
+export const getColTypeFromValue = (value) => {
     const dataType = typeof value;
     let columnType = typeToColType[dataType] || typeToColType.string;
     if (value instanceof Date) {
@@ -64,12 +60,11 @@ const getColTypeFromValue = (value) => {
     }
     return columnType;
 };
-exports.getColTypeFromValue = getColTypeFromValue;
-const prepareGridOptions = (dataSourceInfo, defaultGridOptions) => {
+export const prepareGridOptions = (dataSourceInfo, defaultGridOptions) => {
     const firstItem = dataSourceInfo.data[0];
     const columnDefs = dataSourceInfo.columns.map((columnName) => {
         const firstItemValue = firstItem[columnName];
-        const columnType = (0, exports.getColTypeFromValue)(firstItemValue);
+        const columnType = getColTypeFromValue(firstItemValue);
         return {
             headerName: columnName,
             field: columnName,
@@ -86,4 +81,3 @@ const prepareGridOptions = (dataSourceInfo, defaultGridOptions) => {
         }, rowData: dataSourceInfo.data, columnDefs, enableRangeSelection: true, rowSelection: 'multiple', rowHeight: 30 });
     return gridOptions;
 };
-exports.prepareGridOptions = prepareGridOptions;

package/src/View/AdaptableWizardView/index.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const styled_components_1 = require("styled-components");
-const theme_1 = tslib_1.__importDefault(require("../../theme"));
-const Wizard_1 = require("./Wizard");
-const AdaptableWizardView = (props) => (React.createElement(styled_components_1.ThemeProvider, { theme: theme_1.default },
-    React.createElement(Wizard_1.Wizard, Object.assign({}, props))));
-exports.default = AdaptableWizardView;
+import * as React from 'react';
+import { ThemeProvider } from 'styled-components';
+import theme from '../../theme';
+import { Wizard } from './Wizard';
+const AdaptableWizardView = (props) => (React.createElement(ThemeProvider, { theme: theme },
+    React.createElement(Wizard, Object.assign({}, props))));
+export default AdaptableWizardView;

package/src/View/Alert/ActiveAlertsPanel.js

@@ -1,16 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActiveAlertsPanel = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const AdaptableContext_1 = require("../AdaptableContext");
-const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
-const AdaptableObjectCompactList_1 = require("../Components/AdaptableObjectList/AdaptableObjectCompactList");
-const react_redux_1 = require("react-redux");
-const ActiveAlertsPanel = () => {
-    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+import * as React from 'react';
+import { useAdaptable } from '../AdaptableContext';
+import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
+import { AdaptableObjectCompactList } from '../Components/AdaptableObjectList/AdaptableObjectCompactList';
+import { useSelector } from 'react-redux';
+export const ActiveAlertsPanel = () => {
+    const adaptable = useAdaptable();
     const filterModule = adaptable.ModuleService.getModuleById(ModuleConstants.AlertModuleId);
-    const alerts = (0, react_redux_1.useSelector)((state) => state.System.AdaptableAlerts);
-    return React.createElement(AdaptableObjectCompactList_1.AdaptableObjectCompactList, { abObjects: alerts, module: filterModule });
+    const alerts = useSelector((state) => state.System.AdaptableAlerts);
+    return React.createElement(AdaptableObjectCompactList, { abObjects: alerts, module: filterModule });
 };
-exports.ActiveAlertsPanel = ActiveAlertsPanel;

package/src/View/Alert/ActiveAlertsPanelItemLabel.js

@@ -1,22 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActiveAlertsPanelItemLabel = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
-const icons_1 = require("../../components/icons");
-const UIHelper_1 = tslib_1.__importDefault(require("../UIHelper"));
-const ActiveAlertsPanelItemLabel = (props) => {
-    const iconColor = UIHelper_1.default.getColorByMessageType(props.data.alertDefinition.MessageType);
+import * as React from 'react';
+import { Box, Text } from 'rebass';
+import { allIcons } from '../../components/icons';
+import UIHelper from '../UIHelper';
+export const ActiveAlertsPanelItemLabel = (props) => {
+    const iconColor = UIHelper.getColorByMessageType(props.data.alertDefinition.MessageType);
     const iconStyle = {
         color: iconColor,
         fill: iconColor,
     };
-    const iconName = UIHelper_1.default.getGlyphByMessageType(props.data.alertDefinition.MessageType);
-    const IconCmp = icons_1.allIcons[iconName];
+    const iconName = UIHelper.getGlyphByMessageType(props.data.alertDefinition.MessageType);
+    const IconCmp = allIcons[iconName];
     const icon = IconCmp ? React.createElement(IconCmp, null) : null;
-    return (React.createElement(rebass_1.Box, null,
-        React.createElement(rebass_1.Text, { style: Object.assign({ float: 'left' }, iconStyle) }, icon),
+    return (React.createElement(Box, null,
+        React.createElement(Text, { style: Object.assign({ float: 'left' }, iconStyle) }, icon),
         props.data.header));
 };
-exports.ActiveAlertsPanelItemLabel = ActiveAlertsPanelItemLabel;

package/src/View/Alert/AlertEmptyView.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertEmptyView = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const AdaptableContext_1 = require("../AdaptableContext");
-const AlertEmptyView = (props) => {
-    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+import * as React from 'react';
+import { useAdaptable } from '../AdaptableContext';
+export const AlertEmptyView = (props) => {
+    const adaptable = useAdaptable();
     const accessLevel = adaptable.api.internalApi
         .getEntitlementService()
         .getEntitlementAccessLevelForModule(props.module.moduleInfo.ModuleName);
@@ -14,4 +10,3 @@ const AlertEmptyView = (props) => {
         : "Click 'New' to start creating Alert Definitions. An Alert is triggered whenever an edit - or external data change - matches the Rule in the Alert Definition.";
     return React.createElement(React.Fragment, null, text);
 };
-exports.AlertEmptyView = AlertEmptyView;

package/src/View/Alert/AlertEntityRow.js

@@ -1,33 +1,28 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertEntityRow = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const EntityListActionButtons_1 = require("../Components/Buttons/EntityListActionButtons");
-const AdaptableObjectRow_1 = require("../Components/AdaptableObjectRow");
-const EntityRowItem_1 = require("../Components/EntityRowItem");
-const DropdownButton_1 = tslib_1.__importDefault(require("../../components/DropdownButton"));
-const Helper_1 = require("../../Utilities/Helpers/Helper");
-class AlertEntityRow extends React.Component {
+import * as React from 'react';
+import { EntityListActionButtons } from '../Components/Buttons/EntityListActionButtons';
+import { AdaptableObjectRow } from '../Components/AdaptableObjectRow';
+import { EntityRowItem } from '../Components/EntityRowItem';
+import DropdownButton from '../../components/DropdownButton';
+import { cloneObject } from '../../Utilities/Helpers/Helper';
+export class AlertEntityRow extends React.Component {
     render() {
         let alertDefinition = this.props.adaptableObject;
         let messageTypes = ['Info', 'Success', 'Warning', 'Error'];
-        let colItems = (0, Helper_1.cloneObject)(this.props.colItems);
-        colItems[0].Content = (React.createElement(EntityRowItem_1.EntityRowItem, { Content: this.props.api.scopeApi.getScopeToString(alertDefinition.Scope) }));
-        colItems[1].Content = (React.createElement(EntityRowItem_1.EntityRowItem, { Content: this.props.api.alertApi.internalApi.getAlertRuleDescription(alertDefinition) }));
+        let colItems = cloneObject(this.props.colItems);
+        colItems[0].Content = (React.createElement(EntityRowItem, { Content: this.props.api.scopeApi.getScopeToString(alertDefinition.Scope) }));
+        colItems[1].Content = (React.createElement(EntityRowItem, { Content: this.props.api.alertApi.internalApi.getAlertRuleDescription(alertDefinition) }));
         colItems[2].Content = (React.createElement("div", null,
-            React.createElement(DropdownButton_1.default, { showClearButton: false, items: messageTypes.map((item) => ({
+            React.createElement(DropdownButton, { showClearButton: false, items: messageTypes.map((item) => ({
                     value: item,
                     label: item,
                     onClick: () => this.onMessageTypeChanged(alertDefinition, item),
                 })), columns: ['label'], accessLevel: this.props.accessLevel }, alertDefinition.MessageType)));
-        colItems[3].Content = (React.createElement(EntityListActionButtons_1.EntityListActionButtons, { showSuspend: true, suspendableObject: alertDefinition, confirmDeleteAction: this.props.onDeleteConfirm, showShare: this.props.teamSharingActivated, editClick: () => this.props.onEdit(alertDefinition), shareClick: (config) => this.props.onShare(config), 
+        colItems[3].Content = (React.createElement(EntityListActionButtons, { showSuspend: true, suspendableObject: alertDefinition, confirmDeleteAction: this.props.onDeleteConfirm, showShare: this.props.teamSharingActivated, editClick: () => this.props.onEdit(alertDefinition), shareClick: (config) => this.props.onShare(config), 
             //overrideDisableEdit={!this.props.Column}
             entityType: this.props.moduleInfo.FriendlyName, accessLevel: this.props.accessLevel, onSuspend: this.props.onSuspend, onUnSuspend: this.props.onUnSuspend }));
-        return React.createElement(AdaptableObjectRow_1.AdaptableObjectRow, { isSuspended: alertDefinition.IsSuspended, colItems: colItems });
+        return React.createElement(AdaptableObjectRow, { isSuspended: alertDefinition.IsSuspended, colItems: colItems });
     }
     onMessageTypeChanged(alertDefinition, value) {
         this.props.onChangeMessageType(alertDefinition, value);
     }
 }
-exports.AlertEntityRow = AlertEntityRow;

package/src/View/Alert/AlertStatusSubPanel.js

@@ -1,24 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertStatusPanel = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_redux_1 = require("react-redux");
-const AdaptableContext_1 = require("../AdaptableContext");
-const getAlertButtonStyle_1 = require("./Utilities/getAlertButtonStyle");
-const StatusBarPanel_1 = require("../StatusBar/StatusBarPanel");
-const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
-const ActiveAlertsPanel_1 = require("./ActiveAlertsPanel");
+import * as React from 'react';
+import { useSelector } from 'react-redux';
+import { useAdaptable } from '../AdaptableContext';
+import { getAlertButtonStyle } from './Utilities/getAlertButtonStyle';
+import { StatusBarPanel } from '../StatusBar/StatusBarPanel';
+import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
+import { ActiveAlertsPanel } from './ActiveAlertsPanel';
 const initialStyle = { color: '', background: '' };
-const AlertStatusPanel = () => {
-    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+export const AlertStatusPanel = () => {
+    const adaptable = useAdaptable();
     const [style, setStyle] = React.useState(initialStyle);
     const module = adaptable.ModuleService.getModuleById(ModuleConstants.AlertModuleId);
     const statusbarHighlightDuration = adaptable.adaptableOptions.alertOptions.statusbarHighlightDuration;
     /**
      * Using a selector to so the component updates each time an alert is triggered.
      */
-    const alerts = (0, react_redux_1.useSelector)((state) => state.System.AdaptableAlerts);
+    const alerts = useSelector((state) => state.System.AdaptableAlerts);
     const text = alerts.length == 0 ? '0 Alerts' : alerts.length == 1 ? '1 Alert' : alerts.length + ' Alerts';
     const handleAction = React.useCallback(() => adaptable.api.alertApi.openAlertSettingsPanel(), []);
     // blinking logic
@@ -33,7 +29,7 @@ const AlertStatusPanel = () => {
         if (noNewAlerts) {
             return;
         }
-        const { color, background } = (0, getAlertButtonStyle_1.getAlertButtonStyle)(alerts);
+        const { color, background } = getAlertButtonStyle(alerts);
         setStyle({ color, background });
         if (timeoutId.current) {
             clearTimeout(timeoutId.current);
@@ -47,7 +43,6 @@ const AlertStatusPanel = () => {
             setStyle(initialStyle);
         }, statusbarHighlightDuration);
     }, [alerts]);
-    let alertsPanel = React.createElement(ActiveAlertsPanel_1.ActiveAlertsPanel, null);
-    return (React.createElement(StatusBarPanel_1.StatusBarPanel, { tooltip: module.moduleInfo.ModuleName, "data-name": module.moduleInfo.ModuleName, color: style.color, backgroundColor: style.background, onAction: handleAction, icon: module.moduleInfo.Glyph, popover: alerts.length ? alertsPanel : null, content: text }));
+    let alertsPanel = React.createElement(ActiveAlertsPanel, null);
+    return (React.createElement(StatusBarPanel, { tooltip: module.moduleInfo.ModuleName, "data-name": module.moduleInfo.ModuleName, color: style.color, backgroundColor: style.background, onAction: handleAction, icon: module.moduleInfo.Glyph, popover: alerts.length ? alertsPanel : null, content: text }));
 };
-exports.AlertStatusPanel = AlertStatusPanel;