@adaptabletools/adaptable 16.2.4 → 17.0.0-canary.1

package/src/View/DataSet/DataSetStatusPanelPopover.js

@@ -1,12 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataSetStatusPanelPopover = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const SelectList_1 = require("../../components/SelectList");
-const AdaptableContext_1 = require("../AdaptableContext");
-const DataSetStatusPanelPopover = () => {
-    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+import * as React from 'react';
+import { SelectList } from '../../components/SelectList';
+import { useAdaptable } from '../AdaptableContext';
+export const DataSetStatusPanelPopover = () => {
+    const adaptable = useAdaptable();
     const dataSets = adaptable.api.dataSetApi.getDataSets();
     const handleDataSetChange = React.useCallback((option) => {
         adaptable.api.dataSetApi.setDataSet(option.label);
@@ -15,6 +11,5 @@ const DataSetStatusPanelPopover = () => {
         label: dataSet.name,
         value: dataSet.name,
     }));
-    return React.createElement(SelectList_1.SelectList, { options: options, onChange: handleDataSetChange });
+    return React.createElement(SelectList, { options: options, onChange: handleDataSetChange });
 };
-exports.DataSetStatusPanelPopover = DataSetStatusPanelPopover;

package/src/View/DataSet/DataSetViewPanel.d.ts

@@ -15,5 +15,5 @@ declare class DataSetViewPanelComponent extends React.Component<DataSetViewPanel
     render(): JSX.Element;
     onSelectedDataSetChanged(dataSetName: string): void;
 }
-export declare let DataSetViewPanelControl: import("react-redux").ConnectedComponent<typeof DataSetViewPanelComponent, import("react-redux").Omit<React.ClassAttributes<DataSetViewPanelComponent> & DataSetViewPanelComponentProps, "api" | "accessLevel" | "moduleInfo" | "viewType" | "CurrentDataSetName" | "onSelectDataSet">>;
+export declare let DataSetViewPanelControl: import("react-redux").ConnectedComponent<typeof DataSetViewPanelComponent, import("react-redux").Omit<JSX.LibraryManagedAttributes<C, import("react-redux").GetProps<C>>, keyof DataSetViewPanelComponentProps>>;
 export {};

package/src/View/DataSet/DataSetViewPanel.js

@@ -1,16 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataSetViewPanelControl = void 0;
-const tslib_1 = require("tslib");
-const SystemRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/SystemRedux"));
-const React = tslib_1.__importStar(require("react"));
-const StringExtensions_1 = require("../../Utilities/Extensions/StringExtensions");
-const rebass_1 = require("rebass");
-const DropdownButton_1 = tslib_1.__importDefault(require("../../components/DropdownButton"));
-const react_redux_1 = require("react-redux");
+import * as SystemRedux from '../../Redux/ActionsReducers/SystemRedux';
+import * as React from 'react';
+import { StringExtensions } from '../../Utilities/Extensions/StringExtensions';
+import { Flex } from 'rebass';
+import { connect } from 'react-redux';
+import ArrayExtensions from '../../Utilities/Extensions/ArrayExtensions';
+import { Select } from '../../components/Select';
 class DataSetViewPanelComponent extends React.Component {
     getCurrentDataSet() {
-        return StringExtensions_1.StringExtensions.IsNullOrEmpty(this.props.CurrentDataSetName)
+        return StringExtensions.IsNullOrEmpty(this.props.CurrentDataSetName)
             ? null
             : this.getDataSets().find((ds) => ds.name == this.props.CurrentDataSetName);
     }
@@ -29,11 +26,11 @@ class DataSetViewPanelComponent extends React.Component {
             };
         });
         const elementType = this.props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
