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

package/src/View/DataImport/DataImportPopup.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataImportPopup = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const HelpBlock_1 = tslib_1.__importDefault(require("../../components/HelpBlock"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
@@ -16,17 +17,12 @@ const DataImportPopup = (props) => {
             setIsWizardOpen(true);
         }
     }, []);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(PopupPanel_1.PopupPanel, { headerText: 'Data Import', glyphicon: 'import', infoLink: props.moduleInfo.HelpPage },
-            React.createElement(Flex_1.Box, null,
-                React.createElement(HelpBlock_1.default, { className: "twa:mb-2 twa:text-3" }, "Click the 'Import Data' button to Insert or Update data into AdapTable"),
-                React.createElement(SimpleButton_1.default, { icon: "import", variant: "raised", onClick: () => setIsWizardOpen(true) }, "Import Data"))),
-        isWizardOpen && (React.createElement(DataImportWizard_1.DataImportWizard, { onClose: () => {
-                setIsWizardOpen(false);
-                if (props?.popupParams == undefined ||
-                    ['Toolbar', 'ContextMenu', 'ColumnMenu', 'ModuleButton'].includes(props?.popupParams?.source)) {
-                    props.onClosePopup();
-                }
-            } }))));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(PopupPanel_1.PopupPanel, { headerText: 'Data Import', glyphicon: 'import', infoLink: props.moduleInfo.HelpPage, children: (0, jsx_runtime_1.jsxs)(Flex_1.Box, { children: [(0, jsx_runtime_1.jsx)(HelpBlock_1.default, { className: "twa:mb-2 twa:text-3", children: "Click the 'Import Data' button to Insert or Update data into AdapTable" }), (0, jsx_runtime_1.jsx)(SimpleButton_1.default, { icon: "import", variant: "raised", onClick: () => setIsWizardOpen(true), children: "Import Data" })] }) }), isWizardOpen && ((0, jsx_runtime_1.jsx)(DataImportWizard_1.DataImportWizard, { onClose: () => {
+                    setIsWizardOpen(false);
+                    if (props?.popupParams == undefined ||
+                        ['Toolbar', 'ContextMenu', 'ColumnMenu', 'ModuleButton'].includes(props?.popupParams?.source)) {
+                        props.onClosePopup();
+                    }
+                } }))] }));
 };
 exports.DataImportPopup = DataImportPopup;

package/src/View/DataImport/DataImportWizard/DataImportWizard.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataImportWizard = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const HelpBlock_1 = tslib_1.__importDefault(require("../../../components/HelpBlock"));
 const Tag_1 = require("../../../components/Tag");
@@ -160,12 +161,7 @@ const DataImportWizard = (props) => {
             adaptableApi.logError(`Error reading file ${file.name}. Please check the file is valid.`);
         }
     }, [adaptable]);
-    const fileMessage = file ? (React.createElement(HelpBlock_1.default, { className: "twa:mb-2" },
-        "File ",
-        React.createElement(Tag_1.Tag, null, file.name),
-        " is ready to be imported.")) : (React.createElement(HelpBlock_1.default, { className: "twa:mb-2" },
-        "Supported file types: ",
-        supportedFileFormats));
+    const fileMessage = file ? ((0, jsx_runtime_1.jsxs)(HelpBlock_1.default, { className: "twa:mb-2", children: ["File ", (0, jsx_runtime_1.jsx)(Tag_1.Tag, { children: file.name }), " is ready to be imported."] })) : ((0, jsx_runtime_1.jsxs)(HelpBlock_1.default, { className: "twa:mb-2", children: ["Supported file types: ", supportedFileFormats] }));
     // ---- TEXT IMPORT ----
     const [textError, setTextError] = React.useState(null);
     const handleTextChange = React.useCallback(async (text) => {
@@ -232,7 +228,7 @@ const DataImportWizard = (props) => {
         });
         adaptableApi.dataImportApi.internalApi.importData(validData);
     };
