@adaptabletools/adaptable 22.1.1 → 23.0.0-canary.1

package/src/View/Export/ExportViewPanel.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useDispatch, useSelector } from 'react-redux';
 import join from '../../components/utils/join';
 import * as ExportRedux from '../../Redux/ActionsReducers/ExportRedux';
@@ -24,38 +24,36 @@ export const ExportViewPanel = (props) => {
     const currentFormat = useSelector((state) => state.Export.CurrentFormat);
     const currentReport = exportApi.getReportByName(currentReportName);
     const accessLevel = AdaptableHelper.getAccessLevelForObject(currentReport, props.accessLevel);
+    const scheduleCount = currentReport
+        ? exportApi.getScheduledReports().filter((d) => d.ReportName === currentReport.Name).length
+        : 0;
     const deleteMessage = currentReport
-        ? `Are you sure you want to delete '${currentReport.Name}'?`
+        ? scheduleCount > 0
+            ? `Are you sure you want to delete '${currentReport.Name}'? This will also delete ${scheduleCount} scheduled export(s).`
+            : `Are you sure you want to delete '${currentReport.Name}'?`
         : 'Are you sure you want to delete this report?';
     const isToolbar = props.viewType === 'Toolbar';
     const elementType = isToolbar ? 'DashboardToolbar' : 'ToolPanel';
-    return (React.createElement(Flex, { flexDirection: "row", className: clsx(`ab-${elementType}__CellSummary__wrap twa:gap-1 twa:flex-row`, {
+    return (_jsxs(Flex, { flexDirection: "row", className: clsx(`ab-${elementType}__CellSummary__wrap twa:gap-1 twa:flex-row`, {
             'twa:min-w-[486px] twa:flex-nowrap': isToolbar,
             'twa:flex-1 twa:flex-wrap': !isToolbar,
-        }) },
-        React.createElement(ReportNameSelector, { viewType: props.viewType, reportName: currentReportName, userReports: userReports, onReportNameSelected: (reportName) => exportApi.selectReport(reportName) }),
-        React.createElement(ReportFormatSelector, { viewType: props.viewType, reportName: currentReportName, reportFormat: currentFormat, onReportFormatSelected: (reportFormat) => exportApi.selectFormat(reportFormat) }),
-        React.createElement(Flex, { className: join(accessLevel == GeneralConstants.ACCESS_LEVEL_READ_ONLY
-                ? GeneralConstants.READ_ONLY_STYLE
-                : '', `ab-${elementType}__Export__controls twa:w-full`) },
-            React.createElement(Flex, { className: "twa:min-w-[44px]" },
-                React.createElement(ExportDestinationPicker, { viewType: props.viewType, reportName: currentReportName, reportFormat: currentFormat })),
-            React.createElement(Flex, null,
-                React.createElement(ButtonEdit, { onClick: () => dispatch(PopupRedux.PopupShowScreen(ModuleConstants.ExportModuleId, props.moduleInfo.Popup, {
-                        action: 'Edit',
-                        source: 'Toolbar',
-                    })), tooltip: "Edit Report", className: `ab-${elementType}__Export__edit`, disabled: currentReport == null, accessLevel: accessLevel }),
-                React.createElement(ButtonNew, { variant: "text", className: `ab-${elementType}__Export__new`, tone: "neutral", children: null, onClick: () => dispatch(PopupRedux.PopupShowScreen(ModuleConstants.ExportModuleId, props.moduleInfo.Popup, {
-                        action: 'New',
-                        source: 'Toolbar',
-                    })), tooltip: "Create New Report", accessLevel: props.accessLevel }),
-                React.createElement(ButtonDelete, { tooltip: "Delete Report", className: `ab-${elementType}__Export__delete`, disabled: currentReport == null, ConfirmAction: ExportRedux.ReportDelete(currentReport), ConfirmationMsg: deleteMessage, ConfirmationTitle: 'Delete Report', accessLevel: accessLevel }),
-                props.api.entitlementApi.isModuleFullEntitlement('Schedule') && (React.createElement(ButtonSchedule, { className: `ab-${elementType}__Export__schedule`, onClick: () => {
-                        const reportSchedule = ObjectFactory.CreateReportSchedule(currentReportName, currentFormat);
-                        dispatch(PopupRedux.PopupShowScreen(ModuleConstants.ScheduleModuleId, 'SchedulePopup', {
-                            action: 'New',
-                            source: 'Toolbar',
-                            value: reportSchedule,
-                        }));
-                    }, tooltip: "Schedule", disabled: currentReport == null, accessLevel: props.accessLevel }))))));
+        }), children: [_jsx(ReportNameSelector, { viewType: props.viewType, reportName: currentReportName, userReports: userReports, onReportNameSelected: (reportName) => exportApi.selectReport(reportName) }), _jsx(ReportFormatSelector, { viewType: props.viewType, reportName: currentReportName, reportFormat: currentFormat, onReportFormatSelected: (reportFormat) => exportApi.selectFormat(reportFormat) }), _jsxs(Flex, { className: join(accessLevel == GeneralConstants.ACCESS_LEVEL_READ_ONLY
+                    ? GeneralConstants.READ_ONLY_STYLE
+                    : '', `ab-${elementType}__Export__controls twa:w-full`), children: [_jsx(Flex, { className: "twa:min-w-[44px]", children: _jsx(ExportDestinationPicker, { viewType: props.viewType, reportName: currentReportName, reportFormat: currentFormat }) }), _jsxs(Flex, { children: [_jsx(ButtonEdit, { onClick: () => dispatch(PopupRedux.PopupShowScreen(ModuleConstants.ExportModuleId, props.moduleInfo.Popup, {
+                                    action: 'Edit',
+                                    source: 'Toolbar',
+                                })), tooltip: "Edit Report", className: `ab-${elementType}__Export__edit`, disabled: currentReport == null, accessLevel: accessLevel }), _jsx(ButtonNew, { variant: "text", className: `ab-${elementType}__Export__new`, tone: "neutral", children: null, onClick: () => dispatch(PopupRedux.PopupShowScreen(ModuleConstants.ExportModuleId, props.moduleInfo.Popup, {
+                                    action: 'New',
+                                    source: 'Toolbar',
+                                })), tooltip: "Create New Report", accessLevel: props.accessLevel }), _jsx(ButtonDelete, { tooltip: "Delete Report", className: `ab-${elementType}__Export__delete`, disabled: currentReport == null, ConfirmAction: ExportRedux.ReportDelete(currentReport), ConfirmationMsg: deleteMessage, ConfirmationTitle: 'Delete Report', accessLevel: accessLevel }), _jsx(ButtonSchedule, { className: `ab-${elementType}__Export__schedule`, onClick: () => {
+                                    const reportSchedule = ObjectFactory.CreateEmptyReportSchedule(currentFormat, currentReportName);
+                                    dispatch(PopupRedux.PopupShowScreen(ModuleConstants.ExportModuleId, 'ExportPopup', {
+                                        action: 'NewSchedule',
+                                        source: 'Toolbar',
+                                        value: {
+                                            reportName: currentReportName,
+                                            reportSchedule,
+                                        },
+                                    }));
+                                }, tooltip: "Schedule", disabled: currentReport == null, accessLevel: props.accessLevel })] })] })] }));
 };

