@adaptabletools/adaptable-cjs 22.1.1-canary.1 → 23.0.0-canary.0

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,14 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReportFormatSelector = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const Select_1 = require("../../components/Select");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const AdaptableContext_1 = require("../AdaptableContext");
 const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const Flex_1 = require("../../components/Flex");
+const NewSelect_1 = require("../../components/NewSelect");
 const ReportFormatSelector = (props) => {
-    const { reportName, reportFormat, onReportFormatSelected, size = 'normal' } = props;
+    const { reportName, reportFormat, onReportFormatSelected } = props;
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const exportApi = adaptable.api.exportApi;
     const allFormats = exportApi.getAvailableSystemFormats();
@@ -19,7 +18,6 @@ const ReportFormatSelector = (props) => {
         };
     });
     const elementType = props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
-    return (react_1.default.createElement(Flex_1.Flex, { "data-name": "report-format-selector", className: "twa:min-w-[140px] twa:flex-1" },
-        react_1.default.createElement(Select_1.Select, { "aria-label": GeneralConstants_1.SELECT_REPORT_FORMAT_STRING, size: size, placeholder: GeneralConstants_1.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 ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { "data-name": "report-format-selector", className: "twa:min-w-[140px] twa:flex-1", children: (0, jsx_runtime_1.jsx)(NewSelect_1.SingleSelect, { ariaLabel: GeneralConstants_1.SELECT_REPORT_FORMAT_STRING, placeholder: GeneralConstants_1.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 }) }));
 };
 exports.ReportFormatSelector = ReportFormatSelector;

package/src/View/Export/ReportListItem.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReportListItem = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const ReportFormatSelector_1 = require("./ReportFormatSelector");
 const ExportDestinationPicker_1 = require("./ExportDestinationPicker");
@@ -11,8 +10,6 @@ const ReportListItem = (props) => {
     const report = props.data;
     const [reportFormat, setReportFormat] = (0, react_1.useState)(null);
     const viewType = 'SettingsPanel';
-    return (React.createElement(Flex_1.Flex, { flexDirection: "row", className: `ab-${viewType}__Export__panel` },
-        React.createElement(ReportFormatSelector_1.ReportFormatSelector, { viewType: viewType, reportName: report.Name, reportFormat: reportFormat, onReportFormatSelected: (reportFormat) => setReportFormat(reportFormat) }),
-        React.createElement(ExportDestinationPicker_1.ExportDestinationPicker, { viewType: "SettingsPanel", reportName: report.Name, reportFormat: reportFormat })));
+    return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "row", className: `ab-${viewType}__Export__panel twa:gap-2`, children: [(0, jsx_runtime_1.jsx)(ReportFormatSelector_1.ReportFormatSelector, { viewType: viewType, reportName: report.Name, reportFormat: reportFormat, onReportFormatSelected: (reportFormat) => setReportFormat(reportFormat) }), (0, jsx_runtime_1.jsx)(ExportDestinationPicker_1.ExportDestinationPicker, { viewType: "SettingsPanel", reportName: report.Name, reportFormat: reportFormat })] }));
 };
 exports.ReportListItem = ReportListItem;

package/src/View/Export/ReportNameSelector.js

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReportNameSelector = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const Select_1 = require("../../components/Select");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const AdaptableContext_1 = require("../AdaptableContext");
 const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const Flex_1 = require("../../components/Flex");
+const NewSelect_1 = require("../../components/NewSelect");
 const ReportNameSelector = (props) => {
     const { reportName, onReportNameSelected, size = 'normal' } = props;
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
@@ -19,7 +18,6 @@ const ReportNameSelector = (props) => {
         };
     });
     const elementType = props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
