@adaptabletools/adaptable 17.0.0-canary.3 → 17.0.0-canary.5

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

@@ -1,19 +1,24 @@
-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 },
+"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 },
         "Message Type ",
-        React.createElement(CodeBlock, null, data.MessageType)));
+        React.createElement(CodeBlock_1.CodeBlock, null, data.MessageType)));
 };
-export const AlertMessageWizardSection = (props) => {
-    const { data, api } = useOnePageAdaptableWizardContext();
+exports.renderAlertMessageSummary = renderAlertMessageSummary;
+const AlertMessageWizardSection = (props) => {
+    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const messageType = data.MessageType;
     const messageText = api.alertApi.internalApi.getAlertDescription(data);
     const messageHeader = data.MessageHeader;
@@ -26,26 +31,27 @@ export const AlertMessageWizardSection = (props) => {
         props.onChange(Object.assign(Object.assign({}, data), { MessageHeader: value }));
     };
     return (React.createElement(React.Fragment, null,
-        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) => {
+        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) => {
                         props.onChange(Object.assign(Object.assign({}, data), { MessageType }));
                     } },
-                    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(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(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 : '', 
+                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 : '', 
                             // placeholder="defaults to column name"
                             onChange: (e) => onMessageHeaderChange(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) })))))));
+                    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) })))))));
 };
+exports.AlertMessageWizardSection = AlertMessageWizardSection;

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

@@ -1,22 +1,26 @@
-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 = () => {
+"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 = () => {
     var _a;
-    const { data, api } = useOnePageAdaptableWizardContext();
+    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     if (!((_a = data.AlertProperties) === null || _a === void 0 ? void 0 : _a.DisplayNotification)) {
-        return React.createElement(Text, { fontSize: 2 }, "No Alert Notification will be displayed");
+        return React.createElement(rebass_1.Text, { fontSize: 2 }, "No Alert Notification will be displayed");
     }
-    return React.createElement(AlertPreview, { api: api, alertDefinition: data });
+    return React.createElement(exports.AlertPreview, { api: api, alertDefinition: data });
 };
-export const AlertPreview = (_a) => {
-    var { alertDefinition, api, focusFirstButton } = _a, boxProps = __rest(_a, ["alertDefinition", "api", "focusFirstButton"]);
+exports.renderAlertNotificationSummary = renderAlertNotificationSummary;
+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;
         if (buttonStyle && buttonStyle.tone == null && (alertDefinition === null || alertDefinition === void 0 ? void 0 : alertDefinition.MessageType)) {
@@ -37,12 +41,13 @@ export const AlertPreview = (_a) => {
         };
         return result;
     }, [alertDefinition]);
-    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: () => { } })));
+    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: () => { } })));
 };
