@adaptabletools/adaptable 10.0.0-canary.0

package/src/View/Shortcut/Wizard/ShortcutSettingsWizard.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { Shortcut } from '../../../PredefinedConfig/ShortcutState';
+export declare const isSettingsValid: (data: Shortcut) => string | true;
+export declare const ShortcutSettingsSummary: React.FunctionComponent;
+interface ShortcutSettingsWizardProps {
+    availableKeys: Array<string>;
+    onChange: (shortcut: Shortcut) => void;
+}
+export declare const ShortcutSettingsWizard: React.FunctionComponent<ShortcutSettingsWizardProps>;
+export {};

package/src/View/Shortcut/Wizard/ShortcutSettingsWizard.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShortcutSettingsWizard = exports.ShortcutSettingsSummary = exports.isSettingsValid = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const AdaptablePopover_1 = require("../../AdaptablePopover");
+const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
+const shortcutOperations_1 = require("../shortcutOperations");
+const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
+const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
+const Tabs_1 = require("../../../components/Tabs");
+const CodeBlock_1 = require("../../../components/CodeBlock");
+const DropdownButton_1 = tslib_1.__importDefault(require("../../../components/DropdownButton"));
+const OnePageAdaptableWizard_2 = require("../../../View/Wizard/OnePageAdaptableWizard");
+exports.isSettingsValid = (data) => {
+    const shortcutKey = data.ShortcutKey && typeof data.ShortcutKey === 'string' ? '' : 'Shortcut key is not selected';
+    const shortcutValue = typeof data.ShortcutValue === 'number' ? '' : 'Shortcut value is not specified';
+    const shortcutOperation = data.ShortcutOperation && typeof data.ShortcutOperation === 'string'
+        ? ''
+        : 'Shortcut operation is not selected';
+    const result = [shortcutKey, shortcutValue, shortcutOperation].filter(Boolean);
+    return result.length ? result.join(', ') : true;
+};
+exports.ShortcutSettingsSummary = () => {
+    var _a, _b;
+    const { data: shortcut } = OnePageAdaptableWizard_1.useOnePageWizardContext();
+    return (React.createElement(React.Fragment, null,
+        React.createElement(OnePageAdaptableWizard_2.SummaryText, null,
+            "Shortcut Key ",
+            React.createElement(CodeBlock_1.CodeBlock, null, shortcut.ShortcutKey || 'Not selected')),
+        React.createElement(OnePageAdaptableWizard_2.SummaryText, null,
+            "Value ",
+            React.createElement(CodeBlock_1.CodeBlock, null, (_a = shortcut.ShortcutValue) !== null && _a !== void 0 ? _a : 'Not specified')),
+        React.createElement(OnePageAdaptableWizard_2.SummaryText, null,
+            "Operation ",
+            React.createElement(CodeBlock_1.CodeBlock, null, (_b = shortcut.ShortcutOperation) !== null && _b !== void 0 ? _b : 'Not Specified'))));
+};
+exports.ShortcutSettingsWizard = (props) => {
+    var _a;
+    const { data: shortcut } = OnePageAdaptableWizard_1.useOnePageWizardContext();
+    const handleKeyChange = React.useCallback((ShortcutKey) => {
+        props.onChange(Object.assign(Object.assign({}, shortcut), { ShortcutKey }));
+    }, [shortcut]);
+    const handleOperationChange = React.useCallback((ShortcutOperation) => props.onChange(Object.assign(Object.assign({}, shortcut), { ShortcutOperation })), [shortcut]);
+    const handleOperationValueChange = React.useCallback((event) => {
+        props.onChange(Object.assign(Object.assign({}, shortcut), { ShortcutValue: event.target.value ? parseFloat(event.target.value) : event.target.value }));
+    }, [shortcut]);
+    const optionActions = shortcutOperations_1.shortcutOperationList.map((operation) => ({
+        value: operation,
+        label: operation,
+        onClick: () => handleOperationChange(operation),
+    }));
+    const optionKeys = props.availableKeys.map((key) => ({
+        value: key,
+        label: key,
+        onClick: () => handleKeyChange(key),
+    }));
+    return (React.createElement(rebass_1.Box, { "data-name": "shortcut-column-settings" },
+        React.createElement(Tabs_1.Tabs, { autoFocus: false },
+            React.createElement(Tabs_1.Tabs.Tab, null, "Shortcut Settings"),
+            React.createElement(Tabs_1.Tabs.Content, null,
+                React.createElement(FormLayout_1.default, { width: 400 },
+                    React.createElement(FormLayout_1.FormRow, { label: "Key" },
+                        React.createElement(rebass_1.Flex, { flexDirection: "row" },
+                            React.createElement(DropdownButton_1.default, { style: { flex: 1 }, marginRight: 3, items: optionKeys }, shortcut.ShortcutKey || 'Select Key'),
+                            React.createElement(AdaptablePopover_1.AdaptablePopover, { headerText: "Shortcut: Key", bodyText: ['The keyboard key that, when pressed, triggers the shortcut.'] }))),
+                    React.createElement(FormLayout_1.FormRow, { label: "Operation" },
+                        React.createElement(rebass_1.Flex, { flexDirection: "row" },
+                            React.createElement(DropdownButton_1.default, { style: { flex: 1 }, marginRight: 3, items: optionActions }, shortcut.ShortcutOperation || 'Select Operation'),
+                            React.createElement(AdaptablePopover_1.AdaptablePopover, { headerText: 'Shortcut: Operation', bodyText: [
+                                    "The mathematical operation that is performed on the cell's current value - using the shortcut's 'value' - in order to calculate the new total for the cell.",
+                                ] }))),
+                    React.createElement(FormLayout_1.FormRow, { label: "Value" },
+                        React.createElement(rebass_1.Flex, { flexDirection: "row" },
+                            React.createElement(Input_1.default, { flex: 1, marginRight: 3, onChange: handleOperationValueChange, placeholder: "Enter Number", type: "number", value: (_a = shortcut.ShortcutValue) !== null && _a !== void 0 ? _a : '' }),
+                            React.createElement(AdaptablePopover_1.AdaptablePopover, { headerText: 'Shortcut: Value', bodyText: [
+                                    "The number that is used - together with the shortcut's mathematical 'operation' and the current cell value - in order to calculate the new total for the cell.",
+                                ] }))))))));
+};