-    return (React.createElement(OnePageAdaptableWizard_1.OnePageAdaptableWizard, { data: null, moduleInfo: module.moduleInfo, finishText: "Import", onFinish: () => {
+    return ((0, jsx_runtime_1.jsx)(OnePageAdaptableWizard_1.OnePageAdaptableWizard, { data: null, moduleInfo: module.moduleInfo, finishText: "Import", onFinish: () => {
             handleFinish();
             props.onClose();
         }, onHide: () => {
@@ -245,7 +241,7 @@ const DataImportWizard = (props) => {
                 },
                 details: 'Upload the data',
                 render: () => {
-                    return (React.createElement(UploadSection_1.UploadSection, { importType: importType, onImportTypeChange: handleChangeImportType, 
+                    return ((0, jsx_runtime_1.jsx)(UploadSection_1.UploadSection, { importType: importType, onImportTypeChange: handleChangeImportType, 
                         // FILE
                         readFile: readFile, supportedFileFormats: supportedFileFormats, fileMessage: fileMessage, 
                         // TEXT
@@ -265,7 +261,7 @@ const DataImportWizard = (props) => {
                     return true;
                 },
                 render: () => {
-                    return (React.createElement(ColumnsSection_1.ColumnsSection, { columnsMap: columnsMap, onColumnsChange: (columnsMap) => {
+                    return ((0, jsx_runtime_1.jsx)(ColumnsSection_1.ColumnsSection, { columnsMap: columnsMap, onColumnsChange: (columnsMap) => {
                             setColumnsMap(columnsMap);
                         } }));
                 },
@@ -281,7 +277,7 @@ const DataImportWizard = (props) => {
                     return true;
                 },
                 render: () => {
-                    return (React.createElement(ValidationSection_1.ValidationSection, { errors: errors, data: rowData, columnsMap: columnsMap, onDataChange: handleRowDataChange, skipInvalidRows: skipInvalidRows, onSkipInvalidRowsChange: setSkipInvalidRows }));
+                    return ((0, jsx_runtime_1.jsx)(ValidationSection_1.ValidationSection, { errors: errors, data: rowData, columnsMap: columnsMap, onDataChange: handleRowDataChange, skipInvalidRows: skipInvalidRows, onSkipInvalidRowsChange: setSkipInvalidRows }));
                 },
             },
         ] }));

package/src/View/DataImport/DataImportWizard/sections/ColumnsSection.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColumnsSection = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const CheckBox_1 = require("../../../../components/CheckBox");
 const DropdownButton_1 = tslib_1.__importDefault(require("../../../../components/DropdownButton"));
@@ -50,7 +51,7 @@ const ColumnsSection = (props) => {
                 maxWidth: 110,
                 align: 'center',
                 render: (params) => {
-                    return (React.createElement(CheckBox_1.CheckBox, { disabled: params.data?.abColumn?.field === primaryKey, onChange: (checked) => {
+                    return ((0, jsx_runtime_1.jsx)(CheckBox_1.CheckBox, { disabled: params.data?.abColumn?.field === primaryKey, onChange: (checked) => {
                             handleColumnMapChange({
                                 ...params.data,
                                 include: checked,
@@ -80,15 +81,15 @@ const ColumnsSection = (props) => {
                             },
                         };
                     });
-                    return (React.createElement(DropdownButton_1.default, { showClearButton: true, onClear: () => {
+                    return ((0, jsx_runtime_1.jsx)(DropdownButton_1.default, { showClearButton: true, onClear: () => {
                             handleColumnMapChange({
                                 ...params.data,
                                 abColumn: null,
                                 include: false,
                             });
-                        }, className: "twa:w-full", columns: ['label'], items: availableColumns }, params.data?.abColumn?.friendlyName ??
-                        params.data?.abColumn?.columnId ??
-                        'Select Column'));
+                        }, className: "twa:w-full", columns: ['label'], items: availableColumns, children: params.data?.abColumn?.friendlyName ??
+                            params.data?.abColumn?.columnId ??
+                            'Select Column' }));
                 },
             },
             valid: {
@@ -98,35 +99,26 @@ const ColumnsSection = (props) => {
                 align: 'center',
                 render: (row) => {
                     if (!row.data.abColumn) {
-                        return (React.createElement(AdaptablePopover_1.AdaptablePopover, { popoverMinWidth: 200, showEvent: "mouseenter", hideEvent: "mouseleave", headerText: 'Validation Error', bodyText: ['Select Column'], MessageType: 'Error' }));
+                        return ((0, jsx_runtime_1.jsx)(AdaptablePopover_1.AdaptablePopover, { popoverMinWidth: 200, showEvent: "mouseenter", hideEvent: "mouseleave", headerText: 'Validation Error', bodyText: ['Select Column'], MessageType: 'Error' }));
                     }
                     const successColor = UIHelper_1.default.getColorByMessageType('Success');
-                    return React.createElement(icons_1.Icon, { name: "check", style: { color: successColor, fill: 'currentColor' } });
+                    return (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: "check", style: { color: successColor, fill: 'currentColor' } });
                 },
             },
         };
     }, [props.columnsMap]);
     if (!props.columnsMap) {
-        return (React.createElement(Flex_1.Box, { className: "twa:p-2" },
-            React.createElement(HelpBlock_1.default, { className: "twa:text-error" },
-                "No Data has been Imported. Go to ",
-                React.createElement(Tag_1.Tag, null, "Upload"),
-                " step and provide Data")));
+        return ((0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:p-2", children: (0, jsx_runtime_1.jsxs)(HelpBlock_1.default, { className: "twa:text-error", children: ["No Data has been Imported. Go to ", (0, jsx_runtime_1.jsx)(Tag_1.Tag, { children: "Upload" }), " step and provide Data"] }) }));
     }
-    return (React.createElement(Flex_1.Flex, { flexDirection: "column", className: "twa:p-2 twa:h-full" },
-        React.createElement(Tabs_1.Tabs, { className: "twa:mb-2 twa:h-full" },
-            React.createElement(Tabs_1.Tabs.Tab, null, "Columns"),
-            React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(InfiniteTable_1.DataSource, { data: props.columnsMap, primaryKey: 'field' },
-                    React.createElement(InfiniteTable_1.InfiniteTableGrid, { columnPinning: {
-                            valid: 'end',
-                            type: 'end',
-                        }, columnTypes: {
-                            default: {
-                                minWidth: 100,
-                                defaultFlex: 1,
-                            },
-                        }, domProps: tableDOMProps, columns: columns }))))));
+    return ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { flexDirection: "column", className: "twa:p-2 twa:h-full", children: (0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { className: "twa:mb-2 twa:h-full", children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Tab, { children: "Columns" }), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Content, { children: (0, jsx_runtime_1.jsx)(InfiniteTable_1.DataSource, { data: props.columnsMap, primaryKey: 'field', children: (0, jsx_runtime_1.jsx)(InfiniteTable_1.InfiniteTableGrid, { columnPinning: {
+                                valid: 'end',
+                                type: 'end',
+                            }, columnTypes: {
+                                default: {
+                                    minWidth: 100,
+                                    defaultFlex: 1,
+                                },
+                            }, domProps: tableDOMProps, columns: columns }) }) })] }) }));
 };
 exports.ColumnsSection = ColumnsSection;
 exports.ColumnsSection.displayName = 'ColumnsSection';

package/src/View/DataImport/DataImportWizard/sections/DataPreview.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataPreview = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const flatten_1 = tslib_1.__importDefault(require("../../../../Utilities/utils/flatten"));
 const React = tslib_1.__importStar(require("react"));
 const HelpBlock_1 = tslib_1.__importDefault(require("../../../../components/HelpBlock"));
@@ -35,10 +36,7 @@ const DataPreview = (props) => {
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const dataImportOptions = adaptable.api.optionsApi.getDataImportOptions();
     if (!props.data) {
-        return (React.createElement(HelpBlock_1.default, { color: 'var(--ab-color-error)' },
-            "No Data has been Imported. Go to ",
-            React.createElement(Tag_1.Tag, null, "Upload"),
-            " step and provide Data"));
+        return ((0, jsx_runtime_1.jsxs)(HelpBlock_1.default, { color: 'var(--ab-color-error)', children: ["No Data has been Imported. Go to ", (0, jsx_runtime_1.jsx)(Tag_1.Tag, { children: "Upload" }), " step and provide Data"] }));
     }
     const primaryKey = adaptable.api.optionsApi.getPrimaryKey();
     const columns = React.useMemo(() => {
@@ -97,10 +95,10 @@ const DataPreview = (props) => {
                 const cellErrors = getRowErrors(props.errors, getPrimaryKeyValue(params.data));
                 const successColor = UIHelper_1.default.getColorByMessageType('Success');
                 if (!cellErrors || cellErrors.length === 0) {
-                    return React.createElement(icons_1.Icon, { name: "check", style: { color: successColor, fill: 'currentColor' } });
+                    return (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: "check", style: { color: successColor, fill: 'currentColor' } });
                 }
                 const errorsStr = cellErrors.map((e) => e.error).join(', ');
-                return (React.createElement(AdaptablePopover_1.AdaptablePopover, { popoverMinWidth: 200, showEvent: "mouseenter", hideEvent: "mouseleave", headerText: 'Validation Error', bodyText: [errorsStr], MessageType: 'Error' }));
+                return ((0, jsx_runtime_1.jsx)(AdaptablePopover_1.AdaptablePopover, { popoverMinWidth: 200, showEvent: "mouseenter", hideEvent: "mouseleave", headerText: 'Validation Error', bodyText: [errorsStr], MessageType: 'Error' }));
             },
         };
         infiniteColumns['type'] = {
@@ -115,7 +113,7 @@ const DataPreview = (props) => {
                 catch (error) {
                     // empty
                 }
-                return React.createElement(React.Fragment, null);
+                return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
             },
         };
         return infiniteColumns;
@@ -129,7 +127,7 @@ const DataPreview = (props) => {
             border: 'var(--ab-Dataimport-validation-error__border)',
         };
     };
-    return (React.createElement(InfiniteTable_1.DataSource, { data: props.data, primaryKey: primaryKey, onDataMutations: (params) => {
+    return ((0, jsx_runtime_1.jsx)(InfiniteTable_1.DataSource, { data: props.data, primaryKey: primaryKey, onDataMutations: (params) => {
             const newRowData = [...props.data];
             const mutationsList = (0, flatten_1.default)(Array.from(params.mutations.values()));
             if (!mutationsList.length) {
@@ -142,8 +140,7 @@ const DataPreview = (props) => {
                 }
             });
             props.onDataChange(newRowData);
-        } },
-        React.createElement(InfiniteTable_1.InfiniteTableGrid, { columnPinning: {
+        }, children: (0, jsx_runtime_1.jsx)(InfiniteTable_1.InfiniteTableGrid, { columnPinning: {
                 valid: 'end',
                 type: 'end',
             }, columnTypes: {
@@ -154,6 +151,6 @@ const DataPreview = (props) => {
                     minWidth: 100,
                     defaultFlex: 1,
                 },
-            }, domProps: tableDOMProps, columns: columns })));
+            }, domProps: tableDOMProps, columns: columns }) }));
 };
 exports.DataPreview = DataPreview;

package/src/View/DataImport/DataImportWizard/sections/UploadSection/UploadFileSection.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImportFileSection = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const index_1 = tslib_1.__importDefault(require("../../../../../components/FileDroppable/index"));
 const index_2 = tslib_1.__importDefault(require("../../../../../components/HelpBlock/index"));
 const ImportFileSection = (props) => {
-    return (React.createElement(index_1.default, { loadingText: React.createElement(index_2.default, { className: "twa:mb-2" }, "File loaded , file ready to be imported."), message: props.message, helpText: "Data Import", defaultText: "Click here to select a file to load, or drag it here", dragOverText: "Drop file here to start Data Import", className: "twa:h-full", fileAccept: props.supportedFileFormats, readFile: props.readFile }));
+    return ((0, jsx_runtime_1.jsx)(index_1.default, { loadingText: (0, jsx_runtime_1.jsx)(index_2.default, { className: "twa:mb-2", children: "File loaded , file ready to be imported." }), message: props.message, helpText: "Data Import", defaultText: "Click here to select a file to load, or drag it here", dragOverText: "Drop file here to start Data Import", className: "twa:h-full", fileAccept: props.supportedFileFormats, readFile: props.readFile }));
 };
 exports.ImportFileSection = ImportFileSection;

package/src/View/DataImport/DataImportWizard/sections/UploadSection/UploadSection.js

@@ -2,22 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UploadSection = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const index_1 = tslib_1.__importDefault(require("../../../../../components/Radio/index"));
 const index_2 = require("../../../../../components/Tabs/index");
 const UploadFileSection_1 = require("./UploadFileSection");
 const UploadTextSection_1 = require("./UploadTextSection");
 const Flex_1 = require("../../../../../components/Flex");
 const UploadSection = (props) => {
-    return (react_1.default.createElement(Flex_1.Flex, { flexDirection: "column", className: "twa:p-2 twa:h-full" },
-        react_1.default.createElement(index_2.Tabs, { className: "twa:mb-2" },
-            react_1.default.createElement(index_2.Tabs.Tab, null, "Import Type"),
-            react_1.default.createElement(index_2.Tabs.Content, null,
-                react_1.default.createElement(Flex_1.Flex, { flexDirection: "column" },
-                    react_1.default.createElement(index_1.default, { onClick: () => props.onImportTypeChange('file'), checked: props.importType === 'file' }, "File"),
-                    react_1.default.createElement(index_1.default, { onClick: () => props.onImportTypeChange('text'), checked: props.importType === 'text' }, "Text")))),
-        react_1.default.createElement(index_2.Tabs, { className: "twa:flex-1" },
-            react_1.default.createElement(index_2.Tabs.Tab, null, props.importType === 'file' ? 'File Upload' : 'Text'),
-            react_1.default.createElement(index_2.Tabs.Content, null, props.importType === 'file' ? (react_1.default.createElement(UploadFileSection_1.ImportFileSection, { readFile: props.readFile, supportedFileFormats: props.supportedFileFormats, message: props.fileMessage })) : (react_1.default.createElement(UploadTextSection_1.ImportTextSection, { message: props.textMessage, text: props.text, onTextChange: props.onTextChange }))))));
+    return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "column", className: "twa:p-2 twa:h-full", children: [(0, jsx_runtime_1.jsxs)(index_2.Tabs, { className: "twa:mb-2", children: [(0, jsx_runtime_1.jsx)(index_2.Tabs.Tab, { children: "Import Type" }), (0, jsx_runtime_1.jsx)(index_2.Tabs.Content, { children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "column", children: [(0, jsx_runtime_1.jsx)(index_1.default, { onClick: () => props.onImportTypeChange('file'), checked: props.importType === 'file', children: "File" }), (0, jsx_runtime_1.jsx)(index_1.default, { onClick: () => props.onImportTypeChange('text'), checked: props.importType === 'text', children: "Text" })] }) })] }), (0, jsx_runtime_1.jsxs)(index_2.Tabs, { className: "twa:flex-1", children: [(0, jsx_runtime_1.jsx)(index_2.Tabs.Tab, { children: props.importType === 'file' ? 'File Upload' : 'Text' }), (0, jsx_runtime_1.jsx)(index_2.Tabs.Content, { children: props.importType === 'file' ? ((0, jsx_runtime_1.jsx)(UploadFileSection_1.ImportFileSection, { readFile: props.readFile, supportedFileFormats: props.supportedFileFormats, message: props.fileMessage })) : ((0, jsx_runtime_1.jsx)(UploadTextSection_1.ImportTextSection, { message: props.textMessage, text: props.text, onTextChange: props.onTextChange })) })] })] }));
 };
 exports.UploadSection = UploadSection;

package/src/View/DataImport/DataImportWizard/sections/UploadSection/UploadTextSection.js

@@ -2,12 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImportTextSection = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const index_1 = tslib_1.__importDefault(require("../../../../../components/HelpBlock/index"));
 const index_2 = tslib_1.__importDefault(require("../../../../../components/Textarea/index"));
 const ImportTextSection = (props) => {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(index_2.default, { value: props.text, onChange: (event) => props.onTextChange(event.target.value), className: "twa:h-full" }),
-        props.message && React.createElement(index_1.default, null, props.message)));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_2.default, { value: props.text, onChange: (event) => props.onTextChange(event.target.value), className: "twa:h-full" }), props.message && (0, jsx_runtime_1.jsx)(index_1.default, { children: props.message })] }));
 };
 exports.ImportTextSection = ImportTextSection;

