@adaptabletools/adaptable-cjs 17.0.0-canary.1

package/src/View/QuickSearch/FloatingQuickSearch/FloatingQuickSearch.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuickSearchDrawer = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const rebass_1 = require("rebass");
+const index_1 = require("../../../components/Drawer/index");
+const SystemRedux_1 = require("../../../Redux/ActionsReducers/SystemRedux");
+const AdaptableContext_1 = require("../../AdaptableContext");
+const QuickSearchInput_1 = require("../QuickSearchInput");
+const QuickSearchDrawer = () => {
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const isOpen = (0, react_redux_1.useSelector)((state) => (0, SystemRedux_1.SystemQuickSearchFloatingVisibilitySelector)(state.System));
+    return (React.createElement(index_1.Drawer, { open: isOpen, onOpenChange: (open) => {
+            if (open) {
+                adaptable.api.quickSearchApi.showFloatingQuickSearch();
+            }
+            else {
+                adaptable.api.quickSearchApi.hideFloatingQuickSearch();
+            }
+        } },
+        React.createElement(rebass_1.Flex, { className: "ab-FloatinQuickSearch" },
+            React.createElement(QuickSearchInput_1.QuickSearchInput, { autoFocus: true }))));
+};
+exports.QuickSearchDrawer = QuickSearchDrawer;

package/src/View/QuickSearch/QuickSearchInput.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface QuickSearchInputProps {
+    className?: string;
+    autoFocus?: boolean;
+    width?: string | number;
+}
+export declare const QuickSearchInput: React.FunctionComponent<QuickSearchInputProps>;

package/src/View/QuickSearch/QuickSearchInput.js

@@ -0,0 +1,23 @@
+"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 = (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_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.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import * as QuickSearchRedux from '../../Redux/ActionsReducers/QuickSearchRedux';
+import { ModuleViewPopupProps } from '../Components/SharedProps/ModuleViewPopupProps';
+import { AdaptableStyle } from '../../PredefinedConfig/Common/AdaptableStyle';
+interface QuickSearchPopupProps extends ModuleViewPopupProps<any> {
+    QuickSearchText: string;
+    QuickSearchStyle: AdaptableStyle;
+    onRunQuickSearch: (quickSearchText: string) => QuickSearchRedux.QuickSearchRunAction;
+    onSetStyle: (style: AdaptableStyle) => QuickSearchRedux.QuickSearchSetStyleAction;
+}
+export declare const QuickSearchPopup: import("react-redux").ConnectedComponent<(props: QuickSearchPopupProps) => JSX.Element, any>;
+export {};

package/src/View/QuickSearch/QuickSearchPopup.js

@@ -0,0 +1,58 @@
+"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] = (0, useQuickSearchDebounced_1.useQuickSearchDebounced)(props);
+    const [state, setState] = (0, react_1.useState)({
+        RunQueryAfterQuickSearch: props.api.optionsApi.getQuickSearchOptions().filterResultsAfterQuickSearch,
+        EditedStyle: props.QuickSearchStyle,
+    });
+    const onUpdateStyle = (style) => {
+        setState(Object.assign(Object.assign({}, state), { EditedStyle: style }));
+        props.onSetStyle(style);
+    };
+    const onQuickSearchBehaviourChange = (checked) => {
+        setState(Object.assign(Object.assign({}, state), { RunQueryAfterQuickSearch: checked }));
+        props.api.optionsApi.getAdaptableOptions().quickSearchOptions.filterResultsAfterQuickSearch =
+            checked;
+    };
+    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_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(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 {
+        QuickSearchText: state.QuickSearch.QuickSearchText,
+        QuickSearchStyle: state.QuickSearch.Style,
+    };
+}
+function mapDispatchToProps(dispatch) {
+    return {
+        onRunQuickSearch: (quickSearchText) => dispatch(QuickSearchRedux.QuickSearchRun(quickSearchText)),
+        onSetStyle: (style) => dispatch(QuickSearchRedux.QuickSearchSetStyle(style)),
+    };
+}
+exports.QuickSearchPopup = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(QuickSearchPopupComponent);