package/src/View/Shortcut/Wizard/ShortcutWizard.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { AdaptableOnePageWizardProps } from '../../../View/Wizard/Interface/IAdaptableWizard';
+import { Shortcut } from '../../../PredefinedConfig/ShortcutState';
+interface ShortcutWizardProps extends AdaptableOnePageWizardProps<Shortcut> {
+    availableKeys: string[];
+}
+export declare const ShortcutWizard: React.FunctionComponent<ShortcutWizardProps>;
+export {};

package/src/View/Shortcut/Wizard/ShortcutWizard.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShortcutWizard = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const OnePageAdaptableWizard_1 = require("../../../View/Wizard/OnePageAdaptableWizard");
+const Helper_1 = require("../../../Utilities/Helpers/Helper");
+const NewScopeComponent_1 = require("../../Components/NewScopeComponent");
+const ShortcutScopeWizardSection_1 = require("./ShortcutScopeWizardSection");
+const ShortcutSettingsWizard_1 = require("./ShortcutSettingsWizard");
+exports.ShortcutWizard = (props) => {
+    const [shortcut, setShortcut] = React.useState(() => {
+        var _a;
+        const shortcut = Helper_1.cloneObject(props.data);
+        shortcut.Scope = (_a = shortcut.Scope) !== null && _a !== void 0 ? _a : { All: true };
+        return shortcut;
+    });
+    return (React.createElement(OnePageAdaptableWizard_1.OnePageAdaptableWizard, { moduleInfo: props.moduleInfo, data: shortcut, onHide: props.onCloseWizard, onFinish: props.onFinishWizard, sections: [
+            {
+                title: 'Target',
+                isValid: NewScopeComponent_1.isScopeValid,
+                details: 'Specify where Shortcut should be applied',
+                renderSummary: () => NewScopeComponent_1.renderScopeSummary(shortcut.Scope, {
+                    scopeWholeRow: 'Shortcut is triggered for matching rows',
+                    scopeColumns: 'Shortcut is triggered in cells in selected columns',
+                    scopeDataTypes: 'Shortcut is triggered for cells with selected data type',
+                }),
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ShortcutScopeWizardSection_1.ShortcutScopeWizardSection, { onChange: setShortcut }))),
+            },
+            {
+                title: 'Settings',
+                isValid: ShortcutSettingsWizard_1.isSettingsValid,
+                details: (React.createElement(React.Fragment, null,
+                    "A Shortcut is a mathematical calculation (",
+                    React.createElement("b", null, "Operation"),
+                    ") which is applied with the defined operand ",
+                    React.createElement("b", null, "Value"),
+                    " on the edited cell content when the corresponding Shortcut ",
+                    React.createElement("b", null, "Key"),
+                    " is pressed.")),
+                renderSummary: () => React.createElement(ShortcutSettingsWizard_1.ShortcutSettingsSummary, null),
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ShortcutSettingsWizard_1.ShortcutSettingsWizard, { availableKeys: props.availableKeys, onChange: setShortcut }))),
+            },
+            {
+                render: () => {
+                    return (React.createElement(rebass_1.Box, { padding: 2 },
+                        React.createElement(OnePageAdaptableWizard_1.OnePageWizardSummary, null)));
+                },
+                title: 'Summary',
+            },
+        ] }));
+};

