@adaptabletools/adaptable 17.0.0-canary.1 → 17.0.0-canary.11

package/src/View/Schedule/Wizard/ScheduleWizard.js

@@ -1,15 +1,19 @@
-import * as React from 'react';
-import { Box } from 'rebass';
-import { OnePageAdaptableWizard, OnePageWizardSummary, } from '../../../View/Wizard/OnePageAdaptableWizard';
-import { ScheduleSettingsWizard, ScheduleSettingsSummary, isSettingsValid, } from './ScheduleSettingsWizard';
-import { ScheduleScheduleWizard, isScheduleValid } from './ScheduleScheduleWizard';
-import { ScheduleScheduleSummary } from './ScheduleScheduleSummary';
-import { ScheduleType } from '../../../PredefinedConfig/Common/Enums';
-import ObjectFactory from '../../../Utilities/ObjectFactory';
-import { useDispatch } from 'react-redux';
-import * as ScheduleRedux from '../../../Redux/ActionsReducers/ScheduleRedux';
-import { ObjectTagsWizardSection, renderObjectTagsSummary, } from '../../Wizard/ObjectTagsWizardSection';
-export const ScheduleWizard = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScheduleWizard = 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 ScheduleSettingsWizard_1 = require("./ScheduleSettingsWizard");
+const ScheduleScheduleWizard_1 = require("./ScheduleScheduleWizard");
+const ScheduleScheduleSummary_1 = require("./ScheduleScheduleSummary");
+const Enums_1 = require("../../../PredefinedConfig/Common/Enums");
+const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
+const react_redux_1 = require("react-redux");
+const ScheduleRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/ScheduleRedux"));
+const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
+const ScheduleWizard = (props) => {
     var _a, _b, _c, _d;
     const data = (_a = props.data) !== null && _a !== void 0 ? _a : (_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.value;
     const isNew = ((_c = props.popupParams) === null || _c === void 0 ? void 0 : _c.action) ? props.popupParams.action === 'New' : !props.data;
@@ -20,62 +24,62 @@ export const ScheduleWizard = (props) => {
         }
         let scheduleState = null;
         switch (scheduleType) {
-            case ScheduleType.Reminder:
-                scheduleState = ObjectFactory.CreateEmptyReminderSchedule();
+            case Enums_1.ScheduleType.Reminder:
+                scheduleState = ObjectFactory_1.default.CreateEmptyReminderSchedule();
                 break;
-            case ScheduleType.Report:
-                scheduleState = ObjectFactory.CreateEmptyReportSchedule();
+            case Enums_1.ScheduleType.Report:
+                scheduleState = ObjectFactory_1.default.CreateEmptyReportSchedule();
                 break;
-            case ScheduleType.ipushpull:
-                scheduleState = ObjectFactory.CreateEmptyIPushPullSchedule();
+            case Enums_1.ScheduleType.ipushpull:
+                scheduleState = ObjectFactory_1.default.CreateEmptyIPushPullSchedule();
                 break;
-            case ScheduleType.Glue42:
-                scheduleState = ObjectFactory.CreateEmptyGlue42Schedule();
+            case Enums_1.ScheduleType.Glue42:
+                scheduleState = ObjectFactory_1.default.CreateEmptyGlue42Schedule();
                 break;
-            case ScheduleType.OpenFin:
-                scheduleState = ObjectFactory.CreateEmptyOpenFinSchedule();
+            case Enums_1.ScheduleType.OpenFin:
+                scheduleState = ObjectFactory_1.default.CreateEmptyOpenFinSchedule();
                 break;
         }
         return scheduleState;
     });
     const [isOneOff, setIsOneOff] = React.useState(false);