package/src/View/Export/ReportFormatSelector.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 import { ReportFormatType, ReportNameType } from '../../AdaptableState/ExportState';
 export interface ReportFormatSelectorProps {
     viewType: 'Toolbar' | 'ToolPanel' | 'StatusBar' | 'SettingsPanel';
-    size?: 'small' | 'normal';
     reportName: ReportNameType;
     reportFormat: ReportFormatType;
     onReportFormatSelected: (reportFormat: ReportFormatType) => void;

package/src/View/Export/ReportFormatSelector.js

@@ -1,10 +1,10 @@
-import React from 'react';
-import { Select } from '../../components/Select';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useAdaptable } from '../AdaptableContext';
 import { SELECT_REPORT_FORMAT_STRING } from '../../Utilities/Constants/GeneralConstants';
 import { Flex } from '../../components/Flex';
+import { SingleSelect } from '../../components/NewSelect';
 export const ReportFormatSelector = (props) => {
-    const { reportName, reportFormat, onReportFormatSelected, size = 'normal' } = props;
+    const { reportName, reportFormat, onReportFormatSelected } = props;
     const adaptable = useAdaptable();
     const exportApi = adaptable.api.exportApi;
     const allFormats = exportApi.getAvailableSystemFormats();
@@ -15,6 +15,5 @@ export const ReportFormatSelector = (props) => {
         };
     });
     const elementType = props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
-    return (React.createElement(Flex, { "data-name": "report-format-selector", className: "twa:min-w-[140px] twa:flex-1" },
-        React.createElement(Select, { "aria-label": SELECT_REPORT_FORMAT_STRING, size: size, placeholder: SELECT_REPORT_FORMAT_STRING, disabled: !allFormats.length || reportName == undefined, className: `ab-${elementType}__Export__format-select twa:w-full`, options: formatItems, onChange: (format) => onReportFormatSelected(format), value: reportFormat, isClearable: true })));
+    return (_jsx(Flex, { "data-name": "report-format-selector", className: "twa:min-w-[140px] twa:flex-1", children: _jsx(SingleSelect, { ariaLabel: SELECT_REPORT_FORMAT_STRING, placeholder: SELECT_REPORT_FORMAT_STRING, disabled: !allFormats.length || reportName == undefined, className: `ab-${elementType}__Export__format-select twa:w-full`, items: formatItems, onValueChange: (format) => onReportFormatSelected(format), value: reportFormat }) }));
 };

