@adaptabletools/adaptable 12.0.0-canary.1 → 12.0.0-canary.4

package/src/View/AdaptableWizardView/Wizard.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+import { Reducer, ReactNode } from 'react';
+import { AdaptableOptions } from '../../types';
+import { ConfigurationWizardProps } from './AdaptableConfigurationDialog/ConfigurationWizard';
+export interface AdaptableWizardViewProps {
+    adaptableOptions?: Omit<AdaptableOptions, 'primaryKey'> & {
+        primaryKey?: string;
+    };
+    /**
+     * Default true.
+     */
+    ddEnabled?: boolean;
+    /**
+     * When true the the configuration wizard will be shown.
+     * It will use the available information in adaptableOptions & gridOptions.
+     * This mode skips over interpreting data to figure-out columns.
+     */
+    skipToWizard?: boolean;
+    onInit: (adaptableOptions: AdaptableOptions) => any;
+    fileContentsToJSON?: (str: string) => Promise<any> | any;
+    readFile?: (file: File) => Promise<any>;
+    fileAccept?: string;
+    helpText?: React.ReactNode;
+    loadingMessage?: ReactNode;
+    defaultActionMessage?: ReactNode;
+    dragOverActionMessage?: ReactNode;
+    fetchData?: () => Promise<Record<string, any>[]>;
+    showFetchDataWizard?: boolean;
+    startSections?: ConfigurationWizardProps['startSections'];
+    prepareData?: (data: any, file?: File) => {
+        columns: string[];
+        data: any[];
+        primaryKey?: string;
+    };
+}
+export declare const initialState: Partial<WizardState>;
+export declare const reducer: Reducer<WizardState, any>;
+interface WizardState {
+    dropped: boolean;
+    error: any;
+    adaptableOptions: AdaptableOptions;
+}
+/**
+ * The wizard in a few modes:
+ *
+ * 1. Based on data:
+ * 1.1 Drag and drop a file
+ * 1.2 Fetch data from a url
+ *
+ * 2. Based on configuration:
+ * Provide a schema, on how the data looks like.
+ */
+export declare const Wizard: (props: AdaptableWizardViewProps) => JSX.Element;
+export {};

package/src/View/AdaptableWizardView/Wizard.js