-    const dispatch = useDispatch();
+    const dispatch = (0, react_redux_1.useDispatch)();
     const handleFinish = () => {
         let action = null;
         if (!isNew) {
             switch (scheduleType) {
-                case ScheduleType.Reminder:
+                case Enums_1.ScheduleType.Reminder:
                     action = ScheduleRedux.ReminderScheduleEdit(schedule);
                     break;
-                case ScheduleType.Report:
+                case Enums_1.ScheduleType.Report:
                     action = ScheduleRedux.ReportScheduleEdit(schedule);
                     break;
-                case ScheduleType.ipushpull:
+                case Enums_1.ScheduleType.ipushpull:
                     action = ScheduleRedux.IPushPullScheduleEdit(schedule);
                     break;
-                case ScheduleType.Glue42:
+                case Enums_1.ScheduleType.Glue42:
                     action = ScheduleRedux.Glue42ScheduleEdit(schedule);
                     break;
-                case ScheduleType.OpenFin:
+                case Enums_1.ScheduleType.OpenFin:
                     action = ScheduleRedux.OpenFinScheduleEdit(schedule);
                     break;
             }
         }
         else {
             switch (scheduleType) {
-                case ScheduleType.Reminder:
+                case Enums_1.ScheduleType.Reminder:
                     action = ScheduleRedux.ReminderScheduleAdd(schedule);
                     break;
-                case ScheduleType.Report:
+                case Enums_1.ScheduleType.Report:
                     action = ScheduleRedux.ReportScheduleAdd(schedule);
                     break;
-                case ScheduleType.ipushpull:
+                case Enums_1.ScheduleType.ipushpull:
                     action = ScheduleRedux.IPushPullScheduleAdd(schedule);
                     break;
-                case ScheduleType.Glue42:
+                case Enums_1.ScheduleType.Glue42:
                     action = ScheduleRedux.Glue42ScheduleAdd(schedule);
                     break;
-                case ScheduleType.OpenFin:
+                case Enums_1.ScheduleType.OpenFin:
                     action = ScheduleRedux.OpenFinScheduleAdd(schedule);
                     break;
             }
@@ -83,36 +87,37 @@ export const ScheduleWizard = (props) => {
         dispatch(action);
         props.onFinishWizard(schedule);
     };
-    return (React.createElement(OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: schedule, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
+    return (React.createElement(OnePageAdaptableWizard_1.OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: schedule, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
             {
                 title: 'Settings',
-                isValid: isSettingsValid,
-                renderSummary: () => React.createElement(ScheduleSettingsSummary, null),
-                render: () => (React.createElement(Box, { p: 3 },
-                    React.createElement(ScheduleSettingsWizard, { onChange: setSchedule }))),
+                isValid: ScheduleSettingsWizard_1.isSettingsValid,
+                renderSummary: () => React.createElement(ScheduleSettingsWizard_1.ScheduleSettingsSummary, null),
+                render: () => (React.createElement(rebass_1.Box, { p: 3 },
+                    React.createElement(ScheduleSettingsWizard_1.ScheduleSettingsWizard, { onChange: setSchedule }))),
             },
             {
                 title: 'Schedule',
-                isValid: (data) => isScheduleValid(data, isOneOff),
-                renderSummary: () => React.createElement(ScheduleScheduleSummary, null),
-                render: () => (React.createElement(Box, { p: 3 },
-                    React.createElement(ScheduleScheduleWizard, { isOneOff: isOneOff, onSetIsOneOff: setIsOneOff, onChange: setSchedule }))),
+                isValid: (data) => (0, ScheduleScheduleWizard_1.isScheduleValid)(data, isOneOff),
+                renderSummary: () => React.createElement(ScheduleScheduleSummary_1.ScheduleScheduleSummary, null),
+                render: () => (React.createElement(rebass_1.Box, { p: 3 },
+                    React.createElement(ScheduleScheduleWizard_1.ScheduleScheduleWizard, { isOneOff: isOneOff, onSetIsOneOff: setIsOneOff, onChange: setSchedule }))),
             },
             {
                 details: 'Select Schedule Tags',
                 title: 'Tags',
                 isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
-                render: () => (React.createElement(Box, { padding: 2 },
-                    React.createElement(ObjectTagsWizardSection, { onChange: setSchedule }))),
-                renderSummary: renderObjectTagsSummary,
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setSchedule }))),
+                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
             },
             '-',
             {
                 render: () => {
-                    return (React.createElement(Box, { padding: 2 },
-                        React.createElement(OnePageWizardSummary, null)));
+                    return (React.createElement(rebass_1.Box, { padding: 2 },
+                        React.createElement(OnePageAdaptableWizard_1.OnePageWizardSummary, null)));
                 },
                 title: 'Summary',
             },
         ] }));
 };