package/src/View/DataImport/DataImportWizard/sections/ValidationSection.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ValidationSection = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const CheckBox_1 = require("../../../../components/CheckBox");
 const FormLayout_1 = tslib_1.__importStar(require("../../../../components/FormLayout"));
 const Tabs_1 = require("../../../../components/Tabs");
@@ -18,18 +18,8 @@ const getRowErrors = (errors, primaryKeyValue) => {
     return errors[primaryKeyValue];
 };
 const ValidationSection = (props) => {
-    return (React.createElement(Flex_1.Flex, { flexDirection: "column", className: "twa:p-2 twa:h-full" },
-        React.createElement(Tabs_1.Tabs, { className: "twa:mb-2" },
-            React.createElement(Tabs_1.Tabs.Tab, null, "Import Options"),
-            React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(FormLayout_1.default, null,
-                    React.createElement(FormLayout_1.FormRow, { label: "Exclude Invalid Rows" },
-                        React.createElement(CheckBox_1.CheckBox, { onChange: () => {
-                                props.onSkipInvalidRowsChange(!props.skipInvalidRows);
-                            }, checked: props.skipInvalidRows }))))),
-        React.createElement(Tabs_1.Tabs, { className: "twa:flex-1" },
-            React.createElement(Tabs_1.Tabs.Tab, null, "Preview"),
-            React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(DataPreview_1.DataPreview, { columnsMap: props.columnsMap, data: props.data, errors: props.errors, editable: true, onDataChange: props.onDataChange })))));
+    return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "column", className: "twa:p-2 twa:h-full", children: [(0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { className: "twa:mb-2", children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Tab, { children: "Import Options" }), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Content, { children: (0, jsx_runtime_1.jsx)(FormLayout_1.default, { children: (0, jsx_runtime_1.jsx)(FormLayout_1.FormRow, { label: "Exclude Invalid Rows", children: (0, jsx_runtime_1.jsx)(CheckBox_1.CheckBox, { onChange: () => {
+                                        props.onSkipInvalidRowsChange(!props.skipInvalidRows);
+                                    }, checked: props.skipInvalidRows }) }) }) })] }), (0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { className: "twa:flex-1", children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Tab, { children: "Preview" }), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Content, { children: (0, jsx_runtime_1.jsx)(DataPreview_1.DataPreview, { columnsMap: props.columnsMap, data: props.data, errors: props.errors, editable: true, onDataChange: props.onDataChange }) })] })] }));
 };
 exports.ValidationSection = ValidationSection;

