@adaptabletools/adaptable 16.2.4 → 17.0.0-canary.1

package/src/View/BulkUpdate/BulkUpdatePopup.js

@@ -1,23 +1,16 @@
-"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 UIHelper_1 = require("../UIHelper");
-const PreviewResultsPanel_1 = require("../Components/PreviewResultsPanel");
-const PreviewHelper_1 = require("../../Utilities/Helpers/PreviewHelper");
-const ColumnValueSelector_1 = require("../Components/Selectors/ColumnValueSelector");
-const CheckBox_1 = require("../../components/CheckBox");
-const rebass_1 = require("rebass");
-const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
-const HelpBlock_1 = tslib_1.__importDefault(require("../../components/HelpBlock"));
-const AdaptableInput_1 = tslib_1.__importDefault(require("../Components/AdaptableInput"));
+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';
 class BulkUpdatePopupComponent extends React.Component {
     constructor(props) {
         super(props);
@@ -31,7 +24,7 @@ class BulkUpdatePopupComponent extends React.Component {
         let col = this.props.BulkUpdateValidationResult.Column;
         let hasDataTypeError = false;
         let dataTypeErrorMessage = '';
-        if (col && StringExtensions_1.StringExtensions.IsNotNullOrEmpty(this.props.BulkUpdateValue)) {
+        if (col && 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))) {
@@ -40,40 +33,37 @@ class BulkUpdatePopupComponent extends React.Component {
                 }
             }
         }
-        let globalValidationMessage = PreviewHelper_1.PreviewHelper.GetValidationMessage(this.props.PreviewInfo, this.props.BulkUpdateValue);
+        let globalValidationMessage = PreviewHelper.GetValidationMessage(this.props.PreviewInfo, this.props.BulkUpdateValue);
         let showPanel = this.props.PreviewInfo &&
-            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;
+            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;
         if (!col) {
             return null;
         }
-        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" },
+        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" },
             col.dataType == 'Date' ? (React.createElement(React.Fragment, null,
-                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.Box, null,
-                    React.createElement(CheckBox_1.CheckBox, { marginLeft: 2, onChange: (checked) => this.onUseColumnValuesSelectorChanged(checked), checked: this.state.useSelector },
-                        ' ',
-                        "Select from existing column values")),
-                React.createElement(rebass_1.Flex, { padding: 2, flexDirection: "row", alignItems: "center" },
-                    React.createElement(rebass_1.Flex, { alignItems: "center", flexDirection: "row", flex: 1, marginRight: 2 }, this.state.useSelector ? (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(AdaptableInput_1.default, { "data-name": "bulk-update", style: { width: '100%' }, value: String(this.props.BulkUpdateValue), type: UIHelper_1.UIHelper.getDescriptionForDataType(col.dataType), placeholder: UIHelper_1.UIHelper.getPlaceHolderforDataType(col.dataType), onChange: (e) => this.onBulkUpdateValueChange(e) }))),
-                    React.createElement(SimpleButton_1.default, { disabled: StringExtensions_1.StringExtensions.IsNullOrEmpty(this.props.BulkUpdateValue) ||
+                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) ||
                             this.props.PreviewInfo.previewValidationSummary.validationResult == 'All', onClick: () => {
                             this.onApplyClick();
                         }, variant: "raised", tone: "accent" }, "Apply to Grid")))) : (React.createElement(React.Fragment, null,
-                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) ||
+                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) ||
                             this.props.PreviewInfo.previewValidationSummary.validationResult == 'All' ||
                             hasDataTypeError, variant: "raised", tone: "accent", marginRight: 2, onClick: () => {
                             this.onApplyClick();
                         } }, "Apply to Grid"),
                     ' ',
-                    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' }))))),
+                    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' }))))),
             previewPanel));
     }
     onColumnValueSelectedChanged(selectedColumnValue) {
@@ -110,4 +100,4 @@ function mapDispatchToProps(dispatch) {
         onRunBulkUpdate: () => dispatch(BulkUpdateRedux.BulkUpdateComplete(false)),
     };
 }
-exports.BulkUpdatePopup = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(BulkUpdatePopupComponent);
+export let BulkUpdatePopup = connect(mapStateToProps, mapDispatchToProps)(BulkUpdatePopupComponent);

package/src/View/BulkUpdate/BulkUpdateViewPanel.js

