@adaptabletools/adaptable 17.0.6 → 18.0.0-canary.0

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

@@ -1,24 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertMessageWizardSection = exports.renderAlertMessageSummary = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const Tabs_1 = require("../../../components/Tabs");
-const Radio_1 = tslib_1.__importStar(require("../../../components/Radio"));
-const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-const rebass_1 = require("rebass");
-const CodeBlock_1 = require("../../../components/CodeBlock");
-const AdaptableInput_1 = tslib_1.__importDefault(require("../../Components/AdaptableInput"));
-const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
-const renderAlertMessageSummary = () => {
-    const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    return (React.createElement(rebass_1.Text, { fontSize: 2 },
+import * as React from 'react';
+import { Tabs } from '../../../components/Tabs';
+import Radio, { RadioGroup } from '../../../components/Radio';
+import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+import { Text } from 'rebass';
+import { CodeBlock } from '../../../components/CodeBlock';
+import AdaptableInput from '../../Components/AdaptableInput';
+import FormLayout, { FormRow } from '../../../components/FormLayout';
+export const renderAlertMessageSummary = () => {
+    const { data } = useOnePageAdaptableWizardContext();
+    return (React.createElement(Text, { fontSize: 2 },
         "Message Type ",
-        React.createElement(CodeBlock_1.CodeBlock, null, data.MessageType)));
+        React.createElement(CodeBlock, null, data.MessageType)));
 };
-exports.renderAlertMessageSummary = renderAlertMessageSummary;
-const AlertMessageWizardSection = (props) => {
-    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+export const AlertMessageWizardSection = (props) => {
+    const { data, api } = useOnePageAdaptableWizardContext();
     const messageType = data.MessageType;
     const messageText = api.alertApi.internalApi.getAlertDescription(data);
     const messageHeader = data.MessageHeader;
@@ -31,27 +26,26 @@ const AlertMessageWizardSection = (props) => {
         props.onChange(Object.assign(Object.assign({}, data), { MessageHeader: value }));
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(Tabs_1.Tabs, { "data-name": "message-type" },
-            React.createElement(Tabs_1.Tabs.Tab, null, "Message Type"),
-            React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(Radio_1.RadioGroup, { value: messageType, name: "messageType", orientation: "horizontal", onRadioChange: (MessageType) => {
+        React.createElement(Tabs, { "data-name": "message-type" },
+            React.createElement(Tabs.Tab, null, "Message Type"),
+            React.createElement(Tabs.Content, null,
+                React.createElement(RadioGroup, { value: messageType, name: "messageType", orientation: "horizontal", onRadioChange: (MessageType) => {
                         props.onChange(Object.assign(Object.assign({}, data), { MessageType }));
                     } },
-                    React.createElement(Radio_1.default, { marginLeft: 1, value: "Info" }, "Info"),
-                    React.createElement(Radio_1.default, { marginLeft: 4, value: "Success" }, "Success"),
-                    React.createElement(Radio_1.default, { marginLeft: 4, value: "Warning" }, "Warning"),
-                    React.createElement(Radio_1.default, { marginLeft: 4, value: "Error" }, "Error")))),
-        React.createElement(Tabs_1.Tabs, { "data-name": "message-text", mt: 2, mb: 3, autoFocus: false },
-            React.createElement(Tabs_1.Tabs.Tab, null, "Message Text"),
-            React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(rebass_1.Text, { fontSize: 2, mt: 3, mb: 2 }, "The text to display as the Alert Message (leave blank to show automated Message based on Alert Type)"),
+                    React.createElement(Radio, { marginLeft: 1, value: "Info" }, "Info"),
+                    React.createElement(Radio, { marginLeft: 4, value: "Success" }, "Success"),
+                    React.createElement(Radio, { marginLeft: 4, value: "Warning" }, "Warning"),
+                    React.createElement(Radio, { marginLeft: 4, value: "Error" }, "Error")))),
+        React.createElement(Tabs, { "data-name": "message-text", mt: 2, mb: 3, autoFocus: false },
+            React.createElement(Tabs.Tab, null, "Message Text"),
+            React.createElement(Tabs.Content, null,
+                React.createElement(Text, { fontSize: 2, mt: 3, mb: 2 }, "The text to display as the Alert Message (leave blank to show automated Message based on Alert Type)"),
                 ' ',
-                React.createElement(FormLayout_1.default, null,
-                    React.createElement(FormLayout_1.FormRow, { label: "Header" },
-                        React.createElement(AdaptableInput_1.default, { minWidth: 250, placeholder: "use defaults", marginTop: 2, type: 'text', autoFocus: false, value: messageHeader !== null && messageHeader !== void 0 ? messageHeader : '', 
+                React.createElement(FormLayout, null,
+                    React.createElement(FormRow, { label: "Header" },
+                        React.createElement(AdaptableInput, { minWidth: 250, placeholder: "use defaults", marginTop: 2, type: 'text', autoFocus: false, value: messageHeader !== null && messageHeader !== void 0 ? messageHeader : '', 
                             // placeholder="defaults to column name"
                             onChange: (e) => onMessageHeaderChange(e) })),
-                    React.createElement(FormLayout_1.FormRow, { label: "Message" },
-                        React.createElement(AdaptableInput_1.default, { minWidth: 250, marginTop: 2, type: 'text', autoFocus: false, value: messageText !== null && messageText !== void 0 ? messageText : '', onChange: (e) => onMessageTextChange(e) })))))));
+                    React.createElement(FormRow, { label: "Message" },
+                        React.createElement(AdaptableInput, { minWidth: 250, marginTop: 2, type: 'text', autoFocus: false, value: messageText !== null && messageText !== void 0 ? messageText : '', onChange: (e) => onMessageTextChange(e) })))))));
 };
-exports.AlertMessageWizardSection = AlertMessageWizardSection;

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

@@ -1,26 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertNotificationWizardSection = exports.AlertPreview = exports.renderAlertNotificationSummary = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const Tabs_1 = require("../../../components/Tabs");
-const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-const CheckBox_1 = require("../../../components/CheckBox");
-const rebass_1 = require("rebass");
-const AdaptablePopupAlert_1 = require("../../Components/Popups/AdaptablePopupAlert");
-const AlertButtonsEditor_1 = require("./AlertButtonsEditor");
-const join_1 = tslib_1.__importDefault(require("../../../components/utils/join"));
-const renderAlertNotificationSummary = () => {
+import { __rest } from "tslib";
+import * as React from 'react';
+import { Tabs } from '../../../components/Tabs';
+import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+import { CheckBox } from '../../../components/CheckBox';
+import { Box, Text } from 'rebass';
+import { AdaptablePopupAlert } from '../../Components/Popups/AdaptablePopupAlert';
+import { AlertButtonsEditor } from './AlertButtonsEditor';
+import join from '../../../components/utils/join';
+export const renderAlertNotificationSummary = () => {
     var _a;
-    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const { data, api } = useOnePageAdaptableWizardContext();
     if (!((_a = data.AlertProperties) === null || _a === void 0 ? void 0 : _a.DisplayNotification)) {
-        return React.createElement(rebass_1.Text, { fontSize: 2 }, "No Alert Notification will be displayed");
+        return React.createElement(Text, { fontSize: 2 }, "No Alert Notification will be displayed");
     }
-    return React.createElement(exports.AlertPreview, { api: api, alertDefinition: data });
+    return React.createElement(AlertPreview, { api: api, alertDefinition: data });
 };
-exports.renderAlertNotificationSummary = renderAlertNotificationSummary;
-const AlertPreview = (_a) => {
-    var { alertDefinition, api, focusFirstButton } = _a, boxProps = tslib_1.__rest(_a, ["alertDefinition", "api", "focusFirstButton"]);
+export const AlertPreview = (_a) => {
+    var { alertDefinition, api, focusFirstButton } = _a, boxProps = __rest(_a, ["alertDefinition", "api", "focusFirstButton"]);
     const mapButtons = React.useCallback((button) => {
         let buttonStyle = button.ButtonStyle;
         if (buttonStyle && buttonStyle.tone == null && (alertDefinition === null || alertDefinition === void 0 ? void 0 : alertDefinition.MessageType)) {
@@ -41,13 +37,12 @@ const AlertPreview = (_a) => {
         };
         return result;
     }, [alertDefinition]);
-    return (React.createElement(rebass_1.Box, Object.assign({}, boxProps, { className: (0, join_1.default)(boxProps.className, 'ab-AlertPreview'), style: Object.assign({ border: '1px solid var(--ab-color-inputborder)' }, boxProps.style) }),
-        React.createElement(AdaptablePopupAlert_1.AdaptablePopupAlert, { headless: true, focusFirstButton: focusFirstButton, adaptableAlert: alertToPreview, onClose: () => { } })));
+    return (React.createElement(Box, Object.assign({}, boxProps, { className: join(boxProps.className, 'ab-AlertPreview'), style: Object.assign({ border: '1px solid var(--ab-color-inputborder)' }, boxProps.style) }),
+        React.createElement(AdaptablePopupAlert, { headless: true, focusFirstButton: focusFirstButton, adaptableAlert: alertToPreview, onClose: () => { } })));
 };
-exports.AlertPreview = AlertPreview;
-const AlertNotificationWizardSection = (props) => {
+export const AlertNotificationWizardSection = (props) => {
     var _a, _b, _c, _d;
-    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const { data, api } = useOnePageAdaptableWizardContext();
     const adaptableAlert = {
         alertType: 'generic',
         header: data.MessageType,
@@ -58,10 +53,10 @@ const AlertNotificationWizardSection = (props) => {
         data.AlertForm = api.alertApi.internalApi.getDefaultAlertNotificationForm();
     }
     return (React.createElement(React.Fragment, null,
-        React.createElement(Tabs_1.Tabs, { "data-name": "display-options", mt: 2, mb: 3, autoFocus: false },
-            React.createElement(Tabs_1.Tabs.Tab, null, "Notification Options"),
-            React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(CheckBox_1.CheckBox, { checked: (_a = data.AlertProperties) === null || _a === void 0 ? void 0 : _a.DisplayNotification, onChange: (DisplayNotification) => {
+        React.createElement(Tabs, { "data-name": "display-options", mt: 2, mb: 3, autoFocus: false },
+            React.createElement(Tabs.Tab, null, "Notification Options"),
+            React.createElement(Tabs.Content, null,
+                React.createElement(CheckBox, { checked: (_a = data.AlertProperties) === null || _a === void 0 ? void 0 : _a.DisplayNotification, onChange: (DisplayNotification) => {
                         const newAlertDefinition = Object.assign(Object.assign({}, data), { AlertProperties: Object.assign(Object.assign({}, data.AlertProperties), { DisplayNotification }) });
                         if (!DisplayNotification && typeof newAlertDefinition.AlertForm === 'object') {
                             delete newAlertDefinition.AlertForm.Buttons;
@@ -72,11 +67,10 @@ const AlertNotificationWizardSection = (props) => {
                         }
                         props.onChange(newAlertDefinition);
                     } }, "Display a Notification when Alert is triggered (with action buttons)"),
-                ((_b = data.AlertProperties) === null || _b === void 0 ? void 0 : _b.DisplayNotification) ? (typeof data.AlertForm === 'string' ? (React.createElement(rebass_1.Text, { fontSize: 2 }, "Alert buttons cannot be customized because form is dynamically driven")) : (React.createElement(AlertButtonsEditor_1.AlertButtonsEditor, { alertType: props.alertType, AlertButtons: (_c = data.AlertForm) === null || _c === void 0 ? void 0 : _c.Buttons, api: api, adaptableAlert: adaptableAlert, onChange: (buttons) => {
+                ((_b = data.AlertProperties) === null || _b === void 0 ? void 0 : _b.DisplayNotification) ? (typeof data.AlertForm === 'string' ? (React.createElement(Text, { fontSize: 2 }, "Alert buttons cannot be customized because form is dynamically driven")) : (React.createElement(AlertButtonsEditor, { alertType: props.alertType, AlertButtons: (_c = data.AlertForm) === null || _c === void 0 ? void 0 : _c.Buttons, api: api, adaptableAlert: adaptableAlert, onChange: (buttons) => {
                         props.onChange(Object.assign(Object.assign({}, data), { AlertForm: Object.assign(Object.assign({}, data.AlertForm), { Buttons: buttons }) }));
                     } }))) : null)),
-        ((_d = data.AlertProperties) === null || _d === void 0 ? void 0 : _d.DisplayNotification) ? (React.createElement(Tabs_1.Tabs, { "data-name": "alert-preview", autoFocus: false },
-            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));
+        ((_d = data.AlertProperties) === null || _d === void 0 ? void 0 : _d.DisplayNotification) ? (React.createElement(Tabs, { "data-name": "alert-preview", autoFocus: false },
+            React.createElement(Tabs.Tab, null, "Alert Preview"),
+            React.createElement(Tabs.Content, null, typeof data.AlertForm === 'string' ? (React.createElement(Text, { fontSize: 2 }, "Preview not available because form is dynamically driven")) : (React.createElement(AlertPreview, { alertDefinition: data, api: api }))))) : null));
 };
-exports.AlertNotificationWizardSection = AlertNotificationWizardSection;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { AlertDefinition } from '../../../PredefinedConfig/AlertState';
 import { AlertType } from '../Utilities/getAlertType';
-export declare const getRuleStepDescription: (alertType: AlertType) => JSX.Element | "";
+export declare const getRuleStepDescription: (alertType: AlertType) => "" | JSX.Element;
 export declare const renderAlertRulesSummary: (alertDefinition: AlertDefinition) => JSX.Element;
 export interface AlertRulesWizardSectionProps {
     onChange: (data: AlertDefinition) => void;

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

@@ -1,16 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertRulesWizardSection = exports.renderAlertRulesSummary = exports.getRuleStepDescription = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const EntityRulesEditor_1 = require("../../Components/EntityRulesEditor");
-const Tag_1 = require("../../../components/Tag");
-const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-const getAvailablePredicates_1 = require("../Utilities/getAvailablePredicates");
-const Tabs_1 = require("../../../components/Tabs");
-const Radio_1 = tslib_1.__importDefault(require("../../../components/Radio"));
-const rebass_1 = require("rebass");
-const getRuleStepDescription = (alertType) => {
+import * as React from 'react';
+import { EntityRulesEditor, EntityRulesSummary } from '../../Components/EntityRulesEditor';
+import { Tag } from '../../../components/Tag';
+import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+import { getAvailablePredicateDefinitions } from '../Utilities/getAvailablePredicates';
+import { Tabs } from '../../../components/Tabs';
+import Radio from '../../../components/Radio';
+import { Box } from 'rebass';
+export const getRuleStepDescription = (alertType) => {
     switch (alertType) {
         case 'DataChange':
             return (React.createElement(React.Fragment, null,
@@ -20,7 +16,7 @@ const getRuleStepDescription = (alertType) => {
         case 'RowChange':
             return React.createElement(React.Fragment, null, "Specify which type of Row Change will trigger the Alert");
         case 'Validation':
-            return React.createElement(React.Fragment, null, "Create the Validation Rule which will trigger the Alert (using a Predicate or a Query)");
+            return (React.createElement(React.Fragment, null, "Create the Validation Rule which will trigger the Alert (using a Predicate or a Query)"));
         case 'Aggregation':
             return React.createElement(React.Fragment, null, "Build an Aggregation Boolean Rule to specify when the Alert should trigger");
         case 'Observable':
@@ -28,19 +24,17 @@ const getRuleStepDescription = (alertType) => {
     }
     return '';
 };
-exports.getRuleStepDescription = getRuleStepDescription;
-const renderAlertRulesSummary = (alertDefinition) => {
-    return (React.createElement(EntityRulesEditor_1.EntityRulesSummary, { data: alertDefinition, renderPredicate: (contents) => {
+export const renderAlertRulesSummary = (alertDefinition) => {
+    return (React.createElement(EntityRulesSummary, { data: alertDefinition, renderPredicate: (contents) => {
             return (React.createElement(React.Fragment, null,
                 "Alert Rule ",
-                React.createElement(Tag_1.Tag, null, contents)));
+                React.createElement(Tag, null, contents)));
         }, renderQueryExpression: (contents) => {
             return (React.createElement(React.Fragment, null,
                 "Alert when ",
-                React.createElement(Tag_1.Tag, null, contents)));
+                React.createElement(Tag, null, contents)));
         } }));
 };
-exports.renderAlertRulesSummary = renderAlertRulesSummary;
 const RowChangeEditor = (props) => {
     var _a, _b, _c;
     const predicate = (_c = (_b = (_a = props.alert.Rule) === null || _a === void 0 ? void 0 : _a.Predicates) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : { PredicateId: null };
@@ -49,26 +43,27 @@ const RowChangeEditor = (props) => {
                 Predicates: [{ PredicateId: predicateId }],
             } }));
     };
-    return (React.createElement(rebass_1.Box, { p: 2 },
-        React.createElement(Tabs_1.Tabs, null,
-            React.createElement(Tabs_1.Tabs.Tab, null, "Row Change"),
-            React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(Radio_1.default, { onClick: () => handleChange('AddedRow'), checked: predicate.PredicateId === 'AddedRow' }, "Row Added"),
-                React.createElement(Radio_1.default, { onClick: () => handleChange('RemovedRow'), checked: predicate.PredicateId === 'RemovedRow' }, "Row Removed")))));
+    return (React.createElement(Box, { p: 2 },
+        React.createElement(Tabs, null,
+            React.createElement(Tabs.Tab, null, "Row Change"),
+            React.createElement(Tabs.Content, null,
+                React.createElement(Radio, { onClick: () => handleChange('AddedRow'), checked: predicate.PredicateId === 'AddedRow' }, "Row Added"),
+                React.createElement(Radio, { onClick: () => handleChange('RemovedRow'), checked: predicate.PredicateId === 'RemovedRow' }, "Row Removed")))));
 };
-const AlertRulesWizardSection = (props) => {
-    const { data, api, moduleInfo } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    const predicateDefs = (0, getAvailablePredicates_1.getAvailablePredicateDefinitions)(api, data.Scope, props.alertType);
+export const AlertRulesWizardSection = (props) => {
+    const { data, api, moduleInfo } = useOnePageAdaptableWizardContext();
+    const predicateDefs = getAvailablePredicateDefinitions(api, data.Scope, props.alertType);
     const showObservable = props.alertType === 'Observable';
     const showAggregation = props.alertType === 'Aggregation';
     const showBoolean = props.alertType === 'DataChange' || props.alertType == 'Validation';
-    const showPredicate = props.alertType === 'DataChange' || props.alertType == 'Validation' || props.alertType === 'RowChange';
+    const showPredicate = props.alertType === 'DataChange' ||
+        props.alertType == 'Validation' ||
+        props.alertType === 'RowChange';
     const enablePredicateColumnId = props.alertType === 'DataChange' || props.alertType == 'Validation';
-    ;
     if (props.alertType === 'RowChange') {
         return React.createElement(RowChangeEditor, { alert: data, onChange: props.onChange });
     }
-    return (React.createElement(EntityRulesEditor_1.EntityRulesEditor, { module: moduleInfo.ModuleName, defaultPredicateId: "AnyChange", data: data, predicateDefs: predicateDefs, enablePredicateColumnId: enablePredicateColumnId, getPredicateDefsForColId: (colId) => (0, getAvailablePredicates_1.getAvailablePredicateDefinitions)(api, { ColumnIds: [colId] }, props.alertType), onChange: props.onChange, showAggregation: showAggregation, showObservable: showObservable, showBoolean: showBoolean, showPredicate: showPredicate, descriptions: {
+    return (React.createElement(EntityRulesEditor, { module: moduleInfo.ModuleName, defaultPredicateId: "AnyChange", data: data, predicateDefs: predicateDefs, enablePredicateColumnId: enablePredicateColumnId, getPredicateDefsForColId: (colId) => getAvailablePredicateDefinitions(api, { ColumnIds: [colId] }, props.alertType), onChange: props.onChange, showAggregation: showAggregation, showObservable: showObservable, showBoolean: showBoolean, showPredicate: showPredicate, descriptions: {
             selectPredicate: 'Build the Predicate',
             useBooleanQuery: (React.createElement(React.Fragment, null,
                 "Use an BooleanQuery if ",
@@ -84,4 +79,3 @@ const AlertRulesWizardSection = (props) => {
                 " is 'All Columns' - so any data change may be evaluated in a complex AggregatedBooleanExpression")),
         } }));
 };
-exports.AlertRulesWizardSection = AlertRulesWizardSection;

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

@@ -1,21 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertScopeWizardSection = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
-const NewScopeComponent_1 = require("../../Components/NewScopeComponent");
-const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-const AlertScopeWizardSection = (props) => {
-    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+import * as React from 'react';
+import { Flex } from 'rebass';
+import { NewScopeComponent } from '../../Components/NewScopeComponent';
+import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+export const AlertScopeWizardSection = (props) => {
+    const { data, api } = useOnePageAdaptableWizardContext();
     let disableDataTypes = true;
     let disableColumns = true;
     if (props.alertType === 'DataChange' || props.alertType == 'Validation') {
         disableDataTypes = false;
         disableColumns = false;
     }
-    return (React.createElement(rebass_1.Flex, { flexDirection: "column", style: { height: '100%' }, padding: 2 },
-        React.createElement(NewScopeComponent_1.NewScopeComponent, { disableColumns: disableColumns, disableDataTypes: disableDataTypes, descriptions: {
+    return (React.createElement(Flex, { flexDirection: "column", style: { height: '100%' }, padding: 2 },
+        React.createElement(NewScopeComponent, { disableColumns: disableColumns, disableDataTypes: disableDataTypes, descriptions: {
                 rowScope: 'Changes in any Column in the row will trigger an Alert',
                 columnScope: 'Changes in selected Columns will trigger an Alert',
                 dataTypeScope: 'Changes in any Column which is of the selected Data Type(s) will trigger an Alert',
@@ -46,4 +42,3 @@ const AlertScopeWizardSection = (props) => {
                 props.onChange(newData);
             } })));
 };
-exports.AlertScopeWizardSection = AlertScopeWizardSection;

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

@@ -1,33 +1,29 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertSelectQueryWizard = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const AdaptablePopover_1 = require("../../AdaptablePopover");
-const WizardPanel_1 = tslib_1.__importDefault(require("../../../components/WizardPanel"));
-const HelpBlock_1 = tslib_1.__importDefault(require("../../../components/HelpBlock"));
-const CheckBox_1 = require("../../../components/CheckBox");
-const rebass_1 = require("rebass");
-const StringExtensions_1 = tslib_1.__importDefault(require("../../../Utilities/Extensions/StringExtensions"));
-class AlertSelectQueryWizard extends React.Component {
+import * as React from 'react';
+import { AdaptablePopover } from '../../AdaptablePopover';
+import WizardPanel from '../../../components/WizardPanel';
+import HelpBlock from '../../../components/HelpBlock';
+import { CheckBox } from '../../../components/CheckBox';
+import { Flex } from 'rebass';
+import StringExtensions from '../../../Utilities/Extensions/StringExtensions';
+export class AlertSelectQueryWizard extends React.Component {
     constructor(props) {
         super(props);
         this.state = {
-            HasExpression: StringExtensions_1.default.IsNotNullOrEmpty(this.props.data.Rule.BooleanExpression),
+            HasExpression: StringExtensions.IsNotNullOrEmpty(this.props.data.Rule.BooleanExpression),
         };
     }
     render() {
         return (React.createElement("div", { "data-name": 'alert-query' },
-            React.createElement(WizardPanel_1.default, null,
-                React.createElement(HelpBlock_1.default, null,
+            React.createElement(WizardPanel, null,
+                React.createElement(HelpBlock, null,
                     "A Query is used if the alert triggering is dependent on value in other columns in the row.",
                     React.createElement("br", null),
                     React.createElement("br", null),
                     "If so, then alert will only be triggered if the Query evaluates as true."),
-                React.createElement(rebass_1.Flex, { alignItems: "center", flexDirection: "row", marginTop: 2 },
-                    React.createElement(CheckBox_1.CheckBox, { marginRight: 3, marginLeft: 2, onChange: (checked) => this.onOtherExpressionOptionChanged(checked), checked: this.state.HasExpression }, "Use Query"),
+                React.createElement(Flex, { alignItems: "center", flexDirection: "row", marginTop: 2 },
+                    React.createElement(CheckBox, { marginRight: 3, marginLeft: 2, onChange: (checked) => this.onOtherExpressionOptionChanged(checked), checked: this.state.HasExpression }, "Use Query"),
                     ' ',
-                    React.createElement(AdaptablePopover_1.AdaptablePopover, { headerText: 'Alert: Query', bodyText: [
+                    React.createElement(AdaptablePopover, { headerText: 'Alert: Query', bodyText: [
                             'Create a query (in next step) which will stipulate other cell values required for the Alert to be triggered.',
                         ] })))));
     }
@@ -56,4 +52,3 @@ class AlertSelectQueryWizard extends React.Component {
         return 1;
     }
 }
-exports.AlertSelectQueryWizard = AlertSelectQueryWizard;

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

@@ -1,28 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertTypeWizardSection = exports.renderAlertTypeSummary = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const Tabs_1 = require("../../../components/Tabs");
-const getAlertType_1 = require("../Utilities/getAlertType");
-const rebass_1 = require("rebass");
-const TypeRadio_1 = require("../../Wizard/TypeRadio");
-const Tag_1 = require("../../../components/Tag");
-const renderAlertTypeSummary = (alertType) => {
-    const text = (0, getAlertType_1.getAlertTypeText)(alertType);
-    return (React.createElement(rebass_1.Box, null,
-        React.createElement(Tag_1.Tag, null, text)));
+import * as React from 'react';
+import { Tabs } from '../../../components/Tabs';
+import { AlertType, getAlertTypeText } from '../Utilities/getAlertType';
+import { Box, Flex } from 'rebass';
+import { TypeRadio } from '../../Wizard/TypeRadio';
+import { Tag } from '../../../components/Tag';
+export const renderAlertTypeSummary = (alertType) => {
+    const text = getAlertTypeText(alertType);
+    return (React.createElement(Box, null,
+        React.createElement(Tag, null, text)));
 };
-exports.renderAlertTypeSummary = renderAlertTypeSummary;
-const AlertTypeWizardSection = (props) => {
-    return (React.createElement(Tabs_1.Tabs, null,
-        React.createElement(Tabs_1.Tabs.Tab, null, "Alert Type"),
-        React.createElement(Tabs_1.Tabs.Content, null,
-            React.createElement(rebass_1.Flex, { flexDirection: "column" },
-                React.createElement(TypeRadio_1.TypeRadio, { text: (0, getAlertType_1.getAlertTypeText)(getAlertType_1.AlertType.DataChange), description: "A change has been made to the Grid's underlying data", checked: props.alertType === getAlertType_1.AlertType.DataChange, onClick: () => props.onAlertTypeChange(getAlertType_1.AlertType.DataChange) }),
-                React.createElement(TypeRadio_1.TypeRadio, { text: (0, getAlertType_1.getAlertTypeText)(getAlertType_1.AlertType.RowChange), description: "A Row was added or removed from the data source", checked: props.alertType === getAlertType_1.AlertType.RowChange, onClick: () => props.onAlertTypeChange(getAlertType_1.AlertType.RowChange) }),
-                React.createElement(TypeRadio_1.TypeRadio, { text: (0, getAlertType_1.getAlertTypeText)(getAlertType_1.AlertType.Aggregation), description: "A change has been made to aggregated data (i.e. from multiple Rows)", onClick: () => props.onAlertTypeChange(getAlertType_1.AlertType.Aggregation), checked: props.alertType === getAlertType_1.AlertType.Aggregation }),
-                React.createElement(TypeRadio_1.TypeRadio, { text: (0, getAlertType_1.getAlertTypeText)(getAlertType_1.AlertType.Observable), description: "A specified change (or lack of change) over time has been observed in the Grid", onClick: () => props.onAlertTypeChange(getAlertType_1.AlertType.Observable), checked: props.alertType === getAlertType_1.AlertType.Observable }),
-                React.createElement(TypeRadio_1.TypeRadio, { text: (0, getAlertType_1.getAlertTypeText)(getAlertType_1.AlertType.Validation), description: "A change has broken a data validation rule", checked: props.alertType === getAlertType_1.AlertType.Validation, onClick: () => props.onAlertTypeChange(getAlertType_1.AlertType.Validation) })))));
+export const AlertTypeWizardSection = (props) => {
+    return (React.createElement(Tabs, null,
+        React.createElement(Tabs.Tab, null, "Alert Type"),
+        React.createElement(Tabs.Content, null,
+            React.createElement(Flex, { flexDirection: "column" },
+                React.createElement(TypeRadio, { text: getAlertTypeText(AlertType.DataChange), description: "A change has been made to the Grid's underlying data", checked: props.alertType === AlertType.DataChange, onClick: () => props.onAlertTypeChange(AlertType.DataChange) }),
+                React.createElement(TypeRadio, { text: getAlertTypeText(AlertType.RowChange), description: "A Row was added or removed from the data source", checked: props.alertType === AlertType.RowChange, onClick: () => props.onAlertTypeChange(AlertType.RowChange) }),
+                React.createElement(TypeRadio, { text: getAlertTypeText(AlertType.Aggregation), description: "A change has been made to aggregated data (i.e. from multiple Rows)", onClick: () => props.onAlertTypeChange(AlertType.Aggregation), checked: props.alertType === AlertType.Aggregation }),
+                React.createElement(TypeRadio, { text: getAlertTypeText(AlertType.Observable), description: "A specified change (or lack of change) over time has been observed in the Grid", onClick: () => props.onAlertTypeChange(AlertType.Observable), checked: props.alertType === AlertType.Observable }),
+                React.createElement(TypeRadio, { text: getAlertTypeText(AlertType.Validation), description: "A change has broken a data validation rule", checked: props.alertType === AlertType.Validation, onClick: () => props.onAlertTypeChange(AlertType.Validation) })))));
 };
-exports.AlertTypeWizardSection = AlertTypeWizardSection;