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

package/src/View/QuickSearch/QuickSearchInput.js

@@ -1,18 +1,23 @@
-import React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import * as QuickSearchRedux from '../../Redux/ActionsReducers/QuickSearchRedux';
-import { AdaptableFormControlTextClear } from '../Components/Forms/AdaptableFormControlTextClear';
-import { useQuickSearchDebounced } from './useQuickSearchDebounced';
-import { useAdaptable } from '../AdaptableContext';
-export const QuickSearchInput = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuickSearchInput = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_redux_1 = require("react-redux");
+const QuickSearchRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/QuickSearchRedux"));
+const AdaptableFormControlTextClear_1 = require("../Components/Forms/AdaptableFormControlTextClear");
+const useQuickSearchDebounced_1 = require("./useQuickSearchDebounced");
+const AdaptableContext_1 = require("../AdaptableContext");
+const QuickSearchInput = (props) => {
     var _a;
-    const adaptable = useAdaptable();
-    const QuickSearchText = useSelector((state) => state.QuickSearch.QuickSearchText);
-    const dispatch = useDispatch();
-    const onRunQuickSearch = React.useCallback((newQuickSearchText) => dispatch(QuickSearchRedux.QuickSearchRun(newQuickSearchText)), []);
-    const [searchText, search] = useQuickSearchDebounced({
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const QuickSearchText = (0, react_redux_1.useSelector)((state) => state.QuickSearch.QuickSearchText);
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const onRunQuickSearch = react_1.default.useCallback((newQuickSearchText) => dispatch(QuickSearchRedux.QuickSearchRun(newQuickSearchText)), []);
+    const [searchText, search] = (0, useQuickSearchDebounced_1.useQuickSearchDebounced)({
         QuickSearchText,
         onRunQuickSearch,
     });
-    return (React.createElement(AdaptableFormControlTextClear, { type: "text", autoFocus: props.autoFocus, placeholder: adaptable.api.optionsApi.getQuickSearchOptions().quickSearchPlaceholder, className: props.className, value: searchText, OnTextChange: search, style: { height: '100%' }, inputStyle: { width: (_a = props.width) !== null && _a !== void 0 ? _a : '10rem' } }));
+    return (react_1.default.createElement(AdaptableFormControlTextClear_1.AdaptableFormControlTextClear, { type: "text", autoFocus: props.autoFocus, placeholder: adaptable.api.optionsApi.getQuickSearchOptions().quickSearchPlaceholder, className: props.className, value: searchText, OnTextChange: search, style: { height: '100%' }, inputStyle: { width: (_a = props.width) !== null && _a !== void 0 ? _a : '10rem' } }));
 };
+exports.QuickSearchInput = QuickSearchInput;

package/src/View/QuickSearch/QuickSearchPopup.js

@@ -1,19 +1,23 @@
-import * as React from 'react';
-import { useState } from 'react';
-import { connect } from 'react-redux';
-import * as QuickSearchRedux from '../../Redux/ActionsReducers/QuickSearchRedux';
-import { PopupPanel } from '../Components/Popups/AdaptablePopup/PopupPanel';
-import Panel from '../../components/Panel';
-import FormLayout, { FormRow } from '../../components/FormLayout';
-import { AdaptableFormControlTextClear } from '../Components/Forms/AdaptableFormControlTextClear';
-import { StyleComponent } from '../Components/StyleComponent';
-import { Flex } from 'rebass';
-import { CheckBox } from '../../components/CheckBox';
-import StringExtensions from '../../Utilities/Extensions/StringExtensions';
-import { useQuickSearchDebounced } from './useQuickSearchDebounced';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuickSearchPopup = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
+const react_redux_1 = require("react-redux");
+const QuickSearchRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/QuickSearchRedux"));
+const PopupPanel_1 = require("../Components/Popups/AdaptablePopup/PopupPanel");
+const Panel_1 = tslib_1.__importDefault(require("../../components/Panel"));
+const FormLayout_1 = tslib_1.__importStar(require("../../components/FormLayout"));
+const AdaptableFormControlTextClear_1 = require("../Components/Forms/AdaptableFormControlTextClear");
+const StyleComponent_1 = require("../Components/StyleComponent");
+const rebass_1 = require("rebass");
+const CheckBox_1 = require("../../components/CheckBox");
+const StringExtensions_1 = tslib_1.__importDefault(require("../../Utilities/Extensions/StringExtensions"));
+const useQuickSearchDebounced_1 = require("./useQuickSearchDebounced");
 const QuickSearchPopupComponent = (props) => {
-    const [searchText, search] = useQuickSearchDebounced(props);
-    const [state, setState] = useState({
+    const [searchText, search] = (0, useQuickSearchDebounced_1.useQuickSearchDebounced)(props);
+    const [state, setState] = (0, react_1.useState)({
         RunQueryAfterQuickSearch: props.api.optionsApi.getQuickSearchOptions().filterResultsAfterQuickSearch,
         EditedStyle: props.QuickSearchStyle,
     });
@@ -26,18 +30,18 @@ const QuickSearchPopupComponent = (props) => {
         props.api.optionsApi.getAdaptableOptions().quickSearchOptions.filterResultsAfterQuickSearch =
             checked;
     };
-    return (React.createElement(PopupPanel, { headerText: props.moduleInfo.FriendlyName, glyphicon: props.moduleInfo.Glyph, infoLink: props.moduleInfo.HelpPage, infoLinkDisabled: !props.api.internalApi.isDocumentationLinksDisplayed() },
-        React.createElement(Panel, { header: props.moduleInfo.FriendlyName + ' Text', style: { height: 'auto' }, variant: "default", borderRadius: "none", marginTop: 3, marginLeft: 2, marginRight: 2 },
+    return (React.createElement(PopupPanel_1.PopupPanel, { headerText: props.moduleInfo.FriendlyName, glyphicon: props.moduleInfo.Glyph, infoLink: props.moduleInfo.HelpPage, infoLinkDisabled: !props.api.internalApi.isDocumentationLinksDisplayed() },
+        React.createElement(Panel_1.default, { header: props.moduleInfo.FriendlyName + ' Text', style: { height: 'auto' }, variant: "default", borderRadius: "none", marginTop: 3, marginLeft: 2, marginRight: 2 },
             ' ',
-            React.createElement(FormLayout, null,
-                React.createElement(AdaptableFormControlTextClear, { "data-name": "quick-search-text", type: "text", marginLeft: 2, marginRight: 5, padding: 20, style: { height: '100%' }, placeholder: props.api.optionsApi.getQuickSearchOptions().quickSearchPlaceholder, value: searchText, OnTextChange: search }))),
-        React.createElement(Panel, { header: props.api.internalApi.getCorrectEnglishVariant('Behaviour'), style: { height: 'auto' }, variant: "default", borderRadius: "none", marginTop: 3, marginLeft: 2, marginRight: 2 },
+            React.createElement(FormLayout_1.default, null,
+                React.createElement(AdaptableFormControlTextClear_1.AdaptableFormControlTextClear, { "data-name": "quick-search-text", type: "text", marginLeft: 2, marginRight: 5, padding: 20, style: { height: '100%' }, placeholder: props.api.optionsApi.getQuickSearchOptions().quickSearchPlaceholder, value: searchText, OnTextChange: search }))),
+        React.createElement(Panel_1.default, { header: props.api.internalApi.getCorrectEnglishVariant('Behaviour'), style: { height: 'auto' }, variant: "default", borderRadius: "none", marginTop: 3, marginLeft: 2, marginRight: 2 },
             ' ',
-            React.createElement(Flex, { flexDirection: "column" },
-                React.createElement(FormLayout, { columns: [1, 2] },
-                    React.createElement(FormRow, null,
-                        React.createElement(CheckBox, { "data-name": "filter-quick-search-results", value: "existing", marginLeft: 1, marginRight: 3, checked: state.RunQueryAfterQuickSearch, disabled: StringExtensions.IsNotNullOrEmpty(searchText), onChange: onQuickSearchBehaviourChange }, "Filter using Quick Search Results"))))),
-        React.createElement(StyleComponent, { style: { height: '100%' }, api: props.api, Style: props.QuickSearchStyle, UpdateStyle: onUpdateStyle })));
+            React.createElement(rebass_1.Flex, { flexDirection: "column" },
+                React.createElement(FormLayout_1.default, { columns: [1, 2] },
+                    React.createElement(FormLayout_1.FormRow, null,
+                        React.createElement(CheckBox_1.CheckBox, { "data-name": "filter-quick-search-results", value: "existing", marginLeft: 1, marginRight: 3, checked: state.RunQueryAfterQuickSearch, disabled: StringExtensions_1.default.IsNotNullOrEmpty(searchText), onChange: onQuickSearchBehaviourChange }, "Filter using Quick Search Results"))))),
+        React.createElement(StyleComponent_1.StyleComponent, { style: { height: '100%' }, api: props.api, Style: props.QuickSearchStyle, UpdateStyle: onUpdateStyle })));
 };
 function mapStateToProps(state, ownProps) {
     return {
@@ -51,4 +55,4 @@ function mapDispatchToProps(dispatch) {
         onSetStyle: (style) => dispatch(QuickSearchRedux.QuickSearchSetStyle(style)),
     };
 }
-export const QuickSearchPopup = connect(mapStateToProps, mapDispatchToProps)(QuickSearchPopupComponent);
+exports.QuickSearchPopup = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(QuickSearchPopupComponent);

package/src/View/QuickSearch/QuickSearchStatusBarContent.js

@@ -1,12 +1,17 @@
-import * as React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { useAdaptable } from '../AdaptableContext';
-import { AdaptableFormControlTextClear } from '../Components/Forms/AdaptableFormControlTextClear';
-import * as QuickSearchRedux from '../../Redux/ActionsReducers/QuickSearchRedux';
-export const QuickSearchStatusBarContent = () => {
-    const text = useSelector((state) => state.QuickSearch.QuickSearchText);
-    const dispatch = useDispatch();
-    const adaptable = useAdaptable();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuickSearchStatusBarContent = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const AdaptableContext_1 = require("../AdaptableContext");
+const AdaptableFormControlTextClear_1 = require("../Components/Forms/AdaptableFormControlTextClear");
+const QuickSearchRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/QuickSearchRedux"));
+const QuickSearchStatusBarContent = () => {
+    const text = (0, react_redux_1.useSelector)((state) => state.QuickSearch.QuickSearchText);
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const handleTextChange = React.useCallback((text) => dispatch(QuickSearchRedux.QuickSearchRun(text)), []);
-    return (React.createElement(AdaptableFormControlTextClear, { onClick: (event) => event.stopPropagation(), type: "text", inputStyle: { padding: '2px 3px', width: 90 }, placeholder: adaptable.api.optionsApi.getQuickSearchOptions().quickSearchPlaceholder, value: text, OnTextChange: handleTextChange }));
+    return (React.createElement(AdaptableFormControlTextClear_1.AdaptableFormControlTextClear, { onClick: (event) => event.stopPropagation(), type: "text", inputStyle: { padding: '2px 3px', width: 90 }, placeholder: adaptable.api.optionsApi.getQuickSearchOptions().quickSearchPlaceholder, value: text, OnTextChange: handleTextChange }));
 };
+exports.QuickSearchStatusBarContent = QuickSearchStatusBarContent;

package/src/View/QuickSearch/QuickSearchViewPanel.js

@@ -1,6 +1,11 @@
-import * as React from 'react';
-import { QuickSearchInput } from './QuickSearchInput';
-export const QuickSearchViewPanelControl = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuickSearchViewPanelControl = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const QuickSearchInput_1 = require("./QuickSearchInput");
+const QuickSearchViewPanelControl = (props) => {
     let elementType = props.viewType === 'ToolPanel' ? 'DashboardToolbar' : 'ToolPanel';
-    return React.createElement(QuickSearchInput, { className: `ab-${elementType}__QuickSearch__text`, width: '15rem' });
+    return React.createElement(QuickSearchInput_1.QuickSearchInput, { className: `ab-${elementType}__QuickSearch__text`, width: '15rem' });
 };
+exports.QuickSearchViewPanelControl = QuickSearchViewPanelControl;

package/src/View/QuickSearch/useQuickSearchDebounced.js

@@ -1,11 +1,15 @@
-import { useEffect, useState, useMemo } from 'react';
-import debounce from 'lodash/debounce';
-import { QUICK_SEARCH_DEBOUNCE_TIME } from '../../Utilities/Constants/GeneralConstants';
-export const useQuickSearchDebounced = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useQuickSearchDebounced = void 0;
+const tslib_1 = require("tslib");
+const react_1 = require("react");
+const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
+const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
+const useQuickSearchDebounced = (props) => {
     var _a;
-    const [searchText, setSearchText] = useState((_a = props.QuickSearchText) !== null && _a !== void 0 ? _a : '');
-    const debouncedRunQuickSearch = useMemo(() => debounce(props.onRunQuickSearch, QUICK_SEARCH_DEBOUNCE_TIME), [props.onRunQuickSearch]);
-    useEffect(() => {
+    const [searchText, setSearchText] = (0, react_1.useState)((_a = props.QuickSearchText) !== null && _a !== void 0 ? _a : '');
+    const debouncedRunQuickSearch = (0, react_1.useMemo)(() => (0, debounce_1.default)(props.onRunQuickSearch, GeneralConstants_1.QUICK_SEARCH_DEBOUNCE_TIME), [props.onRunQuickSearch]);
+    (0, react_1.useEffect)(() => {
         setSearchText(props.QuickSearchText);
     }, [props.QuickSearchText]);
     const executeSearch = (searchText) => {
@@ -14,3 +18,4 @@ export const useQuickSearchDebounced = (props) => {
     };
     return [searchText, executeSearch];
 };
+exports.useQuickSearchDebounced = useQuickSearchDebounced;

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

@@ -1,10 +1,15 @@
-import * as React from 'react';
-import { Tag } from '../../../components/Tag';
-import { UIHelper } from '../../UIHelper';
-import { SummaryText, useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
-export const ScheduleScheduleSummary = () => {
-    const { data } = useOnePageAdaptableWizardContext();
-    return (React.createElement(SummaryText, null,
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScheduleScheduleSummary = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const Tag_1 = require("../../../components/Tag");
+const UIHelper_1 = require("../../UIHelper");
+const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
+const ScheduleScheduleSummary = () => {
+    const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    return (React.createElement(OnePageAdaptableWizard_1.SummaryText, null,
         "Schedule: ",
-        React.createElement(Tag, null, UIHelper.getScheduleDescription(data.Schedule))));
+        React.createElement(Tag_1.Tag, null, UIHelper_1.UIHelper.getScheduleDescription(data.Schedule))));
 };
+exports.ScheduleScheduleSummary = ScheduleScheduleSummary;

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

@@ -1,13 +1,17 @@
-import * as React from 'react';
-import { Box } from 'rebass';
-import { CheckBox } from '../../../components/CheckBox';
-import FormLayout, { FormRow } from '../../../components/FormLayout';
-import Radio from '../../../components/Radio';
-import { Tabs } from '../../../components/Tabs';
-import ArrayExtensions from '../../../Utilities/Extensions/ArrayExtensions';
-import AdaptableInput from '../../Components/AdaptableInput';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
-export const isScheduleValid = (schedule, isOneOff) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScheduleScheduleWizard = exports.isScheduleValid = void 0;
+const tslib_1 = require("tslib");
+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 Radio_1 = tslib_1.__importDefault(require("../../../components/Radio"));
+const Tabs_1 = require("../../../components/Tabs");
+const ArrayExtensions_1 = tslib_1.__importDefault(require("../../../Utilities/Extensions/ArrayExtensions"));
+const AdaptableInput_1 = tslib_1.__importDefault(require("../../Components/AdaptableInput"));
+const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
+const isScheduleValid = (schedule, isOneOff) => {
     var _a;
     if (!schedule.Schedule) {
         return 'Schedule is not specified';
@@ -18,11 +22,12 @@ export const isScheduleValid = (schedule, isOneOff) => {
     if (isOneOff && !schedule.Schedule.OneOffDate) {
         return 'Schedule Date is not specified';
     }
-    if (!isOneOff && ArrayExtensions.IsEmpty((_a = schedule === null || schedule === void 0 ? void 0 : schedule.Schedule) === null || _a === void 0 ? void 0 : _a.DaysOfWeek)) {
+    if (!isOneOff && ArrayExtensions_1.default.IsEmpty((_a = schedule === null || schedule === void 0 ? void 0 : schedule.Schedule) === null || _a === void 0 ? void 0 : _a.DaysOfWeek)) {
         return 'Schedule Days are not specified';
     }
     return true;
 };
+exports.isScheduleValid = isScheduleValid;
 const daysMap = [
     {
         label: 'Monday',
@@ -53,9 +58,9 @@ const daysMap = [
         value: 'Sunday',
     },
 ];
-export const ScheduleScheduleWizard = (props) => {
+const ScheduleScheduleWizard = (props) => {
     var _a, _b, _c, _d, _e;
-    const { data } = useOnePageAdaptableWizardContext();
+    const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const handleIsOneOfChange = (isOneOffNew) => {
         var _a, _b;
         props.onSetIsOneOff(isOneOffNew);
@@ -88,19 +93,20 @@ export const ScheduleScheduleWizard = (props) => {
         const minute = `${(_d = data.Schedule) === null || _d === void 0 ? void 0 : _d.Minute}` || '00';
         timeValue = `${hours.padStart(2, '0')}:${minute.padStart(2, '0')}`;
     }
-    return (React.createElement(Box, { "data-name": "schedule-setup" },
-        React.createElement(Tabs, { autoFocus: false },
-            React.createElement(Tabs.Tab, null, "Schedule"),
-            React.createElement(Tabs.Content, null,
-                React.createElement(FormLayout, null,
-                    React.createElement(FormRow, { label: "Frequency" },
-                        React.createElement(Radio, { "data-name": "frequency-recurring", mr: 2, value: "recurring", checked: !props.isOneOff, onChange: (checked) => checked && handleIsOneOfChange(false) }, "Recurring Days"),
-                        React.createElement(Radio, { "data-name": "frequency-one-off", checked: props.isOneOff, value: "oneoff", onChange: (checked) => checked && handleIsOneOfChange(true) }, "One-Off Date")),
-                    props.isOneOff ? (React.createElement(FormRow, { label: "Date" },
-                        React.createElement(AdaptableInput, { "data-name": "one-off-date", width: 300, type: "date", placeholder: "Date", onChange: handleOneOfDateChange, value: ((_e = data.Schedule) === null || _e === void 0 ? void 0 : _e.OneOffDate) || '' }))) : (React.createElement(FormRow, { label: "Days" }, daysMap.map((day) => {
+    return (React.createElement(rebass_1.Box, { "data-name": "schedule-setup" },
+        React.createElement(Tabs_1.Tabs, { autoFocus: false },
+            React.createElement(Tabs_1.Tabs.Tab, null, "Schedule"),
+            React.createElement(Tabs_1.Tabs.Content, null,
+                React.createElement(FormLayout_1.default, null,
+                    React.createElement(FormLayout_1.FormRow, { label: "Frequency" },
+                        React.createElement(Radio_1.default, { "data-name": "frequency-recurring", mr: 2, value: "recurring", checked: !props.isOneOff, onChange: (checked) => checked && handleIsOneOfChange(false) }, "Recurring Days"),
+                        React.createElement(Radio_1.default, { "data-name": "frequency-one-off", checked: props.isOneOff, value: "oneoff", onChange: (checked) => checked && handleIsOneOfChange(true) }, "One-Off Date")),
+                    props.isOneOff ? (React.createElement(FormLayout_1.FormRow, { label: "Date" },
+                        React.createElement(AdaptableInput_1.default, { "data-name": "one-off-date", width: 300, type: "date", placeholder: "Date", onChange: handleOneOfDateChange, value: ((_e = data.Schedule) === null || _e === void 0 ? void 0 : _e.OneOffDate) || '' }))) : (React.createElement(FormLayout_1.FormRow, { label: "Days" }, daysMap.map((day) => {
                         var _a, _b;
-                        return (React.createElement(CheckBox, { "data-name": `day-${day.value}`, width: "33%", ml: 2, value: day.value, checked: (_b = (_a = data.Schedule) === null || _a === void 0 ? void 0 : _a.DaysOfWeek) === null || _b === void 0 ? void 0 : _b.includes(day.value), key: day.value, onChange: (checked) => handleDayChange(checked, day.value) }, day.label));
+                        return (React.createElement(CheckBox_1.CheckBox, { "data-name": `day-${day.value}`, width: "33%", ml: 2, value: day.value, checked: (_b = (_a = data.Schedule) === null || _a === void 0 ? void 0 : _a.DaysOfWeek) === null || _b === void 0 ? void 0 : _b.includes(day.value), key: day.value, onChange: (checked) => handleDayChange(checked, day.value) }, day.label));
                     }))),
-                    React.createElement(FormRow, { label: "Time" },
-                        React.createElement(AdaptableInput, { "data-name": "time", width: 300, value: timeValue, type: "time", onChange: handleTimeChange })))))));
+                    React.createElement(FormLayout_1.FormRow, { label: "Time" },
+                        React.createElement(AdaptableInput_1.default, { "data-name": "time", width: 300, value: timeValue, type: "time", onChange: handleTimeChange })))))));
 };
+exports.ScheduleScheduleWizard = ScheduleScheduleWizard;

package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsGlue42.js

@@ -1,20 +1,25 @@
-import * as React from 'react';
-import { Box } from 'rebass';
-import { Tabs } from '../../../../components/Tabs';
-import FormLayout, { FormRow } from '../../../../components/FormLayout';
-import DropdownButton from '../../../../components/DropdownButton';
-export const ScheduleSettingsGlue42 = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScheduleSettingsGlue42 = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const Tabs_1 = require("../../../../components/Tabs");
+const FormLayout_1 = tslib_1.__importStar(require("../../../../components/FormLayout"));
+const DropdownButton_1 = tslib_1.__importDefault(require("../../../../components/DropdownButton"));
+const ScheduleSettingsGlue42 = (props) => {
     var _a, _b;
     const reportOptions = props.allReports.map((report) => ({
         label: report.Name,
         value: report.Name,
         onClick: () => props.onChange(Object.assign(Object.assign({}, props.glue42), { Glue42Report: Object.assign(Object.assign({}, props.glue42.Glue42Report), { ReportName: report.Name }) })),
     }));
-    return (React.createElement(Box, { "data-name": "schedule-settings-glue42" },
-        React.createElement(Tabs, { autoFocus: false },
-            React.createElement(Tabs.Tab, null, "Glue42 Schedule Settings"),
-            React.createElement(Tabs.Content, null,
-                React.createElement(FormLayout, null,
-                    React.createElement(FormRow, { label: "Select Report" },
-                        React.createElement(DropdownButton, { "data-name": "select-report", width: 300, disabled: props.allReports.length == 0, items: reportOptions }, ((_b = (_a = props === null || props === void 0 ? void 0 : props.glue42) === null || _a === void 0 ? void 0 : _a.Glue42Report) === null || _b === void 0 ? void 0 : _b.ReportName) || 'Select Report')))))));
+    return (React.createElement(rebass_1.Box, { "data-name": "schedule-settings-glue42" },
+        React.createElement(Tabs_1.Tabs, { autoFocus: false },
+            React.createElement(Tabs_1.Tabs.Tab, null, "Glue42 Schedule Settings"),
+            React.createElement(Tabs_1.Tabs.Content, null,
+                React.createElement(FormLayout_1.default, null,
+                    React.createElement(FormLayout_1.FormRow, { label: "Select Report" },
+                        React.createElement(DropdownButton_1.default, { "data-name": "select-report", width: 300, disabled: props.allReports.length == 0, items: reportOptions }, ((_b = (_a = props === null || props === void 0 ? void 0 : props.glue42) === null || _a === void 0 ? void 0 : _a.Glue42Report) === null || _b === void 0 ? void 0 : _b.ReportName) || 'Select Report')))))));
 };
+exports.ScheduleSettingsGlue42 = ScheduleSettingsGlue42;

package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsIPushPull.js

@@ -1,11 +1,15 @@
-import * as React from 'react';
-import { Box } from 'rebass';
-import { Tabs } from '../../../../components/Tabs';
-import FormLayout, { FormRow } from '../../../../components/FormLayout';
-import Radio from '../../../../components/Radio';
-import DropdownButton from '../../../../components/DropdownButton';
-import { FormDescriptionText } from '../../../Wizard/OnePageAdaptableWizard';
-export const ScheduleSettingsIPushPull = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScheduleSettingsIPushPull = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const Tabs_1 = require("../../../../components/Tabs");
+const FormLayout_1 = tslib_1.__importStar(require("../../../../components/FormLayout"));
+const Radio_1 = tslib_1.__importDefault(require("../../../../components/Radio"));
+const DropdownButton_1 = tslib_1.__importDefault(require("../../../../components/DropdownButton"));
+const OnePageAdaptableWizard_1 = require("../../../Wizard/OnePageAdaptableWizard");
+const ScheduleSettingsIPushPull = (props) => {
     var _a, _b, _c, _d, _e, _f;
     const reportOptions = props.allReports.map((report) => ({
         label: report.Name,
@@ -23,20 +27,21 @@ export const ScheduleSettingsIPushPull = (props) => {
         onClick: () => props.onChange(Object.assign(Object.assign({}, props.iPushPull), { IPushPullReport: Object.assign(Object.assign({}, props.iPushPull.IPushPullReport), { Page: page }) })),
     }));
     const handleDataTypeChange = (Transmission) => props.onChange(Object.assign(Object.assign({}, props.iPushPull), { Transmission }));
-    return (React.createElement(Box, { "data-name": "schedule-settings-ipushpull" },
-        React.createElement(Tabs, { autoFocus: false },
-            React.createElement(Tabs.Tab, null, "Ipushpull Schedule Settings"),
-            React.createElement(Tabs.Content, null,
-                React.createElement(FormLayout, null,
-                    React.createElement(FormRow, { label: "Select Report" },
-                        React.createElement(DropdownButton, { "data-name": "report-name", disabled: props.allReports.length == 0, items: reportOptions, style: { width: 300 } }, ((_b = (_a = props === null || props === void 0 ? void 0 : props.iPushPull) === null || _a === void 0 ? void 0 : _a.IPushPullReport) === null || _b === void 0 ? void 0 : _b.ReportName) || 'Select Report')),
-                    React.createElement(FormRow, { label: "Select Folder" },
-                        React.createElement(DropdownButton, { "data-name": "folder-name", disabled: props.allFolders.length == 0, items: folderOptions, style: { width: 300 } }, ((_d = (_c = props === null || props === void 0 ? void 0 : props.iPushPull) === null || _c === void 0 ? void 0 : _c.IPushPullReport) === null || _d === void 0 ? void 0 : _d.Folder) || 'Select Folder')),
-                    React.createElement(FormRow, { label: "Select Page" },
-                        React.createElement(DropdownButton, { "data-name": "page-name", disabled: props.allFolders.length == 0, items: pagesOptions, style: { width: 300 } }, ((_f = (_e = props === null || props === void 0 ? void 0 : props.iPushPull) === null || _e === void 0 ? void 0 : _e.IPushPullReport) === null || _f === void 0 ? void 0 : _f.Page) || 'Select Page')),
-                    React.createElement(FormRow, { label: "Data Type" },
-                        React.createElement(Radio, { "data-name": "data-type", mr: 3, value: "Snapshot", checked: props.iPushPull.Transmission === 'Snapshot', onChange: (checked) => checked && handleDataTypeChange('Snapshot') }, "Snapshot (one off report)"),
-                        React.createElement(Radio, { "data-name": "data-live", value: "Live Data", checked: props.iPushPull.Transmission === 'Live Data', onChange: (checked) => checked && handleDataTypeChange('Live Data') }, "Live Data (real-time updates)")),
-                    React.createElement(FormRow, { label: "" },
-                        React.createElement(FormDescriptionText, null, "Choose whether to send ipushpull Data as 'Snapshot' (One-off report) or 'Live Data' (updating as Grid updates)")))))));
+    return (React.createElement(rebass_1.Box, { "data-name": "schedule-settings-ipushpull" },
+        React.createElement(Tabs_1.Tabs, { autoFocus: false },
+            React.createElement(Tabs_1.Tabs.Tab, null, "Ipushpull Schedule Settings"),
+            React.createElement(Tabs_1.Tabs.Content, null,
+                React.createElement(FormLayout_1.default, null,
+                    React.createElement(FormLayout_1.FormRow, { label: "Select Report" },
+                        React.createElement(DropdownButton_1.default, { "data-name": "report-name", disabled: props.allReports.length == 0, items: reportOptions, style: { width: 300 } }, ((_b = (_a = props === null || props === void 0 ? void 0 : props.iPushPull) === null || _a === void 0 ? void 0 : _a.IPushPullReport) === null || _b === void 0 ? void 0 : _b.ReportName) || 'Select Report')),
+                    React.createElement(FormLayout_1.FormRow, { label: "Select Folder" },
+                        React.createElement(DropdownButton_1.default, { "data-name": "folder-name", disabled: props.allFolders.length == 0, items: folderOptions, style: { width: 300 } }, ((_d = (_c = props === null || props === void 0 ? void 0 : props.iPushPull) === null || _c === void 0 ? void 0 : _c.IPushPullReport) === null || _d === void 0 ? void 0 : _d.Folder) || 'Select Folder')),
+                    React.createElement(FormLayout_1.FormRow, { label: "Select Page" },
+                        React.createElement(DropdownButton_1.default, { "data-name": "page-name", disabled: props.allFolders.length == 0, items: pagesOptions, style: { width: 300 } }, ((_f = (_e = props === null || props === void 0 ? void 0 : props.iPushPull) === null || _e === void 0 ? void 0 : _e.IPushPullReport) === null || _f === void 0 ? void 0 : _f.Page) || 'Select Page')),
+                    React.createElement(FormLayout_1.FormRow, { label: "Data Type" },
+                        React.createElement(Radio_1.default, { "data-name": "data-type", mr: 3, value: "Snapshot", checked: props.iPushPull.Transmission === 'Snapshot', onChange: (checked) => checked && handleDataTypeChange('Snapshot') }, "Snapshot (one off report)"),
+                        React.createElement(Radio_1.default, { "data-name": "data-live", value: "Live Data", checked: props.iPushPull.Transmission === 'Live Data', onChange: (checked) => checked && handleDataTypeChange('Live Data') }, "Live Data (real-time updates)")),
+                    React.createElement(FormLayout_1.FormRow, { label: "" },
+                        React.createElement(OnePageAdaptableWizard_1.FormDescriptionText, null, "Choose whether to send ipushpull Data as 'Snapshot' (One-off report) or 'Live Data' (updating as Grid updates)")))))));
 };
+exports.ScheduleSettingsIPushPull = ScheduleSettingsIPushPull;

package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsOpenFin.js

@@ -1,20 +1,25 @@
-import * as React from 'react';
-import { Box } from 'rebass';
-import { Tabs } from '../../../../components/Tabs';
-import FormLayout, { FormRow } from '../../../../components/FormLayout';
-import DropdownButton from '../../../../components/DropdownButton';
-export const ScheduleSettingsOpenFin = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScheduleSettingsOpenFin = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const Tabs_1 = require("../../../../components/Tabs");
+const FormLayout_1 = tslib_1.__importStar(require("../../../../components/FormLayout"));
+const DropdownButton_1 = tslib_1.__importDefault(require("../../../../components/DropdownButton"));
+const ScheduleSettingsOpenFin = (props) => {
     var _a, _b;
     const reportOptions = props.allReports.map((report) => ({
         label: report.Name,
         value: report.Name,
         onClick: () => props.onChange(Object.assign(Object.assign({}, props.openFin), { OpenFinReport: Object.assign(Object.assign({}, props.openFin.OpenFinReport), { ReportName: report.Name }) })),
     }));
-    return (React.createElement(Box, { "data-name": "schedule-settings-openfin" },
-        React.createElement(Tabs, { autoFocus: false },
-            React.createElement(Tabs.Tab, null, "OpenFin Schedule Settings"),
-            React.createElement(Tabs.Content, null,
-                React.createElement(FormLayout, null,
-                    React.createElement(FormRow, { label: "Select Report" },
-                        React.createElement(DropdownButton, { "data-name": "select-report", columns: ['label'], style: { width: 300 }, disabled: props.allReports.length == 0, items: reportOptions }, ((_b = (_a = props === null || props === void 0 ? void 0 : props.openFin) === null || _a === void 0 ? void 0 : _a.OpenFinReport) === null || _b === void 0 ? void 0 : _b.ReportName) || 'Select Report')))))));
+    return (React.createElement(rebass_1.Box, { "data-name": "schedule-settings-openfin" },
+        React.createElement(Tabs_1.Tabs, { autoFocus: false },
+            React.createElement(Tabs_1.Tabs.Tab, null, "OpenFin Schedule Settings"),
+            React.createElement(Tabs_1.Tabs.Content, null,
+                React.createElement(FormLayout_1.default, null,
+                    React.createElement(FormLayout_1.FormRow, { label: "Select Report" },
+                        React.createElement(DropdownButton_1.default, { "data-name": "select-report", columns: ['label'], style: { width: 300 }, disabled: props.allReports.length == 0, items: reportOptions }, ((_b = (_a = props === null || props === void 0 ? void 0 : props.openFin) === null || _a === void 0 ? void 0 : _a.OpenFinReport) === null || _b === void 0 ? void 0 : _b.ReportName) || 'Select Report')))))));
 };
+exports.ScheduleSettingsOpenFin = ScheduleSettingsOpenFin;

package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsReminder.js

@@ -1,12 +1,16 @@
-import * as React from 'react';
-import { Box } from 'rebass';
-import { Tabs } from '../../../../components/Tabs';
-import FormLayout, { FormRow } from '../../../../components/FormLayout';
-import Input from '../../../../components/Input';
-import { CheckBox } from '../../../../components/CheckBox';
-import { Select } from '../../../../components/Select';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScheduleSettingsReminder = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const Tabs_1 = require("../../../../components/Tabs");
+const FormLayout_1 = tslib_1.__importStar(require("../../../../components/FormLayout"));
+const Input_1 = tslib_1.__importDefault(require("../../../../components/Input"));
+const CheckBox_1 = require("../../../../components/CheckBox");
+const Select_1 = require("../../../../components/Select");
 const MESSAGE_TYPES = ['Success', 'Info', 'Warning', 'Error'];
-export const ScheduleSettingsReminder = (props) => {
+const ScheduleSettingsReminder = (props) => {
     var _a, _b, _c, _d, _e;
     const messageTypes = MESSAGE_TYPES.map((messageType) => ({
         label: messageType,
@@ -29,22 +33,23 @@ export const ScheduleSettingsReminder = (props) => {
     const handleDisplaySystemStatusChange = (checked) => {
         props.onChange(Object.assign(Object.assign({}, props.reminderSchedule), { DisplaySystemStatusMessage: checked }));
     };
-    return (React.createElement(Box, { "data-name": "schedule-settings-remainder" },
-        React.createElement(Tabs, { autoFocus: false },
-            React.createElement(Tabs.Tab, null, "Reminder Schedule Settings"),
-            React.createElement(Tabs.Content, null,
-                React.createElement(FormLayout, null,
-                    React.createElement(FormRow, { label: "Header" },
-                        React.createElement(Input, { "data-name": "header", width: 300, onChange: handleHeaderChange, placeholder: "Enter Reminder Header", type: "string", value: (_a = props.reminderSchedule) === null || _a === void 0 ? void 0 : _a.Header })),
-                    React.createElement(FormRow, { label: "Message" },
-                        React.createElement(Input, { "data-name": "message", width: 300, onChange: handleMessageChange, placeholder: "Enter Reminder Message", type: "string", value: (_b = props.reminderSchedule) === null || _b === void 0 ? void 0 : _b.Message })),
-                    React.createElement(FormRow, { label: "Type" },
-                        React.createElement(Box, { maxWidth: 300 },
-                            React.createElement(Select, { "data-name": "message-type", placeholder: "Select Option", options: messageTypes, value: (_c = props.reminderSchedule) === null || _c === void 0 ? void 0 : _c.MessageType, onChange: (value) => {
+    return (React.createElement(rebass_1.Box, { "data-name": "schedule-settings-remainder" },
+        React.createElement(Tabs_1.Tabs, { autoFocus: false },
+            React.createElement(Tabs_1.Tabs.Tab, null, "Reminder Schedule Settings"),
+            React.createElement(Tabs_1.Tabs.Content, null,
+                React.createElement(FormLayout_1.default, null,
+                    React.createElement(FormLayout_1.FormRow, { label: "Header" },
+                        React.createElement(Input_1.default, { "data-name": "header", width: 300, onChange: handleHeaderChange, placeholder: "Enter Reminder Header", type: "string", value: (_a = props.reminderSchedule) === null || _a === void 0 ? void 0 : _a.Header })),
+                    React.createElement(FormLayout_1.FormRow, { label: "Message" },
+                        React.createElement(Input_1.default, { "data-name": "message", width: 300, onChange: handleMessageChange, placeholder: "Enter Reminder Message", type: "string", value: (_b = props.reminderSchedule) === null || _b === void 0 ? void 0 : _b.Message })),
+                    React.createElement(FormLayout_1.FormRow, { label: "Type" },
+                        React.createElement(rebass_1.Box, { maxWidth: 300 },
+                            React.createElement(Select_1.Select, { "data-name": "message-type", placeholder: "Select Option", options: messageTypes, value: (_c = props.reminderSchedule) === null || _c === void 0 ? void 0 : _c.MessageType, onChange: (value) => {
                                     props.onChange(Object.assign(Object.assign({}, props.reminderSchedule), { MessageType: value }));
                                 } }))),
-                    React.createElement(FormRow, { label: "" },
-                        React.createElement(CheckBox, { "data-name": "display-notification", checked: (_d = props.reminderSchedule) === null || _d === void 0 ? void 0 : _d.DisplayNotification, onChange: handleDisplayNotificationChange }, "Show the Reminder as a Notification")),
-                    React.createElement(FormRow, { label: "" },
-                        React.createElement(CheckBox, { "data-name": "display-system-status", checked: (_e = props.reminderSchedule) === null || _e === void 0 ? void 0 : _e.DisplaySystemStatusMessage, onChange: handleDisplaySystemStatusChange }, "Display a System Status Message")))))));
+                    React.createElement(FormLayout_1.FormRow, { label: "" },
+                        React.createElement(CheckBox_1.CheckBox, { "data-name": "display-notification", checked: (_d = props.reminderSchedule) === null || _d === void 0 ? void 0 : _d.DisplayNotification, onChange: handleDisplayNotificationChange }, "Show the Reminder as a Notification")),
+                    React.createElement(FormLayout_1.FormRow, { label: "" },
+                        React.createElement(CheckBox_1.CheckBox, { "data-name": "display-system-status", checked: (_e = props.reminderSchedule) === null || _e === void 0 ? void 0 : _e.DisplaySystemStatusMessage, onChange: handleDisplaySystemStatusChange }, "Display a System Status Message")))))));
 };
+exports.ScheduleSettingsReminder = ScheduleSettingsReminder;

package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsReport.js

@@ -1,10 +1,14 @@
-import * as React from 'react';
-import { Box } from 'rebass';
-import FormLayout, { FormRow } from '../../../../components/FormLayout';
-import { Select } from '../../../../components/Select';
-import { Tabs } from '../../../../components/Tabs';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScheduleSettingsReport = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const FormLayout_1 = tslib_1.__importStar(require("../../../../components/FormLayout"));
+const Select_1 = require("../../../../components/Select");
+const Tabs_1 = require("../../../../components/Tabs");
 const DESTINATIONS = ['Excel', 'CSV', 'Clipboard', 'JSON'];
-export const ScheduleSettingsReport = (props) => {
+const ScheduleSettingsReport = (props) => {
     var _a, _b;
     const reportOptions = props.allReports.map((report) => ({
         label: report.Name,
@@ -18,15 +22,16 @@ export const ScheduleSettingsReport = (props) => {
             props.onChange(Object.assign(Object.assign({}, props.report), { ExportDestination: destination }));
         },
     }));
-    return (React.createElement(Box, { "data-name": "schedule-settings-report" },
-        React.createElement(Tabs, { autoFocus: false, mb: 3 },
-            React.createElement(Tabs.Tab, null, "Report Schedule Settings"),
-            React.createElement(Tabs.Content, null,
-                React.createElement(FormLayout, null,
-                    React.createElement(FormRow, { label: "Export" },
-                        React.createElement(Box, { maxWidth: 300 },
-                            React.createElement(Select, { "data-name": "select-export", options: reportOptions, value: (_a = props === null || props === void 0 ? void 0 : props.report) === null || _a === void 0 ? void 0 : _a.ReportName, placeholder: "Select Export", onChange: (value) => props.onChange(Object.assign(Object.assign({}, props.report), { ReportName: value })) }))),
-                    React.createElement(FormRow, { label: "Destination" },
-                        React.createElement(Box, { maxWidth: 300 },
-                            React.createElement(Select, { "data-name": "select-destination", options: destinationOptions, value: (_b = props === null || props === void 0 ? void 0 : props.report) === null || _b === void 0 ? void 0 : _b.ExportDestination, placeholder: "Select Destination", onChange: (value) => props.onChange(Object.assign(Object.assign({}, props.report), { ExportDestination: value })) }))))))));
+    return (React.createElement(rebass_1.Box, { "data-name": "schedule-settings-report" },
+        React.createElement(Tabs_1.Tabs, { autoFocus: false, mb: 3 },
+            React.createElement(Tabs_1.Tabs.Tab, null, "Report Schedule Settings"),
+            React.createElement(Tabs_1.Tabs.Content, null,
+                React.createElement(FormLayout_1.default, null,
+                    React.createElement(FormLayout_1.FormRow, { label: "Export" },
+                        React.createElement(rebass_1.Box, { maxWidth: 300 },
+                            React.createElement(Select_1.Select, { "data-name": "select-export", options: reportOptions, value: (_a = props === null || props === void 0 ? void 0 : props.report) === null || _a === void 0 ? void 0 : _a.ReportName, placeholder: "Select Export", onChange: (value) => props.onChange(Object.assign(Object.assign({}, props.report), { ReportName: value })) }))),
+                    React.createElement(FormLayout_1.FormRow, { label: "Destination" },
+                        React.createElement(rebass_1.Box, { maxWidth: 300 },
+                            React.createElement(Select_1.Select, { "data-name": "select-destination", options: destinationOptions, value: (_b = props === null || props === void 0 ? void 0 : props.report) === null || _b === void 0 ? void 0 : _b.ExportDestination, placeholder: "Select Destination", onChange: (value) => props.onChange(Object.assign(Object.assign({}, props.report), { ExportDestination: value })) }))))))));
 };
+exports.ScheduleSettingsReport = ScheduleSettingsReport;