package/src/View/Export/ReportListItem.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { ReportFormatSelector } from './ReportFormatSelector';
 import { ExportDestinationPicker } from './ExportDestinationPicker';
@@ -7,7 +7,5 @@ export const ReportListItem = (props) => {
     const report = props.data;
     const [reportFormat, setReportFormat] = useState(null);
     const viewType = 'SettingsPanel';
-    return (React.createElement(Flex, { flexDirection: "row", className: `ab-${viewType}__Export__panel` },
-        React.createElement(ReportFormatSelector, { viewType: viewType, reportName: report.Name, reportFormat: reportFormat, onReportFormatSelected: (reportFormat) => setReportFormat(reportFormat) }),
-        React.createElement(ExportDestinationPicker, { viewType: "SettingsPanel", reportName: report.Name, reportFormat: reportFormat })));
+    return (_jsxs(Flex, { flexDirection: "row", className: `ab-${viewType}__Export__panel twa:gap-2`, children: [_jsx(ReportFormatSelector, { viewType: viewType, reportName: report.Name, reportFormat: reportFormat, onReportFormatSelected: (reportFormat) => setReportFormat(reportFormat) }), _jsx(ExportDestinationPicker, { viewType: "SettingsPanel", reportName: report.Name, reportFormat: reportFormat })] }));
 };

package/src/View/Export/ReportNameSelector.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import { Select } from '../../components/Select';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useAdaptable } from '../AdaptableContext';
 import { SELECT_REPORT_STRING } from '../../Utilities/Constants/GeneralConstants';
 import { Flex } from '../../components/Flex';
+import { SingleSelect } from '../../components/NewSelect';
 export const ReportNameSelector = (props) => {
     const { reportName, onReportNameSelected, size = 'normal' } = props;
     const adaptable = useAdaptable();
@@ -15,6 +15,5 @@ export const ReportNameSelector = (props) => {
         };
     });
     const elementType = props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
-    return (React.createElement(Flex, { "data-name": "report-name-selector", className: "twa:min-w-[160px] twa:flex-1" },
-        React.createElement(Select, { "aria-label": SELECT_REPORT_STRING, size: size, "data-name": "report-name-selector", placeholder: SELECT_REPORT_STRING, disabled: !allReportNames.length, className: `ab-${elementType}__Export__report-select twa:w-full`, options: reportItems, onChange: (report) => onReportNameSelected(report), value: reportName, isClearable: true })));
+    return (_jsx(Flex, { "data-name": "report-name-selector", className: "twa:min-w-[160px] twa:flex-1", children: _jsx(SingleSelect, { ariaLabel: SELECT_REPORT_STRING, size: size, "data-name": "report-name-selector", placeholder: SELECT_REPORT_STRING, disabled: !allReportNames.length, className: `ab-${elementType}__Export__report-select twa:w-full`, items: reportItems, onValueChange: (report) => onReportNameSelected(report), value: reportName }) }));
 };

package/src/View/Export/Wizard/ExportPopupWizardRouter.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { AdaptableOnePageWizardProps } from '../../Wizard/Interface/IAdaptableWizard';
+import { Report } from '../../../AdaptableState/ExportState';
+export declare const ExportPopupWizardRouter: React.FunctionComponent<AdaptableOnePageWizardProps<Report>>;

package/src/View/Export/Wizard/ExportPopupWizardRouter.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NewReportWizard } from './NewReportWizard';
+import { ScheduledReportWizard } from './ScheduledReportWizard';
+const isScheduledReportWizard = (props) => {
+    if (props.popupParams?.action === 'NewSchedule') {
+        return true;
+    }
+    if (props.data != null && 'Schedule' in props.data) {
+        return true;
+    }
+    return props.abObjectType?.name === 'Schedule';
+};
+export const ExportPopupWizardRouter = (props) => {
+    if (isScheduledReportWizard(props)) {
+        const scheduleProps = props;
+        return _jsx(ScheduledReportWizard, { ...scheduleProps });
+    }
+    return _jsx(NewReportWizard, { ...props });
+};

package/src/View/Export/Wizard/NewReportWizard.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
 import { OnePageAdaptableWizard, OnePageWizardSummary } from '../../Wizard/OnePageAdaptableWizard';
 import { cloneObject } from '../../../Utilities/Helpers/Helper';
@@ -34,42 +34,39 @@ export const NewReportWizard = (props) => {
         }
         props.onFinishWizard(report);
     };
