@adaptabletools/adaptable 16.2.4 → 17.0.0-canary.0

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

@@ -1,24 +1,20 @@
-"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");
-const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
-const react_redux_1 = require("react-redux");
-const ShortcutRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/ShortcutRedux"));
-const shortcutKeys_1 = require("../shortcutKeys");
-const AdaptableContext_1 = require("../../AdaptableContext");
-const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
-const ShortcutWizard = (props) => {
+import * as React from 'react';
+import { Box } from 'rebass';
+import { OnePageAdaptableWizard, OnePageWizardSummary, } from '../../../View/Wizard/OnePageAdaptableWizard';
+import { cloneObject } from '../../../Utilities/Helpers/Helper';
+import { renderScopeSummary, isScopeValid } from '../../Components/NewScopeComponent';
+import { ShortcutScopeWizardSection } from './ShortcutScopeWizardSection';
+import { ShortcutSettingsSummary, ShortcutSettingsWizard, isSettingsValid, } from './ShortcutSettingsWizard';
+import ObjectFactory from '../../../Utilities/ObjectFactory';
+import { useDispatch } from 'react-redux';
+import * as ShortcutRedux from '../../../Redux/ActionsReducers/ShortcutRedux';
+import { shortcutKeys } from '../shortcutKeys';
+import { useAdaptable } from '../../AdaptableContext';
+import { ObjectTagsWizardSection, renderObjectTagsSummary, } from '../../Wizard/ObjectTagsWizardSection';
+export const ShortcutWizard = (props) => {
     const [shortcut, setShortcut] = React.useState(() => {
         var _a, _b, _c;
-        const shortcut = props.data ? (0, Helper_1.cloneObject)(props.data) : ObjectFactory_1.default.CreateEmptyShortcut();
+        const shortcut = props.data ? cloneObject(props.data) : ObjectFactory.CreateEmptyShortcut();
         shortcut.Scope = (_a = shortcut.Scope) !== null && _a !== void 0 ? _a : { All: true };
         if (((_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.column) && ((_c = props.popupParams) === null || _c === void 0 ? void 0 : _c.action) === 'New') {
             shortcut.Scope = {
@@ -27,16 +23,16 @@ const ShortcutWizard = (props) => {
         }
         return shortcut;
     });
-    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const adaptable = useAdaptable();
     const availableKeys = React.useMemo(() => {
-        const availableKeys = shortcutKeys_1.shortcutKeys.filter((key) => adaptable.api.shortcutApi.getShortcuts().every((shortcut) => shortcut.ShortcutKey !== key));
+        const availableKeys = shortcutKeys.filter((key) => adaptable.api.shortcutApi.getShortcuts().every((shortcut) => shortcut.ShortcutKey !== key));
         if (shortcut) {
             availableKeys.push(shortcut.ShortcutKey);
         }
         availableKeys.sort();
         return availableKeys;
     }, []);
-    const dispatch = (0, react_redux_1.useDispatch)();
+    const dispatch = useDispatch();
     const handleFinish = () => {
         if (props.data) {
             dispatch(ShortcutRedux.ShortcutEdit(shortcut));
@@ -46,22 +42,22 @@ const ShortcutWizard = (props) => {
         }
         props.onFinishWizard(shortcut);
     };
-    return (React.createElement(OnePageAdaptableWizard_1.OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: shortcut, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
+    return (React.createElement(OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: shortcut, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
             {
                 title: 'Target',
-                isValid: NewScopeComponent_1.isScopeValid,
+                isValid: isScopeValid,
                 details: 'Specify where Shortcut should be applied',
-                renderSummary: () => (0, NewScopeComponent_1.renderScopeSummary)(shortcut.Scope, {
+                renderSummary: () => 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 }))),
+                render: () => (React.createElement(Box, { padding: 2 },
+                    React.createElement(ShortcutScopeWizardSection, { onChange: setShortcut }))),
             },
             {
                 title: 'Settings',
-                isValid: ShortcutSettingsWizard_1.isSettingsValid,
+                isValid: isSettingsValid,
                 details: (React.createElement(React.Fragment, null,
                     "A Shortcut is a mathematical calculation (",
                     React.createElement("b", null, "Operation"),
@@ -70,29 +66,28 @@ const ShortcutWizard = (props) => {
                     " on the edited cell content when the corresponding Shortcut ",
                     React.createElement("b", null, "Key"),
                     " is pressed.")),
-                renderSummary: () => React.createElement(ShortcutSettingsWizard_1.ShortcutSettingsSummary, null),
+                renderSummary: () => React.createElement(ShortcutSettingsSummary, null),
                 render: () => {
                     var _a;
-                    return (React.createElement(rebass_1.Box, { padding: 2 },
-                        React.createElement(ShortcutSettingsWizard_1.ShortcutSettingsWizard, { availableKeys: (_a = props.availableKeys) !== null && _a !== void 0 ? _a : availableKeys, onChange: setShortcut })));
+                    return (React.createElement(Box, { padding: 2 },
+                        React.createElement(ShortcutSettingsWizard, { availableKeys: (_a = props.availableKeys) !== null && _a !== void 0 ? _a : availableKeys, onChange: setShortcut })));
                 },
             },
             {
                 details: 'Select Shortcut Tags',
                 title: 'Tags',
                 isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
-                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
-                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setShortcut }))),
-                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
+                render: () => (React.createElement(Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection, { onChange: setShortcut }))),
+                renderSummary: renderObjectTagsSummary,
             },
             '-',
             {
                 render: () => {
-                    return (React.createElement(rebass_1.Box, { padding: 2 },
-                        React.createElement(OnePageAdaptableWizard_1.OnePageWizardSummary, null)));
+                    return (React.createElement(Box, { padding: 2 },
+                        React.createElement(OnePageWizardSummary, null)));
                 },
                 title: 'Summary',
             },
         ] }));
 };
