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

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

@@ -1,35 +1,39 @@
-import * as React from 'react';
-import { useState } from 'react';
-import { Box } from 'rebass';
-import { OnePageAdaptableWizard, OnePageWizardSummary } from '../../Wizard/OnePageAdaptableWizard';
-import { cloneObject } from '../../../Utilities/Helpers/Helper';
-import { AlertScopeWizardSection } from './AlertScopeWizardSection';
-import { AlertRulesWizardSection, getRuleStepDescription, renderAlertRulesSummary, } from './AlertRulesWizardSection';
-import { isValidAlertRules } from './isValidAlertRules';
-import { AlertBehaviourWizardSection, renderAlertBehaviourWizardSummary, } from './AlertBehaviourWizardSection';
-import { ALERT_DEFAULT_MESSAGE_TYPE } from '../../../Utilities/Constants/GeneralConstants';
-import { AlertMessageWizardSection, renderAlertMessageSummary } from './AlertMessageWizardSection';
-import { renderScopeSummary } from './BaseAlertScopeWizardSection';
-import { isScopeValid } from '../../Components/NewScopeComponent';
-import ObjectFactory from '../../../Utilities/ObjectFactory';
-import { useDispatch } from 'react-redux';
-import * as AlertRedux from '../../../Redux/ActionsReducers/AlertRedux';
-import { useAdaptable } from '../../AdaptableContext';
-import { ObjectTagsWizardSection, renderObjectTagsSummary, } from '../../Wizard/ObjectTagsWizardSection';
-import { AlertTypeWizardSection, renderAlertTypeSummary } from './AlertTypeWizardSection';
-import { AlertType, getAlertType } from '../Utilities/getAlertType';
-import { mapAlertDefinition } from '../Utilities/mapAlertDefinition';
-import { getDefaultAlertDefinition } from '../Utilities/getDefaultAlertDefinition';
-import { AlertNotificationWizardSection, renderAlertNotificationSummary, } from './AlertNotificationWizardSection';
-export const AlertWizard = (props) => {
-    const { api } = useAdaptable();
-    const dispatch = useDispatch();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertWizard = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
+const rebass_1 = require("rebass");
+const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
+const Helper_1 = require("../../../Utilities/Helpers/Helper");
+const AlertScopeWizardSection_1 = require("./AlertScopeWizardSection");
+const AlertRulesWizardSection_1 = require("./AlertRulesWizardSection");
+const isValidAlertRules_1 = require("./isValidAlertRules");
+const AlertBehaviourWizardSection_1 = require("./AlertBehaviourWizardSection");
+const GeneralConstants_1 = require("../../../Utilities/Constants/GeneralConstants");
+const AlertMessageWizardSection_1 = require("./AlertMessageWizardSection");
+const BaseAlertScopeWizardSection_1 = require("./BaseAlertScopeWizardSection");
+const NewScopeComponent_1 = require("../../Components/NewScopeComponent");
+const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
+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");
+const AlertTypeWizardSection_1 = require("./AlertTypeWizardSection");
+const getAlertType_1 = require("../Utilities/getAlertType");
+const mapAlertDefinition_1 = require("../Utilities/mapAlertDefinition");
+const getDefaultAlertDefinition_1 = require("../Utilities/getDefaultAlertDefinition");
+const AlertNotificationWizardSection_1 = require("./AlertNotificationWizardSection");
+const AlertWizard = (props) => {
+    const { api } = (0, AdaptableContext_1.useAdaptable)();
+    const dispatch = (0, react_redux_1.useDispatch)();
     const behaviourSpelling = api.internalApi.getCorrectEnglishVariant('Behaviour');
-    const [alertDefinition, setAlertDefinition] = useState(() => {
+    const [alertDefinition, setAlertDefinition] = (0, react_1.useState)(() => {
         var _a, _b, _c, _d, _e, _f, _g;
         const alertDefinition = props.data
-            ? cloneObject(props.data)
-            : ObjectFactory.CreateEmptyAlertDefinition();
+            ? (0, Helper_1.cloneObject)(props.data)
+            : ObjectFactory_1.default.CreateEmptyAlertDefinition();
         if (!((_a = alertDefinition.Rule) === null || _a === void 0 ? void 0 : _a.BooleanExpression) &&
             !((_b = alertDefinition.Rule) === null || _b === void 0 ? void 0 : _b.ObservableExpression) &&
             !((_c = alertDefinition.Rule) === null || _c === void 0 ? void 0 : _c.AggregatedBooleanExpression) &&
@@ -43,14 +47,14 @@ export const AlertWizard = (props) => {
                 ColumnIds: [props.popupParams.column.columnId],
             };
         }
-        alertDefinition.MessageType = (_g = alertDefinition.MessageType) !== null && _g !== void 0 ? _g : ALERT_DEFAULT_MESSAGE_TYPE;
+        alertDefinition.MessageType = (_g = alertDefinition.MessageType) !== null && _g !== void 0 ? _g : GeneralConstants_1.ALERT_DEFAULT_MESSAGE_TYPE;
         return alertDefinition;
     });
     // Alert type is based initialy on data, but can be changed by the user
     // the default objects do not neccesary have enough information to determine the type
-    const [alertType, setAlertType] = useState(() => {
+    const [alertType, setAlertType] = (0, react_1.useState)(() => {
         var _a;
-        return (_a = getAlertType(alertDefinition)) !== null && _a !== void 0 ? _a : AlertType.DataChange;
+        return (_a = (0, getAlertType_1.getAlertType)(alertDefinition)) !== null && _a !== void 0 ? _a : getAlertType_1.AlertType.DataChange;
     });
     const handleFinish = () => {
         if (props.data) {
@@ -62,76 +66,77 @@ export const AlertWizard = (props) => {
         props.onCloseWizard();
     };
     const updateAlertDefinition = (newAlertDefinition) => {
-        setAlertDefinition(mapAlertDefinition(api, newAlertDefinition));
+        setAlertDefinition((0, mapAlertDefinition_1.mapAlertDefinition)(api, newAlertDefinition));
     };
     const handleAlertTypeChange = (newAlertType) => {
         setAlertType(newAlertType);
-        setAlertDefinition(getDefaultAlertDefinition(alertDefinition, newAlertType));
+        setAlertDefinition((0, getDefaultAlertDefinition_1.getDefaultAlertDefinition)(alertDefinition, newAlertType));
     };
-    return (React.createElement(OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: alertDefinition, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
+    return (React.createElement(OnePageAdaptableWizard_1.OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: alertDefinition, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
             {
                 title: 'Type',
                 details: (React.createElement(React.Fragment, null,
                     "Select ",
                     React.createElement("b", null, "what"),
                     " type of change in AdapTable will cause the Alert to fire")),
-                render: () => (React.createElement(Box, { padding: 2 },
-                    React.createElement(AlertTypeWizardSection, { alertType: alertType, onAlertTypeChange: handleAlertTypeChange }))),
-                renderSummary: () => renderAlertTypeSummary(alertType),
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(AlertTypeWizardSection_1.AlertTypeWizardSection, { alertType: alertType, onAlertTypeChange: handleAlertTypeChange }))),
+                renderSummary: () => (0, AlertTypeWizardSection_1.renderAlertTypeSummary)(alertType),
             },
             {
                 title: 'Trigger',
-                isVisible: () => alertType === AlertType.DataChange || alertType == AlertType.Validation,
+                isVisible: () => alertType === getAlertType_1.AlertType.DataChange || alertType == getAlertType_1.AlertType.Validation,
                 details: (React.createElement(React.Fragment, null,
                     "Specify ",
                     React.createElement("b", null, "where"),
                     " data changes should trigger the Alert")),
-                isValid: isScopeValid,
-                render: () => (React.createElement(AlertScopeWizardSection, { alertType: alertType, onChange: setAlertDefinition })),
-                renderSummary: renderScopeSummary,
+                isValid: NewScopeComponent_1.isScopeValid,
+                render: () => (React.createElement(AlertScopeWizardSection_1.AlertScopeWizardSection, { alertType: alertType, onChange: setAlertDefinition })),
+                renderSummary: BaseAlertScopeWizardSection_1.renderScopeSummary,
             },
             {
                 title: 'Rule',
-                details: getRuleStepDescription(alertType),
-                isValid: isValidAlertRules,
-                render: () => (React.createElement(AlertRulesWizardSection, { alertType: alertType, onChange: updateAlertDefinition, module: "alert" })),
-                renderSummary: renderAlertRulesSummary,
+                details: (0, AlertRulesWizardSection_1.getRuleStepDescription)(alertType),
+                isValid: isValidAlertRules_1.isValidAlertRules,
+                render: () => (React.createElement(AlertRulesWizardSection_1.AlertRulesWizardSection, { alertType: alertType, onChange: updateAlertDefinition, module: "alert" })),
+                renderSummary: AlertRulesWizardSection_1.renderAlertRulesSummary,
             },
             {
                 title: 'Message',
                 details: "Select the Alert's Message Type and Text",
-                render: () => (React.createElement(Box, { padding: 2 },
-                    React.createElement(AlertMessageWizardSection, { alertType: alertType, onChange: setAlertDefinition }))),
-                renderSummary: renderAlertMessageSummary,
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(AlertMessageWizardSection_1.AlertMessageWizardSection, { alertType: alertType, onChange: setAlertDefinition }))),
+                renderSummary: AlertMessageWizardSection_1.renderAlertMessageSummary,
             },
             {
                 title: 'Notification',
                 details: 'Create a Notification for the Alert',
-                render: () => (React.createElement(Box, { padding: 2 },
-                    React.createElement(AlertNotificationWizardSection, { alertType: alertType, onChange: setAlertDefinition }))),
-                renderSummary: renderAlertNotificationSummary,
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(AlertNotificationWizardSection_1.AlertNotificationWizardSection, { alertType: alertType, onChange: setAlertDefinition }))),
+                renderSummary: AlertNotificationWizardSection_1.renderAlertNotificationSummary,
             },
             {
                 title: behaviourSpelling,
                 details: 'Configure ' + behaviourSpelling + 's for the Alert',
-                render: () => (React.createElement(Box, { padding: 2 },
-                    React.createElement(AlertBehaviourWizardSection, { alertType: alertType, onChange: setAlertDefinition }))),
-                renderSummary: renderAlertBehaviourWizardSummary,
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(AlertBehaviourWizardSection_1.AlertBehaviourWizardSection, { alertType: alertType, onChange: setAlertDefinition }))),
+                renderSummary: AlertBehaviourWizardSection_1.renderAlertBehaviourWizardSummary,
             },
             {
                 details: 'Select Alert Tags',
                 title: 'Tags',
                 isVisible: () => api.internalApi.shouldDisplayTagSections(),
-                render: () => (React.createElement(Box, { padding: 2 },
-                    React.createElement(ObjectTagsWizardSection, { onChange: setAlertDefinition }))),
-                renderSummary: renderObjectTagsSummary,
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setAlertDefinition }))),
+                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
             },
             '-',
             {
                 details: 'Review your Alert',
-                render: () => (React.createElement(Box, { padding: 2 },
-                    React.createElement(OnePageWizardSummary, null))),
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(OnePageAdaptableWizard_1.OnePageWizardSummary, null))),
                 title: 'Summary',
             },
         ] }));
 };