package/src/View/Shortcut/shortcutKeys.d.ts

@@ -0,0 +1 @@
+export declare const shortcutKeys: string[];

package/src/View/Shortcut/shortcutKeys.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shortcutKeys = void 0;
+exports.shortcutKeys = [
+    'A',
+    'B',
+    'C',
+    'D',
+    'E',
+    'F',
+    'G',
+    'H',
+    'I',
+    'J',
+    'K',
+    'L',
+    'M',
+    'N',
+    'O',
+    'P',
+    'Q',
+    'R',
+    'S',
+    'T',
+    'U',
+    'V',
+    'W',
+    'X',
+    'Y',
+    'Z',
+];

package/src/View/Shortcut/shortcutOperations.d.ts

@@ -0,0 +1,2 @@
+import { MathOperation } from '../../PredefinedConfig/Common/Enums';
+export declare const shortcutOperationList: Array<MathOperation>;

package/src/View/Shortcut/shortcutOperations.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shortcutOperationList = void 0;
+const Enums_1 = require("../../PredefinedConfig/Common/Enums");
+exports.shortcutOperationList = [
+    Enums_1.MathOperation.Add,
+    Enums_1.MathOperation.Subtract,
+    Enums_1.MathOperation.Multiply,
+    Enums_1.MathOperation.Divide,
+];

package/src/View/SmartEdit/SmartEditPopup.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import * as SmartEditRedux from '../../Redux/ActionsReducers/SmartEditRedux';
+import * as SystemRedux from '../../Redux/ActionsReducers/SystemRedux';
+import { MathOperation } from '../../PredefinedConfig/Common/Enums';
+import { ModuleViewPopupProps } from '../Components/SharedProps/ModuleViewPopupProps';
+import { PreviewInfo } from '../../Utilities/Interface/Preview';
+interface SmartEditPopupProps extends ModuleViewPopupProps<SmartEditPopupComponent> {
+    SmartEditValue: number;
+    MathOperation: 'Add' | 'Subtract' | 'Multiply' | 'Divide';
+    PreviewInfo: PreviewInfo;
+    onSmartEditValueChange: (value: number) => SystemRedux.SmartEditChangeValueAction;
+    onSmartEditOperationChange: (MathOperation: MathOperation) => SystemRedux.SmartEditChangeOperationAction;
+    onSmartEditCheckSelectedCells: () => SystemRedux.SmartEditCheckCellSelectionAction;
+    onRunSmartEdit: () => SmartEditRedux.SmartEditRunAction;
+}
+declare class SmartEditPopupComponent extends React.Component<SmartEditPopupProps, {}> {
+    constructor(props: SmartEditPopupProps);
+    componentDidMount(): void;
+    render(): JSX.Element;
+    private submit;
+    private onSmartEditValueChange;
+    private onApplySmartEdit;
+    private getButtonStyle;
+}
+export declare let SmartEditPopup: import("react-redux").ConnectedComponent<typeof SmartEditPopupComponent, any>;
+export {};