package/src/View/DataSet/DataSetSelector.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataSetSelector = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const Radio_1 = tslib_1.__importDefault(require("../../components/Radio"));
 const AdaptableContext_1 = require("../AdaptableContext");
@@ -14,6 +15,6 @@ const DataSetSelector = ({ data }) => {
     const handleToggle = React.useCallback(() => {
         adaptable.api.dataSetApi.setDataSet(data.name);
     }, [isSelected]);
-    return (React.createElement(Radio_1.default, { "data-name": "select-dataset-button", "data-value": data.name, disabled: isDisabled, checked: isSelected, onClick: handleToggle }));
+    return ((0, jsx_runtime_1.jsx)(Radio_1.default, { "data-name": "select-dataset-button", "data-value": data.name, disabled: isDisabled, checked: isSelected, onClick: handleToggle }));
 };
 exports.DataSetSelector = DataSetSelector;

package/src/View/DataSet/DataSetStatusPanelPopover.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataSetStatusPanelPopover = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const SelectList_1 = require("../../components/SelectList");
 const AdaptableContext_1 = require("../AdaptableContext");
@@ -15,6 +16,6 @@ const DataSetStatusPanelPopover = () => {
         label: dataSet.name,
         value: dataSet.name,
     }));
-    return React.createElement(SelectList_1.SelectList, { options: options, onChange: handleDataSetChange });
+    return (0, jsx_runtime_1.jsx)(SelectList_1.SelectList, { options: options, onChange: handleDataSetChange });
 };
 exports.DataSetStatusPanelPopover = DataSetStatusPanelPopover;