@@ -1,21 +1,17 @@
-"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");
+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';
 class BulkUpdateViewPanelComponent extends React.Component {
     constructor(props) {
         super(props);
@@ -41,7 +37,7 @@ class BulkUpdateViewPanelComponent extends React.Component {
     render() {
         let statusColour = this.getStatusColour();
         let selectedColumn = this.props.BulkUpdateValidationResult.Column;
-        let previewPanel = (React.createElement(PreviewResultsPanel_1.PreviewResultsPanel, { previewInfo: this.props.PreviewInfo, api: this.props.api, selectedColumn: selectedColumn, showPanel: true, showHeader: false }));
+        let previewPanel = (React.createElement(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;
@@ -50,43 +46,43 @@ class BulkUpdateViewPanelComponent extends React.Component {
             fill: 'currentColor',
         };
         const elementType = this.props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
-        return (React.createElement(rebass_1.Flex, { 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: {
+        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: {
                         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(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) ||
+            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) ||
                         (this.props.PreviewInfo != null &&
                             this.props.PreviewInfo.previewValidationSummary.validationResult == 'All'), accessLevel: this.props.accessLevel }, this.props.viewType === 'ToolPanel' && 'Update')),
-                !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" })))));
+                !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" })))));
     }
     onColumnValueSelectedChanged(selectedColumnValue) {
         this.props.onBulkUpdateValueChange(selectedColumnValue);
     }
     checkSelectedCells() {
         this.props.onBulkUpdateCheckSelectedCells();
-        if (StringExtensions_1.StringExtensions.IsNotNullOrEmpty(this.props.BulkUpdateValue)) {
+        if (StringExtensions.IsNotNullOrEmpty(this.props.BulkUpdateValue)) {
             this.props.onBulkUpdateValueChange('');
         }
     }
     getStatusColour() {
-        if (StringExtensions_1.StringExtensions.IsNotNullOrEmpty(this.props.BulkUpdateValue) && this.props.PreviewInfo) {
+        if (StringExtensions.IsNotNullOrEmpty(this.props.BulkUpdateValue) && this.props.PreviewInfo) {
             if (this.props.PreviewInfo.previewValidationSummary.validationResult == 'All') {
-                return Enums_1.StatusColour.Error;
+                return StatusColour.Error;
             }
             if (this.props.PreviewInfo.previewValidationSummary.validationResult == 'Some') {
-                return Enums_1.StatusColour.Warn;
+                return StatusColour.Warn;
             }
         }
-        return Enums_1.StatusColour.Success;
+        return StatusColour.Success;
     }
     onApplyClick() {
         this.onApplyBulkUpdate();
     }
     onApplyBulkUpdate() {
         this.props.onRunBulkUpdate();
-        this.props.onBulkUpdateValueChange('');
+        this.props.onBulkUpdateValueChange(undefined);
     }
 }
 function mapStateToProps(state, ownProps) {
@@ -106,4 +102,4 @@ function mapDispatchToProps(dispatch) {
         onRunBulkUpdate: () => dispatch(BulkUpdateRedux.BulkUpdateComplete(false)),
     };
 }
-exports.BulkUpdateViewPanelControl = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(BulkUpdateViewPanelComponent);
+export let BulkUpdateViewPanelControl = connect(mapStateToProps, mapDispatchToProps)(BulkUpdateViewPanelComponent);

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

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

package/src/View/CalculatedColumn/CalculatedColumnSummary.js

@@ -1,16 +1,12 @@
-"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 {
+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 {
     constructor(props) {
         super(props);
         this.onFinishWizard = (calculatedColumn) => {
@@ -18,38 +14,37 @@ class CalculatedColumnSummaryComponent extends React.Component {
             this.setState({
                 editedAdaptableObject: null,
                 wizardStartIndex: 0,
-                wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
+                wizardStatus: WizardStatus.None,
             });
         };
-        this.state = UIHelper_1.UIHelper.getEmptyConfigState();
+        this.state = UIHelper.getEmptyConfigState();
     }
     render() {
         let detailRow;
         this.props.CalculatedColumns.map((item, index) => {
             if (item.ColumnId == this.props.summarisedColumn.columnId) {
-                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 }));
+                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 }));
             }
         });
         return (React.createElement("div", null,
             detailRow,
-            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 }))));
+            this.state.editedAdaptableObject && (React.createElement(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_1.Helper.cloneObject(calculatedColumn),
+            editedAdaptableObject: Helper.cloneObject(calculatedColumn),
             wizardStartIndex: 0,
-            wizardStatus: EditableConfigEntityState_1.WizardStatus.Edit,
+            wizardStatus: WizardStatus.Edit,
         });
     }
     onCloseWizard() {
         this.setState({
             editedAdaptableObject: null,
             wizardStartIndex: 0,
-            wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
+            wizardStatus: WizardStatus.None,
         });
     }
 }