-        return (React.createElement(rebass_1.Flex, { flexDirection: "row", className: `ab-${elementType}__DataSet__wrap` },
-            React.createElement(DropdownButton_1.default, { marginRight: 2, columns: ['label'], style: { minWidth: 160, fontSize: 'small' }, className: `ab-${elementType}__DataSet__select`, items: availableDataSets, variant: "outlined", tone: 'neutral' }, currentDataSetName)));
+        return (React.createElement(Flex, { flexDirection: "row", className: `ab-${elementType}__DataSet__wrap` },
+            React.createElement(Select, { style: { width: '100%' }, placeholder: 'Select Data Set', disabled: ArrayExtensions.IsNullOrEmpty(availableDataSets), options: availableDataSets, value: currentDataSetName, className: `ab-${elementType}__DataSet__select`, onChange: (destination) => this.onSelectedDataSetChanged(destination) })));
     }
     onSelectedDataSetChanged(dataSetName) {
-        if (StringExtensions_1.StringExtensions.IsNullOrEmpty(dataSetName)) {
+        if (StringExtensions.IsNullOrEmpty(dataSetName)) {
             this.setState({ CurrentDataSet: null });
         }
         else {
@@ -55,4 +52,4 @@ function mapDispatchToProps(dispatch) {
         },
     };
 }
-exports.DataSetViewPanelControl = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(DataSetViewPanelComponent);
+export let DataSetViewPanelControl = connect(mapStateToProps, mapDispatchToProps)(DataSetViewPanelComponent);

package/src/View/Export/ExportSelector.js

@@ -1,13 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExportSelector = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const DropdownButton_1 = tslib_1.__importDefault(require("../../components/DropdownButton"));
-const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
-const StringExtensions_1 = tslib_1.__importDefault(require("../../Utilities/Extensions/StringExtensions"));
-const AdaptableContext_1 = require("../AdaptableContext");
-const constants_1 = require("./constants");
+import * as React from 'react';
+import DropdownButton from '../../components/DropdownButton';
+import SimpleButton from '../../components/SimpleButton';
+import StringExtensions from '../../Utilities/Extensions/StringExtensions';
+import { useAdaptable } from '../AdaptableContext';
+import { SELECT_DESTINATION_STRING, SELECT_REPORT_STRING } from './constants';
 const dropdownStyle = {
     padding: 2,
     fontSize: 'small',
@@ -15,8 +11,8 @@ const dropdownStyle = {
 const isCustomDestination = (destination) => {
     return !!destination.name;
 };
-const ExportSelector = () => {
-    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+export const ExportSelector = () => {
+    const adaptable = useAdaptable();
     // reports
     const handleReportChange = (report) => {
         adaptable.api.exportApi.selectReport(report);
@@ -31,7 +27,7 @@ const ExportSelector = () => {
         };
     });
     const currentReport = adaptable.api.exportApi.getCurrentReport();
-    const currentReportId = StringExtensions_1.default.IsNullOrEmpty(currentReport === null || currentReport === void 0 ? void 0 : currentReport.Name)
+    const currentReportId = StringExtensions.IsNullOrEmpty(currentReport === null || currentReport === void 0 ? void 0 : currentReport.Name)
         ? currentReport
         : currentReport.Name;
     // destinations
@@ -58,7 +54,7 @@ const ExportSelector = () => {
         currentDestinationId = currentDestination.name;
     }
     else {
-        currentDestinationId = constants_1.SELECT_DESTINATION_STRING;
+        currentDestinationId = SELECT_DESTINATION_STRING;
     }
     // export
     const handleExport = () => {
@@ -70,8 +66,7 @@ const ExportSelector = () => {
         }
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(DropdownButton_1.default, { disabled: allReportNames.length == 0, style: dropdownStyle, items: reportItems, columns: ['label'], onClear: () => handleReportChange(null), showClearButton: !!currentReport, variant: "outlined", marginRight: 2 }, currentReportId !== null && currentReportId !== void 0 ? currentReportId : constants_1.SELECT_REPORT_STRING),
-        React.createElement(DropdownButton_1.default, { disabled: currentReportId === constants_1.SELECT_REPORT_STRING, style: dropdownStyle, items: destinationItems, columns: ['label'], onClear: () => handleDestinationChange(null), showClearButton: !!currentDestination, variant: "outlined", marginRight: 2 }, currentDestinationId),
-        React.createElement(SimpleButton_1.default, { disabled: currentDestinationId === constants_1.SELECT_DESTINATION_STRING, iconSize: 15, icon: "export", variant: "text", onClick: handleExport })));
+        React.createElement(DropdownButton, { disabled: allReportNames.length == 0, style: dropdownStyle, items: reportItems, columns: ['label'], onClear: () => handleReportChange(null), showClearButton: !!currentReport, variant: "outlined", marginRight: 2 }, currentReportId !== null && currentReportId !== void 0 ? currentReportId : SELECT_REPORT_STRING),
+        React.createElement(DropdownButton, { disabled: currentReportId === SELECT_REPORT_STRING, style: dropdownStyle, items: destinationItems, columns: ['label'], onClear: () => handleDestinationChange(null), showClearButton: !!currentDestination, variant: "outlined", marginRight: 2 }, currentDestinationId),
+        React.createElement(SimpleButton, { disabled: currentDestinationId === SELECT_DESTINATION_STRING, iconSize: 15, icon: "export", variant: "text", onClick: handleExport })));
 };
-exports.ExportSelector = ExportSelector;

package/src/View/Export/ExportTablePopup.js