-export const AlertNotificationWizardSection = (props) => {
+exports.AlertPreview = AlertPreview;
+const AlertNotificationWizardSection = (props) => {
     var _a, _b, _c, _d;
-    const { data, api } = useOnePageAdaptableWizardContext();
+    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const adaptableAlert = {
         alertType: 'generic',
         header: data.MessageType,
@@ -53,10 +58,10 @@ export const AlertNotificationWizardSection = (props) => {
         data.AlertForm = api.alertApi.internalApi.getDefaultAlertNotificationForm();
     }
     return (React.createElement(React.Fragment, null,
-        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) => {
+        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) => {
                         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;
@@ -67,10 +72,11 @@ export 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(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) => {
+                ((_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) => {
                         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, { "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));
+        ((_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));
 };
+exports.AlertNotificationWizardSection = AlertNotificationWizardSection;

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

@@ -1,12 +1,16 @@
-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) => {
+"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) => {
     switch (alertType) {
         case 'DataChange':
             return (React.createElement(React.Fragment, null,
@@ -24,17 +28,19 @@ export const getRuleStepDescription = (alertType) => {
     }
     return '';
 };
-export const renderAlertRulesSummary = (alertDefinition) => {
-    return (React.createElement(EntityRulesSummary, { data: alertDefinition, renderPredicate: (contents) => {
+exports.getRuleStepDescription = getRuleStepDescription;
+const renderAlertRulesSummary = (alertDefinition) => {
+    return (React.createElement(EntityRulesEditor_1.EntityRulesSummary, { data: alertDefinition, renderPredicate: (contents) => {
             return (React.createElement(React.Fragment, null,
                 "Alert Rule ",
-                React.createElement(Tag, null, contents)));
+                React.createElement(Tag_1.Tag, null, contents)));
         }, renderQueryExpression: (contents) => {
             return (React.createElement(React.Fragment, null,
                 "Alert when ",
-                React.createElement(Tag, null, contents)));
+                React.createElement(Tag_1.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 };
@@ -43,16 +49,16 @@ const RowChangeEditor = (props) => {
                 Predicates: [{ PredicateId: predicateId }],
             } }));
     };
-    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")))));
+    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")))));
 };
-export const AlertRulesWizardSection = (props) => {
-    const { data, api, moduleInfo } = useOnePageAdaptableWizardContext();
-    const predicateDefs = getAvailablePredicateDefinitions(api, data.Scope, props.alertType);
+const AlertRulesWizardSection = (props) => {
+    const { data, api, moduleInfo } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const predicateDefs = (0, getAvailablePredicates_1.getAvailablePredicateDefinitions)(api, data.Scope, props.alertType);
     const showObservable = props.alertType === 'Observable';
     const showAggregation = props.alertType === 'Aggregation';
     const showBoolean = props.alertType === 'DataChange' || props.alertType == 'Validation';
@@ -62,7 +68,7 @@ export const AlertRulesWizardSection = (props) => {
     if (props.alertType === 'RowChange') {
         return React.createElement(RowChangeEditor, { alert: data, onChange: props.onChange });
     }
-    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: {
+    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: {
             selectPredicate: 'Build the Predicate',
             useBooleanQuery: (React.createElement(React.Fragment, null,
                 "Use an BooleanQuery if ",
@@ -78,3 +84,4 @@ export 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,17 +1,21 @@
-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();
+"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)();
     let disableDataTypes = true;
     let disableColumns = true;
     if (props.alertType === 'DataChange' || props.alertType == 'Validation') {
         disableDataTypes = false;
         disableColumns = false;
     }
-    return (React.createElement(Flex, { flexDirection: "column", style: { height: '100%' }, padding: 2 },
-        React.createElement(NewScopeComponent, { disableColumns: disableColumns, disableDataTypes: disableDataTypes, descriptions: {
+    return (React.createElement(rebass_1.Flex, { flexDirection: "column", style: { height: '100%' }, padding: 2 },
+        React.createElement(NewScopeComponent_1.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',
@@ -42,3 +46,4 @@ export const AlertScopeWizardSection = (props) => {
                 props.onChange(newData);
             } })));
 };
+exports.AlertScopeWizardSection = AlertScopeWizardSection;

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

@@ -1,29 +1,33 @@
-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 {
+"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 {
     constructor(props) {
         super(props);
         this.state = {
-            HasExpression: StringExtensions.IsNotNullOrEmpty(this.props.data.Rule.BooleanExpression),
+            HasExpression: StringExtensions_1.default.IsNotNullOrEmpty(this.props.data.Rule.BooleanExpression),
         };
     }
     render() {
         return (React.createElement("div", { "data-name": 'alert-query' },
-            React.createElement(WizardPanel, null,
-                React.createElement(HelpBlock, null,
+            React.createElement(WizardPanel_1.default, null,
+                React.createElement(HelpBlock_1.default, 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(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(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(AdaptablePopover, { headerText: 'Alert: Query', bodyText: [
+                    React.createElement(AdaptablePopover_1.AdaptablePopover, { headerText: 'Alert: Query', bodyText: [
                             'Create a query (in next step) which will stipulate other cell values required for the Alert to be triggered.',
                         ] })))));
     }
@@ -52,3 +56,4 @@ export class AlertSelectQueryWizard extends React.Component {
         return 1;
     }
 }
+exports.AlertSelectQueryWizard = AlertSelectQueryWizard;

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

@@ -1,22 +1,28 @@
-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)));
+"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)));
 };
-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.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) })))));
 };
+exports.AlertTypeWizardSection = AlertTypeWizardSection;