@adaptabletools/adaptable 16.2.4 → 17.0.0-canary.1

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

@@ -1,22 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReportColumnsWizardSection = exports.renderReportColumnsSummary = exports.isValidReportColumnsScope = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
-const Radio_1 = tslib_1.__importDefault(require("../../../components/Radio"));
-const Tabs_1 = require("../../../components/Tabs");
-const NewScopeComponent_1 = require("../../Components/NewScopeComponent");
-const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-const isValidReportColumnsScope = (report) => {
+import * as React from 'react';
+import { Box, Flex, Text } from 'rebass';
+import Radio from '../../../components/Radio';
+import { Tabs } from '../../../components/Tabs';
+import { NewScopeComponent, renderScopeSummary } from '../../Components/NewScopeComponent';
+import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+export const isValidReportColumnsScope = (report) => {
     if (report.ReportColumnScope === 'ScopeColumns') {
         return report.Scope != null ? true : 'Column scope is not defined';
     }
     return true;
 };
-exports.isValidReportColumnsScope = isValidReportColumnsScope;
-const renderReportColumnsSummary = (report) => {
-    return (React.createElement(rebass_1.Box, { fontSize: 2 },
+export const renderReportColumnsSummary = (report) => {
+    return (React.createElement(Box, { fontSize: 2 },
         report.ReportColumnScope === 'AllColumns' ? (React.createElement(React.Fragment, null,
             "Include ",
             React.createElement("b", null, "all Columns"),
@@ -25,17 +20,16 @@ const renderReportColumnsSummary = (report) => {
             "Include ",
             React.createElement("b", null, "only visible Columns"),
             " in the Report")) : null,
-        report.ReportColumnScope === 'ScopeColumns' ? (React.createElement(React.Fragment, null, (0, NewScopeComponent_1.renderScopeSummary)(report.Scope, {
+        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));
 };
-exports.renderReportColumnsSummary = renderReportColumnsSummary;
-const ReportColumnsWizardSection = (props) => {
-    const { api, data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    return (React.createElement(rebass_1.Flex, { flexDirection: "column", style: { height: '100%' }, padding: 2 },
-        React.createElement(Tabs_1.Tabs, { m: 2, value: data.ReportColumnScope, onValueChange: (ReportColumnScope) => {
+export const ReportColumnsWizardSection = (props) => {
+    const { api, data } = useOnePageAdaptableWizardContext();
+    return (React.createElement(Flex, { flexDirection: "column", style: { height: '100%' }, padding: 2 },
+        React.createElement(Tabs, { m: 2, value: data.ReportColumnScope, onValueChange: (ReportColumnScope) => {
                 const report = Object.assign(Object.assign({}, data), { ReportColumnScope });
                 if (report.ReportColumnScope !== 'ScopeColumns') {
                     delete report.Scope;
@@ -49,20 +43,20 @@ const ReportColumnsWizardSection = (props) => {
                 }
                 props.onChange(report);
             } },
-            React.createElement(Tabs_1.Tabs.Tab, { value: "AllColumns" },
-                React.createElement(Radio_1.default, { margin: 0, checked: data.ReportColumnScope == 'AllColumns', tabIndex: -1 }, "All Columns")),
-            React.createElement(Tabs_1.Tabs.Tab, { value: "VisibleColumns" },
-                React.createElement(Radio_1.default, { margin: 0, checked: data.ReportColumnScope == 'VisibleColumns', tabIndex: -1 }, "Visible Columns")),
-            React.createElement(Tabs_1.Tabs.Tab, { value: "ScopeColumns" },
-                React.createElement(Radio_1.default, { margin: 0, checked: data.ReportColumnScope == 'ScopeColumns', tabIndex: -1 }, "Bespoke Columns")),
-            React.createElement(Tabs_1.Tabs.Content, { value: "AllColumns" },
-                React.createElement(rebass_1.Text, { fontSize: 2, padding: 2 }, "All Columns in the datasource will be included in the Report, whether visible or not at time of export")),
-            React.createElement(Tabs_1.Tabs.Content, { value: "VisibleColumns" },
-                React.createElement(rebass_1.Text, { fontSize: 2, padding: 2 }, "Only Columns that are visible at the time the Report is exported will be included")),
-            React.createElement(Tabs_1.Tabs.Content, { value: "BespokeColumns" },
-                React.createElement(rebass_1.Text, { fontSize: 2, padding: 2 }, "Only selected Columns (which you will choose in the next step) will be exported - whether visible or not"))),
-        data.ReportColumnScope === 'ScopeColumns' ? (React.createElement(rebass_1.Box, { padding: 2, flex: 1, style: { overflow: 'auto' } },
-            React.createElement(NewScopeComponent_1.NewScopeComponent, { hideWholeRow: true, isColumnAvailable: (column) => Boolean(column.exportable), descriptions: {
+            React.createElement(Tabs.Tab, { value: "AllColumns" },
+                React.createElement(Radio, { margin: 0, checked: data.ReportColumnScope == 'AllColumns', tabIndex: -1 }, "All Columns")),
+            React.createElement(Tabs.Tab, { value: "VisibleColumns" },
+                React.createElement(Radio, { margin: 0, checked: data.ReportColumnScope == 'VisibleColumns', tabIndex: -1 }, "Visible Columns")),
+            React.createElement(Tabs.Tab, { value: "ScopeColumns" },
+                React.createElement(Radio, { margin: 0, checked: data.ReportColumnScope == 'ScopeColumns', tabIndex: -1 }, "Bespoke Columns")),
+            React.createElement(Tabs.Content, { value: "AllColumns" },
+                React.createElement(Text, { fontSize: 2, padding: 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(Text, { fontSize: 2, padding: 2 }, "Only Columns that are visible at the time the Report is exported will be included")),
+            React.createElement(Tabs.Content, { value: "BespokeColumns" },
+                React.createElement(Text, { fontSize: 2, padding: 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, { padding: 2, flex: 1, style: { 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) => {
@@ -70,4 +64,3 @@ const ReportColumnsWizardSection = (props) => {
                     props.onChange(report);
                 } }))) : null));
 };
-exports.ReportColumnsWizardSection = ReportColumnsWizardSection;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { AdaptableApi } from '../../../Api/AdaptableApi';
 import { Report } from '../../../PredefinedConfig/ExportState';
-export declare type ReportNameWizardSectionProps = {
+export type ReportNameWizardSectionProps = {
     onChange: (data: Report) => void;
 };
 export declare const renderReportNameSummary: (report: Report) => JSX.Element;

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

@@ -1,22 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReportNameWizardSection = exports.isValidReportName = exports.renderReportNameSummary = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
-const ErrorBox_1 = tslib_1.__importDefault(require("../../../components/ErrorBox"));
-const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
-const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
-const Tag_1 = require("../../../components/Tag");
-const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-const renderReportNameSummary = (report) => {
-    return (React.createElement(rebass_1.Box, { fontSize: 2 },
+import * as React from 'react';
+import { Box, Text } from 'rebass';
+import ErrorBox from '../../../components/ErrorBox';
+import FormLayout, { FormRow } from '../../../components/FormLayout';
+import Input from '../../../components/Input';
+import { Tag } from '../../../components/Tag';
+import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+export const renderReportNameSummary = (report) => {
+    return (React.createElement(Box, { fontSize: 2 },
         ' ',
         "Report Name: ",
-        React.createElement(Tag_1.Tag, null, report.Name)));
+        React.createElement(Tag, null, report.Name)));
 };
-exports.renderReportNameSummary = renderReportNameSummary;
-const isValidReportName = (report, api) => {
+export const isValidReportName = (report, api) => {
     if (!report.Name) {
         return 'Report name cannot be empty';
     }
@@ -28,20 +23,18 @@ const isValidReportName = (report, api) => {
         : reportsWithSameNameCount > 0;
     return hasAlreadyExistingName ? 'A Report already exists with that name' : true;
 };
-exports.isValidReportName = isValidReportName;
-const ReportNameWizardSection = (props) => {
-    const { api, data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    const validCheck = (0, exports.isValidReportName)(data, api);
+export const ReportNameWizardSection = (props) => {
+    const { api, data } = useOnePageAdaptableWizardContext();
+    const validCheck = isValidReportName(data, api);
     const ErrorMessage = validCheck === true ? null : validCheck;
-    return (React.createElement(rebass_1.Box, null,
-        React.createElement(FormLayout_1.default, { columns: [1, 2] },
-            React.createElement(FormLayout_1.FormRow, null,
-                React.createElement(rebass_1.Text, { marginRight: 2 }, "Name:"),
-                React.createElement(Input_1.default, { "data-name": "export-name", width: "100%", type: "text", autoFocus: true, placeholder: "Name", value: data.Name, onChange: (e) => {
+    return (React.createElement(Box, null,
+        React.createElement(FormLayout, { columns: [1, 2] },
+            React.createElement(FormRow, null,
+                React.createElement(Text, { marginRight: 2 }, "Name:"),
+                React.createElement(Input, { "data-name": "export-name", width: "100%", type: "text", autoFocus: true, placeholder: "Name", value: data.Name, onChange: (e) => {
                         props.onChange(Object.assign(Object.assign({}, data), { Name: e.target.value }));
                     } })),
-            React.createElement(FormLayout_1.FormRow, null,
+            React.createElement(FormRow, null,
                 React.createElement(React.Fragment, null),
-                ErrorMessage ? React.createElement(ErrorBox_1.default, null, ErrorMessage) : null))));
+                ErrorMessage ? React.createElement(ErrorBox, null, ErrorMessage) : null))));
 };
-exports.ReportNameWizardSection = ReportNameWizardSection;

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

@@ -1,13 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReportRowTypeWizard = 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 ReportRowTypeWizard 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 ReportRowTypeWizard extends React.Component {
     constructor(props) {
         super(props);
         this.state = {
@@ -16,16 +12,16 @@ class ReportRowTypeWizard extends React.Component {
     }
     render() {
         return (React.createElement("div", { "data-name": 'report-select-rows' },
-            React.createElement(WizardPanel_1.default, null,
-                React.createElement(rebass_1.Flex, { flexDirection: "column", padding: 2 },
-                    React.createElement(HelpBlock_1.default, { marginBottom: 1 }, "All rows 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.ReportRowScope == 'AllRows', onChange: (_, e) => this.onScopeSelectChanged(e), marginRight: 3 }, "All Rows"),
+            React.createElement(WizardPanel, null,
+                React.createElement(Flex, { flexDirection: "column", padding: 2 },
+                    React.createElement(HelpBlock, { marginBottom: 1 }, "All rows 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.ReportRowScope == 'AllRows', onChange: (_, e) => this.onScopeSelectChanged(e), marginRight: 3 }, "All Rows"),
                     ' ',
-                    React.createElement(HelpBlock_1.default, { marginBottom: 1 }, "Only rows that are visible at the time the Report is exported will be included in the Export"),
-                    React.createElement(Radio_1.default, { value: "Visible", checked: this.state.ReportRowScope == 'VisibleRows', onChange: (_, e) => this.onScopeSelectChanged(e), marginRight: 3 }, "Visible Rows Only"),
+                    React.createElement(HelpBlock, { marginBottom: 1 }, "Only rows that are visible at the time the Report is exported will be included in the Export"),
+                    React.createElement(Radio, { value: "Visible", checked: this.state.ReportRowScope == 'VisibleRows', onChange: (_, e) => this.onScopeSelectChanged(e), marginRight: 3 }, "Visible Rows Only"),
                     ' ',
-                    React.createElement(HelpBlock_1.default, { marginBottom: 1 }, "Only the rows which match the Query (built in next step) will be exported - whether visible or not."),
-                    React.createElement(Radio_1.default, { value: "Expression", checked: this.state.ReportRowScope == 'ExpressionRows', onChange: (_, e) => this.onScopeSelectChanged(e), marginRight: 3 }, "By Query - built by you in next step"),
+                    React.createElement(HelpBlock, { marginBottom: 1 }, "Only the rows which match the Query (built in next step) will be exported - whether visible or not."),
+                    React.createElement(Radio, { value: "Expression", checked: this.state.ReportRowScope == 'ExpressionRows', onChange: (_, e) => this.onScopeSelectChanged(e), marginRight: 3 }, "By Query - built by you in next step"),
                     ' '))));
     }
     onScopeSelectChanged(event) {
@@ -70,4 +66,3 @@ class ReportRowTypeWizard extends React.Component {
         return this.props.data.ReportColumnScope == 'ScopeColumns' ? 1 : 2;
     }
 }
-exports.ReportRowTypeWizard = ReportRowTypeWizard;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Report } from '../../../PredefinedConfig/ExportState';
-export declare type ReportRowsWizardSectionProps = {
+export type ReportRowsWizardSectionProps = {
     onChange: (data: Report) => void;
 };
 export declare const isValidReportRowsQuery: (report: Report) => true | "Rows query cannot be empty";

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

@@ -1,26 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReportRowsWizardSection = exports.renderReportRowsSummary = exports.isValidReportRowsQuery = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_1 = require("react");
-const rebass_1 = require("rebass");
-const ExpressionEditor_1 = require("../../../components/ExpressionEditor");
-const Radio_1 = tslib_1.__importDefault(require("../../../components/Radio"));
-const Tabs_1 = require("../../../components/Tabs");
-const Tag_1 = require("../../../components/Tag");
-const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-const isValidReportRowsQuery = (report) => {
+import * as React from 'react';
+import { useMemo } from 'react';
+import { Box, Text } from 'rebass';
+import { ExpressionEditor } from '../../../components/ExpressionEditor';
+import Radio from '../../../components/Radio';
+import { Tabs } from '../../../components/Tabs';
+import { Tag } from '../../../components/Tag';
+import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+export const isValidReportRowsQuery = (report) => {
     var _a;
     if (report.ReportRowScope === 'ExpressionRows' && !((_a = report.Query) === null || _a === void 0 ? void 0 : _a.BooleanExpression)) {
         return 'Rows query cannot be empty';
     }
     return true;
 };
-exports.isValidReportRowsQuery = isValidReportRowsQuery;
-const renderReportRowsSummary = (report) => {
-    const { api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    return (React.createElement(rebass_1.Box, { fontSize: 2 },
+export const renderReportRowsSummary = (report) => {
+    const { api } = useOnePageAdaptableWizardContext();
+    return (React.createElement(Box, { fontSize: 2 },
         report.ReportRowScope === 'AllRows' ? (React.createElement(React.Fragment, null,
             "Include ",
             React.createElement("b", null, "all Rows"),
@@ -32,15 +27,14 @@ const renderReportRowsSummary = (report) => {
         report.ReportRowScope === 'ExpressionRows' ? (React.createElement(React.Fragment, null,
             "Include Rows matching the query:",
             ' ',
-            React.createElement(Tag_1.Tag, null, api.internalApi.getAdaptableQueryExpressionText(report.Query)))) : null));
+            React.createElement(Tag, null, api.internalApi.getAdaptableQueryExpressionText(report.Query)))) : null));
 };
-exports.renderReportRowsSummary = renderReportRowsSummary;
-const ReportRowsWizardSection = (props) => {
+export const ReportRowsWizardSection = (props) => {
     var _a, _b;
-    const { api, data, moduleInfo } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    const initialData = (0, react_1.useMemo)(() => api.internalApi.getQueryPreviewData(), []);
+    const { api, data, moduleInfo } = useOnePageAdaptableWizardContext();
+    const initialData = useMemo(() => api.internalApi.getQueryPreviewData(), []);
     return (React.createElement(React.Fragment, null,
-        React.createElement(Tabs_1.Tabs, { m: 2, value: data.ReportRowScope, onValueChange: (ReportRowScope) => {
+        React.createElement(Tabs, { m: 2, value: data.ReportRowScope, onValueChange: (ReportRowScope) => {
                 const report = Object.assign(Object.assign({}, data), { ReportRowScope });
                 if (report.ReportRowScope !== 'ExpressionRows') {
                     delete report.Query;
@@ -54,22 +48,21 @@ const ReportRowsWizardSection = (props) => {
                 }
                 props.onChange(report);
             } },
-            React.createElement(Tabs_1.Tabs.Tab, { value: "AllRows" },
-                React.createElement(Radio_1.default, { margin: 0, checked: data.ReportRowScope == 'AllRows', tabIndex: -1 }, "All Rows")),
-            React.createElement(Tabs_1.Tabs.Tab, { value: "VisibleRows" },
-                React.createElement(Radio_1.default, { margin: 0, checked: data.ReportRowScope == 'VisibleRows', tabIndex: -1 }, "Visible Rows")),
-            React.createElement(Tabs_1.Tabs.Tab, { value: "ExpressionRows" },
-                React.createElement(Radio_1.default, { margin: 0, checked: data.ReportRowScope == 'ExpressionRows', tabIndex: -1 }, "By Query")),
-            React.createElement(Tabs_1.Tabs.Content, { value: "AllRows" },
-                React.createElement(rebass_1.Text, { fontSize: 2, padding: 2 }, "All Rows in the datasource will be included in the report, whether visible or not at time of export.")),
-            React.createElement(Tabs_1.Tabs.Content, { value: "VisibleRows" },
-                React.createElement(rebass_1.Text, { fontSize: 2, padding: 2 }, "Only Rows that are visible at the time the Report is exported will be included in the Export")),
-            React.createElement(Tabs_1.Tabs.Content, { value: "ExpressionRows" },
-                React.createElement(rebass_1.Text, { fontSize: 2, padding: 2, pl: 0 }, "Only the Rows which match the Query will be exported - whether visible or not."),
-                React.createElement(ExpressionEditor_1.ExpressionEditor, { allowSaveNamedQuery: true, type: 'boolean', module: moduleInfo.ModuleName, style: { paddingLeft: 0 }, value: (_b = (_a = data.Query) === null || _a === void 0 ? void 0 : _a.BooleanExpression) !== null && _b !== void 0 ? _b : '', onChange: (BooleanExpression) => {
+            React.createElement(Tabs.Tab, { value: "AllRows" },
+                React.createElement(Radio, { margin: 0, checked: data.ReportRowScope == 'AllRows', tabIndex: -1 }, "All Rows")),
+            React.createElement(Tabs.Tab, { value: "VisibleRows" },
+                React.createElement(Radio, { margin: 0, checked: data.ReportRowScope == 'VisibleRows', tabIndex: -1 }, "Visible Rows")),
+            React.createElement(Tabs.Tab, { value: "ExpressionRows" },
+                React.createElement(Radio, { margin: 0, checked: data.ReportRowScope == 'ExpressionRows', tabIndex: -1 }, "By Query")),
+            React.createElement(Tabs.Content, { value: "AllRows" },
+                React.createElement(Text, { fontSize: 2, padding: 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(Text, { fontSize: 2, padding: 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(Text, { fontSize: 2, padding: 2, pl: 0 }, "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: (_b = (_a = data.Query) === null || _a === void 0 ? void 0 : _a.BooleanExpression) !== null && _b !== void 0 ? _b : '', onChange: (BooleanExpression) => {
                         props.onChange(Object.assign(Object.assign({}, data), { Query: {
                                 BooleanExpression,
                             } }));
-                    }, initialData: initialData, columns: api.columnApi.getQueryableColumns(), namedQueries: api.queryApi.getNamedQueries(), api: api })))));
+                    }, initialData: initialData, columns: api.columnApi.getQueryableColumns(), namedQueries: api.namedQueryApi.getNamedQueries(), api: api })))));
 };
-exports.ReportRowsWizardSection = ReportRowsWizardSection;

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

@@ -1,12 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReportScopeWizard = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const WizardPanel_1 = tslib_1.__importDefault(require("../../../components/WizardPanel"));
-const ScopeComponent_1 = require("../../Components/ScopeComponent");
-const ArrayExtensions_1 = tslib_1.__importDefault(require("../../../Utilities/Extensions/ArrayExtensions"));
-class ReportScopeWizard extends React.Component {
+import * as React from 'react';
+import WizardPanel from '../../../components/WizardPanel';
+import { ScopeComponent } from '../../Components/ScopeComponent';
+import ArrayExtensions from '../../../Utilities/Extensions/ArrayExtensions';
+export class ReportScopeWizard extends React.Component {
     constructor(props) {
         super(props);
         this.state = {
@@ -14,8 +10,8 @@ class ReportScopeWizard extends React.Component {
         };
     }
     render() {
-        return (React.createElement(WizardPanel_1.default, { "data-name": "scope-container", bodyProps: { padding: 0 } },
-            React.createElement(ScopeComponent_1.ScopeComponent, { api: this.props.api, scope: this.state.scope, updateScope: (scope) => this.onUpdateScope(scope) }),
+        return (React.createElement(WizardPanel, { "data-name": "scope-container", bodyProps: { padding: 0 } },
+            React.createElement(ScopeComponent, { api: this.props.api, scope: this.state.scope, updateScope: (scope) => this.onUpdateScope(scope) }),
             ' '));
     }
     onUpdateScope(scope) {
@@ -26,11 +22,11 @@ class ReportScopeWizard extends React.Component {
             return false;
         }
         if ('ColumnIds' in this.state.scope &&
-            ArrayExtensions_1.default.IsNullOrEmpty(this.props.api.scopeApi.getColumnIdsInScope(this.state.scope))) {
+            ArrayExtensions.IsNullOrEmpty(this.props.api.scopeApi.getColumnIdsInScope(this.state.scope))) {
             return false;
         }
         if ('DataTypes' in this.state.scope &&
-            ArrayExtensions_1.default.IsNullOrEmpty(this.props.api.scopeApi.getDataTypesInScope(this.state.scope))) {
+            ArrayExtensions.IsNullOrEmpty(this.props.api.scopeApi.getDataTypesInScope(this.state.scope))) {
             return false;
         }
         return true;
@@ -49,4 +45,3 @@ class ReportScopeWizard extends React.Component {
         return 1;
     }
 }
-exports.ReportScopeWizard = ReportScopeWizard;

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

@@ -1,15 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReportSettingsWizard = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const StringExtensions_1 = require("../../../Utilities/Extensions/StringExtensions");
-const WizardPanel_1 = tslib_1.__importDefault(require("../../../components/WizardPanel"));
-const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
-const rebass_1 = require("rebass");
-const ErrorBox_1 = tslib_1.__importDefault(require("../../../components/ErrorBox"));
-const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
-class ReportSettingsWizard extends React.Component {
+import * as React from 'react';
+import { StringExtensions } from '../../../Utilities/Extensions/StringExtensions';
+import WizardPanel from '../../../components/WizardPanel';
+import Input from '../../../components/Input';
+import { Text } from 'rebass';
+import ErrorBox from '../../../components/ErrorBox';
+import FormLayout, { FormRow } from '../../../components/FormLayout';
+export class ReportSettingsWizard extends React.Component {
     constructor(props) {
         super(props);
         this.state = {
@@ -18,18 +14,18 @@ class ReportSettingsWizard extends React.Component {
         };
     }
     render() {
-        let validationState = StringExtensions_1.StringExtensions.IsNullOrEmpty(this.state.ErrorMessage)
+        let validationState = StringExtensions.IsNullOrEmpty(this.state.ErrorMessage)
             ? null
             : 'error';
         return (React.createElement("div", { "data-name": 'report-settings' },
-            React.createElement(WizardPanel_1.default, null,
-                React.createElement(FormLayout_1.default, { columns: [1, 2] },
-                    React.createElement(FormLayout_1.FormRow, null,
-                        React.createElement(rebass_1.Text, { marginRight: 2 }, "Enter Report Name:"),
-                        React.createElement(Input_1.default, { width: "100%", type: "text", placeholder: "Name", value: this.state.ReportName, onChange: (e) => this.onReportNameChanged(e) })),
-                    React.createElement(FormLayout_1.FormRow, null,
+            React.createElement(WizardPanel, null,
+                React.createElement(FormLayout, { columns: [1, 2] },
+                    React.createElement(FormRow, null,
+                        React.createElement(Text, { marginRight: 2 }, "Enter Report Name:"),
+                        React.createElement(Input, { width: "100%", type: "text", placeholder: "Name", value: this.state.ReportName, onChange: (e) => this.onReportNameChanged(e) })),
+                    React.createElement(FormRow, null,
                         React.createElement(React.Fragment, null),
-                        this.state.ErrorMessage ? React.createElement(ErrorBox_1.default, null, this.state.ErrorMessage) : null)))));
+                        this.state.ErrorMessage ? React.createElement(ErrorBox, null, this.state.ErrorMessage) : null)))));
     }
     onReportNameChanged(event) {
         let e = event.target;
@@ -41,8 +37,8 @@ class ReportSettingsWizard extends React.Component {
         }, () => this.props.updateGoBackState());
     }
     canNext() {
-        return (StringExtensions_1.StringExtensions.IsNotNullOrEmpty(this.state.ReportName) &&
-            StringExtensions_1.StringExtensions.IsNullOrEmpty(this.state.ErrorMessage));
+        return (StringExtensions.IsNotNullOrEmpty(this.state.ReportName) &&
+            StringExtensions.IsNullOrEmpty(this.state.ErrorMessage));
     }
     canBack() {
         return true;
@@ -58,4 +54,3 @@ class ReportSettingsWizard extends React.Component {
         return this.props.data.ReportRowScope == 'ExpressionRows' ? 1 : 2;
     }
 }
-exports.ReportSettingsWizard = ReportSettingsWizard;

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

@@ -1,10 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReportSummaryWizard = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const WizardSummaryPage_1 = require("../../Components/WizardSummaryPage");
-class ReportSummaryWizard extends React.Component {
+import * as React from 'react';
+import { WizardSummaryPage } from '../../Components/WizardSummaryPage';
+export class ReportSummaryWizard extends React.Component {
     constructor(props) {
         super(props);
     }
@@ -24,7 +20,7 @@ class ReportSummaryWizard extends React.Component {
                     .GetReportExpressionDescription(this.props.data, this.props.api.columnApi.getColumns()),
             },
         ];
-        return (React.createElement(WizardSummaryPage_1.WizardSummaryPage, { KeyValuePairs: keyValuePairs, header: this.props.moduleInfo.FriendlyName }));
+        return (React.createElement(WizardSummaryPage, { KeyValuePairs: keyValuePairs, header: this.props.moduleInfo.FriendlyName }));
     }
     canNext() {
         return true;
@@ -41,4 +37,3 @@ class ReportSummaryWizard extends React.Component {
         return 1;
     }
 }
-exports.ReportSummaryWizard = ReportSummaryWizard;

package/src/View/Export/constants.js

@@ -1,5 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SELECT_DESTINATION_STRING = exports.SELECT_REPORT_STRING = void 0;
-exports.SELECT_REPORT_STRING = 'Select Report';
-exports.SELECT_DESTINATION_STRING = 'Select Destination';
+export const SELECT_REPORT_STRING = 'Select Report';
+export const SELECT_DESTINATION_STRING = 'Select Destination';

package/src/View/Filter/ActiveFiltersPanel.js

@@ -1,15 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActiveFiltersPanel = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const AdaptableContext_1 = require("../AdaptableContext");
-const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
-const AdaptableObjectCompactList_1 = require("../Components/AdaptableObjectList/AdaptableObjectCompactList");
-const ActiveFiltersPanel = () => {
-    const adaptable = (0, AdaptableContext_1.useAdaptable)();
-    const filterModule = adaptable.ModuleService.getModuleById(ModuleConstants.FilterModuleId);
-    const columnFilters = adaptable.api.filterApi.getColumnFilters();
-    return React.createElement(AdaptableObjectCompactList_1.AdaptableObjectCompactList, { abObjects: columnFilters, module: filterModule });
+import * as React from 'react';
+import { useAdaptable } from '../AdaptableContext';
+import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
+import { AdaptableObjectCompactList } from '../Components/AdaptableObjectList/AdaptableObjectCompactList';
+export const ActiveFiltersPanel = () => {
+    const adaptable = useAdaptable();
+    const filterModule = adaptable.ModuleService.getModuleById(ModuleConstants.ColumnFilterModuleId);
+    const columnFilters = adaptable.api.columnFilterApi.getColumnFilters();
+    return React.createElement(AdaptableObjectCompactList, { abObjects: columnFilters, module: filterModule });
 };
-exports.ActiveFiltersPanel = ActiveFiltersPanel;

package/src/View/Filter/FilterStatusBarSubPanelPopover.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterStatusBarSubPanelPopover = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const ActiveFiltersPanel_1 = require("./ActiveFiltersPanel");
-const FilterStatusBarSubPanelPopover = () => {
-    return React.createElement(ActiveFiltersPanel_1.ActiveFiltersPanel, null);
+import * as React from 'react';
+import { ActiveFiltersPanel } from './ActiveFiltersPanel';
+export const FilterStatusBarSubPanelPopover = () => {
+    return React.createElement(ActiveFiltersPanel, null);
 };
-exports.FilterStatusBarSubPanelPopover = FilterStatusBarSubPanelPopover;

package/src/View/Filter/FilterSummary.d.ts

@@ -12,4 +12,4 @@ export declare class FilterSummaryComponent extends React.Component<FilterSummar
     render(): any;
     getDescription(columnFilter: ColumnFilter): string;
 }
-export declare let FilterSummary: import("react-redux").ConnectedComponent<typeof FilterSummaryComponent, import("react-redux").Omit<React.ClassAttributes<FilterSummaryComponent> & FilterSummaryProps, "ColumnFilters" | "onClearPopupParams" | "onShare" | "onClearFilter">>;
+export declare let FilterSummary: import("react-redux").ConnectedComponent<typeof FilterSummaryComponent, import("react-redux").Omit<JSX.LibraryManagedAttributes<C, import("react-redux").GetProps<C>>, "ColumnFilters" | "onClearPopupParams" | "onShare" | "onClearFilter">>;