package/src/View/DataSet/DataSetViewPanel.js

@@ -2,13 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataSetViewPanelControl = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const InternalRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/InternalRedux"));
 const React = tslib_1.__importStar(require("react"));
 const StringExtensions_1 = require("../../Utilities/Extensions/StringExtensions");
 const react_redux_1 = require("react-redux");
 const ArrayExtensions_1 = tslib_1.__importDefault(require("../../Utilities/Extensions/ArrayExtensions"));
-const Select_1 = require("../../components/Select");
 const Flex_1 = require("../../components/Flex");
+const NewSelect_1 = require("../../components/NewSelect");
 class DataSetViewPanelComponent extends React.Component {
     getCurrentDataSet() {
         return StringExtensions_1.StringExtensions.IsNullOrEmpty(this.props.CurrentDataSetName)
@@ -29,8 +30,7 @@ class DataSetViewPanelComponent extends React.Component {
             };
         });
         const elementType = this.props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
-        return (React.createElement(Flex_1.Flex, { flexDirection: "row", className: `ab-${elementType}__DataSet__wrap` },
-            React.createElement(Select_1.Select, { "aria-label": 'Select Data Set', placeholder: 'Select Data Set', disabled: ArrayExtensions_1.default.IsNullOrEmpty(availableDataSets), options: availableDataSets, value: currentDataSetName, className: `ab-${elementType}__DataSet__select twa:w-full`, onChange: (destination) => this.onSelectedDataSetChanged(destination) })));
+        return ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { flexDirection: "row", className: `ab-${elementType}__DataSet__wrap`, children: (0, jsx_runtime_1.jsx)(NewSelect_1.SingleSelect, { ariaLabel: 'Select Data Set', placeholder: 'Select Data Set', disabled: ArrayExtensions_1.default.IsNullOrEmpty(availableDataSets), items: availableDataSets, value: currentDataSetName, className: `ab-${elementType}__DataSet__select twa:w-full`, onValueChange: (destination) => this.onSelectedDataSetChanged(destination) }) }));
     }
     onSelectedDataSetChanged(dataSetName) {
         if (StringExtensions_1.StringExtensions.IsNullOrEmpty(dataSetName)) {

package/src/View/Export/ExportDestinationPicker.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExportDestinationPicker = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const DropdownButton_1 = tslib_1.__importDefault(require("../../components/DropdownButton"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const NewDropdownButton_1 = require("../../components/NewDropdownButton");
 const icons_1 = require("../../components/icons");
 const AdaptableContext_1 = require("../AdaptableContext");
 const ButtonExport_1 = require("../Components/Buttons/ButtonExport");
@@ -16,13 +16,12 @@ const ExportDestinationPicker = ({ reportName, reportFormat, viewType, }) => {
     };
     const supportedDestinations = exportApi.getSupportedExportDestinations(reportFormat);
     if (supportedDestinations.length === 0 || supportedDestinations.length === 1) {
-        return (react_1.default.createElement(ButtonExport_1.ButtonExport, { className: (0, clsx_1.default)(viewType !== 'StatusBar' ? '' : undefined, ''), onClick: () => handleExport(supportedDestinations[0]), tooltip: "Export Report", disabled: reportName == undefined || reportFormat == undefined }));
+        return ((0, jsx_runtime_1.jsx)(ButtonExport_1.ButtonExport, { tooltip: 'Export Report', className: (0, clsx_1.default)(viewType !== 'StatusBar' ? '' : undefined, ''), onClick: () => handleExport(supportedDestinations[0]), disabled: reportName == undefined || reportFormat == undefined }));
     }
     const destinationItems = supportedDestinations.map((destination) => ({
         label: destination,
         onClick: () => handleExport(destination),
     }));
-    return (react_1.default.createElement(DropdownButton_1.default, { "data-name": "report-export-selector", disabled: reportName == undefined || reportFormat == undefined, columns: ['label'], tooltip: "Export Report", variant: "text", items: destinationItems },
-        react_1.default.createElement(icons_1.Icon, { name: "export" })));
+    return ((0, jsx_runtime_1.jsx)(NewDropdownButton_1.NewDropdownButton, { "data-name": "report-export-selector", disabled: reportName == undefined || reportFormat == undefined, tooltip: "Export Report", variant: "text", items: destinationItems, children: (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: "export" }) }));
 };
 exports.ExportDestinationPicker = ExportDestinationPicker;

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

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

package/src/View/Export/ExportSchedulesTab.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExportSchedulesTab = 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 formatScheduledReportSummary_1 = require("../../Strategy/Utilities/Export/formatScheduledReportSummary");
+const AdaptableContext_1 = require("../AdaptableContext");
+const AdaptableObjectList_1 = require("../Components/AdaptableObjectList/AdaptableObjectList");
+const ButtonDelete_1 = require("../Components/Buttons/ButtonDelete");
+const ButtonEdit_1 = require("../Components/Buttons/ButtonEdit");
+const EmptyContent_1 = tslib_1.__importDefault(require("../../components/EmptyContent"));
+const ScheduledReportWizard_1 = require("./Wizard/ScheduledReportWizard");
+const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
+const ExportSchedulesTab = () => {
+    const { api } = (0, AdaptableContext_1.useAdaptable)();
+    const dispatch = (0, react_redux_1.useDispatch)();
+    (0, react_redux_1.useSelector)((state) => state.Export?.Revision);
+    const accessLevel = api.entitlementApi.getEntitlementAccessLevelForModule(ModuleConstants.ExportModuleId);
+    const [editingSchedule, setEditingSchedule] = React.useState(null);
+    const schedules = api.exportApi.getScheduledReports();
+    const exportModule = api.internalApi
+        .getModuleService()
+        .getModuleById(ModuleConstants.ExportModuleId);
+    const moduleInfo = exportModule?.moduleInfo;
+    if (!exportModule) {
+        return null;
+    }
+    if (!schedules.length) {
+        return ((0, jsx_runtime_1.jsx)(EmptyContent_1.default, { children: "No report schedules configured. Schedule a report from the Export toolbar or create one when editing a report." }));
+    }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("ul", { className: "ab-Adaptable-Object-List twa:list-none twa:p-0 twa:m-0 twa:flex twa:flex-col twa:gap-3", children: schedules.map((reportSchedule) => ((0, jsx_runtime_1.jsx)(ExportScheduleListItem, { module: exportModule, reportSchedule: reportSchedule, accessLevel: accessLevel, onEdit: () => setEditingSchedule(reportSchedule), onSuspend: () => dispatch(ExportRedux.ScheduledReportSuspend(reportSchedule)), onUnSuspend: () => dispatch(ExportRedux.ScheduledReportUnSuspend(reportSchedule)) }, reportSchedule.Uuid))) }), editingSchedule && moduleInfo && ((0, jsx_runtime_1.jsx)(ScheduledReportWizard_1.ScheduledReportWizard, { moduleInfo: moduleInfo, data: editingSchedule, popupParams: {
+                    action: 'Edit',
+                    source: 'Other',
+                    value: {
+                        reportName: editingSchedule.ReportName,
+                        schedule: editingSchedule,
+                    },
+                }, configEntities: null, onCloseWizard: () => setEditingSchedule(null), onFinishWizard: () => setEditingSchedule(null) }))] }));
+};
+exports.ExportSchedulesTab = ExportSchedulesTab;
+const ExportScheduleListItem = (props) => {
+    const { reportSchedule, accessLevel } = props;
+    return ((0, jsx_runtime_1.jsx)(AdaptableObjectList_1.AdaptableObjectListItemView, { module: props.module, abObject: reportSchedule, accessLevel: accessLevel, entityType: "Schedule", showActions: true, showEditButton: false, items: [
+            {
+                name: 'Report',
+                values: [reportSchedule.ReportName],
+            },
+            {
+                name: 'Schedule',
+                values: [(0, formatScheduledReportSummary_1.formatScheduledReportSummary)(reportSchedule)],
+            },
+        ], actions: [
+            (0, jsx_runtime_1.jsx)(ButtonEdit_1.ButtonEdit, { accessLevel: accessLevel, onClick: props.onEdit, tooltip: "Edit Schedule" }, "edit"),
+            (0, jsx_runtime_1.jsx)(ButtonDelete_1.ButtonDelete, { accessLevel: accessLevel, tooltip: "Delete Schedule", ConfirmationTitle: "Delete Schedule", ConfirmationMsg: "Are you sure you want to delete this schedule?", ConfirmAction: ExportRedux.ScheduledReportDelete(reportSchedule) }, "delete"),
+        ], suspendedEnabled: true, onSuspend: props.onSuspend, onUnSuspend: props.onUnSuspend }));
+};