@@ -0,0 +1,100 @@
+"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 = {
+    dropped: false,
+};
+const reducer = (state, action) => {
+    if (action.type === 'DROPPED') {
+        return Object.assign(Object.assign({}, state), { adaptableOptions: action.payload, dropped: true, error: null });
+    }
+    if (action.type === 'ERROR') {
+        return Object.assign(Object.assign({}, state), { dropped: false, error: action.payload });
+    }
+    if (action.type === 'CANCEL') {
+        return Object.assign(Object.assign({}, state), { error: null, dropped: false });
+    }
+    return state;
+};
+exports.reducer = reducer;
+/**
+ * The wizard in a few modes:
+ *
+ * 1. Based on data:
+ * 1.1 Drag and drop a file
+ * 1.2 Fetch data from a url
+ *
+ * 2. Based on configuration:
+ * Provide a schema, on how the data looks like.
+ */
+const Wizard = (props) => {
+    var _a;
+    const [state, dispatch] = react_1.useReducer(exports.reducer, Object.assign(Object.assign({}, exports.initialState), { adaptableOptions: props.adaptableOptions }));
+    const [droppableKey, setDroppableKey] = react_1.useState(Date.now());
+    const [isDataLoading, setIsDataLoading] = react_1.useState(false);
+    const handleDataSource = (array, file) => {
+        const dataSourceInfo = (props.prepareData || helper_1.prepareDataSource)(array, file);
+        try {
+            Utils_1.validDataSource(dataSourceInfo);
+        }
+        catch (err) {
+            return dispatch({
+                type: 'ERROR',
+                payload: `Invalid adaptable configuration - ${err}`,
+            });
+        }
+        const gridOptions = helper_1.prepareGridOptions(dataSourceInfo);
+        const adaptableOptions = Object.assign({}, props.adaptableOptions);
+        adaptableOptions.adaptableId = adaptableOptions.adaptableId || (file ? file.name : '');
+        adaptableOptions.gridOptions = gridOptions;
+        if (dataSourceInfo.primaryKey) {
+            adaptableOptions.primaryKey = dataSourceInfo.primaryKey;
+        }
+        const shouldShowWizard = props.fetchData ? Boolean(props.showFetchDataWizard) : true;
+        if (shouldShowWizard) {
+            dispatch({
+                type: 'DROPPED',
+                payload: adaptableOptions,
+            });
+        }
+        else {
+            props.onInit(adaptableOptions);
+        }
+    };
+    let wizard;
+    if (props.skipToWizard || state.dropped) {
+        wizard = (React.createElement(AdaptableConfigurationDialog_1.default, { startSections: props.startSections, adaptableOptions: state.adaptableOptions, onCancel: () => {
+                // change the file droppable component key
+                // so it's remounted and it's in the initial state
+                setDroppableKey(Date.now());
+                dispatch({
+                    type: 'CANCEL',
+                });
+            }, onFinish: (adaptableOptions) => {
+                props.onInit(adaptableOptions);
+            } }));
+    }
+    react_1.useEffect(() => {
+        if (props.fetchData) {
+            setIsDataLoading(true);
+            props.fetchData().then((data) => {
+                handleDataSource(data);
+                setIsDataLoading(false);
+            });
+        }
+    }, []);
+    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-nocode-wizard', 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-nocode-wizard', alignItems: "center", justifyContent: "center", flexDirection: "column" }, props.loadingMessage || 'Loading ...')),
+        wizard));
+};
+exports.Wizard = Wizard;

package/src/View/AdaptableWizardView/helper.js

@@ -11,7 +11,7 @@ exports.prepareGridOptions = exports.getColTypeFromValue = exports.prepareDataSo
  * so if we receive v2, we transform it to 1
  * @param json
  */