package/src/View/QuickSearch/QuickSearchStatusBarContent.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const QuickSearchStatusBarContent: React.FunctionComponent;

package/src/View/QuickSearch/QuickSearchStatusBarContent.js

@@ -0,0 +1,17 @@
+"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_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.d.ts

@@ -0,0 +1,5 @@
+import { ViewPanelProps } from '../Components/SharedProps/ViewPanelProps';
+import * as React from 'react';
+export interface QuickSearchViewPanelComponentProps extends ViewPanelProps {
+}
+export declare const QuickSearchViewPanelControl: React.FunctionComponent<QuickSearchViewPanelComponentProps>;

package/src/View/QuickSearch/QuickSearchViewPanel.js

@@ -0,0 +1,11 @@
+"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_1.QuickSearchInput, { className: `ab-${elementType}__QuickSearch__text`, width: '15rem' });
+};
+exports.QuickSearchViewPanelControl = QuickSearchViewPanelControl;

package/src/View/QuickSearch/useQuickSearchDebounced.d.ts

@@ -0,0 +1,7 @@
+import { QuickSearchRunAction } from '../../Redux/ActionsReducers/QuickSearchRedux';
+type UseQuickSearchProps = {
+    onRunQuickSearch: (quickSearchText: string) => QuickSearchRunAction;
+    QuickSearchText: string;
+};
+export declare const useQuickSearchDebounced: (props: UseQuickSearchProps) => [string, (s: string) => void];
+export {};

package/src/View/QuickSearch/useQuickSearchDebounced.js

@@ -0,0 +1,21 @@
+"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] = (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) => {
+        setSearchText(searchText);
+        debouncedRunQuickSearch(searchText);
+    };
+    return [searchText, executeSearch];
+};
+exports.useQuickSearchDebounced = useQuickSearchDebounced;

package/src/View/Schedule/Wizard/ScheduleScheduleSummary.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const ScheduleScheduleSummary: React.FunctionComponent;

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

@@ -0,0 +1,15 @@
+"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_1.Tag, null, UIHelper_1.UIHelper.getScheduleDescription(data.Schedule))));
+};
+exports.ScheduleScheduleSummary = ScheduleScheduleSummary;

package/src/View/Schedule/Wizard/ScheduleScheduleWizard.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { BaseSchedule } from '../../../PredefinedConfig/Common/Schedule';
+export declare const isScheduleValid: (schedule: BaseSchedule, isOneOff: boolean) => true | "Schedule is not specified" | "Schedule Time is not specified" | "Schedule Date is not specified" | "Schedule Days are not specified";
+interface ScheduleScheduleWizardProps {
+    onChange: (schedule: BaseSchedule) => void;
+    isOneOff: boolean;
+    onSetIsOneOff: (isOneOff: boolean) => void;
+}
+export declare const ScheduleScheduleWizard: React.FunctionComponent<ScheduleScheduleWizardProps>;
+export {};

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