package/src/View/Export/ExportStatusBar.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExportStatusBar = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_redux_1 = require("react-redux");
 const ReportNameSelector_1 = require("./ReportNameSelector");
 const ReportFormatSelector_1 = require("./ReportFormatSelector");
@@ -14,10 +13,6 @@ const ExportStatusBar = () => {
     const exportApi = adaptable.api.exportApi;
     const currentReportName = (0, react_redux_1.useSelector)((state) => state.Export.CurrentReport);
     const currentFormat = (0, react_redux_1.useSelector)((state) => state.Export.CurrentFormat);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Flex_1.Flex, { className: "twa:gap-1" },
-            react_1.default.createElement(ReportNameSelector_1.ReportNameSelector, { viewType: "StatusBar", reportName: currentReportName, onReportNameSelected: (reportName) => exportApi.selectReport(reportName) }),
-            react_1.default.createElement(ReportFormatSelector_1.ReportFormatSelector, { viewType: "StatusBar", reportName: currentReportName, reportFormat: currentFormat, onReportFormatSelected: (reportFormat) => exportApi.selectFormat(reportFormat) })),
-        react_1.default.createElement(ExportDestinationPicker_1.ExportDestinationPicker, { viewType: "StatusBar", reportName: currentReportName, reportFormat: currentFormat })));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Flex_1.Flex, { className: "twa:gap-1", children: [(0, jsx_runtime_1.jsx)(ReportNameSelector_1.ReportNameSelector, { viewType: "StatusBar", reportName: currentReportName, onReportNameSelected: (reportName) => exportApi.selectReport(reportName) }), (0, jsx_runtime_1.jsx)(ReportFormatSelector_1.ReportFormatSelector, { viewType: "StatusBar", reportName: currentReportName, reportFormat: currentFormat, onReportFormatSelected: (reportFormat) => exportApi.selectFormat(reportFormat) })] }), (0, jsx_runtime_1.jsx)(ExportDestinationPicker_1.ExportDestinationPicker, { viewType: "StatusBar", reportName: currentReportName, reportFormat: currentFormat })] }));
 };
 exports.ExportStatusBar = ExportStatusBar;