-exports.prepareDataSource = (json, _file) => {
+const prepareDataSource = (json, _file) => {
     if (!Array.isArray(json) || !json.length) {
         return {
             primaryKey: undefined,
@@ -45,6 +45,7 @@ exports.prepareDataSource = (json, _file) => {
         data,
     };
 };
+exports.prepareDataSource = prepareDataSource;
 const typeToColType = {
     string: 'abColDefString',
     number: 'abColDefNumber',
@@ -52,7 +53,7 @@ const typeToColType = {
     date: 'abColDefDate',
 };
 const abColDefCustom = 'abColDefCustom';
-exports.getColTypeFromValue = (value) => {
+const getColTypeFromValue = (value) => {
     const dataType = typeof value;
     let columnType = typeToColType[dataType] || typeToColType.string;
     if (value instanceof Date) {
@@ -63,7 +64,8 @@ exports.getColTypeFromValue = (value) => {
     }
     return columnType;
 };
-exports.prepareGridOptions = (dataSourceInfo) => {
+exports.getColTypeFromValue = getColTypeFromValue;
+const prepareGridOptions = (dataSourceInfo) => {
     const firstItem = dataSourceInfo.data[0];
     const columnDefs = dataSourceInfo.columns.map((columnName) => {
         const firstItemValue = firstItem[columnName];
@@ -91,3 +93,4 @@ exports.prepareGridOptions = (dataSourceInfo) => {
     };
     return gridOptions;
 };
+exports.prepareGridOptions = prepareGridOptions;

package/src/View/AdaptableWizardView/index.d.ts

@@ -1,25 +1,4 @@
 import * as React from 'react';
-import { ReactNode } from 'react';
-import { AdaptableOptions } from '../../AdaptableOptions/AdaptableOptions';
-interface AdaptableWizardViewProps {
-    adaptableOptions?: Omit<AdaptableOptions, 'primaryKey'> & {
-        primaryKey?: string;
-    };
-    onInit: (adaptableOptions: AdaptableOptions) => any;
-    fileContentsToJSON?: (str: string) => Promise<any> | any;
-    readFile?: (file: File) => Promise<any>;
-    fileAccept?: string;
-    helpText?: React.ReactNode;
-    loadingMessage?: ReactNode;
-    defaultActionMessage?: ReactNode;
-    dragOverActionMessage?: ReactNode;
-    fetchData?: () => Promise<Record<string, any>[]>;
-    showFetchDataWizard?: boolean;
-    prepareData?: (data: any, file?: File) => {
-        columns: string[];
-        data: any[];
-        primaryKey?: string;
-    };
-}
+import { AdaptableWizardViewProps } from './Wizard';
 declare const AdaptableWizardView: React.FunctionComponent<AdaptableWizardViewProps>;
 export default AdaptableWizardView;

package/src/View/AdaptableWizardView/index.js

@@ -3,109 +3,8 @@ 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 react_1 = require("react");
 const theme_1 = tslib_1.__importDefault(require("../../theme"));
-const FileDroppable_1 = tslib_1.__importDefault(require("../../components/FileDroppable"));
-const helper_1 = require("./helper");
-const rebass_1 = require("rebass");
-const AdaptableConfigurationDialog_1 = tslib_1.__importDefault(require("./AdaptableConfigurationDialog"));
+const Wizard_1 = require("./Wizard");
 const AdaptableWizardView = (props) => (React.createElement(styled_components_1.ThemeProvider, { theme: theme_1.default },
-    React.createElement(Wizard, Object.assign({}, props))));
-const initialState = {
-    dropped: false,
-};
-const reducer = (state, action) => {
-    if (action.type === 'DROPPED') {
-        return Object.assign(Object.assign({}, state), { adaptableOptions: action.payload, dropped: true, error: null });
-    }
-    if (action.type === 'ERROR') {
-        return Object.assign(Object.assign({}, state), { dropped: false, error: action.payload });
-    }
-    if (action.type === 'CANCEL') {
-        return Object.assign(Object.assign({}, state), { error: null, dropped: false });
-    }
-    return state;
-};
-const validDataSource = (dataSourceInfo) => {
-    if (!dataSourceInfo || !Array.isArray(dataSourceInfo.columns)) {
-        throw `We can't find any columns in your configuration`;
-    }
-    if (!dataSourceInfo.columns.length) {
-        throw 'You should have at least one column';
-    }
-    const allStringColumns = dataSourceInfo.columns.reduce((acc, col) => {
-        if (!col || typeof col !== 'string') {
-            return false;
-        }
-        return acc;
-    }, true);
-    if (!allStringColumns) {
-        throw `Some of your columns are not strings`;
-    }
-    if (!Array.isArray(dataSourceInfo.data)) {
-        throw `We can't find the data array in your configuration`;
-    }
-    return true;
-};
-const Wizard = (props) => {
-    const [state, dispatch] = react_1.useReducer(reducer, Object.assign(Object.assign({}, initialState), { adaptableOptions: props.adaptableOptions }));
-    const [droppableKey, setDroppableKey] = react_1.useState(Date.now());
-    const [isDataLoading, setIsDataLoading] = react_1.useState(false);
-    const handleDataSource = (array, file) => {
-        const dataSourceInfo = (props.prepareData || helper_1.prepareDataSource)(array, file);
-        try {
-            validDataSource(dataSourceInfo);
-        }
-        catch (err) {
-            return dispatch({
-                type: 'ERROR',
-                payload: `Invalid adaptable configuration - ${err}`,
-            });
-        }
-        const gridOptions = helper_1.prepareGridOptions(dataSourceInfo);
-        const adaptableOptions = Object.assign({}, props.adaptableOptions);
-        adaptableOptions.adaptableId = adaptableOptions.adaptableId || (file ? file.name : '');
-        adaptableOptions.gridOptions = gridOptions;
-        if (dataSourceInfo.primaryKey) {
-            adaptableOptions.primaryKey = dataSourceInfo.primaryKey;
-        }
-        const shouldShowWizard = props.fetchData ? Boolean(props.showFetchDataWizard) : true;
-        if (shouldShowWizard) {
-            dispatch({
-                type: 'DROPPED',
-                payload: adaptableOptions,
-            });
-        }
-        else {
-            props.onInit(adaptableOptions);
-        }
-    };
-    let wizard;
-    if (state.dropped) {
-        wizard = (React.createElement(AdaptableConfigurationDialog_1.default, { adaptableOptions: state.adaptableOptions, onCancel: () => {
-                // change the file droppable component key
-                // so it's remounted and it's in the initial state
-                setDroppableKey(Date.now());
-                dispatch({
-                    type: 'CANCEL',
-                });
-            }, onFinish: (adaptableOptions) => {
-                props.onInit(adaptableOptions);
-            } }));
-    }
-    react_1.useEffect(() => {
-        if (props.fetchData) {
-            setIsDataLoading(true);
-            props.fetchData().then((data) => {
-                handleDataSource(data);
-                setIsDataLoading(false);
-            });
-        }
-    }, []);
-    const ddEnabled = !props.fetchData;
-    return (React.createElement(React.Fragment, null,
-        ddEnabled && (React.createElement(FileDroppable_1.default, { key: droppableKey, className: 'ab-nocode-wizard', 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-nocode-wizard', alignItems: "center", justifyContent: "center", flexDirection: "column" }, props.loadingMessage || 'Loading ...')),
-        wizard));
-};
+    React.createElement(Wizard_1.Wizard, Object.assign({}, props))));
 exports.default = AdaptableWizardView;

package/src/View/Alert/ActiveAlertsPanel.js

@@ -7,9 +7,10 @@ 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");
-exports.ActiveAlertsPanel = () => {
+const ActiveAlertsPanel = () => {
     const adaptable = AdaptableContext_1.useAdaptable();
     const filterModule = adaptable.ModuleService.getModuleById(ModuleConstants.AlertModuleId);
     const alerts = react_redux_1.useSelector((state) => state.System.AdaptableAlerts);
     return React.createElement(AdaptableObjectCompactList_1.AdaptableObjectCompactList, { abObjects: alerts, module: filterModule });
 };
+exports.ActiveAlertsPanel = ActiveAlertsPanel;

package/src/View/Alert/AlertEmptyView.js

@@ -4,7 +4,7 @@ exports.AlertEmptyView = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const AdaptableContext_1 = require("../AdaptableContext");
-exports.AlertEmptyView = (props) => {
+const AlertEmptyView = (props) => {
     const adaptable = AdaptableContext_1.useAdaptable();
     const accessLevel = adaptable.api.internalApi
         .getEntitlementService()
@@ -14,3 +14,4 @@ exports.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/AlertStatusSubPanel.js

@@ -10,7 +10,7 @@ const StatusBarPanel_1 = require("../StatusBar/StatusBarPanel");
 const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
 const ActiveAlertsPanel_1 = require("./ActiveAlertsPanel");
 const initialStyle = { color: '', background: '' };
-exports.AlertStatusPanel = () => {
+const AlertStatusPanel = () => {
     const adaptable = AdaptableContext_1.useAdaptable();
     const [style, setStyle] = React.useState(initialStyle);
     const module = adaptable.ModuleService.getModuleById(ModuleConstants.AlertModuleId);
@@ -50,3 +50,4 @@ exports.AlertStatusPanel = () => {
     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 }));
 };
+exports.AlertStatusPanel = AlertStatusPanel;

package/src/View/Alert/Utilities/getAlertButtonStyle.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAlertButtonStyle = void 0;
 const tslib_1 = require("tslib");
 const UIHelper_1 = tslib_1.__importDefault(require("../../UIHelper"));
-exports.getAlertButtonStyle = (alerts) => {
+const getAlertButtonStyle = (alerts) => {
     const messageType = UIHelper_1.default.getMessageTypeFromAdaptableAlerts(alerts);
     const messageTypeColor = UIHelper_1.default.getColorByMessageType(messageType);
     const buttonBackground = UIHelper_1.default.getButtonColourForAdaptableAlerts(alerts, messageTypeColor);
@@ -13,3 +13,4 @@ exports.getAlertButtonStyle = (alerts) => {
         background: buttonBackground,
     };
 };
+exports.getAlertButtonStyle = getAlertButtonStyle;

package/src/View/Alert/Wizard/AlertBehaviourWizardSection.js

@@ -48,7 +48,7 @@ const HighlightStyle = (props) => {
                     } }))))));
 };
 // both used in wizard and list view
-exports.renderAlertBehaviourSummary = (alert, api, allowWrap = false) => {
+const renderAlertBehaviourSummary = (alert, api, allowWrap = false) => {
     const { AlertProperties = {} } = alert;
     const values = [
         AlertProperties.PreventEdit ? { label: 'Prevent Cell Edit', id: 'preventCellEdit' } : null,
@@ -82,8 +82,9 @@ exports.renderAlertBehaviourSummary = (alert, api, allowWrap = false) => {
             return React.createElement(React.Fragment, null, x.label);
         } }));
 };
-exports.AlertBehaviourWizardSection = (props) => {
-    const { data, api } = OnePageAdaptableWizard_1.useOnePageWizardContext();
+exports.renderAlertBehaviourSummary = renderAlertBehaviourSummary;
+const AlertBehaviourWizardSection = (props) => {
+    const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     const { AlertProperties = {} } = data;
     const rowAddedAlert = api.internalApi.isAlertDefinitionForAddedRowChangeEvent(data);
     const rowRemovedAlert = api.internalApi.isAlertDefinitionForRemovedRowChangeEvent(data);
@@ -126,3 +127,4 @@ exports.AlertBehaviourWizardSection = (props) => {
                     onChange({ LogToConsole });
                 } }, "Log To Console"))));
 };