+exports.AlertWizard = AlertWizard;

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

@@ -1,19 +1,24 @@
-import * as React from 'react';
-import { Box, Text } from 'rebass';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
-import { ValueOptionsTags } from '../../Components/ValueSelector';
-export const renderScopeSummary = (data) => {
-    const { api: { scopeApi }, } = useOnePageAdaptableWizardContext();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderScopeSummary = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
+const ValueSelector_1 = require("../../Components/ValueSelector");
+const renderScopeSummary = (data) => {
+    const { api: { scopeApi }, } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const columnsInScope = scopeApi.getColumnsForScope(data.Scope);
     return (React.createElement(React.Fragment, null,
-        React.createElement(Box, null,
-            React.createElement(Text, { fontSize: 2 }, scopeApi.scopeIsAll(data.Scope)
+        React.createElement(rebass_1.Box, null,
+            React.createElement(rebass_1.Text, { fontSize: 2 }, scopeApi.scopeIsAll(data.Scope)
                 ? 'Changes to any Column in the row will trigger an Alert'
                 : null)),
-        React.createElement(Box, { style: { overflow: 'hidden' } }, 'ColumnIds' in data.Scope ? (React.createElement(React.Fragment, null,
-            React.createElement(Text, { fontSize: 2, mb: columnsInScope.length ? 2 : 0 }, "Changes in selected columns will trigger an alert"),
-            columnsInScope.length ? (React.createElement(ValueOptionsTags, { options: columnsInScope, value: columnsInScope.map((c) => c.columnId), toLabel: (c) => c.friendlyName, allowWrap: true, readOnly: true, renderLabel: (c) => React.createElement(React.Fragment, null, c), toIdentifier: (c) => c.columnId })) : null)) : null),
-        React.createElement(Box, null, 'DataTypes' in data.Scope ? (React.createElement(React.Fragment, null,
-            React.createElement(Text, { fontSize: 2, mb: 2 }, "Changes in Columns with these Data Types trigger an Alert"),
-            React.createElement(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)));
+        React.createElement(rebass_1.Box, { style: { overflow: 'hidden' } }, 'ColumnIds' in data.Scope ? (React.createElement(React.Fragment, null,
+            React.createElement(rebass_1.Text, { fontSize: 2, mb: columnsInScope.length ? 2 : 0 }, "Changes in selected columns will trigger an alert"),
+            columnsInScope.length ? (React.createElement(ValueSelector_1.ValueOptionsTags, { options: columnsInScope, value: columnsInScope.map((c) => c.columnId), toLabel: (c) => c.friendlyName, allowWrap: true, readOnly: true, renderLabel: (c) => React.createElement(React.Fragment, null, c), toIdentifier: (c) => c.columnId })) : null)) : null),
+        React.createElement(rebass_1.Box, null, 'DataTypes' in data.Scope ? (React.createElement(React.Fragment, null,
+            React.createElement(rebass_1.Text, { fontSize: 2, mb: 2 }, "Changes in Columns with these 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.renderScopeSummary = renderScopeSummary;

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

@@ -1,5 +1,8 @@
-import { isAdaptableRuleValid } from '../../Components/EntityRulesEditor/Utilities';
-export const isValidAlertRules = (alert, api, context) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isValidAlertRules = void 0;
+const Utilities_1 = require("../../Components/EntityRulesEditor/Utilities");
+const isValidAlertRules = (alert, api, context) => {
     var _a;
     if (!((_a = alert.Rule.Predicates) === null || _a === void 0 ? void 0 : _a.length) &&
         !alert.Rule.BooleanExpression &&
@@ -7,7 +10,7 @@ export const isValidAlertRules = (alert, api, context) => {
         !alert.Rule.AggregatedBooleanExpression) {
         return 'No Rule defined for Alert';
     }
-    const isRuleValid = isAdaptableRuleValid(alert, api, context);
+    const isRuleValid = (0, Utilities_1.isAdaptableRuleValid)(alert, api, context);
     if (typeof isRuleValid === 'string') {
         return isRuleValid;
     }
@@ -20,3 +23,4 @@ export const isValidAlertRules = (alert, api, context) => {
     }
     return true;
 };
+exports.isValidAlertRules = isValidAlertRules;

package/src/View/BulkUpdate/BulkUpdatePopup.js

@@ -1,16 +1,20 @@
-import * as React from 'react';
-import { connect } from 'react-redux';
-import * as BulkUpdateRedux from '../../Redux/ActionsReducers/BulkUpdateRedux';
-import * as SystemRedux from '../../Redux/ActionsReducers/SystemRedux';
-import { PanelWithImage } from '../Components/Panels/PanelWithImage';
-import { AdaptablePopover } from '../AdaptablePopover';
-import { StringExtensions } from '../../Utilities/Extensions/StringExtensions';
-import { PreviewResultsPanel } from '../Components/PreviewResultsPanel';
-import { PreviewHelper } from '../../Utilities/Helpers/PreviewHelper';
-import { ColumnValueSelector } from '../Components/Selectors/ColumnValueSelector';
-import { Flex } from 'rebass';
-import SimpleButton from '../../components/SimpleButton';
-import HelpBlock from '../../components/HelpBlock';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BulkUpdatePopup = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const BulkUpdateRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/BulkUpdateRedux"));
+const SystemRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/SystemRedux"));
+const PanelWithImage_1 = require("../Components/Panels/PanelWithImage");
+const AdaptablePopover_1 = require("../AdaptablePopover");
+const StringExtensions_1 = require("../../Utilities/Extensions/StringExtensions");
+const PreviewResultsPanel_1 = require("../Components/PreviewResultsPanel");
+const PreviewHelper_1 = require("../../Utilities/Helpers/PreviewHelper");
+const ColumnValueSelector_1 = require("../Components/Selectors/ColumnValueSelector");
+const rebass_1 = require("rebass");
+const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
+const HelpBlock_1 = tslib_1.__importDefault(require("../../components/HelpBlock"));
 class BulkUpdatePopupComponent extends React.Component {
     constructor(props) {
         super(props);
@@ -24,7 +28,7 @@ class BulkUpdatePopupComponent extends React.Component {
         let col = this.props.BulkUpdateValidationResult.Column;
         let hasDataTypeError = false;
         let dataTypeErrorMessage = '';
-        if (col && StringExtensions.IsNotNullOrEmpty(this.props.BulkUpdateValue)) {
+        if (col && StringExtensions_1.StringExtensions.IsNotNullOrEmpty(this.props.BulkUpdateValue)) {
             // check that the update value is a number for a numeric column.  not issue for dates as we dont allow free text
             if (col.dataType == 'Number') {
                 if (isNaN(Number(this.props.BulkUpdateValue))) {
@@ -33,37 +37,37 @@ class BulkUpdatePopupComponent extends React.Component {
                 }
             }
         }
-        let globalValidationMessage = PreviewHelper.GetValidationMessage(this.props.PreviewInfo, this.props.BulkUpdateValue);
+        let globalValidationMessage = PreviewHelper_1.PreviewHelper.GetValidationMessage(this.props.PreviewInfo, this.props.BulkUpdateValue);
         let showPanel = this.props.PreviewInfo &&
-            StringExtensions.IsNotNullOrEmpty(this.props.BulkUpdateValue) &&
-            StringExtensions.IsNotNullOrEmpty(globalValidationMessage);
-        let previewPanel = showPanel ? (React.createElement(PreviewResultsPanel, { previewInfo: this.props.PreviewInfo, api: this.props.api, selectedColumn: col, showPanel: showPanel, showHeader: true })) : null;
+            StringExtensions_1.StringExtensions.IsNotNullOrEmpty(this.props.BulkUpdateValue) &&
+            StringExtensions_1.StringExtensions.IsNotNullOrEmpty(globalValidationMessage);
+        let previewPanel = showPanel ? (React.createElement(PreviewResultsPanel_1.PreviewResultsPanel, { previewInfo: this.props.PreviewInfo, api: this.props.api, selectedColumn: col, showPanel: showPanel, showHeader: true })) : null;
         if (!col) {
             return null;
         }
-        return (React.createElement(PanelWithImage, { bodyProps: { padding: 2 }, flex: 1, glyphicon: this.props.moduleInfo.Glyph, header: this.props.moduleInfo.FriendlyName, infoLink: this.props.moduleInfo.HelpPage, infoLinkDisabled: !this.props.api.internalApi.isDocumentationLinksDisplayed(), variant: "primary" },
+        return (React.createElement(PanelWithImage_1.PanelWithImage, { bodyProps: { padding: 2 }, flex: 1, glyphicon: this.props.moduleInfo.Glyph, header: this.props.moduleInfo.FriendlyName, infoLink: this.props.moduleInfo.HelpPage, infoLinkDisabled: !this.props.api.internalApi.isDocumentationLinksDisplayed(), variant: "primary" },
             col.dataType == 'Date' ? (React.createElement(React.Fragment, null,
-                React.createElement(HelpBlock, { marginTop: 2, marginBottom: 2 }, "Enter a date value. Alternatively, tick the checkbox and select from an existing column value."),
-                React.createElement(Flex, { padding: 2, flexDirection: "row", alignItems: "center" },
-                    React.createElement(Flex, { alignItems: "center", flexDirection: "row", flex: 1, marginRight: 2 },
-                        React.createElement(ColumnValueSelector, { selectedGridCells: this.props.SelectedGridCells, selectedColumnValue: this.props.BulkUpdateValue, selectedColumn: col, api: this.props.api, onColumnValueChange: (values) => this.onColumnValueSelectedChanged(values), allowNew: false, style: { width: '100%', maxWidth: 'inherit' } })),
-                    React.createElement(SimpleButton, { disabled: StringExtensions.IsNullOrEmpty(this.props.BulkUpdateValue) ||
+                React.createElement(HelpBlock_1.default, { marginTop: 2, marginBottom: 2 }, "Enter a date value. Alternatively, tick the checkbox and select from an existing column value."),
+                React.createElement(rebass_1.Flex, { padding: 2, flexDirection: "row", alignItems: "center" },
+                    React.createElement(rebass_1.Flex, { alignItems: "center", flexDirection: "row", flex: 1, marginRight: 2 },
+                        React.createElement(ColumnValueSelector_1.ColumnValueSelector, { selectedGridCells: this.props.SelectedGridCells, selectedColumnValue: this.props.BulkUpdateValue, selectedColumn: col, api: this.props.api, onColumnValueChange: (values) => this.onColumnValueSelectedChanged(values), allowNew: false, style: { width: '100%', maxWidth: 'inherit' } })),
+                    React.createElement(SimpleButton_1.default, { disabled: StringExtensions_1.StringExtensions.IsNullOrEmpty(this.props.BulkUpdateValue) ||
                             this.props.PreviewInfo.previewValidationSummary.validationResult == 'All', onClick: () => {
                             this.onApplyClick();
                         }, variant: "raised", tone: "accent" }, "Apply to Grid")))) : (React.createElement(React.Fragment, null,
-                React.createElement(HelpBlock, { marginTop: 2, marginBottom: 2 }, "Select an existing column value from the dropdown, or enter a new value"),
-                React.createElement(Flex, { marginTop: 2, flexDirection: "row", alignItems: "center" },
-                    React.createElement(Flex, { alignItems: "center", flexDirection: "row", flex: 1, marginRight: 2 },
-                        React.createElement(ColumnValueSelector, { selectedGridCells: this.props.SelectedGridCells, selectedColumnValue: this.props.BulkUpdateValue, selectedColumn: col, api: this.props.api, onColumnValueChange: (columns) => this.onColumnValueSelectedChanged(columns), style: { width: '100%', maxWidth: 'inherit' } })),
-                    React.createElement(SimpleButton, { disabled: StringExtensions.IsNullOrEmpty(this.props.BulkUpdateValue) ||
+                React.createElement(HelpBlock_1.default, { marginTop: 2, marginBottom: 2 }, "Select an existing column value from the dropdown, or enter a new value"),
+                React.createElement(rebass_1.Flex, { marginTop: 2, flexDirection: "row", alignItems: "center" },
+                    React.createElement(rebass_1.Flex, { alignItems: "center", flexDirection: "row", flex: 1, marginRight: 2 },
+                        React.createElement(ColumnValueSelector_1.ColumnValueSelector, { selectedGridCells: this.props.SelectedGridCells, selectedColumnValue: this.props.BulkUpdateValue, selectedColumn: col, api: this.props.api, onColumnValueChange: (columns) => this.onColumnValueSelectedChanged(columns), style: { width: '100%', maxWidth: 'inherit' } })),
+                    React.createElement(SimpleButton_1.default, { disabled: StringExtensions_1.StringExtensions.IsNullOrEmpty(this.props.BulkUpdateValue) ||
                             this.props.PreviewInfo.previewValidationSummary.validationResult == 'All' ||
                             hasDataTypeError, variant: "raised", tone: "accent", marginRight: 2, onClick: () => {
                             this.onApplyClick();
                         } }, "Apply to Grid"),
                     ' ',
-                    hasDataTypeError && (React.createElement(AdaptablePopover, { headerText: 'Update Error', bodyText: [dataTypeErrorMessage], MessageType: 'Error' })),
-                    StringExtensions.IsNotNullOrEmpty(this.props.BulkUpdateValue) &&
-                        this.props.PreviewInfo.previewValidationSummary.validationResult != 'None' && (React.createElement(AdaptablePopover, { headerText: 'Validation Error', bodyText: [globalValidationMessage], MessageType: 'Error' }))))),
+                    hasDataTypeError && (React.createElement(AdaptablePopover_1.AdaptablePopover, { headerText: 'Update Error', bodyText: [dataTypeErrorMessage], MessageType: 'Error' })),
+                    StringExtensions_1.StringExtensions.IsNotNullOrEmpty(this.props.BulkUpdateValue) &&
+                        this.props.PreviewInfo.previewValidationSummary.validationResult != 'None' && (React.createElement(AdaptablePopover_1.AdaptablePopover, { headerText: 'Validation Error', bodyText: [globalValidationMessage], MessageType: 'Error' }))))),
             previewPanel));
     }
     onColumnValueSelectedChanged(selectedColumnValue) {
@@ -100,4 +104,4 @@ function mapDispatchToProps(dispatch) {
         onRunBulkUpdate: () => dispatch(BulkUpdateRedux.BulkUpdateComplete(false)),
     };
 }
-export let BulkUpdatePopup = connect(mapStateToProps, mapDispatchToProps)(BulkUpdatePopupComponent);
+exports.BulkUpdatePopup = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(BulkUpdatePopupComponent);

package/src/View/BulkUpdate/BulkUpdateViewPanel.js

@@ -1,17 +1,21 @@
-import * as React from 'react';
-import { StatusColour } from '../../PredefinedConfig/Common/Enums';
-import { PreviewResultsPanel } from '../Components/PreviewResultsPanel';
-import { Flex } from 'rebass';
-import join from '../../components/utils/join';
-import * as GeneralConstants from '../../Utilities/Constants/GeneralConstants';
-import { ColumnValueSelector } from '../Components/Selectors/ColumnValueSelector';
-import { StringExtensions } from '../../Utilities/Extensions/StringExtensions';
-import { ButtonApply } from '../Components/Buttons/ButtonApply';
-import { AdaptablePopover } from '../AdaptablePopover';
-import { UIHelper } from '../UIHelper';
-import * as SystemRedux from '../../Redux/ActionsReducers/SystemRedux';
-import * as BulkUpdateRedux from '../../Redux/ActionsReducers/BulkUpdateRedux';
-import { connect } from 'react-redux';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BulkUpdateViewPanelControl = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const Enums_1 = require("../../PredefinedConfig/Common/Enums");
+const PreviewResultsPanel_1 = require("../Components/PreviewResultsPanel");
+const rebass_1 = require("rebass");
+const join_1 = tslib_1.__importDefault(require("../../components/utils/join"));
+const GeneralConstants = tslib_1.__importStar(require("../../Utilities/Constants/GeneralConstants"));
+const ColumnValueSelector_1 = require("../Components/Selectors/ColumnValueSelector");
+const StringExtensions_1 = require("../../Utilities/Extensions/StringExtensions");
+const ButtonApply_1 = require("../Components/Buttons/ButtonApply");
+const AdaptablePopover_1 = require("../AdaptablePopover");
+const UIHelper_1 = require("../UIHelper");
+const SystemRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/SystemRedux"));
+const BulkUpdateRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/BulkUpdateRedux"));
+const react_redux_1 = require("react-redux");
 class BulkUpdateViewPanelComponent extends React.Component {
     constructor(props) {
         super(props);
@@ -37,7 +41,7 @@ class BulkUpdateViewPanelComponent extends React.Component {
     render() {
         let statusColour = this.getStatusColour();
         let selectedColumn = this.props.BulkUpdateValidationResult.Column;
-        let previewPanel = (React.createElement(PreviewResultsPanel, { previewInfo: this.props.PreviewInfo, api: this.props.api, selectedColumn: selectedColumn, showPanel: true, showHeader: false }));
+        let previewPanel = (React.createElement(PreviewResultsPanel_1.PreviewResultsPanel, { previewInfo: this.props.PreviewInfo, api: this.props.api, selectedColumn: selectedColumn, showPanel: true, showHeader: false }));
         let shouldDisable = this.props.accessLevel == 'ReadOnly' ||
             !this.props.BulkUpdateValidationResult.IsValid ||
             this.props.InPivotMode == true;
@@ -46,36 +50,36 @@ class BulkUpdateViewPanelComponent extends React.Component {
             fill: 'currentColor',
         };
         const elementType = this.props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
-        return (React.createElement(Flex, { minWidth: 150, flexDirection: "row", className: join(shouldDisable ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__BulkUpdate__wrap`), flexWrap: this.props.viewType === 'ToolPanel' ? 'wrap' : 'nowrap' },
-            React.createElement(Flex, null,
-                React.createElement(ColumnValueSelector, { selectedGridCells: this.props.SelectedGridCells, newLabel: "New", existingLabel: "Existing", dropdownButtonProps: {
+        return (React.createElement(rebass_1.Flex, { minWidth: 150, flexDirection: "row", className: (0, join_1.default)(shouldDisable ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__BulkUpdate__wrap`), flexWrap: this.props.viewType === 'ToolPanel' ? 'wrap' : 'nowrap' },
+            React.createElement(rebass_1.Flex, null,
+                React.createElement(ColumnValueSelector_1.ColumnValueSelector, { selectedGridCells: this.props.SelectedGridCells, newLabel: "New", existingLabel: "Existing", dropdownButtonProps: {
                         listMinWidth: 160,
                     }, className: `ab-${elementType}__BulkUpdate__select`, disabled: shouldDisable, selectedColumnValue: this.props.BulkUpdateValue, selectedColumn: selectedColumn, api: this.props.api, onColumnValueChange: (columns) => this.onColumnValueSelectedChanged(columns) })),
-            React.createElement(Flex, null,
-                !shouldDisable && StringExtensions.IsNotNullOrEmpty(this.props.BulkUpdateValue) && (React.createElement(ButtonApply, { marginLeft: 2, className: `ab-${elementType}__BulkUpdate__apply`, onClick: () => this.onApplyClick(), style: applyStyle, tooltip: "Apply Bulk Update", disabled: StringExtensions.IsNullOrEmpty(this.props.BulkUpdateValue) ||
+            React.createElement(rebass_1.Flex, null,
+                !shouldDisable && StringExtensions_1.StringExtensions.IsNotNullOrEmpty(this.props.BulkUpdateValue) && (React.createElement(ButtonApply_1.ButtonApply, { marginLeft: 2, className: `ab-${elementType}__BulkUpdate__apply`, onClick: () => this.onApplyClick(), style: applyStyle, tooltip: "Apply Bulk Update", disabled: StringExtensions_1.StringExtensions.IsNullOrEmpty(this.props.BulkUpdateValue) ||
                         (this.props.PreviewInfo != null &&
                             this.props.PreviewInfo.previewValidationSummary.validationResult == 'All'), accessLevel: this.props.accessLevel }, this.props.viewType === 'ToolPanel' && 'Update')),
-                !shouldDisable && StringExtensions.IsNotNullOrEmpty(this.props.BulkUpdateValue) && (React.createElement(AdaptablePopover, { popoverMinWidth: 360, className: `ab-${elementType}__BulkUpdate__info`, headerText: "Preview Results", bodyText: [previewPanel], MessageType: UIHelper.getMessageTypeByStatusColour(statusColour), useButton: true, showEvent: 'focus', hideEvent: "blur" })))));
+                !shouldDisable && StringExtensions_1.StringExtensions.IsNotNullOrEmpty(this.props.BulkUpdateValue) && (React.createElement(AdaptablePopover_1.AdaptablePopover, { popoverMinWidth: 360, className: `ab-${elementType}__BulkUpdate__info`, headerText: "Preview Results", bodyText: [previewPanel], MessageType: UIHelper_1.UIHelper.getMessageTypeByStatusColour(statusColour), useButton: true, showEvent: 'focus', hideEvent: "blur" })))));
     }
     onColumnValueSelectedChanged(selectedColumnValue) {
         this.props.onBulkUpdateValueChange(selectedColumnValue);
     }
     checkSelectedCells() {
         this.props.onBulkUpdateCheckSelectedCells();
-        if (StringExtensions.IsNotNullOrEmpty(this.props.BulkUpdateValue)) {
+        if (StringExtensions_1.StringExtensions.IsNotNullOrEmpty(this.props.BulkUpdateValue)) {
             this.props.onBulkUpdateValueChange('');
         }
     }
     getStatusColour() {
-        if (StringExtensions.IsNotNullOrEmpty(this.props.BulkUpdateValue) && this.props.PreviewInfo) {
+        if (StringExtensions_1.StringExtensions.IsNotNullOrEmpty(this.props.BulkUpdateValue) && this.props.PreviewInfo) {
             if (this.props.PreviewInfo.previewValidationSummary.validationResult == 'All') {
-                return StatusColour.Error;
+                return Enums_1.StatusColour.Error;
             }
             if (this.props.PreviewInfo.previewValidationSummary.validationResult == 'Some') {
-                return StatusColour.Warn;
+                return Enums_1.StatusColour.Warn;
             }
         }
-        return StatusColour.Success;
+        return Enums_1.StatusColour.Success;
     }
     onApplyClick() {
         this.onApplyBulkUpdate();
@@ -102,4 +106,4 @@ function mapDispatchToProps(dispatch) {
         onRunBulkUpdate: () => dispatch(BulkUpdateRedux.BulkUpdateComplete(false)),
     };
 }
-export let BulkUpdateViewPanelControl = connect(mapStateToProps, mapDispatchToProps)(BulkUpdateViewPanelComponent);
+exports.BulkUpdateViewPanelControl = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(BulkUpdateViewPanelComponent);

package/src/View/CalculatedColumn/CalculatedColumnSummary.js

@@ -1,12 +1,16 @@
-import * as React from 'react';
-import { connect } from 'react-redux';
-import { Helper } from '../../Utilities/Helpers/Helper';
-import * as CalculatedColumnRedux from '../../Redux/ActionsReducers/CalculatedColumnRedux';
-import { WizardStatus, } from '../Components/SharedProps/EditableConfigEntityState';
-import { UIHelper } from '../UIHelper';
-import { ModuleDetail } from '../Components/ModuleSummary/ModuleDetail';
-import { CalculatedColumnWizard } from './Wizard/CalculatedColumnWizard';
-export class CalculatedColumnSummaryComponent extends React.Component {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalculatedColumnSummary = exports.CalculatedColumnSummaryComponent = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const Helper_1 = require("../../Utilities/Helpers/Helper");
+const CalculatedColumnRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/CalculatedColumnRedux"));
+const EditableConfigEntityState_1 = require("../Components/SharedProps/EditableConfigEntityState");
+const UIHelper_1 = require("../UIHelper");
+const ModuleDetail_1 = require("../Components/ModuleSummary/ModuleDetail");
+const CalculatedColumnWizard_1 = require("./Wizard/CalculatedColumnWizard");
+class CalculatedColumnSummaryComponent extends React.Component {
     constructor(props) {
         super(props);
         this.onFinishWizard = (calculatedColumn) => {
@@ -14,37 +18,38 @@ export class CalculatedColumnSummaryComponent extends React.Component {
             this.setState({
                 editedAdaptableObject: null,
                 wizardStartIndex: 0,
-                wizardStatus: WizardStatus.None,
+                wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
             });
         };
-        this.state = UIHelper.getEmptyConfigState();
+        this.state = UIHelper_1.UIHelper.getEmptyConfigState();
     }
     render() {
         let detailRow;
         this.props.CalculatedColumns.map((item, index) => {
             if (item.ColumnId == this.props.summarisedColumn.columnId) {
-                detailRow = (React.createElement(ModuleDetail, { key: 'UF' + index, item1: this.props.moduleInfo.FriendlyName, item2: this.props.api.internalApi.getAdaptableQueryExpressionText(item.Query), configEnity: item, showShare: this.props.teamSharingActivated, moduleInfo: this.props.moduleInfo, onEdit: () => this.onEdit(item), onShare: (config) => this.props.onShare(item, config), onDelete: CalculatedColumnRedux.CalculatedColumnDelete(item), showBold: true, accessLevel: this.props.accessLevel }));
+                detailRow = (React.createElement(ModuleDetail_1.ModuleDetail, { key: 'UF' + index, item1: this.props.moduleInfo.FriendlyName, item2: this.props.api.internalApi.getAdaptableQueryExpressionText(item.Query), configEnity: item, showShare: this.props.teamSharingActivated, moduleInfo: this.props.moduleInfo, onEdit: () => this.onEdit(item), onShare: (config) => this.props.onShare(item, config), onDelete: CalculatedColumnRedux.CalculatedColumnDelete(item), showBold: true, accessLevel: this.props.accessLevel }));
             }
         });
         return (React.createElement("div", null,
             detailRow,
-            this.state.editedAdaptableObject && (React.createElement(CalculatedColumnWizard, { moduleInfo: this.props.moduleInfo, data: this.state.editedAdaptableObject, configEntities: this.props.CalculatedColumns, onCloseWizard: () => this.onCloseWizard(), onFinishWizard: this.onFinishWizard }))));
+            this.state.editedAdaptableObject && (React.createElement(CalculatedColumnWizard_1.CalculatedColumnWizard, { moduleInfo: this.props.moduleInfo, data: this.state.editedAdaptableObject, configEntities: this.props.CalculatedColumns, onCloseWizard: () => this.onCloseWizard(), onFinishWizard: this.onFinishWizard }))));
     }
     onEdit(calculatedColumn) {
         this.setState({
-            editedAdaptableObject: Helper.cloneObject(calculatedColumn),
+            editedAdaptableObject: Helper_1.Helper.cloneObject(calculatedColumn),
             wizardStartIndex: 0,
-            wizardStatus: WizardStatus.Edit,
+            wizardStatus: EditableConfigEntityState_1.WizardStatus.Edit,
         });
     }
     onCloseWizard() {
         this.setState({
             editedAdaptableObject: null,
             wizardStartIndex: 0,
-            wizardStatus: WizardStatus.None,
+            wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
         });
     }
 }
+exports.CalculatedColumnSummaryComponent = CalculatedColumnSummaryComponent;
 function mapStateToProps(state) {
     return {
         CalculatedColumns: state.CalculatedColumn.CalculatedColumns,
@@ -55,4 +60,4 @@ function mapDispatchToProps(dispatch) {
         onEdit: (calculatedColumn) => dispatch(CalculatedColumnRedux.CalculatedColumnEdit(calculatedColumn)),
     };
 }
-export let CalculatedColumnSummary = connect(mapStateToProps, mapDispatchToProps)(CalculatedColumnSummaryComponent);
+exports.CalculatedColumnSummary = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(CalculatedColumnSummaryComponent);

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

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