@@ -0,0 +1,112 @@
+"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';
+    }
+    if (schedule.Schedule.Hour === null || schedule.Schedule.Minute === null) {
+        return 'Schedule Time is not specified';
+    }
+    if (isOneOff && !schedule.Schedule.OneOffDate) {
+        return 'Schedule Date is not specified';
+    }
+    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',
+        value: 'Monday',
+    },
+    {
+        label: 'Tuesday',
+        value: 'Tuesday',
+    },
+    {
+        label: 'Wednesday',
+        value: 'Wednesday',
+    },
+    {
+        label: 'Thursday',
+        value: 'Thursday',
+    },
+    {
+        label: 'Friday',
+        value: 'Friday',
+    },
+    {
+        label: 'Saturday',
+        value: 'Saturday',
+    },
+    {
+        label: 'Sunday',
+        value: 'Sunday',
+    },
+];
+const ScheduleScheduleWizard = (props) => {
+    var _a, _b, _c, _d, _e;
+    const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const handleIsOneOfChange = (isOneOffNew) => {
+        var _a, _b;
+        props.onSetIsOneOff(isOneOffNew);
+        const OneOffDate = !isOneOffNew ? null : (_a = data === null || data === void 0 ? void 0 : data.Schedule) === null || _a === void 0 ? void 0 : _a.OneOffDate;
+        const DaysOfWeek = isOneOffNew ? [] : (_b = data === null || data === void 0 ? void 0 : data.Schedule) === null || _b === void 0 ? void 0 : _b.DaysOfWeek;
+        props.onChange(Object.assign(Object.assign({}, data), { Schedule: Object.assign(Object.assign({}, data.Schedule), { OneOffDate,
+                DaysOfWeek }) }));
+    };
+    const handleTimeChange = (event) => {
+        var _a, _b;
+        const [hours, minutes] = (_b = (_a = (event.target.value || '00:00')) === null || _a === void 0 ? void 0 : _a.split(':')) === null || _b === void 0 ? void 0 : _b.map((item) => parseInt(item, 10));
+        props.onChange(Object.assign(Object.assign({}, data), { Schedule: Object.assign(Object.assign({}, data.Schedule), { Hour: hours, Minute: minutes }) }));
+    };
+    const handleDayChange = (checked, day) => {
+        let newDays = data.Schedule.DaysOfWeek || [];
+        if (checked) {
+            newDays = [...newDays, day];
+        }
+        else {
+            newDays = newDays.filter((previousDay) => previousDay !== day);
+        }
+        props.onChange(Object.assign(Object.assign({}, data), { Schedule: Object.assign(Object.assign({}, data.Schedule), { DaysOfWeek: newDays }) }));
+    };
+    const handleOneOfDateChange = (event) => {
+        props.onChange(Object.assign(Object.assign({}, data), { Schedule: Object.assign(Object.assign({}, data.Schedule), { OneOffDate: event.target.value }) }));
+    };
+    let timeValue = '00:00';
+    if (typeof ((_a = data.Schedule) === null || _a === void 0 ? void 0 : _a.Hour) === 'number' || typeof ((_b = data === null || data === void 0 ? void 0 : data.Schedule) === null || _b === void 0 ? void 0 : _b.Minute) === 'number') {
+        const hours = `${(_c = data.Schedule) === null || _c === void 0 ? void 0 : _c.Hour}` || '00';
+        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(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_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(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.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { Glue42Schedule, Report } from '../../../../types';
+interface ScheduleSettingsGlue42Props {
+    glue42: Glue42Schedule;
+    allReports: Report[];
+    onChange: (iPushPull: Glue42Schedule) => void;
+}
+export declare const ScheduleSettingsGlue42: React.FunctionComponent<ScheduleSettingsGlue42Props>;
+export {};

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

@@ -0,0 +1,25 @@
+"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(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.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { IPushPullSchedule, IPushPullDomain, Report } from '../../../../types';
+interface ScheduleSettingsIpushPullProps {
+    iPushPull: IPushPullSchedule;
+    allReports: Report[];
+    allFolders: IPushPullDomain[];
+    availablePages: string[];
+    onChange: (iPushPull: IPushPullSchedule) => void;
+}
+export declare const ScheduleSettingsIPushPull: React.FunctionComponent<ScheduleSettingsIpushPullProps>;
+export {};

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

@@ -0,0 +1,47 @@
+"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,
+        value: report.Name,
+        onClick: () => props.onChange(Object.assign(Object.assign({}, props.iPushPull), { IPushPullReport: Object.assign(Object.assign({}, props.iPushPull.IPushPullReport), { ReportName: report.Name }) })),
+    }));
+    const folderOptions = props.allFolders.map((folder) => ({
+        label: folder.Name,
+        value: folder.Name,
+        onClick: () => props.onChange(Object.assign(Object.assign({}, props.iPushPull), { IPushPullReport: Object.assign(Object.assign({}, props.iPushPull.IPushPullReport), { Folder: folder.Name }) })),
+    }));
+    const pagesOptions = props.availablePages.map((page) => ({
+        label: page,
+        value: page,
+        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(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.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { OpenFinSchedule, Report } from '../../../../types';
+interface ScheduleSettingsOpenFinProps {
+    openFin: OpenFinSchedule;
+    allReports: Report[];
+    onChange: (iPushPull: OpenFinSchedule) => void;
+}
+export declare const ScheduleSettingsOpenFin: React.FunctionComponent<ScheduleSettingsOpenFinProps>;
+export {};

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

@@ -0,0 +1,25 @@
+"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(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.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { ReminderSchedule } from '../../../../PredefinedConfig/ScheduleState';
+interface ReminderSettingsProps {
+    reminderSchedule: ReminderSchedule;
+    onChange: (reminder: ReminderSchedule) => void;
+}
+export declare const ScheduleSettingsReminder: React.FunctionComponent<ReminderSettingsProps>;
+export {};

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

@@ -0,0 +1,55 @@
+"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'];
+const ScheduleSettingsReminder = (props) => {
+    var _a, _b, _c, _d, _e;
+    const messageTypes = MESSAGE_TYPES.map((messageType) => ({
+        label: messageType,
+        value: messageType,
+        onClick: () => {
+            props.onChange(Object.assign(Object.assign({}, props.reminderSchedule), { MessageType: messageType }));
+        },
+    }));
+    const handleHeaderChange = (event) => {
+        var _a;
+        props.onChange(Object.assign(Object.assign({}, props.reminderSchedule), { Header: (_a = event.target) === null || _a === void 0 ? void 0 : _a.value }));
+    };
+    const handleMessageChange = (event) => {
+        var _a;
+        props.onChange(Object.assign(Object.assign({}, props.reminderSchedule), { Message: (_a = event.target) === null || _a === void 0 ? void 0 : _a.value }));
+    };
+    const handleDisplayNotificationChange = (checked) => {
+        props.onChange(Object.assign(Object.assign({}, props.reminderSchedule), { DisplayNotification: checked }));
+    };
+    const handleDisplaySystemStatusChange = (checked) => {
+        props.onChange(Object.assign(Object.assign({}, props.reminderSchedule), { DisplaySystemStatusMessage: checked }));
+    };
+    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(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.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { CustomDestination } from '../../../../AdaptableOptions/ExportOptions';
+import { Report, ReportSchedule } from '../../../../PredefinedConfig/ExportState';
+interface ReportScheduleProps {
+    report: ReportSchedule;
+    onChange: (reminder: ReportSchedule) => void;
+    allReports: Report[];
+    customDestinations: CustomDestination[];
+}
+export declare const ScheduleSettingsReport: React.FunctionComponent<ReportScheduleProps>;
+export {};

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

@@ -0,0 +1,37 @@
+"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'];
+const ScheduleSettingsReport = (props) => {
+    var _a, _b;
+    const reportOptions = props.allReports.map((report) => ({
+        label: report.Name,
+        value: report.Name,
+    }));
+    const customDestinationNames = props.customDestinations.map((destination) => destination.name);
+    const destinationOptions = [...DESTINATIONS, ...customDestinationNames].map((destination) => ({
+        label: destination,
+        value: destination,
+        onClick: () => {
+            props.onChange(Object.assign(Object.assign({}, props.report), { ExportDestination: destination }));
+        },
+    }));
+    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;

package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsSummary.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { BaseSchedule } from '../../../../PredefinedConfig/Common/Schedule';
+export declare const getScheduleSettingsValues: (data: BaseSchedule) => {
+    label: string;
+    value: string;
+}[];
+export declare const ScheduleSettingsSummary: React.FunctionComponent;