package/src/View/Export/ExportViewPanel.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExportViewPanel = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_redux_1 = require("react-redux");
 const join_1 = tslib_1.__importDefault(require("../../components/utils/join"));
 const ExportRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/ExportRedux"));
@@ -28,39 +28,37 @@ const ExportViewPanel = (props) => {
     const currentFormat = (0, react_redux_1.useSelector)((state) => state.Export.CurrentFormat);
     const currentReport = exportApi.getReportByName(currentReportName);
     const accessLevel = AdaptableHelper_1.default.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_1.Flex, { flexDirection: "row", className: (0, clsx_1.default)(`ab-${elementType}__CellSummary__wrap twa:gap-1 twa:flex-row`, {
+    return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "row", className: (0, clsx_1.default)(`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_1.ReportNameSelector, { viewType: props.viewType, reportName: currentReportName, userReports: userReports, onReportNameSelected: (reportName) => exportApi.selectReport(reportName) }),
-        React.createElement(ReportFormatSelector_1.ReportFormatSelector, { viewType: props.viewType, reportName: currentReportName, reportFormat: currentFormat, onReportFormatSelected: (reportFormat) => exportApi.selectFormat(reportFormat) }),
-        React.createElement(Flex_1.Flex, { className: (0, join_1.default)(accessLevel == GeneralConstants.ACCESS_LEVEL_READ_ONLY
-                ? GeneralConstants.READ_ONLY_STYLE
-                : '', `ab-${elementType}__Export__controls twa:w-full`) },
-            React.createElement(Flex_1.Flex, { className: "twa:min-w-[44px]" },
-                React.createElement(ExportDestinationPicker_1.ExportDestinationPicker, { viewType: props.viewType, reportName: currentReportName, reportFormat: currentFormat })),
-            React.createElement(Flex_1.Flex, null,
-                React.createElement(ButtonEdit_1.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_1.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_1.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_1.ButtonSchedule, { className: `ab-${elementType}__Export__schedule`, onClick: () => {
-                        const reportSchedule = ObjectFactory_1.default.CreateReportSchedule(currentReportName, currentFormat);
-                        dispatch(PopupRedux.PopupShowScreen(ModuleConstants.ScheduleModuleId, 'SchedulePopup', {
-                            action: 'New',
-                            source: 'Toolbar',
-                            value: reportSchedule,
-                        }));
-                    }, tooltip: "Schedule", disabled: currentReport == null, accessLevel: props.accessLevel }))))));
+        }), children: [(0, jsx_runtime_1.jsx)(ReportNameSelector_1.ReportNameSelector, { viewType: props.viewType, reportName: currentReportName, userReports: userReports, onReportNameSelected: (reportName) => exportApi.selectReport(reportName) }), (0, jsx_runtime_1.jsx)(ReportFormatSelector_1.ReportFormatSelector, { viewType: props.viewType, reportName: currentReportName, reportFormat: currentFormat, onReportFormatSelected: (reportFormat) => exportApi.selectFormat(reportFormat) }), (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { className: (0, join_1.default)(accessLevel == GeneralConstants.ACCESS_LEVEL_READ_ONLY
+                    ? GeneralConstants.READ_ONLY_STYLE
+                    : '', `ab-${elementType}__Export__controls twa:w-full`), children: [(0, jsx_runtime_1.jsx)(Flex_1.Flex, { className: "twa:min-w-[44px]", children: (0, jsx_runtime_1.jsx)(ExportDestinationPicker_1.ExportDestinationPicker, { viewType: props.viewType, reportName: currentReportName, reportFormat: currentFormat }) }), (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { children: [(0, jsx_runtime_1.jsx)(ButtonEdit_1.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 }), (0, jsx_runtime_1.jsx)(ButtonNew_1.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 }), (0, jsx_runtime_1.jsx)(ButtonDelete_1.ButtonDelete, { tooltip: "Delete Report", className: `ab-${elementType}__Export__delete`, disabled: currentReport == null, ConfirmAction: ExportRedux.ReportDelete(currentReport), ConfirmationMsg: deleteMessage, ConfirmationTitle: 'Delete Report', accessLevel: accessLevel }), (0, jsx_runtime_1.jsx)(ButtonSchedule_1.ButtonSchedule, { className: `ab-${elementType}__Export__schedule`, onClick: () => {
+                                    const reportSchedule = ObjectFactory_1.default.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 })] })] })] }));
 };
 exports.ExportViewPanel = ExportViewPanel;