-    return (React.createElement(OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: report, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
+    return (_jsx(OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: report, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
             {
                 title: 'Name',
                 details: 'Enter the name of the Report',
                 isValid: isValidReportName,
                 renderSummary: renderReportNameSummary,
-                render: () => (React.createElement(Box, { className: "twa:p-2" },
-                    React.createElement(ReportNameWizardSection, { onChange: setReport }))),
+                render: () => (_jsx(Box, { className: "twa:p-2", children: _jsx(ReportNameWizardSection, { onChange: setReport }) })),
             },
             {
                 title: 'Columns',
                 details: 'Choose the Columns you want to include in the Report',
                 renderSummary: renderReportColumnsSummary,
-                render: () => React.createElement(ReportColumnsWizardSection, { onChange: setReport }),
+                render: () => _jsx(ReportColumnsWizardSection, { onChange: setReport }),
             },
             {
                 title: 'Rows',
                 details: 'Choose the Rows you want to include in the Report',
                 isValid: isValidReportRowsQuery,
                 renderSummary: renderReportRowsSummary,
-                render: () => React.createElement(ReportRowsWizardSection, { onChange: setReport }),
+                render: () => _jsx(ReportRowsWizardSection, { onChange: setReport }),
             },
             {
                 details: 'Select Report Tags',
                 title: 'Tags',
                 isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
-                render: () => (React.createElement(Box, { className: "twa:p-2" },
-                    React.createElement(ObjectTagsWizardSection, { onChange: setReport }))),
+                render: () => (_jsx(Box, { className: "twa:p-2", children: _jsx(ObjectTagsWizardSection, { onChange: setReport }) })),
                 renderSummary: renderObjectTagsSummary,
             },
             '-',
             {
                 title: 'Summary',
                 render: () => {
-                    return (React.createElement(Box, { className: "twa:p-2" },
-                        React.createElement(OnePageWizardSummary, null)));
+                    return (_jsx(Box, { className: "twa:p-2", children: _jsx(OnePageWizardSummary, {}) }));
                 },
             },
         ] }));

package/src/View/Export/Wizard/ReportColumnsWizardSection.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import Radio from '../../../components/Radio';
 import { Tabs } from '../../../components/Tabs';
 import { NewScopeComponent, renderScopeSummary } from '../../Components/NewScopeComponent';