-    return (react_1.default.createElement(Flex_1.Flex, { "data-name": "report-name-selector", className: "twa:min-w-[160px] twa:flex-1" },
-        react_1.default.createElement(Select_1.Select, { "aria-label": GeneralConstants_1.SELECT_REPORT_STRING, size: size, "data-name": "report-name-selector", placeholder: GeneralConstants_1.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 ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { "data-name": "report-name-selector", className: "twa:min-w-[160px] twa:flex-1", children: (0, jsx_runtime_1.jsx)(NewSelect_1.SingleSelect, { ariaLabel: GeneralConstants_1.SELECT_REPORT_STRING, size: size, "data-name": "report-name-selector", placeholder: GeneralConstants_1.SELECT_REPORT_STRING, disabled: !allReportNames.length, className: `ab-${elementType}__Export__report-select twa:w-full`, items: reportItems, onValueChange: (report) => onReportNameSelected(report), value: reportName }) }));
 };
 exports.ReportNameSelector = ReportNameSelector;

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,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExportPopupWizardRouter = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const NewReportWizard_1 = require("./NewReportWizard");
+const ScheduledReportWizard_1 = require("./ScheduledReportWizard");
+const ExportPopupWizardRouter = (props) => {
+    if (props.popupParams?.action === 'NewSchedule') {
+        const scheduleProps = props;
+        return (0, jsx_runtime_1.jsx)(ScheduledReportWizard_1.ScheduledReportWizard, { ...scheduleProps });
+    }
+    return (0, jsx_runtime_1.jsx)(NewReportWizard_1.NewReportWizard, { ...props });
+};
+exports.ExportPopupWizardRouter = ExportPopupWizardRouter;

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NewReportWizard = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
 const Helper_1 = require("../../../Utilities/Helpers/Helper");
@@ -38,42 +38,39 @@ const NewReportWizard = (props) => {
         }
         props.onFinishWizard(report);
     };
