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

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,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,29 @@
+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,
+    }));
+    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: [_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>;

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

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import { useDispatch } from 'react-redux';
+import * as ExportRedux from '../../../Redux/ActionsReducers/ExportRedux';
+import ObjectFactory from '../../../Utilities/ObjectFactory';
+import { OnePageAdaptableWizard, OnePageWizardSummary, SummaryText, useOnePageAdaptableWizardContext, } from '../../Wizard/OnePageAdaptableWizard';
+import { Tag } from '../../../components/Tag';
+import { isScheduleValid, ScheduleBuilderWizard, } from '../../Schedule/Wizard/ScheduleScheduleWizard';
+import { ScheduleScheduleSummary } from '../../Schedule/Wizard/ScheduleScheduleSummary';
+import { ObjectTagsWizardSection, renderObjectTagsSummary, } from '../../Wizard/ObjectTagsWizardSection';
+import { ScheduledReportSettings } from './ScheduledReportSettings';
+import { ScheduledReportSettingsSummary } from './ScheduledReportSettingsSummary';
+import { isReportScheduleSettingsValid } from './isReportScheduledSettingsValid';
+import { Box } from '../../../components/Flex';
+export 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.CreateEmptyReportSchedule(reportName);
+    });
+    const dispatch = 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 (_jsx(OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, moduleName: "Report Schedule", data: reportSchedule, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
+            {
+                title: 'Settings',
+                isValid: (data, api) => isReportScheduleSettingsValid(data, api),
+                renderSummary: () => _jsx(ScheduledReportSettingsSummary, {}),
+                render: () => (_jsx(Box, { className: "twa:p-3", children: _jsx(ScheduledReportSettingsSection, { onChange: setReportSchedule, reportName: reportName }) })),
+            },
+            {
+                title: 'Schedule',
+                isValid: (data) => isScheduleValid({ Schedule: data.Schedule }),
+                renderSummary: () => _jsx(ScheduleScheduleSummary, {}),
+                render: () => (_jsx(Box, { className: "twa:p-3", children: _jsx(ScheduleBuilderWizard, { onChange: handleScheduleChange }) })),
+            },
+            {
+                details: 'Select Schedule Tags',
+                title: 'Tags',
+                isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
+                render: () => (_jsx(Box, { className: "twa:p-2", children: _jsx(ObjectTagsWizardSection, { onChange: setReportSchedule }) })),
+                renderSummary: renderObjectTagsSummary,
+            },
+            '-',
+            {
+                render: () => (_jsx(Box, { className: "twa:p-2", children: _jsx(OnePageWizardSummary, {}) })),
+                title: 'Summary',
+            },
+        ] }));
+};
+const ScheduledReportSettingsSection = (props) => {
+    const { data, api } = useOnePageAdaptableWizardContext();
+    const allFormats = api.exportApi.getAvailableSystemFormats();
+    const allDestinations = api.exportApi.getAllExportDestinations();
+    return (_jsxs(_Fragment, { children: [props.reportName && (_jsxs(SummaryText, { children: ["Report: ", _jsx(Tag, { children: props.reportName })] })), _jsx(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,15 @@
+import StringExtensions from '../../../Utilities/Extensions/StringExtensions';
+export 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.IsNullOrEmpty(reportSchedule?.ReportFormat)) {
+        return 'Please select a report format.';
+    }
+    return true;
+};

package/src/View/Filter/ActiveFiltersPanel.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useAdaptable } from '../AdaptableContext';
 import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
 import { AdaptableObjectCompactList } from '../Components/AdaptableObjectList/AdaptableObjectCompactList';
@@ -6,5 +6,5 @@ export const ActiveFiltersPanel = () => {
     const adaptable = useAdaptable();
     const filterModule = adaptable.ModuleService.getModuleById(ModuleConstants.ColumnFilterModuleId);
     const columnFilters = adaptable.api.filterApi.columnFilterApi.getColumnFilters();
-    return React.createElement(AdaptableObjectCompactList, { abObjects: columnFilters, module: filterModule });
+    return _jsx(AdaptableObjectCompactList, { abObjects: columnFilters, module: filterModule });
 };

package/src/View/Filter/FilterStatusBarSubPanelPopover.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ActiveFiltersPanel } from './ActiveFiltersPanel';
 export const FilterStatusBarSubPanelPopover = () => {
-    return React.createElement(ActiveFiltersPanel, null);
+    return _jsx(ActiveFiltersPanel, {});
 };

package/src/View/Filter/FilterViewPanel.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as InternalRedux from '../../Redux/ActionsReducers/InternalRedux';
 import * as React from 'react';
 import { ActiveFiltersPanel } from './ActiveFiltersPanel';
@@ -27,15 +28,10 @@ class FilterViewPanelComponent extends React.Component {
                 this.props.api.filterApi.columnFilterApi.unSuspendAllColumnFilters();
             }
         };
-        return (React.createElement(Flex, { flexDirection: "row", className: `ab-${elementType}__Filter__wrap`, flexWrap: this.props.viewType === 'ToolPanel' ? 'wrap' : 'nowrap' },
-            React.createElement(Flex, null,
-                ArrayExtensions.IsNotNullOrEmpty(this.props.ColumnFilters) && (React.createElement(AdaptablePopover, { popupPadding: 0, className: `ab-${elementType}__Filter__info`, headerText: "", bodyText: [React.createElement(ActiveFiltersPanel, null)], useButton: true, showEvent: 'focus', hideEvent: "blur", popoverMinWidth: 400 })),
-                React.createElement(ButtonClear, { "aria-label": 'Clear Filters', className: `ab-${elementType}__Filter__clear twa:mx-1 twa:mb-0`, onClick: () => this.onClearFilters(), tooltip: "Clear Filters", disabled: this.props.ColumnFilters.length == 0, showText: this.props.viewType === 'ToolPanel' }, this.props.viewType === 'ToolPanel' && 'Clear'),
-                React.createElement(SimpleButton, { "aria-label": isAtLeastOneFilterActive ? 'Suspend All Filters' : 'Resume All Filters', className: join(`ab-${elementType}__Filter__suspend-button`, isAtLeastOneFilterActive && `ab-${elementType}__Filter__suspend-all`, !isAtLeastOneFilterActive && `ab-${elementType}__Filter__un-suspend-all`), disabled: !isAtLeastOneFilter, onClick: handleSuspendUnsuspendAll, tone: isAtLeastOneFilterActive ? 'neutral' : 'success', variant: "text", icon: isAtLeastOneFilterActive ? 'pause' : 'play', accessLevel: this.props.accessLevel })),
-            React.createElement(Flex, { alignItems: "center" }, this.props.api.filterApi.columnFilterApi.isQuickFilterAvailable() && (React.createElement(CheckBox, { "data-name": "quick-filter-toggle", className: `ab-${elementType}__Filter__active-check twa:my-0 twa:text-2 twa:p-1`, disabled: this.props.accessLevel === ACCESS_LEVEL_READ_ONLY ||
-                    this.props.api.layoutApi.isCurrentLayoutPivot(), checked: this.props.IsQuickFilterVisible, onChange: (checked) => {
-                    checked ? this.props.onShowQuickFilterBar() : this.props.onHideQuickFilterBar();
-                } }, "Filter Bar")))));
+        return (_jsxs(Flex, { flexDirection: "row", className: `ab-${elementType}__Filter__wrap`, flexWrap: this.props.viewType === 'ToolPanel' ? 'wrap' : 'nowrap', children: [_jsxs(Flex, { children: [ArrayExtensions.IsNotNullOrEmpty(this.props.ColumnFilters) && (_jsx(AdaptablePopover, { popupPadding: 0, className: `ab-${elementType}__Filter__info`, headerText: "", bodyText: [_jsx(ActiveFiltersPanel, {})], useButton: true, showEvent: 'focus', hideEvent: "blur", popoverMinWidth: 400 })), _jsx(ButtonClear, { "aria-label": 'Clear Filters', className: `ab-${elementType}__Filter__clear twa:mx-1 twa:mb-0`, onClick: () => this.onClearFilters(), tooltip: "Clear Filters", disabled: this.props.ColumnFilters.length == 0, showText: this.props.viewType === 'ToolPanel', children: this.props.viewType === 'ToolPanel' && 'Clear' }), _jsx(SimpleButton, { "aria-label": isAtLeastOneFilterActive ? 'Suspend All Filters' : 'Resume All Filters', className: join(`ab-${elementType}__Filter__suspend-button`, isAtLeastOneFilterActive && `ab-${elementType}__Filter__suspend-all`, !isAtLeastOneFilterActive && `ab-${elementType}__Filter__un-suspend-all`), disabled: !isAtLeastOneFilter, onClick: handleSuspendUnsuspendAll, tone: isAtLeastOneFilterActive ? 'neutral' : 'success', variant: "text", icon: isAtLeastOneFilterActive ? 'pause' : 'play', accessLevel: this.props.accessLevel })] }), _jsx(Flex, { alignItems: "center", children: this.props.api.filterApi.columnFilterApi.isQuickFilterAvailable() && (_jsx(CheckBox, { "data-name": "quick-filter-toggle", className: `ab-${elementType}__Filter__active-check twa:my-0 twa:text-2 twa:p-1`, disabled: this.props.accessLevel === ACCESS_LEVEL_READ_ONLY ||
+                            this.props.api.layoutApi.isCurrentLayoutPivot(), checked: this.props.IsQuickFilterVisible, onChange: (checked) => {
+                            checked ? this.props.onShowQuickFilterBar() : this.props.onHideQuickFilterBar();
+                        }, children: "Filter Bar" })) })] }));
     }
     onClearFilters() {
         this.props.api.filterApi.columnFilterApi.clearColumnFilters();

package/src/View/FlashingCell/FlashingCellStyle.js

@@ -1,16 +1,7 @@
-import React from 'react';
+import { jsxs as _jsxs } from "react/jsx-runtime";
 import { StylePreview } from '../../components/StylePreview';
 import { Flex } from '../../components/Flex';
 export const FlashingCellStyle = (props) => {
     const { data, ...boxProps } = props;
-    return (React.createElement(Flex, { flexDirection: "row", ...boxProps },
-        React.createElement(StylePreview, { "data-value": "up-style", styleObject: props.data.UpChangeStyle, className: "twa:mr-1 twa:flex-1" },
-            "Up ",
-            !props.data.UpChangeStyle ? ' - no style' : ''),
-        React.createElement(StylePreview, { "data-value": "down-style", className: "twa:mr-1 twa:flex-1", styleObject: props.data.DownChangeStyle },
-            "Down",
-            !props.data.DownChangeStyle ? ' - no style' : ''),
-        React.createElement(StylePreview, { "data-value": "neutral-style", className: "twa:flex-1", styleObject: props.data.NeutralChangeStyle },
-            "Neutral ",
-            !props.data.NeutralChangeStyle ? ' - no style' : '')));
+    return (_jsxs(Flex, { flexDirection: "row", ...boxProps, children: [_jsxs(StylePreview, { "data-value": "up-style", styleObject: props.data.UpChangeStyle, className: "twa:mr-1 twa:flex-1", children: ["Up ", !props.data.UpChangeStyle ? ' - no style' : ''] }), _jsxs(StylePreview, { "data-value": "down-style", className: "twa:mr-1 twa:flex-1", styleObject: props.data.DownChangeStyle, children: ["Down", !props.data.DownChangeStyle ? ' - no style' : ''] }), _jsxs(StylePreview, { "data-value": "neutral-style", className: "twa:flex-1", styleObject: props.data.NeutralChangeStyle, children: ["Neutral ", !props.data.NeutralChangeStyle ? ' - no style' : ''] })] }));
 };

package/src/View/FlashingCell/Wizard/FlashingCellRulesWizardSection.js

@@ -1,43 +1,23 @@
-import * as React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
 import { CodeBlock } from '../../../components/CodeBlock';
 import { EntityRulesEditor, EntityRulesSummary } from '../../Components/EntityRulesEditor';
 export const renderFlashingAlertRulesSummary = (flashingAlert) => {
     const { api: { flashingCellApi }, } = useOnePageAdaptableWizardContext();
     const FlashTarget = flashingAlert.FlashTarget ?? flashingCellApi.getFlashingCellFlashTarget(flashingAlert);
-    return (React.createElement(EntityRulesSummary, { data: flashingAlert, renderPredicate: (content) => {
-            return (React.createElement(React.Fragment, null,
-                "Flash ",
-                React.createElement(CodeBlock, null, FlashTarget),
-                " - value condition",
-                ' ',
-                React.createElement(CodeBlock, null, content)));
+    return (_jsx(EntityRulesSummary, { data: flashingAlert, renderPredicate: (content) => {
+            return (_jsxs(_Fragment, { children: ["Flash ", _jsx(CodeBlock, { children: FlashTarget }), " - value condition", ' ', _jsx(CodeBlock, { children: content })] }));
         }, renderQueryExpression: (content) => {
-            return (React.createElement(React.Fragment, null,
-                "Flash ",
-                React.createElement(CodeBlock, null, FlashTarget),
-                " when",
-                ' ',
-                React.createElement("b", null,
-                    React.createElement(CodeBlock, null, content))));
+            return (_jsxs(_Fragment, { children: ["Flash ", _jsx(CodeBlock, { children: FlashTarget }), " when", ' ', _jsx("b", { children: _jsx(CodeBlock, { children: content }) })] }));
         } }));
 };
 export const FlashingAlertRulesWizardSection = (props) => {
     const { data, api, moduleInfo } = useOnePageAdaptableWizardContext();
     const predicateDefs = api.flashingCellApi.getFlashingCellPredicateDefsForScope(data.Scope);
-    return (React.createElement(EntityRulesEditor, { module: moduleInfo.ModuleName, defaultPredicateId: "AnyChange", data: data, predicateDefs: predicateDefs, getPredicateDefsForColId: (colId) => api.flashingCellApi.getFlashingCellPredicateDefsForScope({ ColumnIds: [colId] }), onChange: props.onChange, showAggregation: false, showObservable: false, showBoolean: true, showPredicate: true, descriptions: {
+    return (_jsx(EntityRulesEditor, { module: moduleInfo.ModuleName, defaultPredicateId: "AnyChange", data: data, predicateDefs: predicateDefs, getPredicateDefsForColId: (colId) => api.flashingCellApi.getFlashingCellPredicateDefsForScope({ ColumnIds: [colId] }), onChange: props.onChange, showAggregation: false, showObservable: false, showBoolean: true, showPredicate: true, descriptions: {
             selectPredicate: 'Select an Flashing Cell Rule - to be applied when data changes',
-            useBooleanQuery: (React.createElement(React.Fragment, null,
-                "Use an BooleanQuery if ",
-                React.createElement("i", null, "Scope"),
-                " is 'All Columns' - so any data change may be evaluated in a complex BooleanExpression")),
-            useObservableQuery: (React.createElement(React.Fragment, null,
-                "Use an ObservableQuery if ",
-                React.createElement("i", null, "Scope"),
-                " is 'All Columns' - so any data change may be evaluated in a complex ObservableExpression")),
-            useAggregationQuery: (React.createElement(React.Fragment, null,
-                "Use an AggregatedBooleanQuery if ",
-                React.createElement("i", null, "Scope"),
-                " is 'All Columns' - so any data change may be evaluated in a complex AggregatedBooleanExpression")),
+            useBooleanQuery: (_jsxs(_Fragment, { children: ["Use an BooleanQuery if ", _jsx("i", { children: "Scope" }), " is 'All Columns' - so any data change may be evaluated in a complex BooleanExpression"] })),
+            useObservableQuery: (_jsxs(_Fragment, { children: ["Use an ObservableQuery if ", _jsx("i", { children: "Scope" }), " is 'All Columns' - so any data change may be evaluated in a complex ObservableExpression"] })),
+            useAggregationQuery: (_jsxs(_Fragment, { children: ["Use an AggregatedBooleanQuery if ", _jsx("i", { children: "Scope" }), " is 'All Columns' - so any data change may be evaluated in a complex AggregatedBooleanExpression"] })),
         } }));
 };

package/src/View/FlashingCell/Wizard/FlashingCellScopeWizardSection.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { NewScopeComponent } from '../../Components/NewScopeComponent';
 import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
@@ -6,8 +7,7 @@ import { isScopeColumnIds } from '../../../AdaptableState/Common/ColumnScope';
 export const FlashingAlertScopeWizardSection = (props) => {
     const { data, api } = useOnePageAdaptableWizardContext();
     const availableColumns = React.useMemo(() => api.columnApi.getNonSpecialColumns(), []);
-    return (React.createElement(Flex, { flexDirection: "column", className: "twa:p-2 twa:h-full" },
-        React.createElement(NewScopeComponent, { descriptions: {
+    return (_jsx(Flex, { flexDirection: "column", className: "twa:p-2 twa:h-full", children: _jsx(NewScopeComponent, { descriptions: {
                 rowScope: 'Changes anywhere in the row will trigger an Flashing Cell',
                 columnScope: 'Changes in selected columns will trigger an Flashing Cell',
             }, scopeColumns: availableColumns, scope: data.Scope, updateScope: (Scope) => {
@@ -26,5 +26,5 @@ export const FlashingAlertScopeWizardSection = (props) => {
                     };
                 }
                 props.onChange(newData);
-            } })));
+            } }) }));
 };