package/src/View/SmartEdit/SmartEditPopup.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartEditPopup = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const SmartEditRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/SmartEditRedux"));
+const SystemRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/SystemRedux"));
+const Enums_1 = require("../../PredefinedConfig/Common/Enums");
+const PanelWithImage_1 = require("../Components/Panels/PanelWithImage");
+const AdaptablePopover_1 = require("../AdaptablePopover");
+const EnumExtensions_1 = require("../../Utilities/Extensions/EnumExtensions");
+const PreviewResultsPanel_1 = require("../Components/PreviewResultsPanel");
+const PreviewHelper_1 = require("../../Utilities/Helpers/PreviewHelper");
+const StringExtensions_1 = require("../../Utilities/Extensions/StringExtensions");
+const Input_1 = tslib_1.__importDefault(require("../../components/Input"));
+const rebass_1 = require("rebass");
+const DropdownButton_1 = tslib_1.__importDefault(require("../../components/DropdownButton"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
+const preventDefault = (e) => e.preventDefault();
+class SmartEditPopupComponent extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = { isShowingError: false, errorText: '' };
+    }
+    componentDidMount() {
+        this.props.onSmartEditCheckSelectedCells();
+    }
+    render() {
+        let col;
+        if (this.props.PreviewInfo) {
+            col = this.props.api.columnApi.getColumnFromId(this.props.PreviewInfo.columnId);
+        }
+        let globalValidationMessage = PreviewHelper_1.PreviewHelper.GetValidationMessage(this.props.PreviewInfo, `${this.props.SmartEditValue}`);
+        let showPanel = this.props.PreviewInfo && StringExtensions_1.StringExtensions.IsNotNullOrEmpty(`${this.props.SmartEditValue}`);
+        let previewPanel = showPanel ? (React.createElement(PreviewResultsPanel_1.PreviewResultsPanel, { style: { flex: '1 1 100%', overflow: 'initial', height: '100%' }, previewInfo: this.props.PreviewInfo, api: this.props.api, selectedColumn: col, showPanel: showPanel, showHeader: true })) : null;
+        let operationMenuItems = EnumExtensions_1.EnumExtensions.getNames(Enums_1.MathOperation).map((mathOperation, index) => {
+            return {
+                label: mathOperation,
+                onClick: () => {
+                    this.props.onSmartEditOperationChange(mathOperation);
+                },
+            };
+        });
+        return (React.createElement(PanelWithImage_1.PanelWithImage, { variant: "primary", style: { height: '100%' }, bodyProps: {
+                style: { display: 'flex', flexFlow: 'column' },
+            }, header: this.props.moduleInfo.FriendlyName, glyphicon: this.props.moduleInfo.Glyph, infoLink: this.props.moduleInfo.HelpPage, infoLinkDisabled: !this.props.api.internalApi.isDocumentationLinksDisplayed(), bodyScroll: true, onKeyDown: (e) => {
+                if (e.key === 'Enter') {
+                    this.submit();
+                }
+            } },
+            React.createElement(rebass_1.Flex, { flexDirection: "row", padding: 2, "data-name": "smart-edit-operation" },
+                React.createElement(DropdownButton_1.default, { items: operationMenuItems, columns: ['label'], onMouseDown: preventDefault }, Enums_1.MathOperation[this.props.MathOperation]),
+                React.createElement(Input_1.default, { value: this.props.SmartEditValue.toString(), marginLeft: 2, marginRight: 2, type: "number", placeholder: "Enter a Number", onChange: (e) => this.onSmartEditValueChange(e) }),
+                React.createElement(SimpleButton_1.default, { tone: this.getButtonStyle(), variant: "raised", disabled: StringExtensions_1.StringExtensions.IsNullOrEmpty(`${this.props.SmartEditValue}`) ||
+                        (this.props.PreviewInfo &&
+                            this.props.PreviewInfo.previewValidationSummary.validationResult == 'All'), onClick: () => {
+                        this.submit();
+                    }, marginRight: 2 }, "Apply to Grid"),
+                ' ',
+                this.props.PreviewInfo &&
+                    this.props.PreviewInfo.previewValidationSummary.validationResult != 'None' && (React.createElement(AdaptablePopover_1.AdaptablePopover, { headerText: 'Validation Error', bodyText: [globalValidationMessage], MessageType: 'Error' }))),
+            previewPanel));
+    }
+    submit() {
+        this.onApplySmartEdit();
+    }
+    onSmartEditValueChange(event) {
+        const e = event.target;
+        this.props.onSmartEditValueChange(Number(e.value));
+    }
+    onApplySmartEdit() {
+        this.props.onRunSmartEdit();
+    }
+    getButtonStyle() {
+        if (this.props.PreviewInfo) {
+            if (this.props.PreviewInfo.previewValidationSummary.validationResult == 'All') {
+                return 'neutral';
+            }
+            if (this.props.PreviewInfo.previewValidationSummary.validationResult == 'Some') {
+                return 'error';
+            }
+        }
+        return 'success';
+    }
+}
+function mapStateToProps(state, ownProps) {
+    return {
+        SmartEditValue: state.System.SmartEditValue,
+        MathOperation: state.System.SmartEditOperation,
+        PreviewInfo: state.System.SmartEditPreviewInfo,
+    };
+}
+function mapDispatchToProps(dispatch) {
+    return {
+        onSmartEditValueChange: (value) => dispatch(SystemRedux.SmartEditChangeValue(value)),
+        onSmartEditOperationChange: (SmartEditOperation) => dispatch(SystemRedux.SmartEditChangeOperation(SmartEditOperation)),
+        onSmartEditCheckSelectedCells: () => dispatch(SystemRedux.SmartEditCheckCellSelection()),
+        onRunSmartEdit: () => dispatch(SmartEditRedux.SmartEditRun(false)),
+    };
+}
+exports.SmartEditPopup = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(SmartEditPopupComponent);