@@ -1,10 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExportTablePopup = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const InfiniteTable_1 = require("../../components/InfiniteTable");
-const AdaptableContext_1 = require("../AdaptableContext");
+import * as React from 'react';
+import { DataSource, InfiniteTable } from '../../components/InfiniteTable';
+import { useAdaptable } from '../AdaptableContext';
 const tableDOMProps = {
     style: {
         height: '100%',
@@ -12,8 +8,8 @@ const tableDOMProps = {
         minHeight: 300,
     },
 };
-const ExportTablePopup = (props) => {
-    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+export const ExportTablePopup = (props) => {
+    const adaptable = useAdaptable();
     const adaptableApi = adaptable.api;
     const primaryKey = '_rowIndex';
     const { reportData, } = props.popupProps;
@@ -51,11 +47,10 @@ const ExportTablePopup = (props) => {
     const columnOrder = React.useMemo(() => {
         return Object.keys(columns);
     }, [columns]);
-    return (React.createElement(InfiniteTable_1.DataSource, { data: data, primaryKey: primaryKey },
-        React.createElement(InfiniteTable_1.InfiniteTable, { columnTypes: {
+    return (React.createElement(DataSource, { data: data, primaryKey: primaryKey },
+        React.createElement(InfiniteTable, { columnTypes: {
                 default: {
                     defaultFlex: 1,
                 },
             }, domProps: tableDOMProps, columns: columns })));
 };
-exports.ExportTablePopup = ExportTablePopup;

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

@@ -25,5 +25,5 @@ declare class ExportViewPanelComponent extends React.Component<ExportViewPanelCo
     private isCustomDestination;
     private onNewReportSchedule;
 }
-export declare let ExportViewPanelControl: import("react-redux").ConnectedComponent<typeof ExportViewPanelComponent, import("react-redux").Omit<React.ClassAttributes<ExportViewPanelComponent> & ExportViewPanelComponentProps, "api" | "accessLevel" | "moduleInfo" | "Columns" | "CurrentReport" | "CurrentDestination" | "viewType" | "onApplyExport" | "onSelectReport" | "onSelectDestination" | "onNewReport" | "onEditReport" | "onNewReportSchedule" | "UserReports">>;
+export declare let ExportViewPanelControl: import("react-redux").ConnectedComponent<typeof ExportViewPanelComponent, import("react-redux").Omit<JSX.LibraryManagedAttributes<C, import("react-redux").GetProps<C>>, keyof ExportViewPanelComponentProps>>;
 export {};

package/src/View/Export/ExportViewPanel.js

@@ -1,36 +1,32 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExportViewPanelControl = void 0;
-const tslib_1 = require("tslib");
-const Enums_1 = require("../../PredefinedConfig/Common/Enums");
-const ExportRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/ExportRedux"));
-const PopupRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/PopupRedux"));
-const React = tslib_1.__importStar(require("react"));
-const StringExtensions_1 = require("../../Utilities/Extensions/StringExtensions");
-const GeneralConstants = tslib_1.__importStar(require("../../Utilities/Constants/GeneralConstants"));
-const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
-const AdaptableHelper_1 = tslib_1.__importDefault(require("../../Utilities/Helpers/AdaptableHelper"));
-const rebass_1 = require("rebass");
-const DropdownButton_1 = tslib_1.__importDefault(require("../../components/DropdownButton"));
-const join_1 = tslib_1.__importDefault(require("../../components/utils/join"));
-const ButtonExport_1 = require("../Components/Buttons/ButtonExport");
-const ButtonEdit_1 = require("../Components/Buttons/ButtonEdit");
-const ButtonNew_1 = require("../Components/Buttons/ButtonNew");
-const ButtonDelete_1 = require("../Components/Buttons/ButtonDelete");
-const ButtonSchedule_1 = require("../Components/Buttons/ButtonSchedule");
-const ObjectFactory_1 = tslib_1.__importDefault(require("../../Utilities/ObjectFactory"));
-const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
-const react_redux_1 = require("react-redux");
-const constants_1 = require("./constants");
-const ArrayExtensions_1 = tslib_1.__importDefault(require("../../Utilities/Extensions/ArrayExtensions"));
+import { ExportDestination } from '../../PredefinedConfig/Common/Enums';
+import * as ExportRedux from '../../Redux/ActionsReducers/ExportRedux';
+import * as PopupRedux from '../../Redux/ActionsReducers/PopupRedux';
+import * as React from 'react';
+import { StringExtensions } from '../../Utilities/Extensions/StringExtensions';
+import * as GeneralConstants from '../../Utilities/Constants/GeneralConstants';
+import { VISUAL_DATA_REPORT } from '../../Utilities/Constants/GeneralConstants';
+import AdaptableHelper from '../../Utilities/Helpers/AdaptableHelper';
+import { Flex } from 'rebass';
+import join from '../../components/utils/join';
+import { ButtonExport } from '../Components/Buttons/ButtonExport';
+import { ButtonEdit } from '../Components/Buttons/ButtonEdit';
+import { ButtonNew } from '../Components/Buttons/ButtonNew';
+import { ButtonDelete } from '../Components/Buttons/ButtonDelete';
+import { ButtonSchedule } from '../Components/Buttons/ButtonSchedule';
+import ObjectFactory from '../../Utilities/ObjectFactory';
+import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
+import { connect } from 'react-redux';
+import { SELECT_DESTINATION_STRING, SELECT_REPORT_STRING } from './constants';
+import ArrayExtensions from '../../Utilities/Extensions/ArrayExtensions';
+import { Select } from '../../components/Select';
 class ExportViewPanelComponent extends React.Component {
     render() {
         let currentReport = this.props.api.exportApi.getReportByName(this.props.CurrentReport);
-        let currentReportId = StringExtensions_1.StringExtensions.IsNullOrEmpty(this.props.CurrentReport)
-            ? constants_1.SELECT_REPORT_STRING
+        let currentReportId = StringExtensions.IsNullOrEmpty(this.props.CurrentReport)
+            ? SELECT_REPORT_STRING
             : this.props.CurrentReport;
         const allReportNames = this.getAllReportNames();
-        let reportItems = allReportNames.map((report) => {
+        const reportItems = allReportNames.map((report) => {
             return {
                 label: report,
                 value: report,
@@ -40,36 +36,39 @@ class ExportViewPanelComponent extends React.Component {
         if (currentReport && !allReportNames.includes(currentReport.Name)) {
             // current report is not available
             currentReport = undefined;
-            currentReportId = constants_1.SELECT_REPORT_STRING;
+            currentReportId = SELECT_REPORT_STRING;
         }
         let currentDestination = this.props.api.exportApi.getDestinationByName(this.props.CurrentDestination);
-        let currentDestinationId = StringExtensions_1.StringExtensions.IsNullOrEmpty(this.props.CurrentDestination)
-            ? constants_1.SELECT_DESTINATION_STRING
+        let currentDestinationId = StringExtensions.IsNullOrEmpty(this.props.CurrentDestination)
+            ? SELECT_DESTINATION_STRING
             : this.props.CurrentDestination;
         const destinationItems = [
             ...this.props.api.exportApi.getAvailableExportDestinations().map((destination) => ({
                 label: destination,
                 onClick: () => this.onSelectedDestinationChanged(destination),
-                disabled: !this.props.api.exportApi.internalApi.isDestinationEnabled(destination),
+                value: destination,
+                isDisabled: !this.props.api.exportApi.internalApi.isDestinationEnabled(destination),
             })),
             ...this.props.api.exportApi.getCustomDestinations().map((destination) => ({
                 label: destination.name,
                 onClick: () => this.onSelectedDestinationChanged(destination.name),
+                value: destination.name,
+                isDisabled: false,
             })),
         ];
-        if ((currentReport === null || currentReport === void 0 ? void 0 : currentReport.Name) === GeneralConstants_1.VISUAL_DATA_REPORT) {
-            destinationItems.forEach((item) => (item.disabled = item.label === Enums_1.ExportDestination.Excel ? false : true));
+        if ((currentReport === null || currentReport === void 0 ? void 0 : currentReport.Name) === VISUAL_DATA_REPORT) {
+            destinationItems.forEach((item) => (item.isDisabled = item.label === ExportDestination.Excel ? false : true));
         }
         if (currentDestination &&
             !destinationItems
-                .filter((destinationItem) => !destinationItem.disabled)
+                .filter((destinationItem) => !destinationItem.isDisabled)
                 .map((destinationItem) => destinationItem.label)
                 .includes(this.props.CurrentDestination)) {
             // current destination is not available
             currentDestination = undefined;
-            currentDestinationId = constants_1.SELECT_DESTINATION_STRING;
+            currentDestinationId = SELECT_DESTINATION_STRING;
         }
-        let accessLevel = AdaptableHelper_1.default.getAppropriateAccessLevel(currentReport, this.props.accessLevel);
+        let accessLevel = AdaptableHelper.getAppropriateAccessLevel(currentReport, this.props.accessLevel);
         let deleteMessage = "Are you sure you want to delete '";
         if (currentReport != null) {
             deleteMessage = deleteMessage + currentReport.Name + "'?";
@@ -78,19 +77,19 @@ class ExportViewPanelComponent extends React.Component {
             this.props.onApplyExport(currentReport, this.isCustomDestination(currentDestination) ? currentDestination.name : currentDestination);
         };
         const elementType = this.props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
-        return (React.createElement(rebass_1.Flex, { style: { gap: 5 }, flexDirection: "row", className: `ab-${elementType}__Export__wrap`, flexWrap: this.props.viewType === 'ToolPanel' ? 'wrap' : 'nowrap' },
-            React.createElement(rebass_1.Flex, { flex: 1 },
-                React.createElement(DropdownButton_1.default, { disabled: allReportNames.length == 0, width: "100%", fontSize: "small", items: reportItems, columns: ['label'], className: `ab-${elementType}__Export__select`, onClear: () => this.onSelectedReportChanged(null), showClearButton: !!currentReport, variant: "outlined", marginRight: 2 }, currentReportId)),
-            React.createElement(rebass_1.Flex, { flex: 1 },
-                React.createElement(DropdownButton_1.default, { disabled: currentReportId === constants_1.SELECT_REPORT_STRING, width: "100%", fontSize: "small", items: destinationItems, columns: ['label'], className: `ab-${elementType}__Export__export`, onClear: () => this.onSelectedDestinationChanged(null), showClearButton: !!currentDestination, variant: "outlined", marginRight: 2 }, currentDestinationId)),
-            React.createElement(rebass_1.Flex, { className: (0, join_1.default)(accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__Export__controls`), style: { width: '100%' } },
-                React.createElement(ButtonExport_1.ButtonExport, { onClick: () => onApplyExport(), tooltip: "Export Report", className: `ab-${elementType}__Export__export`, disabled: currentReport == null || currentDestination == null }),
-                React.createElement(ButtonEdit_1.ButtonEdit, { onClick: () => this.props.onEditReport(this.props.moduleInfo.Popup), tooltip: "Edit Report", className: `ab-${elementType}__Export__edit`, disabled: currentReport == null || this.props.api.exportApi.isExternalReport(currentReport), accessLevel: accessLevel }),
-                React.createElement(ButtonNew_1.ButtonNew, { variant: "text", className: `ab-${elementType}__Export__new`, tone: "neutral", children: null, onClick: () => this.props.onNewReport(this.props.moduleInfo.Popup), tooltip: "Create New Report", accessLevel: 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 }),
+        return (React.createElement(Flex, { style: { gap: 5 }, flexDirection: "row", className: `ab-${elementType}__Export__wrap`, flexWrap: this.props.viewType === 'ToolPanel' ? 'wrap' : 'nowrap' },
+            React.createElement(Flex, { flex: 1, minWidth: 150 },
+                React.createElement(Select, { style: { width: '100%' }, placeholder: SELECT_REPORT_STRING, disabled: allReportNames.length == 0, className: `ab-${elementType}__Export__select`, options: reportItems, onChange: (report) => this.onSelectedReportChanged(report), value: currentReportId, isClearable: true })),
+            React.createElement(Flex, { flex: 1, minWidth: 150 },
+                React.createElement(Select, { style: { width: '100%' }, placeholder: SELECT_DESTINATION_STRING, disabled: currentReportId === SELECT_REPORT_STRING, options: destinationItems, value: currentDestinationId, className: `ab-${elementType}__Export__select`, onChange: (destination) => this.onSelectedDestinationChanged(destination) })),
+            React.createElement(Flex, { className: join(accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__Export__controls`), style: { width: '100%' } },
+                React.createElement(ButtonExport, { onClick: () => onApplyExport(), tooltip: "Export Report", className: `ab-${elementType}__Export__export`, disabled: currentReport == null || currentDestination == null }),
+                React.createElement(ButtonEdit, { onClick: () => this.props.onEditReport(this.props.moduleInfo.Popup), tooltip: "Edit Report", className: `ab-${elementType}__Export__edit`, disabled: currentReport == null || this.props.api.exportApi.isExternalReport(currentReport), accessLevel: accessLevel }),
+                React.createElement(ButtonNew, { variant: "text", className: `ab-${elementType}__Export__new`, tone: "neutral", children: null, onClick: () => this.props.onNewReport(this.props.moduleInfo.Popup), tooltip: "Create New Report", accessLevel: accessLevel }),
+                React.createElement(ButtonDelete, { tooltip: "Delete Report", className: `ab-${elementType}__Export__delete`, disabled: currentReport == null, ConfirmAction: ExportRedux.ReportDelete(currentReport), ConfirmationMsg: deleteMessage, ConfirmationTitle: 'Delete Report', accessLevel: accessLevel }),
                 this.props.api.internalApi
                     .getEntitlementService()
-                    .isModuleFullEntitlement('Schedule') && (React.createElement(ButtonSchedule_1.ButtonSchedule, { marginLeft: 1, className: `ab-${elementType}__Export__schedule`, onClick: () => this.onNewReportSchedule(), tooltip: "Schedule", disabled: currentReport == null, accessLevel: this.props.accessLevel })))));
+                    .isModuleFullEntitlement('Schedule') && (React.createElement(ButtonSchedule, { marginLeft: 1, className: `ab-${elementType}__Export__schedule`, onClick: () => this.onNewReportSchedule(), tooltip: "Schedule", disabled: currentReport == null, accessLevel: this.props.accessLevel })))));
     }
     onSelectedReportChanged(reportName) {
         this.props.onSelectReport(reportName);
@@ -104,7 +103,7 @@ class ExportViewPanelComponent extends React.Component {
             ...this.props.UserReports.map((r) => r.Name),
         ];
         const externalReports = this.props.api.exportApi.getExternalReports();
-        if (ArrayExtensions_1.default.IsNotNullOrEmpty(externalReports)) {
+        if (ArrayExtensions.IsNotNullOrEmpty(externalReports)) {
             reportNames.push(...externalReports.map((r) => r.name));
         }
         return reportNames;
@@ -114,7 +113,7 @@ class ExportViewPanelComponent extends React.Component {
         // && typeof (destination as CustomDestination)?.onExport === 'function'
     }
     onNewReportSchedule() {
-        let reportSchedule = ObjectFactory_1.default.CreateReportSchedule(this.props.CurrentReport);
+        let reportSchedule = ObjectFactory.CreateReportSchedule(this.props.CurrentReport);
         this.props.onNewReportSchedule(reportSchedule);
     }
 }
@@ -145,4 +144,4 @@ function mapDispatchToProps(dispatch) {
         })),
     };
 }
-exports.ExportViewPanelControl = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(ExportViewPanelComponent);
+export let ExportViewPanelControl = connect(mapStateToProps, mapDispatchToProps)(ExportViewPanelComponent);

package/src/View/Export/ReportExportDropdown.js

@@ -1,21 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReportExportDropdown = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_redux_1 = require("react-redux");
-const DropdownButton_1 = tslib_1.__importDefault(require("../../components/DropdownButton"));
-const icons_1 = require("../../components/icons");
-const Enums_1 = require("../../PredefinedConfig/Common/Enums");
-const ExportRedux_1 = require("../../Redux/ActionsReducers/ExportRedux");
-const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
-const AdaptableContext_1 = require("../AdaptableContext");
-const ReportExportDropdown = (props) => {
+import * as React from 'react';
+import { useDispatch } from 'react-redux';
+import DropdownButton from '../../components/DropdownButton';
+import { Icon } from '../../components/icons';
+import { ExportDestination } from '../../PredefinedConfig/Common/Enums';
+import { ExportApply } from '../../Redux/ActionsReducers/ExportRedux';
+import { VISUAL_DATA_REPORT } from '../../Utilities/Constants/GeneralConstants';
+import { useAdaptable } from '../AdaptableContext';
+export const ReportExportDropdown = (props) => {
     const report = props.data;
-    const adaptable = (0, AdaptableContext_1.useAdaptable)();
-    const dispatch = (0, react_redux_1.useDispatch)();
+    const adaptable = useAdaptable();
+    const dispatch = useDispatch();
     const handleExport = (destination) => {
-        dispatch((0, ExportRedux_1.ExportApply)(report, destination));
+        dispatch(ExportApply(report, destination));
     };
     const destinationItems = [
         ...adaptable.api.exportApi.getAvailableExportDestinations().map((destination) => ({
@@ -30,10 +26,9 @@ const ReportExportDropdown = (props) => {
             },
         })),
     ];
-    if ((report === null || report === void 0 ? void 0 : report.Name) === GeneralConstants_1.VISUAL_DATA_REPORT) {
-        destinationItems.forEach((item) => (item.disabled = item.label === Enums_1.ExportDestination.Excel ? false : true));
+    if ((report === null || report === void 0 ? void 0 : report.Name) === VISUAL_DATA_REPORT) {
+        destinationItems.forEach((item) => (item.disabled = item.label === ExportDestination.Excel ? false : true));
     }
-    return (React.createElement(DropdownButton_1.default, { "data-name": "export-dropdown", columns: ['label'], tooltip: "Export Report", variant: "text", items: destinationItems },
-        React.createElement(icons_1.Icon, { name: "export" })));
+    return (React.createElement(DropdownButton, { "data-name": "export-dropdown", columns: ['label'], tooltip: "Export Report", variant: "text", items: destinationItems },
+        React.createElement(Icon, { name: "export" })));
 };
-exports.ReportExportDropdown = ReportExportDropdown;

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

@@ -1,35 +1,31 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NewReportWizard = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_1 = require("react");
-const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-const Helper_1 = require("../../../Utilities/Helpers/Helper");
-const rebass_1 = require("rebass");
-const ReportColumnsWizardSection_1 = require("./ReportColumnsWizardSection");
-const ReportRowsWizardSection_1 = require("./ReportRowsWizardSection");
-const ReportNameWizardSection_1 = require("./ReportNameWizardSection");
-const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
-const react_redux_1 = require("react-redux");
-const ExportRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/ExportRedux"));
-const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
-const NewReportWizard = (props) => {
+import * as React from 'react';
+import { useState } from 'react';
+import { OnePageAdaptableWizard, OnePageWizardSummary } from '../../Wizard/OnePageAdaptableWizard';
+import { cloneObject } from '../../../Utilities/Helpers/Helper';
+import { Box } from 'rebass';
+import { renderReportColumnsSummary, ReportColumnsWizardSection, } from './ReportColumnsWizardSection';
+import { isValidReportRowsQuery, renderReportRowsSummary, ReportRowsWizardSection, } from './ReportRowsWizardSection';
+import { isValidReportName, renderReportNameSummary, ReportNameWizardSection, } from './ReportNameWizardSection';
+import ObjectFactory from '../../../Utilities/ObjectFactory';
+import { useDispatch, useSelector } from 'react-redux';
+import * as ExportRedux from '../../../Redux/ActionsReducers/ExportRedux';
+import { ObjectTagsWizardSection, renderObjectTagsSummary, } from '../../Wizard/ObjectTagsWizardSection';
+export const NewReportWizard = (props) => {
     var _a, _b;
     const isEdit = ((_a = props.popupParams) === null || _a === void 0 ? void 0 : _a.action)
         ? props.popupParams.action === 'Edit'
         : Boolean(props.data);
-    const currentReport = (0, react_redux_1.useSelector)((state) => {
+    const currentReport = useSelector((state) => {
         if (!isEdit) {
             return;
         }
         return state.Export.Reports.find((report) => report.Name === state.Export.CurrentReport);
     });
     const data = (_b = props.data) !== null && _b !== void 0 ? _b : currentReport;
-    const [report, setReport] = (0, react_1.useState)(() => {
-        return data ? (0, Helper_1.cloneObject)(data) : ObjectFactory_1.default.CreateEmptyReport();
+    const [report, setReport] = useState(() => {
+        return data ? cloneObject(data) : ObjectFactory.CreateEmptyReport();
     });
-    const dispatch = (0, react_redux_1.useDispatch)();
+    const dispatch = useDispatch();
     const handleFinish = () => {
         if (isEdit) {
             dispatch(ExportRedux.ReportEdit(report));
@@ -39,44 +35,43 @@ const NewReportWizard = (props) => {
         }
         props.onFinishWizard(report);
     };
-    return (React.createElement(OnePageAdaptableWizard_1.OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: report, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
+    return (React.createElement(OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: report, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
             {
                 title: 'Columns',
                 details: 'Choose the Columns you want to include in the Report',
-                renderSummary: ReportColumnsWizardSection_1.renderReportColumnsSummary,
-                render: () => React.createElement(ReportColumnsWizardSection_1.ReportColumnsWizardSection, { onChange: setReport }),
+                renderSummary: renderReportColumnsSummary,
+                render: () => React.createElement(ReportColumnsWizardSection, { onChange: setReport }),
             },
             {
                 title: 'Rows',
                 details: 'Choose the Rows you want to include in the Report',
-                isValid: ReportRowsWizardSection_1.isValidReportRowsQuery,
-                renderSummary: ReportRowsWizardSection_1.renderReportRowsSummary,
-                render: () => React.createElement(ReportRowsWizardSection_1.ReportRowsWizardSection, { onChange: setReport }),
+                isValid: isValidReportRowsQuery,
+                renderSummary: renderReportRowsSummary,
+                render: () => React.createElement(ReportRowsWizardSection, { onChange: setReport }),
             },
             {
                 title: 'Name',
                 details: 'Enter the name of the Report',
-                isValid: ReportNameWizardSection_1.isValidReportName,
-                renderSummary: ReportNameWizardSection_1.renderReportNameSummary,
-                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
-                    React.createElement(ReportNameWizardSection_1.ReportNameWizardSection, { onChange: setReport }))),
+                isValid: isValidReportName,
+                renderSummary: renderReportNameSummary,
+                render: () => (React.createElement(Box, { padding: 2 },
+                    React.createElement(ReportNameWizardSection, { onChange: setReport }))),
             },
             {
                 details: 'Select Report Tags',
                 title: 'Tags',
                 isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
-                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
-                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setReport }))),
-                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
+                render: () => (React.createElement(Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection, { onChange: setReport }))),
+                renderSummary: renderObjectTagsSummary,
             },
             '-',
             {
                 title: 'Summary',
                 render: () => {
-                    return (React.createElement(rebass_1.Box, { padding: 2 },
-                        React.createElement(OnePageAdaptableWizard_1.OnePageWizardSummary, null)));
+                    return (React.createElement(Box, { padding: 2 },
+                        React.createElement(OnePageWizardSummary, null)));
                 },
             },
         ] }));
 };
-exports.NewReportWizard = NewReportWizard;

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

@@ -1,13 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReportColumnTypeWizard = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const WizardPanel_1 = tslib_1.__importDefault(require("../../../components/WizardPanel"));
-const Radio_1 = tslib_1.__importDefault(require("../../../components/Radio"));
-const rebass_1 = require("rebass");
-const HelpBlock_1 = tslib_1.__importDefault(require("../../../components/HelpBlock"));
-class ReportColumnTypeWizard extends React.Component {
+import * as React from 'react';
+import WizardPanel from '../../../components/WizardPanel';
+import Radio from '../../../components/Radio';
+import { Flex } from 'rebass';
+import HelpBlock from '../../../components/HelpBlock';
+export class ReportColumnTypeWizard extends React.Component {
     constructor(props) {
         super(props);
         this.state = {
@@ -16,16 +12,16 @@ class ReportColumnTypeWizard extends React.Component {
     }
     render() {
         return (React.createElement("div", { "data-name": 'report-select-columns' },
-            React.createElement(WizardPanel_1.default, null,
-                React.createElement(rebass_1.Flex, { flexDirection: "column", padding: 2 },
-                    React.createElement(HelpBlock_1.default, { marginBottom: 1 }, "All columns in the datasource will be included in the Report, whether visible or not at time of export"),
-                    React.createElement(Radio_1.default, { value: "All", checked: this.state.ReportColumnScope == 'AllColumns', onChange: (_, e) => this.onScopeSelectChanged(e), marginRight: 3 }, "All Columns"),
+            React.createElement(WizardPanel, null,
+                React.createElement(Flex, { flexDirection: "column", padding: 2 },
+                    React.createElement(HelpBlock, { marginBottom: 1 }, "All columns in the datasource will be included in the Report, whether visible or not at time of export"),
+                    React.createElement(Radio, { value: "All", checked: this.state.ReportColumnScope == 'AllColumns', onChange: (_, e) => this.onScopeSelectChanged(e), marginRight: 3 }, "All Columns"),
                     ' ',
-                    React.createElement(HelpBlock_1.default, { marginBottom: 1 }, "Only columns that are visible at the time the Report is exported will be included"),
-                    React.createElement(Radio_1.default, { value: "Visible", checked: this.state.ReportColumnScope == 'VisibleColumns', onChange: (_, e) => this.onScopeSelectChanged(e), marginRight: 3 }, "Visible Columns Only"),
+                    React.createElement(HelpBlock, { marginBottom: 1 }, "Only columns that are visible at the time the Report is exported will be included"),
+                    React.createElement(Radio, { value: "Visible", checked: this.state.ReportColumnScope == 'VisibleColumns', onChange: (_, e) => this.onScopeSelectChanged(e), marginRight: 3 }, "Visible Columns Only"),
                     ' ',
-                    React.createElement(HelpBlock_1.default, { marginBottom: 1 }, "Only selected columns (which you will choose in the next step) will be exported - whether visible or not"),
-                    React.createElement(Radio_1.default, { value: "Bespoke", marginRight: 3, checked: this.state.ReportColumnScope == 'ScopeColumns', onChange: (_, e) => this.onScopeSelectChanged(e) }, "Bespoke Columns"),
+                    React.createElement(HelpBlock, { marginBottom: 1 }, "Only selected columns (which you will choose in the next step) will be exported - whether visible or not"),
+                    React.createElement(Radio, { value: "Bespoke", marginRight: 3, checked: this.state.ReportColumnScope == 'ScopeColumns', onChange: (_, e) => this.onScopeSelectChanged(e) }, "Bespoke Columns"),
                     ' '))));
     }
     onScopeSelectChanged(event) {
@@ -70,4 +66,3 @@ class ReportColumnTypeWizard extends React.Component {
         return 1;
     }
 }
-exports.ReportColumnTypeWizard = ReportColumnTypeWizard;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Report } from '../../../PredefinedConfig/ExportState';
-export declare type ReportColumnsWizardSectionProps = {
+export type ReportColumnsWizardSectionProps = {
     onChange: (data: Report) => void;
 };
 export declare const isValidReportColumnsScope: (report: Report) => true | "Column scope is not defined";