-    return (React.createElement(OnePageAdaptableWizard_1.OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: report, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
+    return ((0, jsx_runtime_1.jsx)(OnePageAdaptableWizard_1.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: ReportNameWizardSection_1.isValidReportName,
                 renderSummary: ReportNameWizardSection_1.renderReportNameSummary,
-                render: () => (React.createElement(Flex_1.Box, { className: "twa:p-2" },
-                    React.createElement(ReportNameWizardSection_1.ReportNameWizardSection, { onChange: setReport }))),
+                render: () => ((0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:p-2", children: (0, jsx_runtime_1.jsx)(ReportNameWizardSection_1.ReportNameWizardSection, { onChange: setReport }) })),
             },
             {
                 title: 'Columns',
                 details: 'Choose the Columns you want to include in the Report',
                 renderSummary: ReportColumnsWizardSection_1.renderReportColumnsSummary,
-                render: () => React.createElement(ReportColumnsWizardSection_1.ReportColumnsWizardSection, { onChange: setReport }),
+                render: () => (0, jsx_runtime_1.jsx)(ReportColumnsWizardSection_1.ReportColumnsWizardSection, { onChange: setReport }),
             },
             {
                 title: 'Rows',
                 details: 'Choose the Rows you want to include in the Report',
                 isValid: ReportRowsWizardSection_1.isValidReportRowsQuery,
                 renderSummary: ReportRowsWizardSection_1.renderReportRowsSummary,
-                render: () => React.createElement(ReportRowsWizardSection_1.ReportRowsWizardSection, { onChange: setReport }),
+                render: () => (0, jsx_runtime_1.jsx)(ReportRowsWizardSection_1.ReportRowsWizardSection, { onChange: setReport }),
             },
             {
                 details: 'Select Report Tags',
                 title: 'Tags',
                 isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
-                render: () => (React.createElement(Flex_1.Box, { className: "twa:p-2" },
-                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setReport }))),
+                render: () => ((0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:p-2", children: (0, jsx_runtime_1.jsx)(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setReport }) })),
                 renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
             },
             '-',
             {
                 title: 'Summary',
                 render: () => {
-                    return (React.createElement(Flex_1.Box, { className: "twa:p-2" },
-                        React.createElement(OnePageAdaptableWizard_1.OnePageWizardSummary, null)));
+                    return ((0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:p-2", children: (0, jsx_runtime_1.jsx)(OnePageAdaptableWizard_1.OnePageWizardSummary, {}) }));
                 },
             },
         ] }));

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReportColumnsWizardSection = exports.renderReportColumnsSummary = exports.isValidReportColumnsScope = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const Radio_1 = tslib_1.__importDefault(require("../../../components/Radio"));
 const Tabs_1 = require("../../../components/Tabs");
 const NewScopeComponent_1 = require("../../Components/NewScopeComponent");
@@ -16,61 +16,37 @@ const isValidReportColumnsScope = (report) => {
 };
 exports.isValidReportColumnsScope = isValidReportColumnsScope;
 const renderReportColumnsSummary = (report) => {
-    return (React.createElement(Flex_1.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, (0, NewScopeComponent_1.renderScopeSummary)(report.Scope, {
-            scopeColumns: 'Report Columns',
-            scopeWholeRow: 'not available',
-            scopeDataTypes: 'Report will include columns with the following types',
-        }))) : null));
+    return ((0, jsx_runtime_1.jsxs)(Flex_1.Box, { className: "twa:text-2", children: [report.ReportColumnScope === 'AllColumns' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Include ", (0, jsx_runtime_1.jsx)("b", { children: "all Columns" }), " in the Report"] })) : null, report.ReportColumnScope === 'VisibleColumns' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Include ", (0, jsx_runtime_1.jsx)("b", { children: "only visible Columns" }), " in the Report"] })) : null, report.ReportColumnScope === 'ScopeColumns' ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, NewScopeComponent_1.renderScopeSummary)(report.Scope, {
+                    scopeColumns: 'Report Columns',
+                    scopeWholeRow: 'not available',
+                    scopeDataTypes: 'Report will include columns with the following types',
+                }) })) : null] }));
 };
 exports.renderReportColumnsSummary = renderReportColumnsSummary;
 const ReportColumnsWizardSection = (props) => {
     const { api, data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    return (React.createElement(Flex_1.Flex, { flexDirection: "column", className: "twa:h-full" },
-        React.createElement(Tabs_1.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 ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "column", className: "twa:h-full", children: [(0, jsx_runtime_1.jsxs)(Tabs_1.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_1.Tabs.Tab, { value: "AllColumns" },
-                React.createElement(Radio_1.default, { className: "twa:m-0", checked: data.ReportColumnScope == 'AllColumns', tabIndex: -1 }, "All Columns")),
-            React.createElement(Tabs_1.Tabs.Tab, { value: "VisibleColumns" },
-                React.createElement(Radio_1.default, { className: "twa:m-0", checked: data.ReportColumnScope == 'VisibleColumns', tabIndex: -1 }, "Visible Columns")),
-            React.createElement(Tabs_1.Tabs.Tab, { value: "ScopeColumns" },
-                React.createElement(Radio_1.default, { className: "twa:m-0", checked: data.ReportColumnScope == 'ScopeColumns', tabIndex: -1 }, "Bespoke Columns")),
-            React.createElement(Tabs_1.Tabs.Content, { value: "AllColumns" },
-                React.createElement(Flex_1.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_1.Tabs.Content, { value: "VisibleColumns" },
-                React.createElement(Flex_1.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_1.Tabs.Content, { value: "BespokeColumns" },
-                React.createElement(Flex_1.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(Flex_1.Box, { className: "twa:p-2 twa:flex-1 twa:overflow-auto" },
-            React.createElement(NewScopeComponent_1.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: [(0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Tab, { value: "AllColumns", children: (0, jsx_runtime_1.jsx)(Radio_1.default, { className: "twa:m-0", checked: data.ReportColumnScope == 'AllColumns', tabIndex: -1, children: "All Columns" }) }), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Tab, { value: "VisibleColumns", children: (0, jsx_runtime_1.jsx)(Radio_1.default, { className: "twa:m-0", checked: data.ReportColumnScope == 'VisibleColumns', tabIndex: -1, children: "Visible Columns" }) }), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Tab, { value: "ScopeColumns", children: (0, jsx_runtime_1.jsx)(Radio_1.default, { className: "twa:m-0", checked: data.ReportColumnScope == 'ScopeColumns', tabIndex: -1, children: "Bespoke Columns" }) }), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Content, { value: "AllColumns", children: (0, jsx_runtime_1.jsx)(Flex_1.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" }) }), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Content, { value: "VisibleColumns", children: (0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:p-2 twa:text-2", children: "Only Columns that are visible at the time the Report is exported will be included" }) }), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Content, { value: "BespokeColumns", children: (0, jsx_runtime_1.jsx)(Flex_1.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' ? ((0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:p-2 twa:flex-1 twa:overflow-auto", children: (0, jsx_runtime_1.jsx)(NewScopeComponent_1.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] }));
 };
 exports.ReportColumnsWizardSection = ReportColumnsWizardSection;

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReportNameWizardSection = exports.isValidReportName = exports.renderReportNameSummary = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const ErrorBox_1 = tslib_1.__importDefault(require("../../../components/ErrorBox"));
 const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
 const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
@@ -10,10 +10,7 @@ const Tag_1 = require("../../../components/Tag");
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
 const Flex_1 = require("../../../components/Flex");
 const renderReportNameSummary = (report) => {
-    return (React.createElement(Flex_1.Box, { className: "twa:text-2" },
-        ' ',
-        "Report Name: ",
-        React.createElement(Tag_1.Tag, null, report.Name)));
+    return ((0, jsx_runtime_1.jsxs)(Flex_1.Box, { className: "twa:text-2", children: [' ', "Report Name: ", (0, jsx_runtime_1.jsx)(Tag_1.Tag, { children: report.Name })] }));
 };
 exports.renderReportNameSummary = renderReportNameSummary;
 const isValidReportName = (report, api) => {
@@ -33,18 +30,11 @@ const ReportNameWizardSection = (props) => {
     const { api, data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const validCheck = (0, exports.isValidReportName)(data, api);
     const ErrorMessage = validCheck === true ? null : validCheck;
-    return (React.createElement(Flex_1.Box, null,
-        React.createElement(FormLayout_1.default, { columns: [1, 2] },
-            React.createElement(FormLayout_1.FormRow, null,
-                React.createElement(Flex_1.Box, { className: "twa:mr-2" }, "Name:"),
-                React.createElement(Input_1.default, { "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(FormLayout_1.FormRow, null,
-                React.createElement(React.Fragment, null),
-                ErrorMessage ? React.createElement(ErrorBox_1.default, null, ErrorMessage) : null))));
+    return ((0, jsx_runtime_1.jsx)(Flex_1.Box, { children: (0, jsx_runtime_1.jsxs)(FormLayout_1.default, { columns: [1, 2], children: [(0, jsx_runtime_1.jsxs)(FormLayout_1.FormRow, { children: [(0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:mr-2", children: "Name:" }), (0, jsx_runtime_1.jsx)(Input_1.default, { "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,
+                                });
+                            } })] }), (0, jsx_runtime_1.jsxs)(FormLayout_1.FormRow, { children: [(0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}), ErrorMessage ? (0, jsx_runtime_1.jsx)(ErrorBox_1.default, { children: ErrorMessage }) : null] })] }) }));
 };
 exports.ReportNameWizardSection = ReportNameWizardSection;

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReportRowsWizardSection = exports.renderReportRowsSummary = exports.isValidReportRowsQuery = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const ExpressionEditor_1 = require("../../../components/ExpressionEditor");
 const ExpressionPreview_1 = require("../../../components/ExpressionEditor/ExpressionPreview");
@@ -20,27 +20,13 @@ const isValidReportRowsQuery = (report) => {
 exports.isValidReportRowsQuery = isValidReportRowsQuery;
 const renderReportRowsSummary = (report) => {
     const { api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    return (React.createElement(Flex_1.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_1.Tag, null,
-                React.createElement(ExpressionPreview_1.ExpressionPreview, { query: report.Query })))) : null));
+    return ((0, jsx_runtime_1.jsxs)(Flex_1.Box, { className: "twa:text-2", children: [report.ReportRowScope === 'AllRows' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Include ", (0, jsx_runtime_1.jsx)("b", { children: "all Rows" }), " in the Report"] })) : null, report.ReportRowScope === 'VisibleRows' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Include ", (0, jsx_runtime_1.jsx)("b", { children: "only visible Rows" }), " in the Report"] })) : null, report.ReportRowScope === 'ExpressionRows' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Include Rows matching the query:", ' ', (0, jsx_runtime_1.jsx)(Tag_1.Tag, { children: (0, jsx_runtime_1.jsx)(ExpressionPreview_1.ExpressionPreview, { query: report.Query }) })] })) : null] }));
 };
 exports.renderReportRowsSummary = renderReportRowsSummary;
 const ReportRowsWizardSection = (props) => {
     const { api, data, moduleInfo } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const initialData = (0, react_1.useMemo)(() => api.internalApi.getQueryPreviewData(), []);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Tabs_1.Tabs, { className: "twa:m-2", value: data.ReportRowScope, onValueChange: (ReportRowScope) => {
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { className: "twa:m-2", value: data.ReportRowScope, onValueChange: (ReportRowScope) => {
                 const report = {
                     ...data,
                     ReportRowScope,
@@ -56,26 +42,13 @@ const ReportRowsWizardSection = (props) => {
                     }
                 }
                 props.onChange(report);
-            } },
-            React.createElement(Tabs_1.Tabs.Tab, { value: "AllRows" },
-                React.createElement(Radio_1.default, { className: "twa:m-0", checked: data.ReportRowScope == 'AllRows', tabIndex: -1 }, "All Rows")),
-            React.createElement(Tabs_1.Tabs.Tab, { value: "VisibleRows" },
-                React.createElement(Radio_1.default, { className: "twa:m-0", checked: data.ReportRowScope == 'VisibleRows', tabIndex: -1 }, "Visible Rows")),
-            React.createElement(Tabs_1.Tabs.Tab, { value: "ExpressionRows" },
-                React.createElement(Radio_1.default, { className: "twa:m-0", checked: data.ReportRowScope == 'ExpressionRows', tabIndex: -1 }, "By Query")),
-            React.createElement(Tabs_1.Tabs.Content, { value: "AllRows" },
-                React.createElement(Flex_1.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_1.Tabs.Content, { value: "VisibleRows" },
-                React.createElement(Flex_1.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_1.Tabs.Content, { value: "ExpressionRows" },
-                React.createElement(Flex_1.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_1.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: [(0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Tab, { value: "AllRows", children: (0, jsx_runtime_1.jsx)(Radio_1.default, { className: "twa:m-0", checked: data.ReportRowScope == 'AllRows', tabIndex: -1, children: "All Rows" }) }), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Tab, { value: "VisibleRows", children: (0, jsx_runtime_1.jsx)(Radio_1.default, { className: "twa:m-0", checked: data.ReportRowScope == 'VisibleRows', tabIndex: -1, children: "Visible Rows" }) }), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Tab, { value: "ExpressionRows", children: (0, jsx_runtime_1.jsx)(Radio_1.default, { className: "twa:m-0", checked: data.ReportRowScope == 'ExpressionRows', tabIndex: -1, children: "By Query" }) }), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Content, { value: "AllRows", children: (0, jsx_runtime_1.jsx)(Flex_1.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." }) }), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Content, { value: "VisibleRows", children: (0, jsx_runtime_1.jsx)(Flex_1.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" }) }), (0, jsx_runtime_1.jsxs)(Tabs_1.Tabs.Content, { value: "ExpressionRows", children: [(0, jsx_runtime_1.jsx)(Flex_1.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." }), (0, jsx_runtime_1.jsx)(ExpressionEditor_1.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 })] })] }) }));
 };
 exports.ReportRowsWizardSection = ReportRowsWizardSection;

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ExportDestinationType } from '../../../AdaptableOptions/ExportOptions';
+import { ReportFormatType, ReportSchedule } from '../../../AdaptableState/ExportState';
+interface ScheduledReportSettingsProps {
+    reportSchedule: ReportSchedule;
+    onChange: (reportSchedule: ReportSchedule) => void;
+    allFormats: ReportFormatType[];
+    allDestinations: ExportDestinationType[];
+}
+export declare const ScheduledReportSettings: React.FunctionComponent<ScheduledReportSettingsProps>;
+export {};

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScheduledReportSettings = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
+const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
+const Tabs_1 = require("../../../components/Tabs");
+const Flex_1 = require("../../../components/Flex");
+const NewSelect_1 = require("../../../components/NewSelect");
+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,
+    }));
+    return ((0, jsx_runtime_1.jsx)(Flex_1.Box, { "data-name": "scheduled-report-settings", children: (0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { autoFocus: false, className: "twa:mb-3", children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Tab, { children: "Settings" }), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Content, { children: (0, jsx_runtime_1.jsxs)(FormLayout_1.default, { children: [(0, jsx_runtime_1.jsx)(FormLayout_1.FormRow, { label: "Name", children: (0, jsx_runtime_1.jsx)(Input_1.default, { "data-name": "schedule-name", className: "twa:w-[300px]", onChange: handleNameChange, placeholder: "Enter Schedule Name", type: "string", value: props.reportSchedule?.Name ?? '' }) }), (0, jsx_runtime_1.jsx)(FormLayout_1.FormRow, { label: "Format", children: (0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:max-w-[300px]", children: (0, jsx_runtime_1.jsx)(NewSelect_1.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,
+                                        }) }) }) }), (0, jsx_runtime_1.jsx)(FormLayout_1.FormRow, { label: "Destination", children: (0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:max-w-[300px]", children: (0, jsx_runtime_1.jsx)(NewSelect_1.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,
+                                        }) }) }) })] }) })] }) }));
+};
+exports.ScheduledReportSettings = ScheduledReportSettings;

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,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScheduledReportSettingsSummary = exports.getScheduledReportSettingsValues = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Tag_1 = require("../../../components/Tag");
+const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
+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',
+        },
+    ];
+};
+exports.getScheduledReportSettingsValues = getScheduledReportSettingsValues;
+const ScheduledReportSettingsSummary = () => {
+    const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, exports.getScheduledReportSettingsValues)(data).map((description, index) => ((0, jsx_runtime_1.jsxs)(OnePageAdaptableWizard_1.SummaryText, { children: [description.label, ": ", (0, jsx_runtime_1.jsx)(Tag_1.Tag, { children: description.value })] }, index))) }));
+};
+exports.ScheduledReportSettingsSummary = ScheduledReportSettingsSummary;

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>;

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

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScheduledReportWizard = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const ExportRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/ExportRedux"));
+const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
+const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
+const Tag_1 = require("../../../components/Tag");
+const ScheduleScheduleWizard_1 = require("../../Schedule/Wizard/ScheduleScheduleWizard");
+const ScheduleScheduleSummary_1 = require("../../Schedule/Wizard/ScheduleScheduleSummary");
+const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
+const ScheduledReportSettings_1 = require("./ScheduledReportSettings");
+const ScheduledReportSettingsSummary_1 = require("./ScheduledReportSettingsSummary");
+const isReportScheduledSettingsValid_1 = require("./isReportScheduledSettingsValid");
+const Flex_1 = require("../../../components/Flex");
+const ScheduledReportWizard = (props) => {
+    const popupValue = props.popupParams?.value;
+    const reportName = popupValue?.reportName;
+    const initialReportSchedule = popupValue?.reportSchedule ?? props.data;
+    const isNew = props.popupParams?.action
+        ? props.popupParams.action === 'NewSchedule'
+        : !initialReportSchedule?.Name;
+    const [reportSchedule, setReportSchedule] = React.useState(() => {
+        return initialReportSchedule ?? ObjectFactory_1.default.CreateEmptyReportSchedule(reportName);
+    });
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const handleFinish = () => {
+        if (!reportName) {
+            return;
+        }
+        const scheduleToSave = { ...reportSchedule, ReportName: reportName };
+        const action = isNew
+            ? ExportRedux.ScheduledReportAdd(scheduleToSave)
+            : ExportRedux.ScheduledReportEdit(scheduleToSave);
+        dispatch(action);
+        props.onFinishWizard(scheduleToSave);
+    };
+    const handleScheduleChange = (scheduleData) => {
+        setReportSchedule({
+            ...reportSchedule,
+            Schedule: scheduleData.Schedule,
+        });
+    };
+    return ((0, jsx_runtime_1.jsx)(OnePageAdaptableWizard_1.OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, moduleName: "Report Schedule", data: reportSchedule, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
+            {
+                title: 'Settings',
+                isValid: (data, api) => (0, isReportScheduledSettingsValid_1.isReportScheduleSettingsValid)(data, api),
+                renderSummary: () => (0, jsx_runtime_1.jsx)(ScheduledReportSettingsSummary_1.ScheduledReportSettingsSummary, {}),
+                render: () => ((0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:p-3", children: (0, jsx_runtime_1.jsx)(ScheduledReportSettingsSection, { onChange: setReportSchedule, reportName: reportName }) })),
+            },
+            {
+                title: 'Schedule',
+                isValid: (data) => (0, ScheduleScheduleWizard_1.isScheduleValid)({ Schedule: data.Schedule }),
+                renderSummary: () => (0, jsx_runtime_1.jsx)(ScheduleScheduleSummary_1.ScheduleScheduleSummary, {}),
+                render: () => ((0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:p-3", children: (0, jsx_runtime_1.jsx)(ScheduleScheduleWizard_1.ScheduleBuilderWizard, { onChange: handleScheduleChange }) })),
+            },
+            {
+                details: 'Select Schedule Tags',
+                title: 'Tags',
+                isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
+                render: () => ((0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:p-2", children: (0, jsx_runtime_1.jsx)(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setReportSchedule }) })),
+                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
+            },
+            '-',
+            {
+                render: () => ((0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:p-2", children: (0, jsx_runtime_1.jsx)(OnePageAdaptableWizard_1.OnePageWizardSummary, {}) })),
+                title: 'Summary',
+            },
+        ] }));
+};
+exports.ScheduledReportWizard = ScheduledReportWizard;
+const ScheduledReportSettingsSection = (props) => {
+    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const allFormats = api.exportApi.getAvailableSystemFormats();
+    const allDestinations = api.exportApi.getAllExportDestinations();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.reportName && ((0, jsx_runtime_1.jsxs)(OnePageAdaptableWizard_1.SummaryText, { children: ["Report: ", (0, jsx_runtime_1.jsx)(Tag_1.Tag, { children: props.reportName })] })), (0, jsx_runtime_1.jsx)(ScheduledReportSettings_1.ScheduledReportSettings, { reportSchedule: data, onChange: props.onChange, allFormats: allFormats ?? [], allDestinations: allDestinations ?? [] })] }));
+};

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

@@ -0,0 +1,3 @@
+import { AdaptableApi } from '../../../Api/AdaptableApi';
+import { ReportSchedule } from '../../../AdaptableState/ExportState';
+export declare const isReportScheduleSettingsValid: (reportSchedule: ReportSchedule, api: AdaptableApi) => true | "A name is required." | "A scheduled export with this name already exists." | "Please select a report format.";

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isReportScheduleSettingsValid = void 0;
+const tslib_1 = require("tslib");
+const StringExtensions_1 = tslib_1.__importDefault(require("../../../Utilities/Extensions/StringExtensions"));
+const isReportScheduleSettingsValid = (reportSchedule, api) => {
+    if (!reportSchedule.Name?.trim()) {
+        return 'A name is required.';
+    }
+    const allSchedules = api.exportApi.getScheduledReports();
+    const isDuplicateName = allSchedules.some((d) => d.Name === reportSchedule.Name && d.Uuid !== reportSchedule.Uuid);
+    if (isDuplicateName) {
+        return 'A scheduled export with this name already exists.';
+    }
+    if (StringExtensions_1.default.IsNullOrEmpty(reportSchedule?.ReportFormat)) {
+        return 'Please select a report format.';
+    }
+    return true;
+};
+exports.isReportScheduleSettingsValid = isReportScheduleSettingsValid;