package/src/View/SmartEdit/SmartEditViewPanel.d.ts

@@ -0,0 +1,35 @@
+import { ViewPanelProps } from '../Components/SharedProps/ViewPanelProps';
+import * as SystemRedux from '../../Redux/ActionsReducers/SystemRedux';
+import * as SmartEditRedux from '../../Redux/ActionsReducers/SmartEditRedux';
+import { PreviewInfo } from '../../Utilities/Interface/Preview';
+import { MathOperation } from '../../PredefinedConfig/Common/Enums';
+import * as React from 'react';
+export interface SmartEditViewPanelComponentProps extends ViewPanelProps {
+    SmartEditValue: number | undefined;
+    MathOperation: 'Add' | 'Subtract' | 'Multiply' | 'Divide' | undefined;
+    IsValidSelection: boolean;
+    PreviewInfo: PreviewInfo;
+    InPivotMode: Boolean;
+    onSmartEditValueChange: (value: number) => SystemRedux.SmartEditChangeValueAction;
+    onSmartEditOperationChange: (MathOperation: MathOperation) => SystemRedux.SmartEditChangeOperationAction;
+    onSmartEditCheckSelectedCells: () => SystemRedux.SmartEditCheckCellSelectionAction;
+    onRunSmartEdit: () => SmartEditRedux.SmartEditRunAction;
+}
+interface SmartEditViewPanelComponentState {
+    SelectedColumnId: string;
+}
+declare class SmartEditViewPanelComponent extends React.Component<SmartEditViewPanelComponentProps, SmartEditViewPanelComponentState> {
+    private cleanupEvent?;
+    constructor(props: SmartEditViewPanelComponentProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    private checkSelectedCells;
+    private onSmartEditValueChange;
+    private getStatusColour;
+    private onApplyClick;
+    private onchangeMathOperation;
+    onApplySmartEdit(): any;
+}
+export declare let SmartEditViewPanelControl: import("react-redux").ConnectedComponent<typeof SmartEditViewPanelComponent, any>;
+export {};

package/src/View/SmartEdit/SmartEditViewPanel.js

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartEditViewPanelControl = void 0;
+const tslib_1 = require("tslib");
+const SystemRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/SystemRedux"));
+const SmartEditRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/SmartEditRedux"));
+const Enums_1 = require("../../PredefinedConfig/Common/Enums");
+const React = tslib_1.__importStar(require("react"));
+const StringExtensions_1 = require("../../Utilities/Extensions/StringExtensions");
+const PreviewResultsPanel_1 = require("../Components/PreviewResultsPanel");
+const EnumExtensions_1 = require("../../Utilities/Extensions/EnumExtensions");
+const rebass_1 = require("rebass");
+const DropdownButton_1 = tslib_1.__importDefault(require("../../components/DropdownButton"));
+const Input_1 = tslib_1.__importDefault(require("../../components/Input"));
+const ButtonApply_1 = require("../Components/Buttons/ButtonApply");
+const AdaptablePopover_1 = require("../AdaptablePopover");
+const UIHelper_1 = require("../UIHelper");
+const react_redux_1 = require("react-redux");
+class SmartEditViewPanelComponent extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            SelectedColumnId: '',
+        };
+    }
+    componentDidMount() {
+        if (this.props.api) {
+            const adaptable = this.props.api.internalApi.getAdaptableInstance();
+            if (adaptable) {
+                this.cleanupEvent = adaptable._on('CellsSelected', () => {
+                    this.checkSelectedCells();
+                });
+            }
+        }
+        this.checkSelectedCells();
+    }
+    componentWillUnmount() {
+        var _a;
+        (_a = this.cleanupEvent) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+    render() {
+        let statusColour = this.getStatusColour();
+        let selectedColumn = StringExtensions_1.StringExtensions.IsNotNullOrEmpty(this.state.SelectedColumnId)
+            ? this.props.api.columnApi.getColumnFromId(this.state.SelectedColumnId)
+            : null;
+        let previewPanel = (React.createElement(PreviewResultsPanel_1.PreviewResultsPanel, { previewInfo: this.props.PreviewInfo, api: this.props.api, selectedColumn: selectedColumn, showPanel: true, showHeader: false }));
+        let operationMenuItems = EnumExtensions_1.EnumExtensions.getNames(Enums_1.MathOperation).map((mathOperation, index) => {
+            return {
+                onClick: () => this.props.onSmartEditOperationChange(mathOperation),
+                label: mathOperation,
+            };
+        });
+        const applyButtonStyle = {
+            color: statusColour,
+            fill: 'currentColor',
+        };
+        let shouldDisable = this.props.accessLevel == 'ReadOnly' ||
+            !this.props.IsValidSelection ||
+            this.props.InPivotMode == true;
+        const elementType = this.props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
+        return (React.createElement(rebass_1.Flex, { flexDirection: "row", className: `ab-${elementType}__SmartEdit__wrap`, flexWrap: this.props.viewType === 'ToolPanel' ? 'wrap' : 'nowrap' },
+            React.createElement(rebass_1.Flex, null,
+                React.createElement(DropdownButton_1.default, { className: `ab-${elementType}__SmartEdit__select`, marginRight: 2, items: operationMenuItems, style: { fontSize: 'small' }, columns: ['label'], disabled: shouldDisable, variant: "outlined" }, this.props.MathOperation),
+                React.createElement(Input_1.default, { style: {
+                        width: '5rem',
+                    }, className: `ab-${elementType}__SmartEdit__select-value`, value: this.props.SmartEditValue.toString(), type: "number", placeholder: "Enter a Number", step: "any", onChange: (e) => this.onSmartEditValueChange(e), disabled: shouldDisable, marginRight: 2 })),
+            React.createElement(rebass_1.Flex, null,
+                !shouldDisable && (React.createElement(ButtonApply_1.ButtonApply, { onClick: () => this.onApplyClick(), style: applyButtonStyle, className: `ab-${elementType}__SmartEdit__apply`, tooltip: "Apply Smart Edit", disabled: StringExtensions_1.StringExtensions.IsNullOrEmpty(`${this.props.SmartEditValue}`) ||
+                        (this.props.PreviewInfo != null &&
+                            this.props.PreviewInfo.previewValidationSummary.validationResult == 'All'), accessLevel: this.props.accessLevel }, this.props.viewType === 'ToolPanel' && 'Apply Smart Edit')),
+                !shouldDisable && (React.createElement(AdaptablePopover_1.AdaptablePopover, { headerText: "Preview Results", className: `ab-${elementType}__SmartEdit__info`, 
+                    //  tooltipText="Preview Results"
+                    bodyText: [previewPanel], MessageType: UIHelper_1.UIHelper.getMessageTypeByStatusColour(statusColour), useButton: true, showEvent: 'focus', hideEvent: "blur" })))));
+    }
+    checkSelectedCells() {
+        this.props.onSmartEditCheckSelectedCells();
+    }
+    onSmartEditValueChange(event) {
+        const e = event.target;
+        this.props.onSmartEditValueChange(Number(e.value));
+    }
+    getStatusColour() {
+        if (StringExtensions_1.StringExtensions.IsNotNullOrEmpty(`${this.props.SmartEditValue}`) &&
+            this.props.PreviewInfo) {
+            if (this.props.PreviewInfo.previewValidationSummary.validationResult == 'All') {
+                return Enums_1.StatusColour.Error;
+            }
+            if (this.props.PreviewInfo.previewValidationSummary.validationResult == 'Some') {
+                return Enums_1.StatusColour.Warn;
+            }
+        }
+        return Enums_1.StatusColour.Success;
+    }
+    onApplyClick() {
+        this.onApplySmartEdit();
+    }
+    onchangeMathOperation(mathOperation) {
+        this.props.onSmartEditOperationChange(mathOperation);
+    }
+    onApplySmartEdit() {
+        this.props.onRunSmartEdit();
+    }
+}
+function mapStateToProps(state, ownProps) {
+    return {
+        SmartEditValue: state.System.SmartEditValue,
+        MathOperation: state.System.SmartEditOperation,
+        IsValidSelection: state.System.IsValidSmartEditSelection,
+        PreviewInfo: state.System.SmartEditPreviewInfo,
+        InPivotMode: state.Grid.IsGridInPivotMode,
+    };
+}
+function mapDispatchToProps(dispatch) {
+    return {
+        onSmartEditValueChange: (value) => dispatch(SystemRedux.SmartEditChangeValue(value)),
+        onSmartEditOperationChange: (SmartEditOperation) => dispatch(SystemRedux.SmartEditChangeOperation(SmartEditOperation)),
+        onSmartEditCheckSelectedCells: () => dispatch(SystemRedux.SmartEditCheckCellSelection()),
+        onRunSmartEdit: () => dispatch(SmartEditRedux.SmartEditRun(false)),
+    };
+}
+exports.SmartEditViewPanelControl = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(SmartEditViewPanelComponent);