-exports.ShortcutWizard = ShortcutWizard;

package/src/View/Shortcut/shortcutKeys.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.shortcutKeys = void 0;
-exports.shortcutKeys = [
+export const shortcutKeys = [
     'A',
     'B',
     'C',

package/src/View/Shortcut/shortcutOperations.js

@@ -1,10 +1,7 @@
-"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,
+import { MathOperation } from '../../PredefinedConfig/Common/Enums';
+export const shortcutOperationList = [
+    MathOperation.Add,
+    MathOperation.Subtract,
+    MathOperation.Multiply,
+    MathOperation.Divide,
 ];

package/src/View/SmartEdit/SmartEditPopup.js

@@ -1,22 +1,18 @@
-"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"));
+import * as React from 'react';
+import { connect } from 'react-redux';
+import * as SmartEditRedux from '../../Redux/ActionsReducers/SmartEditRedux';
+import * as SystemRedux from '../../Redux/ActionsReducers/SystemRedux';
+import { MathOperation } from '../../PredefinedConfig/Common/Enums';
+import { PanelWithImage } from '../Components/Panels/PanelWithImage';
+import { AdaptablePopover } from '../AdaptablePopover';
+import { EnumExtensions } from '../../Utilities/Extensions/EnumExtensions';
+import { PreviewResultsPanel } from '../Components/PreviewResultsPanel';
+import { PreviewHelper } from '../../Utilities/Helpers/PreviewHelper';
+import { StringExtensions } from '../../Utilities/Extensions/StringExtensions';
+import Input from '../../components/Input';
+import { Flex } from 'rebass';
+import DropdownButton from '../../components/DropdownButton';
+import SimpleButton from '../../components/SimpleButton';
 const preventDefault = (e) => e.preventDefault();
 class SmartEditPopupComponent extends React.Component {
     constructor(props) {
@@ -31,10 +27,10 @@ class SmartEditPopupComponent extends React.Component {
         if (this.props.PreviewInfo) {
             col = this.props.PreviewInfo.column;
         }
-        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;
-        const operationMenuItems = EnumExtensions_1.EnumExtensions.getNames(Enums_1.MathOperation).map((mathOperation, index) => {
+        let globalValidationMessage = PreviewHelper.GetValidationMessage(this.props.PreviewInfo, `${this.props.SmartEditValue}`);
+        let showPanel = this.props.PreviewInfo && StringExtensions.IsNotNullOrEmpty(`${this.props.SmartEditValue}`);
+        let previewPanel = showPanel ? (React.createElement(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;
+        const operationMenuItems = EnumExtensions.getNames(MathOperation).map((mathOperation, index) => {
             return {
                 label: mathOperation,
                 onClick: () => {
@@ -51,26 +47,26 @@ class SmartEditPopupComponent extends React.Component {
                 };
             }));
         }
-        return (React.createElement(PanelWithImage_1.PanelWithImage, { flex: 1, style: { height: '100%' }, variant: "primary", bodyProps: {
+        return (React.createElement(PanelWithImage, { flex: 1, style: { height: '100%' }, variant: "primary", bodyProps: {
                 style: { display: 'flex', flexFlow: 'column' },
             }, bodyScroll: true, glyphicon: this.props.moduleInfo.Glyph, header: this.props.moduleInfo.FriendlyName, infoLink: this.props.moduleInfo.HelpPage, infoLinkDisabled: !this.props.api.internalApi.isDocumentationLinksDisplayed(), 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, { "data-name": "smart-edit-operation-dropdown", items: operationMenuItems, columns: ['label'], onMouseDown: preventDefault }, typeof this.props.SmartEditOperation === 'object'
+            React.createElement(Flex, { flexDirection: "row", padding: 2, "data-name": "smart-edit-operation" },
+                React.createElement(DropdownButton, { "data-name": "smart-edit-operation-dropdown", items: operationMenuItems, columns: ['label'], onMouseDown: preventDefault }, typeof this.props.SmartEditOperation === 'object'
                     ? this.props.SmartEditOperation.name
                     : this.props.SmartEditOperation),
-                React.createElement(Input_1.default, { "data-name": "smart-edit-value", 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, { "data-name": "smart-edit-apply-button", tone: this.getButtonStyle(), variant: "raised", disabled: StringExtensions_1.StringExtensions.IsNullOrEmpty(`${this.props.SmartEditValue}`) ||
+                React.createElement(Input, { "data-name": "smart-edit-value", value: this.props.SmartEditValue.toString(), marginLeft: 2, marginRight: 2, type: "number", placeholder: "Enter a Number", onChange: (e) => this.onSmartEditValueChange(e) }),
+                React.createElement(SimpleButton, { "data-name": "smart-edit-apply-button", tone: this.getButtonStyle(), variant: "raised", disabled: 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' }))),
+                    this.props.PreviewInfo.previewValidationSummary.validationResult != 'None' && (React.createElement(AdaptablePopover, { headerText: 'Validation Error', bodyText: [globalValidationMessage], MessageType: 'Error' }))),
             previewPanel));
     }
     submit() {
@@ -110,4 +106,4 @@ function mapDispatchToProps(dispatch) {
         onRunSmartEdit: () => dispatch(SmartEditRedux.SmartEditRun(false)),
     };
 }
-exports.SmartEditPopup = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(SmartEditPopupComponent);
+export let SmartEditPopup = connect(mapStateToProps, mapDispatchToProps)(SmartEditPopupComponent);

package/src/View/SmartEdit/SmartEditViewPanel.js

@@ -1,21 +1,17 @@
-"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");
+import * as SystemRedux from '../../Redux/ActionsReducers/SystemRedux';
+import * as SmartEditRedux from '../../Redux/ActionsReducers/SmartEditRedux';
+import { MathOperation, StatusColour } from '../../PredefinedConfig/Common/Enums';
+import * as React from 'react';
+import { StringExtensions } from '../../Utilities/Extensions/StringExtensions';
+import { PreviewResultsPanel } from '../Components/PreviewResultsPanel';
+import { EnumExtensions } from '../../Utilities/Extensions/EnumExtensions';
+import { Flex } from 'rebass';
+import DropdownButton from '../../components/DropdownButton';
+import Input from '../../components/Input';
+import { ButtonApply } from '../Components/Buttons/ButtonApply';
+import { AdaptablePopover } from '../AdaptablePopover';
+import { UIHelper } from '../UIHelper';
+import { connect } from 'react-redux';
 class SmartEditViewPanelComponent extends React.Component {
     constructor(props) {
         super(props);
@@ -40,11 +36,11 @@ class SmartEditViewPanelComponent extends React.Component {
     }
     render() {
         let statusColour = this.getStatusColour();
-        let selectedColumn = StringExtensions_1.StringExtensions.IsNotNullOrEmpty(this.state.SelectedColumnId)
+        let selectedColumn = StringExtensions.IsNotNullOrEmpty(this.state.SelectedColumnId)
             ? this.props.api.columnApi.getColumnWithColumnId(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 }));
-        const operationMenuItems = EnumExtensions_1.EnumExtensions.getNames(Enums_1.MathOperation).map((mathOperation, index) => {
+        let previewPanel = (React.createElement(PreviewResultsPanel, { previewInfo: this.props.PreviewInfo, api: this.props.api, selectedColumn: selectedColumn, showPanel: true, showHeader: false }));
+        const operationMenuItems = EnumExtensions.getNames(MathOperation).map((mathOperation, index) => {
             return {
                 onClick: () => this.props.onSmartEditOperationChange(mathOperation),
                 label: mathOperation,
@@ -67,21 +63,21 @@ class SmartEditViewPanelComponent extends React.Component {
             !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" }, typeof this.props.SmartEditOperation === 'object'
+        return (React.createElement(Flex, { flexDirection: "row", className: `ab-${elementType}__SmartEdit__wrap`, flexWrap: this.props.viewType === 'ToolPanel' ? 'wrap' : 'nowrap' },
+            React.createElement(Flex, null,
+                React.createElement(DropdownButton, { className: `ab-${elementType}__SmartEdit__select`, marginRight: 2, items: operationMenuItems, style: { fontSize: 'small' }, columns: ['label'], disabled: shouldDisable, variant: "outlined" }, typeof this.props.SmartEditOperation === 'object'
                     ? this.props.SmartEditOperation.name
                     : this.props.SmartEditOperation),
-                React.createElement(Input_1.default, { style: {
+                React.createElement(Input, { 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}`) ||
+            React.createElement(Flex, null,
+                !shouldDisable && (React.createElement(ButtonApply, { onClick: () => this.onApplyClick(), style: applyButtonStyle, className: `ab-${elementType}__SmartEdit__apply`, tooltip: "Apply Smart Edit", disabled: 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`, 
+                !shouldDisable && (React.createElement(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" })))));
+                    bodyText: [previewPanel], MessageType: UIHelper.getMessageTypeByStatusColour(statusColour), useButton: true, showEvent: 'focus', hideEvent: "blur" })))));
     }
     checkSelectedCells() {
         this.props.onSmartEditCheckSelectedCells();
@@ -91,16 +87,16 @@ class SmartEditViewPanelComponent extends React.Component {
         this.props.onSmartEditValueChange(Number(e.value));
     }
     getStatusColour() {
-        if (StringExtensions_1.StringExtensions.IsNotNullOrEmpty(`${this.props.SmartEditValue}`) &&
+        if (StringExtensions.IsNotNullOrEmpty(`${this.props.SmartEditValue}`) &&
             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.onApplySmartEdit();
@@ -126,4 +122,4 @@ function mapDispatchToProps(dispatch) {
         onRunSmartEdit: () => dispatch(SmartEditRedux.SmartEditRun(false)),
     };
 }
-exports.SmartEditViewPanelControl = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(SmartEditViewPanelComponent);
+export let SmartEditViewPanelControl = connect(mapStateToProps, mapDispatchToProps)(SmartEditViewPanelComponent);

package/src/View/SpecialColumnSettingsWizardStep.js

@@ -1,17 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SpecialColumnSettingsWizardStep = void 0;
-const tslib_1 = require("tslib");
-const chunk_1 = tslib_1.__importDefault(require("lodash/chunk"));
-const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
-const CheckBox_1 = require("../components/CheckBox");
-const FormLayout_1 = tslib_1.__importStar(require("../components/FormLayout"));
-const Tabs_1 = require("../components/Tabs");
-const AdaptableContext_1 = require("./AdaptableContext");
-const SpecialColumnSettingsWizardStep = (props) => {
+import chunk from 'lodash/chunk';
+import * as React from 'react';
+import { Flex } from 'rebass';
+import { CheckBox } from '../components/CheckBox';
+import FormLayout, { FormRow } from '../components/FormLayout';
+import { Tabs } from '../components/Tabs';
+import { useAdaptable } from './AdaptableContext';
+export const SpecialColumnSettingsWizardStep = (props) => {
     var _a, _b;
-    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const adaptable = useAdaptable();
     const possibleColumnTypes = adaptable.api.optionsApi.getColumnOptions().columnTypes;
     const { Filterable, Resizable, Groupable, Sortable, Pivotable, Aggregatable, SuppressMenu, SuppressMovable, } = (_a = props.settings) !== null && _a !== void 0 ? _a : {};
     const handleColumnTypeChange = (columnType, checked) => {
@@ -28,35 +24,34 @@ const SpecialColumnSettingsWizardStep = (props) => {
         props.onChange(Object.assign(Object.assign({}, props.settings), values));
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(Tabs_1.Tabs, { marginTop: 2, autoFocus: false },
-            React.createElement(Tabs_1.Tabs.Tab, null, "Column Properties"),
-            React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(rebass_1.Flex, { flexDirection: "column" },
-                    React.createElement(FormLayout_1.default, { style: { width: '100%' }, columns: [
+        React.createElement(Tabs, { marginTop: 2, autoFocus: false },
+            React.createElement(Tabs.Tab, null, "Column Properties"),
+            React.createElement(Tabs.Content, null,
+                React.createElement(Flex, { flexDirection: "column" },
+                    React.createElement(FormLayout, { style: { width: '100%' }, columns: [
                             { name: 'first', size: '30%' },
                             { size: '30%', name: 'second' },
                             { size: '30%', name: 'third' },
                         ] },
-                        React.createElement(FormLayout_1.FormRow, null,
-                            React.createElement(CheckBox_1.CheckBox, { "data-name": "filterable", checked: Filterable, onChange: (Filterable) => onSettingsChange({ Filterable }), disabled: !adaptable.api.optionsApi.getFilterOptions().enableFilterOnSpecialColumns }, "Filterable"),
-                            React.createElement(CheckBox_1.CheckBox, { "data-name": "resizable", checked: Resizable, onChange: (Resizable) => onSettingsChange({ Resizable }) }, "Resizable"),
-                            React.createElement(CheckBox_1.CheckBox, { "data-name": "groupable", checked: Groupable, onChange: (Groupable) => onSettingsChange({ Groupable }) }, "Groupable")),
-                        React.createElement(FormLayout_1.FormRow, null,
-                            React.createElement(CheckBox_1.CheckBox, { "data-name": "sortable", checked: Sortable, onChange: (Sortable) => onSettingsChange({ Sortable }) }, "Sortable"),
-                            React.createElement(CheckBox_1.CheckBox, { "data-name": "pivotable", checked: Pivotable, onChange: (Pivotable) => onSettingsChange({ Pivotable }) }, "Pivotable"),
-                            React.createElement(CheckBox_1.CheckBox, { "data-name": "aggregatable", checked: Aggregatable, onChange: (Aggregatable) => onSettingsChange({ Aggregatable }) }, "Aggregatable")),
-                        React.createElement(FormLayout_1.FormRow, null,
-                            React.createElement(CheckBox_1.CheckBox, { "data-name": "suppres-smenu", checked: SuppressMenu, onChange: (SuppressMenu) => onSettingsChange({ SuppressMenu }) }, "Suppress Menu"),
-                            React.createElement(CheckBox_1.CheckBox, { "data-name": "suppres-movable", checked: SuppressMovable, onChange: (SuppressMovable) => onSettingsChange({ SuppressMovable }) }, "Suppress Movable"),
-                            React.createElement(CheckBox_1.CheckBox, { disabled: true, checked: props.isEditable }, "Editable")))))),
-        Boolean(possibleColumnTypes === null || possibleColumnTypes === void 0 ? void 0 : possibleColumnTypes.length) && (React.createElement(Tabs_1.Tabs, { marginTop: 2, autoFocus: false },
-            React.createElement(Tabs_1.Tabs.Tab, null, "Column Types"),
-            React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(FormLayout_1.default, { columns: [{ name: 'first', size: '30%' }, { name: 'second' }] }, (_b = (0, chunk_1.default)(possibleColumnTypes !== null && possibleColumnTypes !== void 0 ? possibleColumnTypes : [], 2)) === null || _b === void 0 ? void 0 : _b.map(([first, second]) => {
+                        React.createElement(FormRow, null,
+                            React.createElement(CheckBox, { "data-name": "filterable", checked: Filterable, onChange: (Filterable) => onSettingsChange({ Filterable }), disabled: !adaptable.api.optionsApi.getColumnFilterOptions().enableFilterOnSpecialColumns }, "Filterable"),
+                            React.createElement(CheckBox, { "data-name": "resizable", checked: Resizable, onChange: (Resizable) => onSettingsChange({ Resizable }) }, "Resizable"),
+                            React.createElement(CheckBox, { "data-name": "groupable", checked: Groupable, onChange: (Groupable) => onSettingsChange({ Groupable }) }, "Groupable")),
+                        React.createElement(FormRow, null,
+                            React.createElement(CheckBox, { "data-name": "sortable", checked: Sortable, onChange: (Sortable) => onSettingsChange({ Sortable }) }, "Sortable"),
+                            React.createElement(CheckBox, { "data-name": "pivotable", checked: Pivotable, onChange: (Pivotable) => onSettingsChange({ Pivotable }) }, "Pivotable"),
+                            React.createElement(CheckBox, { "data-name": "aggregatable", checked: Aggregatable, onChange: (Aggregatable) => onSettingsChange({ Aggregatable }) }, "Aggregatable")),
+                        React.createElement(FormRow, null,
+                            React.createElement(CheckBox, { "data-name": "suppres-smenu", checked: SuppressMenu, onChange: (SuppressMenu) => onSettingsChange({ SuppressMenu }) }, "Suppress Menu"),
+                            React.createElement(CheckBox, { "data-name": "suppres-movable", checked: SuppressMovable, onChange: (SuppressMovable) => onSettingsChange({ SuppressMovable }) }, "Suppress Movable"),
+                            React.createElement(CheckBox, { disabled: true, checked: props.isEditable }, "Editable")))))),
+        Boolean(possibleColumnTypes === null || possibleColumnTypes === void 0 ? void 0 : possibleColumnTypes.length) && (React.createElement(Tabs, { marginTop: 2, autoFocus: false },
+            React.createElement(Tabs.Tab, null, "Column Types"),
+            React.createElement(Tabs.Content, null,
+                React.createElement(FormLayout, { columns: [{ name: 'first', size: '30%' }, { name: 'second' }] }, (_b = chunk(possibleColumnTypes !== null && possibleColumnTypes !== void 0 ? possibleColumnTypes : [], 2)) === null || _b === void 0 ? void 0 : _b.map(([first, second]) => {
                     var _a, _b, _c, _d, _e, _f;
-                    return (React.createElement(FormLayout_1.FormRow, { key: first },
-                        first && (React.createElement(CheckBox_1.CheckBox, { "data-name": first, onChange: (checked) => handleColumnTypeChange(first, checked), checked: (_c = (_b = (_a = props.settings) === null || _a === void 0 ? void 0 : _a.ColumnTypes) === null || _b === void 0 ? void 0 : _b.includes) === null || _c === void 0 ? void 0 : _c.call(_b, first) }, first)),
-                        second && (React.createElement(CheckBox_1.CheckBox, { "data-name": second, onChange: (checked) => handleColumnTypeChange(second, checked), checked: (_f = (_e = (_d = props.settings) === null || _d === void 0 ? void 0 : _d.ColumnTypes) === null || _e === void 0 ? void 0 : _e.includes) === null || _f === void 0 ? void 0 : _f.call(_e, second) }, second))));
+                    return (React.createElement(FormRow, { key: first },
+                        first && (React.createElement(CheckBox, { "data-name": first, onChange: (checked) => handleColumnTypeChange(first, checked), checked: (_c = (_b = (_a = props.settings) === null || _a === void 0 ? void 0 : _a.ColumnTypes) === null || _b === void 0 ? void 0 : _b.includes) === null || _c === void 0 ? void 0 : _c.call(_b, first) }, first)),
+                        second && (React.createElement(CheckBox, { "data-name": second, onChange: (checked) => handleColumnTypeChange(second, checked), checked: (_f = (_e = (_d = props.settings) === null || _d === void 0 ? void 0 : _d.ColumnTypes) === null || _e === void 0 ? void 0 : _e.includes) === null || _f === void 0 ? void 0 : _f.call(_e, second) }, second))));
                 })))))));
 };
-exports.SpecialColumnSettingsWizardStep = SpecialColumnSettingsWizardStep;

package/src/View/StateManagement/StateManagementPopup.js

@@ -1,32 +1,27 @@
-"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 PopupPanel_1 = require("../Components/Popups/AdaptablePopup/PopupPanel");
-const HelpBlock_1 = tslib_1.__importDefault(require("../../components/HelpBlock"));
-const LoadButton_1 = require("./components/LoadButton");
-const ClearButton_1 = require("./components/ClearButton");
-const ExportDropdown_1 = require("./components/ExportDropdown");
-const Panel_1 = tslib_1.__importDefault(require("../../components/Panel"));
-const StateManagementPopup = (props) => {
+import * as React from 'react';
+import { PopupPanel } from '../Components/Popups/AdaptablePopup/PopupPanel';
+import HelpBlock from '../../components/HelpBlock';
+import { LoadButton } from './components/LoadButton';
+import { ClearButton } from './components/ClearButton';
+import { ExportDropdown } from './components/ExportDropdown';
+import Panel from '../../components/Panel';
+export const StateManagementPopup = (props) => {
     const baseClassName = 'ab-ManageState';
-    return (React.createElement(PopupPanel_1.PopupPanel, { className: baseClassName, headerText: props.moduleInfo.FriendlyName, glyphicon: props.moduleInfo.Glyph, infoLink: props.moduleInfo.HelpPage, infoLinkDisabled: !props.api.internalApi.isDocumentationLinksDisplayed() },
-        React.createElement(Panel_1.default, { className: `${baseClassName}__panel`, "data-name": "user-state", header: 'User State', style: { height: 'auto' }, variant: "default", borderRadius: "none", marginRight: 2, mb: 2 },
-            React.createElement(HelpBlock_1.default, { marginBottom: 2 }, 'Clear all current user state that has been persisted.'),
-            React.createElement(HelpBlock_1.default, null, 'This will cause this window to close and any state you have previously created will be lost and the initial Predefined Config will then be reapplied.'),
-            React.createElement(ClearButton_1.ClearButton, { "data-name": "clear-user-state-button", tone: "error", variant: "raised", marginTop: 2, accessLevel: props.accessLevel, onClick: () => props.api.configApi.reloadPredefinedConfig() }, "Clear User State")),
-        React.createElement(Panel_1.default, { className: `${baseClassName}__panel`, "data-name": "predefined-config", header: 'Load Predefined Config', style: { height: 'auto' }, variant: "default", borderRadius: "none", marginTop: 3, marginRight: 2, mb: 2 },
-            React.createElement(HelpBlock_1.default, { marginTop: 2 }, 'Load Predefined Config (from a .json file).  This will cause this window to close.'),
+    return (React.createElement(PopupPanel, { className: baseClassName, headerText: props.moduleInfo.FriendlyName, glyphicon: props.moduleInfo.Glyph, infoLink: props.moduleInfo.HelpPage, infoLinkDisabled: !props.api.internalApi.isDocumentationLinksDisplayed() },
+        React.createElement(Panel, { className: `${baseClassName}__panel`, "data-name": "user-state", header: 'User State', style: { height: 'auto' }, variant: "default", borderRadius: "none", marginRight: 2, mb: 2 },
+            React.createElement(HelpBlock, { marginBottom: 2 }, 'Clear all current user state that has been persisted.'),
+            React.createElement(HelpBlock, null, 'This will cause this window to close and any state you have previously created will be lost and the initial Predefined Config will then be reapplied.'),
+            React.createElement(ClearButton, { "data-name": "clear-user-state-button", tone: "error", variant: "raised", marginTop: 2, accessLevel: props.accessLevel, onClick: () => props.api.configApi.reloadPredefinedConfig() }, "Clear User State")),
+        React.createElement(Panel, { className: `${baseClassName}__panel`, "data-name": "predefined-config", header: 'Load Predefined Config', style: { height: 'auto' }, variant: "default", borderRadius: "none", marginTop: 3, marginRight: 2, mb: 2 },
+            React.createElement(HelpBlock, { marginTop: 2 }, 'Load Predefined Config (from a .json file).  This will cause this window to close.'),
             ' ',
-            React.createElement(LoadButton_1.LoadButton, { tone: "info", variant: "raised", marginTop: 2, accessLevel: props.accessLevel, onLoad: (json) => props.api.configApi.reloadPredefinedConfig(json), "data-name": "load-predefined-config-button" }, "Load Predefined Config")),
-        React.createElement(Panel_1.default, { className: `${baseClassName}__panel`, "data-name": "adaptable-state", header: 'Export Adaptable State', style: { height: 'auto' }, variant: "default", borderRadius: "none", marginTop: 3, marginRight: 2, mb: 2 },
-            React.createElement(HelpBlock_1.default, { marginTop: 2, marginBottom: 2 }, 'Exports the currently persisted Adaptable state.'),
+            React.createElement(LoadButton, { tone: "info", variant: "raised", marginTop: 2, accessLevel: props.accessLevel, onLoad: (json) => props.api.configApi.reloadPredefinedConfig(json), "data-name": "load-predefined-config-button" }, "Load Predefined Config")),
+        React.createElement(Panel, { className: `${baseClassName}__panel`, "data-name": "adaptable-state", header: 'Export Adaptable State', style: { height: 'auto' }, variant: "default", borderRadius: "none", marginTop: 3, marginRight: 2, mb: 2 },
+            React.createElement(HelpBlock, { marginTop: 2, marginBottom: 2 }, 'Exports the currently persisted Adaptable state.'),
             ' ',
-            React.createElement(ExportDropdown_1.ExportDropdown, { api: props.api, type: "adaptableState", marginRight: 3, style: { flex: 1, maxWidth: 'none' }, columns: ['label'], "data-name": "export-adaptable-state-dropdown" }, "Select Export Destination")),
-        React.createElement(Panel_1.default, { className: `${baseClassName}__panel`, "data-name": "initial-predefined-config", header: 'Export Initial Predefined Config', style: { height: 'auto' }, variant: "default", borderRadius: "none", marginTop: 3, marginRight: 2, mb: 2 },
-            React.createElement(HelpBlock_1.default, { marginTop: 2, marginBottom: 2 }, 'Exports the Predefined Config which was provided at design time.'),
+            React.createElement(ExportDropdown, { api: props.api, type: "adaptableState", marginRight: 3, style: { flex: 1, maxWidth: 'none' }, columns: ['label'], "data-name": "export-adaptable-state-dropdown" }, "Select Export Destination")),
+        React.createElement(Panel, { className: `${baseClassName}__panel`, "data-name": "initial-predefined-config", header: 'Export Initial Predefined Config', style: { height: 'auto' }, variant: "default", borderRadius: "none", marginTop: 3, marginRight: 2, mb: 2 },
+            React.createElement(HelpBlock, { marginTop: 2, marginBottom: 2 }, 'Exports the Predefined Config which was provided at design time.'),
             ' ',
-            React.createElement(ExportDropdown_1.ExportDropdown, { api: props.api, type: "predefinedConfig", marginRight: 3, style: { flex: 1, maxWidth: 'none' }, columns: ['label'], "data-name": "export-initial-predefined-config-dropdown" }, "Select Export Destination"))));
+            React.createElement(ExportDropdown, { api: props.api, type: "predefinedConfig", marginRight: 3, style: { flex: 1, maxWidth: 'none' }, columns: ['label'], "data-name": "export-initial-predefined-config-dropdown" }, "Select Export Destination"))));
 };
-exports.StateManagementPopup = StateManagementPopup;

package/src/View/StateManagement/StateManagementViewPanel.js

@@ -1,22 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StateManagementViewPanel = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const join_1 = tslib_1.__importDefault(require("../../components/utils/join"));
-const GeneralConstants = tslib_1.__importStar(require("../../Utilities/Constants/GeneralConstants"));
-const LoadButton_1 = require("./components/LoadButton");
-const ClearButton_1 = require("./components/ClearButton");
-const rebass_1 = require("rebass");
-const ExportDropdown_1 = require("./components/ExportDropdown");
-const StateManagementViewPanel = (props) => {
+import * as React from 'react';
+import join from '../../components/utils/join';
+import * as GeneralConstants from '../../Utilities/Constants/GeneralConstants';
+import { LoadButton } from './components/LoadButton';
+import { ClearButton } from './components/ClearButton';
+import { Flex } from 'rebass';
+import { ExportDropdown } from './components/ExportDropdown';
+export const StateManagementViewPanel = (props) => {
     const isToolbar = props.viewType === 'Toolbar';
     const elementType = isToolbar ? 'DashboardToolbar' : 'ToolPanel';
-    return (React.createElement(rebass_1.Flex, { flexDirection: isToolbar ? 'row' : 'column', className: (0, join_1.default)(props.accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__StateManagement__wrap`) },
-        React.createElement(rebass_1.Flex, { flexDirection: "row" },
-            React.createElement(LoadButton_1.LoadButton, { tooltip: "Load Predefined Config", variant: "text", icon: "upload", onLoad: (json) => props.api.configApi.reloadPredefinedConfig(json), accessLevel: props.accessLevel }, !isToolbar && 'Load'),
-            React.createElement(ClearButton_1.ClearButton, { icon: "delete", tooltip: "Clear User State", variant: "text", onClick: () => props.api.configApi.reloadPredefinedConfig(), accessLevel: props.accessLevel }, !isToolbar && 'Clear')),
-        React.createElement(ExportDropdown_1.ExportDropdown, { api: props.api, type: "adaptableState" }, "All State"),
-        React.createElement(ExportDropdown_1.ExportDropdown, { api: props.api, type: "predefinedConfig" }, "Predefined Config")));
+    return (React.createElement(Flex, { flexDirection: isToolbar ? 'row' : 'column', className: join(props.accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__StateManagement__wrap`) },
+        React.createElement(Flex, { flexDirection: "row" },
+            React.createElement(LoadButton, { tooltip: "Load Predefined Config", variant: "text", icon: "upload", onLoad: (json) => props.api.configApi.reloadPredefinedConfig(json), accessLevel: props.accessLevel }, !isToolbar && 'Load'),
+            React.createElement(ClearButton, { icon: "delete", tooltip: "Clear User State", variant: "text", onClick: () => props.api.configApi.reloadPredefinedConfig(), accessLevel: props.accessLevel }, !isToolbar && 'Clear')),
+        React.createElement(ExportDropdown, { api: props.api, type: "adaptableState" }, "All State"),
+        React.createElement(ExportDropdown, { api: props.api, type: "predefinedConfig" }, "Predefined Config")));
 };
-exports.StateManagementViewPanel = StateManagementViewPanel;

package/src/View/StateManagement/components/ClearButton.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ClearButton = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
-const ClearButton = (props) => {
-    return (React.createElement(SimpleButton_1.default, Object.assign({}, props, { className: "ab-StateManagement__Clear-Button", tooltip: "Clear User State" }), props.children));
+import * as React from 'react';
+import SimpleButton from '../../../components/SimpleButton';
+export const ClearButton = (props) => {
+    return (React.createElement(SimpleButton, Object.assign({}, props, { className: "ab-StateManagement__Clear-Button", tooltip: "Clear User State" }), props.children));
 };
-exports.ClearButton = ClearButton;