@@ -11,59 +11,35 @@ export const isValidReportColumnsScope = (report) => {
     return true;
 };
 export const renderReportColumnsSummary = (report) => {
-    return (React.createElement(Box, { className: "twa:text-2" },
-        report.ReportColumnScope === 'AllColumns' ? (React.createElement(React.Fragment, null,
-            "Include ",
-            React.createElement("b", null, "all Columns"),
-            " in the Report")) : null,
-        report.ReportColumnScope === 'VisibleColumns' ? (React.createElement(React.Fragment, null,
-            "Include ",
-            React.createElement("b", null, "only visible Columns"),
-            " in the Report")) : null,
-        report.ReportColumnScope === 'ScopeColumns' ? (React.createElement(React.Fragment, null, renderScopeSummary(report.Scope, {
-            scopeColumns: 'Report Columns',
-            scopeWholeRow: 'not available',
-            scopeDataTypes: 'Report will include columns with the following types',
-        }))) : null));
+    return (_jsxs(Box, { className: "twa:text-2", children: [report.ReportColumnScope === 'AllColumns' ? (_jsxs(_Fragment, { children: ["Include ", _jsx("b", { children: "all Columns" }), " in the Report"] })) : null, report.ReportColumnScope === 'VisibleColumns' ? (_jsxs(_Fragment, { children: ["Include ", _jsx("b", { children: "only visible Columns" }), " in the Report"] })) : null, report.ReportColumnScope === 'ScopeColumns' ? (_jsx(_Fragment, { children: renderScopeSummary(report.Scope, {
+                    scopeColumns: 'Report Columns',
+                    scopeWholeRow: 'not available',
+                    scopeDataTypes: 'Report will include columns with the following types',
+                }) })) : null] }));
 };
 export const ReportColumnsWizardSection = (props) => {
     const { api, data } = useOnePageAdaptableWizardContext();
-    return (React.createElement(Flex, { flexDirection: "column", className: "twa:h-full" },
-        React.createElement(Tabs, { className: "twa:m-2", value: data.ReportColumnScope, onValueChange: (ReportColumnScope) => {
-                const report = {
-                    ...data,
-                    ReportColumnScope,
-                };
-                if (report.ReportColumnScope !== 'ScopeColumns') {
-                    delete report.Scope;
-                }
-                else {
-                    if (!report.Scope) {
-                        report.Scope = {
-                            ColumnIds: [],
-                        };
+    return (_jsxs(Flex, { flexDirection: "column", className: "twa:h-full", children: [_jsxs(Tabs, { className: "twa:m-2", value: data.ReportColumnScope, onValueChange: (ReportColumnScope) => {
+                    const report = {
+                        ...data,
+                        ReportColumnScope,
+                    };
+                    if (report.ReportColumnScope !== 'ScopeColumns') {
+                        delete report.Scope;
+                    }
+                    else {
+                        if (!report.Scope) {
+                            report.Scope = {
+                                ColumnIds: [],
+                            };
+                        }
                     }
-                }
-                props.onChange(report);
-            } },
-            React.createElement(Tabs.Tab, { value: "AllColumns" },
-                React.createElement(Radio, { className: "twa:m-0", checked: data.ReportColumnScope == 'AllColumns', tabIndex: -1 }, "All Columns")),
-            React.createElement(Tabs.Tab, { value: "VisibleColumns" },
-                React.createElement(Radio, { className: "twa:m-0", checked: data.ReportColumnScope == 'VisibleColumns', tabIndex: -1 }, "Visible Columns")),
-            React.createElement(Tabs.Tab, { value: "ScopeColumns" },
-                React.createElement(Radio, { className: "twa:m-0", checked: data.ReportColumnScope == 'ScopeColumns', tabIndex: -1 }, "Bespoke Columns")),
-            React.createElement(Tabs.Content, { value: "AllColumns" },
-                React.createElement(Box, { className: "twa:p-2 twa:text-2" }, "All Columns in the datasource will be included in the Report, whether visible or not at time of export")),
-            React.createElement(Tabs.Content, { value: "VisibleColumns" },
-                React.createElement(Box, { className: "twa:p-2 twa:text-2" }, "Only Columns that are visible at the time the Report is exported will be included")),
-            React.createElement(Tabs.Content, { value: "BespokeColumns" },
-                React.createElement(Box, { className: "twa:p-2 twa:text-2" }, "Only selected Columns (which you will choose in the next step) will be exported - whether visible or not"))),
-        data.ReportColumnScope === 'ScopeColumns' ? (React.createElement(Box, { className: "twa:p-2 twa:flex-1 twa:overflow-auto" },
-            React.createElement(NewScopeComponent, { hideWholeRow: true, isColumnAvailable: (column) => Boolean(column.exportable), descriptions: {
-                    rowScope: 'Apply Scope for: Row, or one or more Columns, or one or more Data Types',
-                    columnScope: 'Selected columns will be included in the report',
-                }, scope: data.Scope, updateScope: (Scope) => {
-                    const report = { ...data, Scope };
                     props.onChange(report);
-                } }))) : null));
+                }, children: [_jsx(Tabs.Tab, { value: "AllColumns", children: _jsx(Radio, { className: "twa:m-0", checked: data.ReportColumnScope == 'AllColumns', tabIndex: -1, children: "All Columns" }) }), _jsx(Tabs.Tab, { value: "VisibleColumns", children: _jsx(Radio, { className: "twa:m-0", checked: data.ReportColumnScope == 'VisibleColumns', tabIndex: -1, children: "Visible Columns" }) }), _jsx(Tabs.Tab, { value: "ScopeColumns", children: _jsx(Radio, { className: "twa:m-0", checked: data.ReportColumnScope == 'ScopeColumns', tabIndex: -1, children: "Bespoke Columns" }) }), _jsx(Tabs.Content, { value: "AllColumns", children: _jsx(Box, { className: "twa:p-2 twa:text-2", children: "All Columns in the datasource will be included in the Report, whether visible or not at time of export" }) }), _jsx(Tabs.Content, { value: "VisibleColumns", children: _jsx(Box, { className: "twa:p-2 twa:text-2", children: "Only Columns that are visible at the time the Report is exported will be included" }) }), _jsx(Tabs.Content, { value: "BespokeColumns", children: _jsx(Box, { className: "twa:p-2 twa:text-2", children: "Only selected Columns (which you will choose in the next step) will be exported - whether visible or not" }) })] }), data.ReportColumnScope === 'ScopeColumns' ? (_jsx(Box, { className: "twa:p-2 twa:flex-1 twa:overflow-auto", children: _jsx(NewScopeComponent, { hideWholeRow: true, isColumnAvailable: (column) => Boolean(column.exportable), descriptions: {
+                        rowScope: 'Apply Scope for: Row, or one or more Columns, or one or more Data Types',
+                        columnScope: 'Selected columns will be included in the report',
+                    }, scope: data.Scope, updateScope: (Scope) => {
+                        const report = { ...data, Scope };
+                        props.onChange(report);
+                    } }) })) : null] }));
 };

package/src/View/Export/Wizard/ReportNameWizardSection.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import ErrorBox from '../../../components/ErrorBox';
 import FormLayout, { FormRow } from '../../../components/FormLayout';
 import Input from '../../../components/Input';
@@ -6,10 +6,7 @@ import { Tag } from '../../../components/Tag';
 import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
 import { Box } from '../../../components/Flex';
 export const renderReportNameSummary = (report) => {
-    return (React.createElement(Box, { className: "twa:text-2" },
-        ' ',
-        "Report Name: ",
-        React.createElement(Tag, null, report.Name)));
+    return (_jsxs(Box, { className: "twa:text-2", children: [' ', "Report Name: ", _jsx(Tag, { children: report.Name })] }));
 };
 export const isValidReportName = (report, api) => {
     if (!report.Name) {
@@ -27,17 +24,10 @@ export const ReportNameWizardSection = (props) => {
     const { api, data } = useOnePageAdaptableWizardContext();
     const validCheck = isValidReportName(data, api);
     const ErrorMessage = validCheck === true ? null : validCheck;
-    return (React.createElement(Box, null,
-        React.createElement(FormLayout, { columns: [1, 2] },
-            React.createElement(FormRow, null,
-                React.createElement(Box, { className: "twa:mr-2" }, "Name:"),
-                React.createElement(Input, { "data-name": "export-name", className: "twa:w-full", type: "text", autoFocus: true, placeholder: "Name", value: data.Name, onChange: (e) => {
-                        props.onChange({
-                            ...data,
-                            Name: e.target.value,
-                        });
-                    } })),
-            React.createElement(FormRow, null,
-                React.createElement(React.Fragment, null),
-                ErrorMessage ? React.createElement(ErrorBox, null, ErrorMessage) : null))));
+    return (_jsx(Box, { children: _jsxs(FormLayout, { columns: [1, 2], children: [_jsxs(FormRow, { children: [_jsx(Box, { className: "twa:mr-2", children: "Name:" }), _jsx(Input, { "data-name": "export-name", className: "twa:w-full", type: "text", autoFocus: true, placeholder: "Name", value: data.Name, onChange: (e) => {
+                                props.onChange({
+                                    ...data,
+                                    Name: e.target.value,
+                                });
+                            } })] }), _jsxs(FormRow, { children: [_jsx(_Fragment, {}), ErrorMessage ? _jsx(ErrorBox, { children: ErrorMessage }) : null] })] }) }));
 };

package/src/View/Export/Wizard/ReportRowsWizardSection.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { ExpressionEditor } from '../../../components/ExpressionEditor';
 import { ExpressionPreview } from '../../../components/ExpressionEditor/ExpressionPreview';
@@ -15,26 +15,12 @@ export const isValidReportRowsQuery = (report) => {
 };
 export const renderReportRowsSummary = (report) => {
     const { api } = useOnePageAdaptableWizardContext();
-    return (React.createElement(Box, { className: "twa:text-2" },
-        report.ReportRowScope === 'AllRows' ? (React.createElement(React.Fragment, null,
-            "Include ",
-            React.createElement("b", null, "all Rows"),
-            " in the Report")) : null,
-        report.ReportRowScope === 'VisibleRows' ? (React.createElement(React.Fragment, null,
-            "Include ",
-            React.createElement("b", null, "only visible Rows"),
-            " in the Report")) : null,
-        report.ReportRowScope === 'ExpressionRows' ? (React.createElement(React.Fragment, null,
-            "Include Rows matching the query:",
-            ' ',
-            React.createElement(Tag, null,
-                React.createElement(ExpressionPreview, { query: report.Query })))) : null));
+    return (_jsxs(Box, { className: "twa:text-2", children: [report.ReportRowScope === 'AllRows' ? (_jsxs(_Fragment, { children: ["Include ", _jsx("b", { children: "all Rows" }), " in the Report"] })) : null, report.ReportRowScope === 'VisibleRows' ? (_jsxs(_Fragment, { children: ["Include ", _jsx("b", { children: "only visible Rows" }), " in the Report"] })) : null, report.ReportRowScope === 'ExpressionRows' ? (_jsxs(_Fragment, { children: ["Include Rows matching the query:", ' ', _jsx(Tag, { children: _jsx(ExpressionPreview, { query: report.Query }) })] })) : null] }));
 };
 export const ReportRowsWizardSection = (props) => {
     const { api, data, moduleInfo } = useOnePageAdaptableWizardContext();
     const initialData = useMemo(() => api.internalApi.getQueryPreviewData(), []);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Tabs, { className: "twa:m-2", value: data.ReportRowScope, onValueChange: (ReportRowScope) => {
+    return (_jsx(_Fragment, { children: _jsxs(Tabs, { className: "twa:m-2", value: data.ReportRowScope, onValueChange: (ReportRowScope) => {
                 const report = {
                     ...data,
                     ReportRowScope,
@@ -50,25 +36,12 @@ export const ReportRowsWizardSection = (props) => {
                     }
                 }
                 props.onChange(report);
-            } },
-            React.createElement(Tabs.Tab, { value: "AllRows" },
-                React.createElement(Radio, { className: "twa:m-0", checked: data.ReportRowScope == 'AllRows', tabIndex: -1 }, "All Rows")),
-            React.createElement(Tabs.Tab, { value: "VisibleRows" },
-                React.createElement(Radio, { className: "twa:m-0", checked: data.ReportRowScope == 'VisibleRows', tabIndex: -1 }, "Visible Rows")),
-            React.createElement(Tabs.Tab, { value: "ExpressionRows" },
-                React.createElement(Radio, { className: "twa:m-0", checked: data.ReportRowScope == 'ExpressionRows', tabIndex: -1 }, "By Query")),
-            React.createElement(Tabs.Content, { value: "AllRows" },
-                React.createElement(Box, { className: "twa:p-2 twa:text-2" }, "All Rows in the datasource will be included in the report, whether visible or not at time of export.")),
-            React.createElement(Tabs.Content, { value: "VisibleRows" },
-                React.createElement(Box, { className: "twa:p-2 twa:text-2" }, "Only Rows that are visible at the time the Report is exported will be included in the Export")),
-            React.createElement(Tabs.Content, { value: "ExpressionRows" },
-                React.createElement(Box, { className: "twa:p-2 twa:pl-0 twa:text-2" }, "Only the Rows which match the Query will be exported - whether visible or not."),
-                React.createElement(ExpressionEditor, { allowSaveNamedQuery: true, type: 'boolean', module: moduleInfo.ModuleName, style: { paddingLeft: 0 }, value: data.Query?.BooleanExpression ?? '', onChange: (BooleanExpression) => {
-                        props.onChange({
-                            ...data,
-                            Query: {
-                                BooleanExpression,
-                            },
-                        });
-                    }, initialData: initialData, columns: api.columnApi.internalApi.getQueryableColumnsForUIEditor(), fields: api.expressionApi.internalApi.getAvailableFields(), namedQueries: api.namedQueryApi.getNamedQueries(), api: api })))));
+            }, children: [_jsx(Tabs.Tab, { value: "AllRows", children: _jsx(Radio, { className: "twa:m-0", checked: data.ReportRowScope == 'AllRows', tabIndex: -1, children: "All Rows" }) }), _jsx(Tabs.Tab, { value: "VisibleRows", children: _jsx(Radio, { className: "twa:m-0", checked: data.ReportRowScope == 'VisibleRows', tabIndex: -1, children: "Visible Rows" }) }), _jsx(Tabs.Tab, { value: "ExpressionRows", children: _jsx(Radio, { className: "twa:m-0", checked: data.ReportRowScope == 'ExpressionRows', tabIndex: -1, children: "By Query" }) }), _jsx(Tabs.Content, { value: "AllRows", children: _jsx(Box, { className: "twa:p-2 twa:text-2", children: "All Rows in the datasource will be included in the report, whether visible or not at time of export." }) }), _jsx(Tabs.Content, { value: "VisibleRows", children: _jsx(Box, { className: "twa:p-2 twa:text-2", children: "Only Rows that are visible at the time the Report is exported will be included in the Export" }) }), _jsxs(Tabs.Content, { value: "ExpressionRows", children: [_jsx(Box, { className: "twa:p-2 twa:pl-0 twa:text-2", children: "Only the Rows which match the Query will be exported - whether visible or not." }), _jsx(ExpressionEditor, { allowSaveNamedQuery: true, type: 'boolean', module: moduleInfo.ModuleName, style: { paddingLeft: 0 }, value: data.Query?.BooleanExpression ?? '', onChange: (BooleanExpression) => {
+                                props.onChange({
+                                    ...data,
+                                    Query: {
+                                        BooleanExpression,
+                                    },
+                                });
+                            }, initialData: initialData, columns: api.columnApi.internalApi.getQueryableColumnsForUIEditor(), fields: api.expressionApi.internalApi.getAvailableFields(), namedQueries: api.namedQueryApi.getNamedQueries(), api: api })] })] }) }));
 };