package/src/View/StateManagement/StateManagementPopup.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { ModuleViewPopupProps } from '../Components/SharedProps/ModuleViewPopupProps';
+interface StateManagementPopupProps extends ModuleViewPopupProps<StateManagementPopupComponent> {
+}
+declare class StateManagementPopupComponent extends React.Component<StateManagementPopupProps, {}> {
+    constructor(props: StateManagementPopupProps);
+    render(): JSX.Element;
+    onClearLocalStorage(): void;
+    onLoadPredefinedConfig(e: any): void;
+    onExportAllState(type: any): void;
+    onExportUserState(type: any): void;
+    onExportPredefinedConfig(type: any): void;
+    onExportState(type: any, name: string, state: any): void;
+}
+export declare let StateManagementPopup: import("react-redux").ConnectedComponent<typeof StateManagementPopupComponent, any>;
+export {};

package/src/View/StateManagement/StateManagementPopup.js

@@ -0,0 +1,122 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StateManagementPopup = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const PanelWithButton_1 = require("../Components/Panels/PanelWithButton");
+const UIHelper_1 = require("../UIHelper");
+const rebass_1 = require("rebass");
+const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
+const HelpBlock_1 = tslib_1.__importDefault(require("../../components/HelpBlock"));
+const Dropdown_1 = tslib_1.__importDefault(require("../../components/Dropdown"));
+const Helper_1 = tslib_1.__importDefault(require("../../Utilities/Helpers/Helper"));
+const LoggingHelper_1 = require("../../Utilities/Helpers/LoggingHelper");
+const FileDroppable_1 = require("../../components/FileDroppable");
+class StateManagementPopupComponent extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = UIHelper_1.UIHelper.getEmptyConfigState();
+    }
+    render() {
+        // sort out actions
+        let destinationOptions = [
+            {
+                value: 'Clipboard',
+                label: 'Clipboard',
+            },
+            {
+                value: 'Console',
+                label: 'Console',
+            },
+            {
+                value: 'JSON',
+                label: 'JSON',
+            },
+        ];
+        let clearButton = (React.createElement(SimpleButton_1.default, { onClick: () => this.onClearLocalStorage(), tooltip: "Clear User State", tone: "error", variant: "raised", marginTop: 2, accessLevel: this.props.accessLevel }, "Clear User State"));
+        let loadButton = (React.createElement(SimpleButton_1.default, { marginTop: 2, tone: "info", variant: "raised", accessLevel: this.props.accessLevel },
+            React.createElement("input", { type: "file", onChange: (json) => this.onLoadPredefinedConfig(json), accept: '.json', style: {
+                    opacity: 0,
+                    position: 'absolute',
+                    cursor: 'pointer',
+                    fontSize: 0,
+                    lineHeight: 0,
+                    top: 0,
+                    left: 0,
+                    width: '100%',
+                    height: '100%',
+                    zIndex: 1,
+                } }),
+            ' ',
+            "Load Predefined Config"));
+        return (React.createElement(rebass_1.Flex, { flex: 1, flexDirection: "column" },
+            React.createElement(PanelWithButton_1.PanelWithButton, { headerText: this.props.moduleInfo.FriendlyName, button: null, glyphicon: this.props.moduleInfo.Glyph, infoLink: this.props.moduleInfo.HelpPage, infoLinkDisabled: !this.props.api.internalApi.isDocumentationLinksDisplayed() },
+                React.createElement(rebass_1.Box, null,
+                    React.createElement(HelpBlock_1.default, null, 'Clear all current user state that has been applied.   When you restart / refresh Adaptable any state that you have previously created will be lost.  However your Predefined Config will then be re-applied.'),
+                    clearButton,
+                    React.createElement(HelpBlock_1.default, { marginTop: 3 }, 'Load Predefined Config (from a .json file).  This will cause this window to close.'),
+                    ' ',
+                    loadButton,
+                    React.createElement(HelpBlock_1.default, { marginTop: 3, marginBottom: 2 }, 'Export All Adaptable State'),
+                    React.createElement(Dropdown_1.default, { key: 'exportAllState', placeholder: "Select Export Destination", style: { flex: 1, maxWidth: 'none' }, value: undefined, onChange: (x) => this.onExportAllState(x), marginRight: 3, options: destinationOptions }),
+                    React.createElement(HelpBlock_1.default, { marginTop: 3, marginBottom: 2 }, 'Export User State'),
+                    ' ',
+                    React.createElement(Dropdown_1.default, { key: 'exportUserState', placeholder: "Select Export Destination", style: { flex: 1, maxWidth: 'none' }, value: undefined, onChange: (x) => this.onExportUserState(x), marginRight: 3, options: destinationOptions }),
+                    React.createElement(HelpBlock_1.default, { marginTop: 3, marginBottom: 2 }, 'Export Initial Predefined Config'),
+                    ' ',
+                    React.createElement(Dropdown_1.default, { key: 'exportPredefinedConfig', placeholder: "Select Export Destination", style: { flex: 1, maxWidth: 'none' }, value: undefined, onChange: (x) => this.onExportPredefinedConfig(x), marginRight: 3, options: destinationOptions })))));
+    }
+    onClearLocalStorage() {
+        this.props.api.configApi.reloadPredefinedConfig();
+    }
+    onLoadPredefinedConfig(e) {
+        let nativeEvent = e.nativeEvent;
+        let files;
+        if (nativeEvent && nativeEvent.dataTransfer) {
+            files = nativeEvent.dataTransfer.files;
+        }
+        else {
+            files = e.target.files;
+        }
+        const file = files[0];
+        FileDroppable_1.readJSONFile(file).then((json) => {
+            this.props.api.configApi.reloadPredefinedConfig(json);
+        });
+    }
+    onExportAllState(type) {
+        let allState = this.props.api.configApi.getAllState();
+        this.onExportState(type, 'allState', allState);
+    }
+    onExportUserState(type) {
+        let userState = this.props.api.configApi.getAllUserState();
+        this.onExportState(type, 'userState', userState);
+    }
+    onExportPredefinedConfig(type) {
+        let predefinedConfig = this.props.api.configApi.getPredefinedConfig();
+        this.onExportState(type, 'predefinedConfig', predefinedConfig);
+    }
+    onExportState(type, name, state) {
+        switch (type) {
+            case 'Clipboard':
+                let stringifiedState = JSON.stringify(state);
+                Helper_1.default.copyToClipboard(stringifiedState);
+                break;
+            case 'Console':
+                LoggingHelper_1.ConsoleLog(state);
+                break;
+            case 'JSON':
+                const jsonFileName = name + '.json';
+                const jsonContent = JSON.stringify(state);
+                Helper_1.default.createDownloadedFile(jsonContent, jsonFileName, 'application/json');
+                break;
+        }
+    }
+}
+function mapStateToProps(state, ownProps) {
+    return {};
+}
+function mapDispatchToProps(dispatch) {
+    return {};
+}
+exports.StateManagementPopup = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(StateManagementPopupComponent);

package/src/View/SystemStatus/SystemStatusEntityRow.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { SharedEntityRowProps } from '../Components/SharedProps/ConfigEntityRowProps';
+export interface SystemStatusEntityRowProps extends SharedEntityRowProps<SystemStatusEntityRow> {
+}
+export declare class SystemStatusEntityRow extends React.Component<SystemStatusEntityRowProps, {}> {
+    render(): any;
+}