+exports.AlertBehaviourWizardSection = AlertBehaviourWizardSection;

package/src/View/Alert/Wizard/AlertButtonsEditor.d.ts

@@ -2,10 +2,10 @@
 import { AlertButton } from '../../../PredefinedConfig/AlertState';
 import { AdaptableAlert } from '../../../PredefinedConfig/Common/AdaptableAlert';
 import { AdaptableApi } from '../../../Api/AdaptableApi';
-import { AlertButtonContext } from '../../../types';
+import { AlertFormContext } from '../../../types';
 declare type AlertButtonsEditorProps = {
-    AlertButtons: AlertButton<AlertButtonContext>[];
-    onChange: (buttons: AlertButton<AlertButtonContext>[]) => void;
+    AlertButtons: AlertButton<AlertFormContext>[];
+    onChange: (buttons: AlertButton<AlertFormContext>[]) => void;
     api: AdaptableApi;
     adaptableAlert: AdaptableAlert;
 };

package/src/View/Alert/Wizard/AlertButtonsEditor.js

@@ -12,7 +12,7 @@ const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayou
 const CheckBox_1 = require("../../../components/CheckBox");
 const Helper_1 = require("../../../Utilities/Helpers/Helper");
 const StringExtensions_1 = tslib_1.__importDefault(require("../../../Utilities/Extensions/StringExtensions"));