package/src/View/Export/Wizard/ScheduledReportSettings.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { ExportDestinationType } from '../../../AdaptableOptions/ExportOptions';
+import { ReportFormatType, ReportNameType, ReportSchedule } from '../../../AdaptableState/ExportState';
+interface ScheduledReportSettingsProps {
+    reportSchedule: ReportSchedule;
+    onChange: (reportSchedule: ReportSchedule) => void;
+    allFormats: ReportFormatType[];
+    allDestinations: ExportDestinationType[];
+    /** When set, the user picks which report this schedule exports (Export popup → New Schedule). */
+    allReportNames?: ReportNameType[];
+}
+export declare const ScheduledReportSettings: React.FunctionComponent<ScheduledReportSettingsProps>;
+export {};

package/src/View/Export/Wizard/ScheduledReportSettings.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import FormLayout, { FormRow } from '../../../components/FormLayout';
+import Input from '../../../components/Input';
+import { Tabs } from '../../../components/Tabs';
+import { Box } from '../../../components/Flex';
+import { SingleSelect } from '../../../components/NewSelect';
+export const ScheduledReportSettings = (props) => {
+    const handleNameChange = (event) => {
+        props.onChange({
+            ...props.reportSchedule,
+            Name: event.target.value,
+        });
+    };
+    const formatOptions = props.allFormats.map((reportFormat) => ({
+        label: reportFormat,
+        value: reportFormat,
+    }));
+    const destinationOptions = props.allDestinations.map((destination) => ({
+        label: destination,
+        value: destination,
+    }));
+    const reportOptions = (props.allReportNames ?? []).map((reportName) => ({
+        label: reportName,
+        value: reportName,
+    }));
+    return (_jsx(Box, { "data-name": "scheduled-report-settings", children: _jsxs(Tabs, { autoFocus: false, className: "twa:mb-3", children: [_jsx(Tabs.Tab, { children: "Settings" }), _jsx(Tabs.Content, { children: _jsxs(FormLayout, { children: [props.allReportNames && (_jsx(FormRow, { label: "Report", children: _jsx(Box, { className: "twa:max-w-[300px]", children: _jsx(SingleSelect, { className: "twa:w-full", "data-name": "select-report", items: reportOptions, value: props.reportSchedule?.ReportName || undefined, placeholder: "Select Report", onValueChange: (value) => props.onChange({
+                                            ...props.reportSchedule,
+                                            ReportName: value,
+                                        }) }) }) })), _jsx(FormRow, { label: "Name", children: _jsx(Input, { "data-name": "schedule-name", className: "twa:w-[300px]", onChange: handleNameChange, placeholder: "Enter Schedule Name", type: "string", value: props.reportSchedule?.Name ?? '' }) }), _jsx(FormRow, { label: "Format", children: _jsx(Box, { className: "twa:max-w-[300px]", children: _jsx(SingleSelect, { className: "twa:w-full", "data-name": "select-format", items: formatOptions, value: props.reportSchedule?.ReportFormat, placeholder: "Select Format", onValueChange: (value) => props.onChange({
+                                            ...props.reportSchedule,
+                                            ReportFormat: value,
+                                        }) }) }) }), _jsx(FormRow, { label: "Destination", children: _jsx(Box, { className: "twa:max-w-[300px]", children: _jsx(SingleSelect, { className: "twa:w-full", "data-name": "select-destination", items: destinationOptions, value: props.reportSchedule?.ExportDestination, placeholder: "Select Destination", onValueChange: (value) => props.onChange({
+                                            ...props.reportSchedule,
+                                            ExportDestination: value,
+                                        }) }) }) })] }) })] }) }));
+};