-exports.CalculatedColumnSummaryComponent = CalculatedColumnSummaryComponent;
 function mapStateToProps(state) {
     return {
         CalculatedColumns: state.CalculatedColumn.CalculatedColumns,
@@ -60,4 +55,4 @@ function mapDispatchToProps(dispatch) {
         onEdit: (calculatedColumn) => dispatch(CalculatedColumnRedux.CalculatedColumnEdit(calculatedColumn)),
     };
 }
-exports.CalculatedColumnSummary = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(CalculatedColumnSummaryComponent);
+export let CalculatedColumnSummary = connect(mapStateToProps, mapDispatchToProps)(CalculatedColumnSummaryComponent);

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

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCalculatedColumnSettingsTags = void 0;
-const getCalculatedColumnSettingsTags = (settings) => {
+export 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 [
@@ -16,4 +13,3 @@ const getCalculatedColumnSettingsTags = (settings) => {
         colTypes ? `Column Types: ${colTypes}` : null,
     ].filter(Boolean);
 };
-exports.getCalculatedColumnSettingsTags = getCalculatedColumnSettingsTags;

package/src/View/CalculatedColumn/Wizard/CalculatedColumnDefinitionWizardSection.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { AdaptableApi } from '../../../Api/AdaptableApi';
 import { CalculatedColumn } from '../../../PredefinedConfig/CalculatedColumnState';
-export declare type CalculatedColumnDefinitionWizardSectionProps = {
+export type CalculatedColumnDefinitionWizardSectionProps = {
     onChange: (data: CalculatedColumn) => void;
     isEdit: boolean;
 };

package/src/View/CalculatedColumn/Wizard/CalculatedColumnDefinitionWizardSection.js

@@ -1,29 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalculatedColumnDefinitionWizardSection = exports.isValidCalculatedColumnDefinition = exports.renderCalculatedColumnDefinitionSummary = 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 FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
-const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
-const CheckBox_1 = require("../../../components/CheckBox");
-const ErrorBox_1 = tslib_1.__importDefault(require("../../../components/ErrorBox"));
-const Tabs_1 = require("../../../components/Tabs");
-const Tag_1 = require("../../../components/Tag");
-const renderCalculatedColumnDefinitionSummary = (data) => {
+import * as React from 'react';
+import { useState } from 'react';
+import { Box, Flex } from 'rebass';
+import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+import FormLayout, { FormRow } from '../../../components/FormLayout';
+import Input from '../../../components/Input';
+import { CheckBox } from '../../../components/CheckBox';
+import ErrorBox from '../../../components/ErrorBox';
+import { Tabs } from '../../../components/Tabs';
+import { Tag } from '../../../components/Tag';
+export const renderCalculatedColumnDefinitionSummary = (data) => {
     var _a;
-    return (React.createElement(rebass_1.Box, { fontSize: 2 },
-        React.createElement(rebass_1.Box, null,
+    return (React.createElement(Box, { fontSize: 2 },
+        React.createElement(Box, null,
             "Column Identifier: ",
-            React.createElement(Tag_1.Tag, null, data.ColumnId)),
-        data.FriendlyName ? (React.createElement(rebass_1.Box, { mt: 3 },
+            React.createElement(Tag, null, data.ColumnId)),
+        data.FriendlyName ? (React.createElement(Box, { mt: 3 },
             "Column Name: ",
-            React.createElement(Tag_1.Tag, null, (_a = data.FriendlyName) !== null && _a !== void 0 ? _a : data.ColumnId))) : null));
+            React.createElement(Tag, null, (_a = data.FriendlyName) !== null && _a !== void 0 ? _a : data.ColumnId))) : null));
 };
-exports.renderCalculatedColumnDefinitionSummary = renderCalculatedColumnDefinitionSummary;
-const isValidCalculatedColumnDefinition = (data, api) => {
+export const isValidCalculatedColumnDefinition = (data, api) => {
     const columns = api.columnApi.getColumns();
     if (!data.ColumnId) {
         return 'Column Id cannot be empty';
@@ -32,10 +27,9 @@ const isValidCalculatedColumnDefinition = (data, api) => {
     const hasAlreadyExistingId = data.Uuid ? columnsWithSameIdCount > 1 : columnsWithSameIdCount > 0;
     return hasAlreadyExistingId ? 'A Column already exists with that id' : true;
 };
-exports.isValidCalculatedColumnDefinition = isValidCalculatedColumnDefinition;
-const CalculatedColumnDefinitionWizardSection = (props) => {
+export const CalculatedColumnDefinitionWizardSection = (props) => {
     var _a;
-    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const { data, api } = useOnePageAdaptableWizardContext();
     const handleColumnIdChange = (event) => {
         let e = event.target;
         props.onChange(Object.assign(Object.assign({}, data), { ColumnId: e.value }));
@@ -45,36 +39,35 @@ const CalculatedColumnDefinitionWizardSection = (props) => {
         props.onChange(Object.assign(Object.assign({}, data), { FriendlyName: e.value }));
     };
     const inEdit = props.isEdit;
-    const validCheck = (0, exports.isValidCalculatedColumnDefinition)(data, api);
+    const validCheck = isValidCalculatedColumnDefinition(data, api);
     const ErrorMessage = validCheck === true ? null : validCheck;
-    const [ColumnNameFocused, setColumnNameFocused] = (0, react_1.useState)(false);
+    const [ColumnNameFocused, setColumnNameFocused] = useState(false);
     const ColumnName = data.FriendlyName;
     const ColumnId = data.ColumnId;
     const { ShowToolTip, HeaderToolTip } = (_a = data.CalculatedColumnSettings) !== null && _a !== void 0 ? _a : {};
     const handleSpecialColumnSettingsChange = (settings) => {
         props.onChange(Object.assign(Object.assign({}, data), { CalculatedColumnSettings: Object.assign(Object.assign({}, data.CalculatedColumnSettings), settings) }));
     };
-    return (React.createElement(rebass_1.Box, { "data-name": 'calculated-column-definition' },
-        React.createElement(Tabs_1.Tabs, { autoFocus: false },
-            React.createElement(Tabs_1.Tabs.Tab, null, "Column Details"),
-            React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(rebass_1.Flex, { flexDirection: "row" },
-                    React.createElement(FormLayout_1.default, null,
-                        React.createElement(FormLayout_1.FormRow, { label: "Column Id" },
-                            React.createElement(Input_1.default, { "data-name": "column-id", value: data.ColumnId || '', width: 300, autoFocus: !inEdit, disabled: inEdit, type: "text", placeholder: "Enter an Id for the column", onChange: handleColumnIdChange })),
-                        React.createElement(FormLayout_1.FormRow, { label: "Name" },
-                            React.createElement(Input_1.default, { "data-name": "column-name", autoFocus: inEdit, onFocus: () => {
+    return (React.createElement(Box, { "data-name": 'calculated-column-definition' },
+        React.createElement(Tabs, { autoFocus: false },
+            React.createElement(Tabs.Tab, null, "Column Details"),
+            React.createElement(Tabs.Content, null,
+                React.createElement(Flex, { flexDirection: "row" },
+                    React.createElement(FormLayout, null,
+                        React.createElement(FormRow, { label: "Column Id" },
+                            React.createElement(Input, { "data-name": "column-id", value: data.ColumnId || '', width: 300, autoFocus: !inEdit, disabled: inEdit, type: "text", placeholder: "Enter an Id for the column", onChange: handleColumnIdChange })),
+                        React.createElement(FormRow, { label: "Name" },
+                            React.createElement(Input, { "data-name": "column-name", autoFocus: inEdit, onFocus: () => {
                                     setColumnNameFocused(true);
                                 }, onBlur: () => {
                                     setColumnNameFocused(false);
                                 }, value: ColumnNameFocused ? ColumnName || '' : ColumnName || ColumnId || '', width: 300, type: "text", placeholder: "Enter column name", onChange: handleColumnNameChange })),
-                        React.createElement(FormLayout_1.FormRow, { label: "Header Tooltip" },
-                            React.createElement(Input_1.default, { "data-name": "header-tooltip", type: "text", width: 300, value: HeaderToolTip, onChange: (e) => handleSpecialColumnSettingsChange({
+                        React.createElement(FormRow, { label: "Header Tooltip" },
+                            React.createElement(Input, { "data-name": "header-tooltip", type: "text", width: 300, value: HeaderToolTip, onChange: (e) => handleSpecialColumnSettingsChange({
                                     HeaderToolTip: e.target.value,
                                 }) })),
                         ' ',
-                        React.createElement(FormLayout_1.FormRow, { label: "" },
-                            React.createElement(CheckBox_1.CheckBox, { "data-name": "column-show-tooltip", onChange: (checked) => handleSpecialColumnSettingsChange({ ShowToolTip: checked }), checked: ShowToolTip }, "Show Expression as Cell Tooltip")))))),
-        ErrorMessage ? React.createElement(ErrorBox_1.default, { marginTop: 2 }, ErrorMessage) : null));
+                        React.createElement(FormRow, { label: "" },
+                            React.createElement(CheckBox, { "data-name": "column-show-tooltip", onChange: (checked) => handleSpecialColumnSettingsChange({ ShowToolTip: checked }), checked: ShowToolTip }, "Show Expression as Cell Tooltip")))))),
+        ErrorMessage ? React.createElement(ErrorBox, { marginTop: 2 }, ErrorMessage) : null));
 };
-exports.CalculatedColumnDefinitionWizardSection = CalculatedColumnDefinitionWizardSection;

package/src/View/CalculatedColumn/Wizard/CalculatedColumnExpressionWizardSection.d.ts

@@ -2,7 +2,7 @@
 import { CalculatedColumn } from '../../../types';
 import { AdaptableApi } from '../../../Api/AdaptableApi';
 import { ExpressionType } from './CalculatedColumnWizard';
-export declare type CalculatedColumnExpressionWizardSectionProps = {
+export type CalculatedColumnExpressionWizardSectionProps = {
     onChange: (data: CalculatedColumn) => void;
     expressionType: ExpressionType;
 };

package/src/View/CalculatedColumn/Wizard/CalculatedColumnExpressionWizardSection.js

@@ -1,24 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalculatedColumnExpressionWizardSection = exports.isValidCalculatedColumnExpression = exports.renderCalculatedColumnExpressionSummary = 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 ExpressionEditor_1 = require("../../../components/ExpressionEditor");
-const Tabs_1 = require("../../../components/Tabs");
-const CodeBlock_1 = require("../../../components/CodeBlock");
-const StringExtensions_1 = require("../../../Utilities/Extensions/StringExtensions");
-const renderCalculatedColumnExpressionSummary = (data) => {
-    const { api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    return (React.createElement(rebass_1.Box, { fontSize: 2 },
+import * as React from 'react';
+import { useMemo } from 'react';
+import { Box } from 'rebass';
+import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+import { ExpressionEditor } from '../../../components/ExpressionEditor';
+import { Tabs } from '../../../components/Tabs';
+import { CodeBlock } from '../../../components/CodeBlock';
+import { Humanize } from '../../../Utilities/Extensions/StringExtensions';
+export const renderCalculatedColumnExpressionSummary = (data) => {
+    const { api } = useOnePageAdaptableWizardContext();
+    return (React.createElement(Box, { fontSize: 2 },
         "Column scalar expression:",
         ' ',
-        React.createElement(CodeBlock_1.CodeBlock, null, api.internalApi.getAdaptableQueryExpressionText(data.Query))));
+        React.createElement(CodeBlock, null, api.internalApi.getAdaptableQueryExpressionText(data.Query))));
 };
-exports.renderCalculatedColumnExpressionSummary = renderCalculatedColumnExpressionSummary;
-const isValidCalculatedColumnExpression = (data, api) => {
+export const isValidCalculatedColumnExpression = (data, api) => {
     var _a;
     const calculatedColumnExpressionService = api.internalApi.getCalculatedColumnExpressionService();
     const expression = (_a = api.expressionApi.getAdaptableQueryExpression(data.Query)) === null || _a === void 0 ? void 0 : _a.trim();
@@ -31,10 +26,9 @@ const isValidCalculatedColumnExpression = (data, api) => {
     }
     return true;
 };
-exports.isValidCalculatedColumnExpression = isValidCalculatedColumnExpression;
-const CalculatedColumnExpressionWizardSection = (props) => {
-    const { api, data, moduleInfo } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    const initialData = (0, react_1.useMemo)(() => api.internalApi.getQueryPreviewData(), []);
+export const CalculatedColumnExpressionWizardSection = (props) => {
+    const { api, data, moduleInfo } = useOnePageAdaptableWizardContext();
+    const initialData = useMemo(() => api.internalApi.getQueryPreviewData(), []);
     const setCalculatedColumnExpression = (calculatedColumnQuery) => {
         const calculatedColumnExpressionService = api.internalApi.getCalculatedColumnExpressionService();
         const dataType = calculatedColumnExpressionService.getCalculatedColumnDataType(calculatedColumnQuery);
@@ -50,19 +44,18 @@ const CalculatedColumnExpressionWizardSection = (props) => {
                 return 'quantileAggregatedScalar';
         }
     };
-    return (React.createElement(Tabs_1.Tabs, { autoFocus: false },
-        React.createElement(Tabs_1.Tabs.Tab, null, (0, StringExtensions_1.Humanize)(props.expressionType)),
-        React.createElement(Tabs_1.Tabs.Content, null, (() => {
+    return (React.createElement(Tabs, { autoFocus: false },
+        React.createElement(Tabs.Tab, null, Humanize(props.expressionType)),
+        React.createElement(Tabs.Content, null, (() => {
             switch (props.expressionType) {
                 case 'ScalarExpression':
-                    return (React.createElement(ExpressionEditor_1.ExpressionEditor, { type: 'scalar', module: moduleInfo.ModuleName, style: { paddingLeft: 0 }, value: data.Query.ScalarExpression, onChange: (ScalarExpression) => setCalculatedColumnExpression({ ScalarExpression }), initialData: initialData, columns: api.columnApi.getQueryableColumns(), namedQueries: api.queryApi.getNamedQueries(), isFullExpression: true, api: api }));
+                    return (React.createElement(ExpressionEditor, { type: 'scalar', module: moduleInfo.ModuleName, style: { paddingLeft: 0 }, value: data.Query.ScalarExpression, onChange: (ScalarExpression) => setCalculatedColumnExpression({ ScalarExpression }), initialData: initialData, columns: api.columnApi.getQueryableColumns(), namedQueries: api.namedQueryApi.getNamedQueries(), isFullExpression: true, api: api }));
                 case 'AggregatedScalarExpression':
                 case 'CumulativeAggregatedExpression':
                 case 'QuantileAggregatedExpression':
-                    return (React.createElement(ExpressionEditor_1.ExpressionEditor, { type: getEditorType(props.expressionType), module: moduleInfo.ModuleName, style: { paddingLeft: 0 }, value: data.Query.AggregatedScalarExpression, onChange: (AggregatedScalarExpression) => setCalculatedColumnExpression({ AggregatedScalarExpression }), initialData: initialData, columns: api.columnApi.getQueryableColumns(), namedQueries: api.queryApi.getNamedQueries(), isFullExpression: true, api: api }));
+                    return (React.createElement(ExpressionEditor, { type: getEditorType(props.expressionType), module: moduleInfo.ModuleName, style: { paddingLeft: 0 }, value: data.Query.AggregatedScalarExpression, onChange: (AggregatedScalarExpression) => setCalculatedColumnExpression({ AggregatedScalarExpression }), initialData: initialData, columns: api.columnApi.getQueryableColumns(), namedQueries: api.namedQueryApi.getNamedQueries(), isFullExpression: true, api: api }));
                 default:
                     return React.createElement(React.Fragment, null);
             }
         })())));
 };
-exports.CalculatedColumnExpressionWizardSection = CalculatedColumnExpressionWizardSection;

package/src/View/CalculatedColumn/Wizard/CalculatedColumnSettingsWizardSection.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { CalculatedColumn } from '../../../PredefinedConfig/CalculatedColumnState';
-export declare type CalculatedColumnSettingsWizardSectionProps = {
+export type CalculatedColumnSettingsWizardSectionProps = {
     onChange: (data: CalculatedColumn) => void;
     isEdit: boolean;
 };