-exports.AlertButtonsEditor = (props) => {
+const AlertButtonsEditor = (props) => {
     const { api, adaptableAlert } = props;
     const onChange = (newButtons) => {
         props.onChange(newButtons);
@@ -147,3 +147,4 @@ exports.AlertButtonsEditor = (props) => {
                                 btnUserFunctions.join(', ')))) : null))));
         })));
 };
+exports.AlertButtonsEditor = AlertButtonsEditor;

package/src/View/Alert/Wizard/AlertDisplayWizardSection.js

@@ -20,9 +20,9 @@ const DEFAULT_BUTTONS = [
         },
     },
 ];
-exports.renderAlertDisplaySummary = () => {
+const renderAlertDisplaySummary = () => {
     var _a;
-    const { data, api } = OnePageAdaptableWizard_1.useOnePageWizardContext();
+    const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     if (!((_a = data.AlertProperties) === null || _a === void 0 ? void 0 : _a.DisplayNotification)) {
         return (React.createElement(rebass_1.Text, { fontSize: 2 },
             "Alert type ",
@@ -31,7 +31,8 @@ exports.renderAlertDisplaySummary = () => {
     }
     return React.createElement(exports.AlertPreview, { api: api, alertDefinition: data });
 };
-exports.AlertPreview = (_a) => {
+exports.renderAlertDisplaySummary = renderAlertDisplaySummary;
+const AlertPreview = (_a) => {
     var { alertDefinition, api, focusFirstButton } = _a, boxProps = tslib_1.__rest(_a, ["alertDefinition", "api", "focusFirstButton"]);
     const mapButtons = React.useCallback((button) => {
         let buttonStyle = button.ButtonStyle;
@@ -55,9 +56,10 @@ exports.AlertPreview = (_a) => {
     return (React.createElement(rebass_1.Box, Object.assign({}, boxProps, { style: Object.assign({ border: '1px solid var(--ab-color-inputborder)' }, boxProps.style) }),
         React.createElement(AdaptablePopupAlert_1.AdaptablePopupAlert, { headless: true, focusFirstButton: focusFirstButton, adaptableAlert: alertToPreview, onClose: () => { } })));
 };
-exports.AlertDisplayWizardSection = (props) => {
+exports.AlertPreview = AlertPreview;
+const AlertDisplayWizardSection = (props) => {
     var _a, _b, _c, _d;
-    const { data, api } = OnePageAdaptableWizard_1.useOnePageWizardContext();
+    const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     const messageType = data.MessageType;
     const messageText = api.alertApi.getAlertDescription(data);
     const adaptableAlert = {
@@ -106,3 +108,4 @@ exports.AlertDisplayWizardSection = (props) => {
             React.createElement(Tabs_1.Tabs.Tab, null, "Alert preview"),
             React.createElement(Tabs_1.Tabs.Content, null, typeof data.AlertForm === 'string' ? (React.createElement(rebass_1.Text, { fontSize: 2 }, "Preview not available because form is dynamically driven")) : (React.createElement(exports.AlertPreview, { alertDefinition: data, api: api }))))) : null));
 };
+exports.AlertDisplayWizardSection = AlertDisplayWizardSection;

package/src/View/Alert/Wizard/AlertRulesWizardSection.js

@@ -6,10 +6,11 @@ const React = tslib_1.__importStar(require("react"));
 const BaseAlertRulesWizardSection_1 = require("./BaseAlertRulesWizardSection");
 const EntityRulesEditor_1 = require("../../Components/EntityRulesEditor");
 const Tag_1 = require("../../../components/Tag");
-exports.AlertRulesWizardSection = (props) => {
+const AlertRulesWizardSection = (props) => {
     return React.createElement(BaseAlertRulesWizardSection_1.BaseAlertRulesWizardSection, Object.assign({}, props));
 };
-exports.renderAlertRulesSummary = (alertDefinition) => {
+exports.AlertRulesWizardSection = AlertRulesWizardSection;
+const renderAlertRulesSummary = (alertDefinition) => {
     return (React.createElement(EntityRulesEditor_1.EntityRulesSummary, { data: alertDefinition, renderPredicate: (contents) => {
             return (React.createElement(React.Fragment, null,
                 "Alert condition ",
@@ -20,3 +21,4 @@ exports.renderAlertRulesSummary = (alertDefinition) => {
                 React.createElement(Tag_1.Tag, null, contents)));
         } }));
 };
+exports.renderAlertRulesSummary = renderAlertRulesSummary;

package/src/View/Alert/Wizard/AlertScopeWizardSection.js

@@ -4,6 +4,7 @@ exports.AlertScopeWizardSection = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const BaseAlertScopeWizardSection_1 = require("./BaseAlertScopeWizardSection");
-exports.AlertScopeWizardSection = (props) => {
+const AlertScopeWizardSection = (props) => {
     return React.createElement(BaseAlertScopeWizardSection_1.BaseAlertScopeWizardSection, Object.assign({}, props));
 };
+exports.AlertScopeWizardSection = AlertScopeWizardSection;

package/src/View/Alert/Wizard/AlertWizard.js

@@ -20,7 +20,7 @@ const react_redux_1 = require("react-redux");
 const AlertRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/AlertRedux"));
 const AdaptableContext_1 = require("../../AdaptableContext");
 const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
-exports.AlertWizard = (props) => {
+const AlertWizard = (props) => {
     const [alertDefinition, setAlertDefinition] = react_1.useState(() => {
         var _a;
         const alertDefinition = props.data
@@ -177,3 +177,4 @@ exports.AlertWizard = (props) => {
             },
         ] }));
 };
+exports.AlertWizard = AlertWizard;

package/src/View/Alert/Wizard/BaseAlertRulesWizardSection.js

@@ -5,8 +5,8 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
 const EntityRulesEditor_1 = require("../../Components/EntityRulesEditor");
-exports.BaseAlertRulesWizardSection = (props) => {
-    const { data, api, moduleInfo } = OnePageAdaptableWizard_1.useOnePageWizardContext();
+const BaseAlertRulesWizardSection = (props) => {
+    const { data, api, moduleInfo } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     const wholeRowScope = props.wholeRowScope != null ? props.wholeRowScope : api.scopeApi.scopeIsAll(data.Scope);
     const predicateDefs = api.alertApi.getAlertPredicateDefsForScope(data.Scope);
     return (React.createElement(EntityRulesEditor_1.EntityRulesEditor, { module: moduleInfo.ModuleName, defaultPredicateId: "Any", data: data, predicateDefs: predicateDefs, onChange: props.onChange, showAggregation: !wholeRowScope ? false : true, showObservable: !wholeRowScope ? false : true, showBoolean: true, showPredicate: true, descriptions: {
@@ -25,3 +25,4 @@ exports.BaseAlertRulesWizardSection = (props) => {
                 " is 'Whole Row' - so any data change may be evaluated in a complex AggregatedBooleanExpression")),
         } }));
 };
+exports.BaseAlertRulesWizardSection = BaseAlertRulesWizardSection;

package/src/View/Alert/Wizard/BaseAlertScopeWizardSection.js

@@ -7,8 +7,8 @@ const rebass_1 = require("rebass");
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
 const NewScopeComponent_1 = require("../../Components/NewScopeComponent");
 const ValueSelector_1 = require("../../Components/ValueSelector");
-exports.BaseAlertScopeWizardSection = (props) => {
-    const { data, api } = OnePageAdaptableWizard_1.useOnePageWizardContext();
+const BaseAlertScopeWizardSection = (props) => {
+    const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     return (React.createElement(rebass_1.Flex, { flexDirection: "column", style: { height: '100%' }, padding: 2 },
         React.createElement(NewScopeComponent_1.NewScopeComponent, { descriptions: {
                 rowScope: 'Changes anywhere in the row will trigger an alert',
@@ -40,8 +40,9 @@ exports.BaseAlertScopeWizardSection = (props) => {
                 props.onChange(newData);
             } })));
 };
-exports.renderBaseAlertScopeSummary = (data) => {
-    const { api: { scopeApi }, } = OnePageAdaptableWizard_1.useOnePageWizardContext();
+exports.BaseAlertScopeWizardSection = BaseAlertScopeWizardSection;
+const renderBaseAlertScopeSummary = (data) => {
+    const { api: { scopeApi }, } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     const columnsInScope = scopeApi.getColumnsForScope(data.Scope);
     return (React.createElement(React.Fragment, null,
         React.createElement(rebass_1.Box, null,
@@ -55,3 +56,4 @@ exports.renderBaseAlertScopeSummary = (data) => {
             React.createElement(rebass_1.Text, { fontSize: 2, mb: 2 }, "Changes in columns of the selected data-types trigger an alert"),
             React.createElement(ValueSelector_1.ValueOptionsTags, { readOnly: true, options: data.Scope.DataTypes, value: data.Scope.DataTypes, toLabel: (c) => c, allowWrap: true, renderLabel: (c) => React.createElement(React.Fragment, null, `DataType: ${c}`), toIdentifier: (c) => c }))) : null)));
 };
+exports.renderBaseAlertScopeSummary = renderBaseAlertScopeSummary;

package/src/View/Alert/Wizard/isValidAlertRules.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isValidAlertRules = void 0;
 const ModuleConstants_1 = require("../../../Utilities/Constants/ModuleConstants");
-exports.isValidAlertRules = (alert, api, context) => {
+const isValidAlertRules = (alert, api, context) => {
     let valid = true;
     if (!alert.Rule.Predicate &&
         !alert.Rule.BooleanExpression &&
@@ -43,3 +43,4 @@ exports.isValidAlertRules = (alert, api, context) => {
     }
     return true;
 };
+exports.isValidAlertRules = isValidAlertRules;

package/src/View/CalculatedColumn/CalculatedColumnSummary.d.ts

@@ -16,4 +16,4 @@ export declare class CalculatedColumnSummaryComponent extends React.Component<Ca
     onFinishWizard: (calculatedColumn: CalculatedColumn) => void;
     canFinishWizard(): boolean;
 }
-export declare let CalculatedColumnSummary: import("react-redux").ConnectedComponent<typeof CalculatedColumnSummaryComponent, Pick<React.ClassAttributes<CalculatedColumnSummaryComponent> & CalculatedColumnSummaryProps, never>>;
+export declare let CalculatedColumnSummary: import("react-redux").ConnectedComponent<typeof CalculatedColumnSummaryComponent, import("react-redux").Omit<React.ClassAttributes<CalculatedColumnSummaryComponent> & CalculatedColumnSummaryProps, "ref" | "key" | "api" | "onSuspend" | "accessLevel" | "popupParams" | "onClearPopupParams" | "teamSharingActivated" | "onClosePopup" | "moduleInfo" | "onUnSuspend" | "modalContainer" | "onShare" | "onEdit" | "summarisedColumn" | "CalculatedColumns" | "onDeleteConfirm">>;

package/src/View/CalculatedColumn/Utilities/getCalculatedColumnSettingTags.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCalculatedColumnSettingTags = void 0;
-exports.getCalculatedColumnSettingTags = (settings) => {
+const getCalculatedColumnSettingTags = (settings) => {
     const { DataType, Width, Filterable, Resizable, Groupable, Sortable, Pivotable, Aggregatable } = settings !== null && settings !== void 0 ? settings : {};
     return [
         DataType ? `DataType: ${DataType}` : null,
@@ -14,3 +14,4 @@ exports.getCalculatedColumnSettingTags = (settings) => {
         Aggregatable ? 'Aggregatable' : null,
     ].filter(Boolean);
 };
+exports.getCalculatedColumnSettingTags = getCalculatedColumnSettingTags;