package/src/View/Export/Wizard/ScheduledReportSettingsSummary.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { ReportSchedule } from '../../../AdaptableState/ExportState';
+export declare const getScheduledReportSettingsValues: (reportSchedule: ReportSchedule) => {
+    label: string;
+    value: string;
+}[];
+export declare const ScheduledReportSettingsSummary: React.FunctionComponent;

package/src/View/Export/Wizard/ScheduledReportSettingsSummary.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Tag } from '../../../components/Tag';
+import { SummaryText, useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+export const getScheduledReportSettingsValues = (reportSchedule) => {
+    return [
+        {
+            label: 'Schedule Name',
+            value: reportSchedule?.Name || 'Not Specified',
+        },
+        {
+            label: 'Report Name',
+            value: reportSchedule?.ReportName || 'Not Specified',
+        },
+        {
+            label: 'Report Format',
+            value: reportSchedule?.ReportFormat || 'Not Specified',
+        },
+        {
+            label: 'Export Destination',
+            value: reportSchedule?.ExportDestination || 'Download',
+        },
+    ];
+};
+export const ScheduledReportSettingsSummary = () => {
+    const { data } = useOnePageAdaptableWizardContext();
+    return (_jsx(_Fragment, { children: getScheduledReportSettingsValues(data).map((description, index) => (_jsxs(SummaryText, { children: [description.label, ": ", _jsx(Tag, { children: description.value })] }, index))) }));
+};

package/src/View/Export/Wizard/ScheduledReportWizard.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { ReportNameType, ReportSchedule } from '../../../AdaptableState/ExportState';
+import { AdaptableOnePageWizardProps } from '../../Wizard/Interface/IAdaptableWizard';
+export interface ScheduledReportWizardContext {
+    reportName: ReportNameType;
+    reportSchedule: ReportSchedule;
+}
+export interface ScheduledReportWizardProps extends AdaptableOnePageWizardProps<ReportSchedule> {
+}
+export declare const ScheduledReportWizard: React.FunctionComponent<ScheduledReportWizardProps>;