+exports.ScheduleWizard = ScheduleWizard;

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

@@ -1,10 +1,14 @@
-import * as React from 'react';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
-import { NewScopeComponent } from '../../Components/NewScopeComponent';
-export const ShortcutScopeWizardSection = (props) => {
-    const { data, api } = useOnePageAdaptableWizardContext();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShortcutScopeWizardSection = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
+const NewScopeComponent_1 = require("../../Components/NewScopeComponent");
+const ShortcutScopeWizardSection = (props) => {
+    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const availableColumns = React.useMemo(() => api.columnApi.getNumericColumns(), []);
-    return (React.createElement(NewScopeComponent, { availableDataTypes: ['Number'], scopeColumns: availableColumns, scope: data.Scope, descriptions: {
+    return (React.createElement(NewScopeComponent_1.NewScopeComponent, { availableDataTypes: ['Number'], scopeColumns: availableColumns, scope: data.Scope, descriptions: {
             rowScope: 'All Numeric Columns will have the Shortcut applied',
             columnScope: 'Selected Columns will have the Shortcut applied',
         }, updateScope: (Scope) => {
@@ -16,3 +20,4 @@ export const ShortcutScopeWizardSection = (props) => {
             props.onChange(Object.assign(Object.assign({}, data), { Scope: preparedScope }));
         } }));
 };
+exports.ShortcutScopeWizardSection = ShortcutScopeWizardSection;

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

@@ -1,15 +1,19 @@
-import * as React from 'react';
-import { Box, Flex } from 'rebass';
-import Input from '../../../components/Input';
-import { shortcutOperationList } from '../shortcutOperations';
-import FormLayout, { FormRow } from '../../../components/FormLayout';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
-import { Tabs } from '../../../components/Tabs';
-import { SummaryText } from '../../../View/Wizard/OnePageAdaptableWizard';
-import { Tag } from '../../../components/Tag';
-import HelpBlock from '../../../components/HelpBlock';
-import { Select } from '../../../components/Select';
-export const isSettingsValid = (data) => {
+"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 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 OnePageAdaptableWizard_2 = require("../../../View/Wizard/OnePageAdaptableWizard");
+const Tag_1 = require("../../../components/Tag");
+const HelpBlock_1 = tslib_1.__importDefault(require("../../../components/HelpBlock"));
+const Select_1 = require("../../../components/Select");
+const 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'
@@ -18,23 +22,25 @@ export const isSettingsValid = (data) => {
     const result = [shortcutKey, shortcutValue, shortcutOperation].filter(Boolean);
     return result.length ? result.join(', ') : true;
 };
-export const ShortcutSettingsSummary = () => {
+exports.isSettingsValid = isSettingsValid;
+const ShortcutSettingsSummary = () => {
     var _a, _b;
-    const { data: shortcut } = useOnePageAdaptableWizardContext();
+    const { data: shortcut } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     return (React.createElement(React.Fragment, null,
-        React.createElement(SummaryText, null,
+        React.createElement(OnePageAdaptableWizard_2.SummaryText, null,
             "Shortcut Key ",
-            React.createElement(Tag, null, shortcut.ShortcutKey || 'Not selected')),
-        React.createElement(SummaryText, null,
+            React.createElement(Tag_1.Tag, null, shortcut.ShortcutKey || 'Not selected')),
+        React.createElement(OnePageAdaptableWizard_2.SummaryText, null,
             "Value ",
-            React.createElement(Tag, null, (_a = shortcut.ShortcutValue) !== null && _a !== void 0 ? _a : 'Not specified')),
-        React.createElement(SummaryText, null,
+            React.createElement(Tag_1.Tag, null, (_a = shortcut.ShortcutValue) !== null && _a !== void 0 ? _a : 'Not specified')),
+        React.createElement(OnePageAdaptableWizard_2.SummaryText, null,
             "Operation ",
-            React.createElement(Tag, null, (_b = shortcut.ShortcutOperation) !== null && _b !== void 0 ? _b : 'Not Specified'))));
+            React.createElement(Tag_1.Tag, null, (_b = shortcut.ShortcutOperation) !== null && _b !== void 0 ? _b : 'Not Specified'))));
 };
-export const ShortcutSettingsWizard = (props) => {
+exports.ShortcutSettingsSummary = ShortcutSettingsSummary;
+const ShortcutSettingsWizard = (props) => {
     var _a;
-    const { data: shortcut } = useOnePageAdaptableWizardContext();
+    const { data: shortcut } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const handleKeyChange = React.useCallback((ShortcutKey) => {
         props.onChange(Object.assign(Object.assign({}, shortcut), { ShortcutKey }));
     }, [shortcut]);
@@ -42,7 +48,7 @@ export const ShortcutSettingsWizard = (props) => {
     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 = shortcutOperationList.map((operation) => ({
+    const optionActions = shortcutOperations_1.shortcutOperationList.map((operation) => ({
         value: operation,
         label: operation,
         // onClick: () => handleOperationChange(operation),
@@ -51,27 +57,28 @@ export const ShortcutSettingsWizard = (props) => {
         value: key,
         label: key,
     }));
-    return (React.createElement(Box, { "data-name": "shortcut-column-settings" },
-        React.createElement(Tabs, { autoFocus: false },
-            React.createElement(Tabs.Tab, null, "Shortcut Settings"),
-            React.createElement(Tabs.Content, null,
-                React.createElement(FormLayout, null,
-                    React.createElement(FormRow, null,
+    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, null,
+                    React.createElement(FormLayout_1.FormRow, null,
                         ' ',
-                        React.createElement(HelpBlock, { fontSize: 2, mb: 0 }, "Keyboard key that, when pressed, triggers the Shortcut")),
-                    React.createElement(FormRow, { label: "Key" },
-                        React.createElement(Flex, { flexDirection: "row" },
-                            React.createElement(Select, { "data-name": "shortcut-key", placeholder: "Select Key", options: optionKeys, onChange: (key) => handleKeyChange(key), value: shortcut.ShortcutKey || 'Select Key' }))),
-                    React.createElement(FormRow, null,
+                        React.createElement(HelpBlock_1.default, { fontSize: 2, mb: 0 }, "Keyboard key that, when pressed, triggers the Shortcut")),
+                    React.createElement(FormLayout_1.FormRow, { label: "Key" },
+                        React.createElement(rebass_1.Flex, { flexDirection: "row" },
+                            React.createElement(Select_1.Select, { "data-name": "shortcut-key", placeholder: "Select Key", options: optionKeys, onChange: (key) => handleKeyChange(key), value: shortcut.ShortcutKey || 'Select Key' }))),
+                    React.createElement(FormLayout_1.FormRow, null,
                         ' ',
-                        React.createElement(HelpBlock, { fontSize: 2, mb: 0 }, "Mathematical operation performed on Cell's current value (using the Shortcut's 'value') - used to calculate the Cell's new total")),
-                    React.createElement(FormRow, { label: "Operation" },
-                        React.createElement(Flex, { flexDirection: "row" },
-                            React.createElement(Select, { "data-name": "shortcut-operation", placeholder: "Select Operation", options: optionActions, onChange: (operation) => handleOperationChange(operation), value: shortcut.ShortcutOperation }))),
-                    React.createElement(FormRow, null,
+                        React.createElement(HelpBlock_1.default, { fontSize: 2, mb: 0 }, "Mathematical operation performed on Cell's current value (using the Shortcut's 'value') - used to calculate the Cell's new total")),
+                    React.createElement(FormLayout_1.FormRow, { label: "Operation" },
+                        React.createElement(rebass_1.Flex, { flexDirection: "row" },
+                            React.createElement(Select_1.Select, { "data-name": "shortcut-operation", placeholder: "Select Operation", options: optionActions, onChange: (operation) => handleOperationChange(operation), value: shortcut.ShortcutOperation }))),
+                    React.createElement(FormLayout_1.FormRow, null,
                         ' ',
-                        React.createElement(HelpBlock, { fontSize: 2, mb: 0 }, "Number that is used - together with the 'Operation' and the current cell value - to calculate the new total for the cell")),
-                    React.createElement(FormRow, { label: "Value" },
-                        React.createElement(Flex, { flexDirection: "row" },
-                            React.createElement(Input, { "data-name": "shortcut-value", style: { maxWidth: 100 }, flex: 1, marginRight: 3, onChange: handleOperationValueChange, placeholder: "Enter Number", type: "number", value: (_a = shortcut.ShortcutValue) !== null && _a !== void 0 ? _a : '' }))))))));
+                        React.createElement(HelpBlock_1.default, { fontSize: 2, mb: 0 }, "Number that is used - together with the 'Operation' and the current cell value - 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, { "data-name": "shortcut-value", style: { maxWidth: 100 }, flex: 1, marginRight: 3, onChange: handleOperationValueChange, placeholder: "Enter Number", type: "number", value: (_a = shortcut.ShortcutValue) !== null && _a !== void 0 ? _a : '' }))))))));
 };
+exports.ShortcutSettingsWizard = ShortcutSettingsWizard;

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

@@ -1,20 +1,24 @@
-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) => {
+"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) => {
     const [shortcut, setShortcut] = React.useState(() => {
         var _a, _b, _c;
-        const shortcut = props.data ? cloneObject(props.data) : ObjectFactory.CreateEmptyShortcut();
+        const shortcut = props.data ? (0, Helper_1.cloneObject)(props.data) : ObjectFactory_1.default.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 = {
@@ -23,16 +27,16 @@ export const ShortcutWizard = (props) => {
         }
         return shortcut;
     });
-    const adaptable = useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const availableKeys = React.useMemo(() => {
-        const availableKeys = shortcutKeys.filter((key) => adaptable.api.shortcutApi.getShortcuts().every((shortcut) => shortcut.ShortcutKey !== key));
+        const availableKeys = shortcutKeys_1.shortcutKeys.filter((key) => adaptable.api.shortcutApi.getShortcuts().every((shortcut) => shortcut.ShortcutKey !== key));
         if (shortcut) {
             availableKeys.push(shortcut.ShortcutKey);
         }
         availableKeys.sort();
         return availableKeys;
     }, []);
-    const dispatch = useDispatch();
+    const dispatch = (0, react_redux_1.useDispatch)();
     const handleFinish = () => {
         if (props.data) {
             dispatch(ShortcutRedux.ShortcutEdit(shortcut));
@@ -42,22 +46,22 @@ export const ShortcutWizard = (props) => {
         }
         props.onFinishWizard(shortcut);
     };
-    return (React.createElement(OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: shortcut, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
+    return (React.createElement(OnePageAdaptableWizard_1.OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: shortcut, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
             {
                 title: 'Target',
-                isValid: isScopeValid,
+                isValid: NewScopeComponent_1.isScopeValid,
                 details: 'Specify where Shortcut should be applied',
-                renderSummary: () => renderScopeSummary(shortcut.Scope, {
+                renderSummary: () => (0, NewScopeComponent_1.renderScopeSummary)(shortcut.Scope, {
                     scopeWholeRow: 'Shortcut is triggered for all numeric cells',
                     scopeColumns: 'Shortcut is triggered for cells in selected columns',
                     scopeDataTypes: 'Shortcut is triggered for all numeric cells',
                 }),
-                render: () => (React.createElement(Box, { padding: 2 },
-                    React.createElement(ShortcutScopeWizardSection, { onChange: setShortcut }))),
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ShortcutScopeWizardSection_1.ShortcutScopeWizardSection, { onChange: setShortcut }))),
             },
             {
                 title: 'Settings',
-                isValid: isSettingsValid,
+                isValid: ShortcutSettingsWizard_1.isSettingsValid,
                 details: (React.createElement(React.Fragment, null,
                     "A Shortcut is a mathematical calculation (",
                     React.createElement("b", null, "Operation"),
@@ -66,29 +70,30 @@ export const ShortcutWizard = (props) => {
                     " on the edited cell content when the corresponding Shortcut ",
                     React.createElement("b", null, "Key"),
                     " is pressed.")),
-                renderSummary: () => React.createElement(ShortcutSettingsSummary, null),
+                renderSummary: () => React.createElement(ShortcutSettingsWizard_1.ShortcutSettingsSummary, null),
                 render: () => {
                     var _a;
-                    return (React.createElement(Box, { padding: 2 },
-                        React.createElement(ShortcutSettingsWizard, { availableKeys: (_a = props.availableKeys) !== null && _a !== void 0 ? _a : availableKeys, onChange: setShortcut })));
+                    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 })));
                 },
             },
             {
                 details: 'Select Shortcut Tags',
                 title: 'Tags',
                 isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
-                render: () => (React.createElement(Box, { padding: 2 },
-                    React.createElement(ObjectTagsWizardSection, { onChange: setShortcut }))),
-                renderSummary: renderObjectTagsSummary,
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setShortcut }))),
+                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
             },
             '-',
             {
                 details: 'Review the Shortcut',
                 render: () => {
-                    return (React.createElement(Box, { padding: 2 },
-                        React.createElement(OnePageWizardSummary, null)));
+                    return (React.createElement(rebass_1.Box, { padding: 2 },
+                        React.createElement(OnePageAdaptableWizard_1.OnePageWizardSummary, null)));
                 },
                 title: 'Summary',
             },
         ] }));
 };
+exports.ShortcutWizard = ShortcutWizard;

package/src/View/Shortcut/shortcutKeys.js

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

package/src/View/Shortcut/shortcutOperations.js

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

@@ -1,18 +1,22 @@
-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';
+"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) {
@@ -27,10 +31,10 @@ class SmartEditPopupComponent extends React.Component {
         if (this.props.PreviewInfo) {
             col = this.props.PreviewInfo.column;
         }
-        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) => {
+        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) => {
             return {
                 label: mathOperation,
                 onClick: () => {
@@ -47,26 +51,26 @@ class SmartEditPopupComponent extends React.Component {
                 };
             }));
         }
-        return (React.createElement(PanelWithImage, { flex: 1, style: { height: '100%' }, variant: "primary", bodyProps: {
+        return (React.createElement(PanelWithImage_1.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(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'
+            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'
                     ? this.props.SmartEditOperation.name
                     : this.props.SmartEditOperation),
-                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}`) ||
+                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}`) ||
                         (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, { headerText: 'Validation Error', bodyText: [globalValidationMessage], MessageType: 'Error' }))),
+                    this.props.PreviewInfo.previewValidationSummary.validationResult != 'None' && (React.createElement(AdaptablePopover_1.AdaptablePopover, { headerText: 'Validation Error', bodyText: [globalValidationMessage], MessageType: 'Error' }))),
             previewPanel));
     }
     submit() {
@@ -106,4 +110,4 @@ function mapDispatchToProps(dispatch) {
         onRunSmartEdit: () => dispatch(SmartEditRedux.SmartEditRun(false)),
     };
 }
-export let SmartEditPopup = connect(mapStateToProps, mapDispatchToProps)(SmartEditPopupComponent);
+exports.SmartEditPopup = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(SmartEditPopupComponent);