@adaptabletools/adaptable 17.0.6 → 18.0.0-canary.0

package/src/View/Wizard/AdaptableWizard.js

@@ -1,25 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AdaptableWizard = exports.useWizardContext = exports.AdaptableWizardContext = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const WizardLegend_1 = require("./WizardLegend");
-const ArrayExtensions_1 = require("../../Utilities/Extensions/ArrayExtensions");
-const rebass_1 = require("rebass");
-const Dialog_1 = tslib_1.__importDefault(require("../../components/Dialog"));
-const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
-const Panel_1 = tslib_1.__importDefault(require("../../components/Panel"));
-const kebabCase_1 = tslib_1.__importDefault(require("lodash/kebabCase"));
-exports.AdaptableWizardContext = React.createContext({
+import * as React from 'react';
+import { WizardLegend } from './WizardLegend';
+import { ArrayExtensions } from '../../Utilities/Extensions/ArrayExtensions';
+import { Flex } from 'rebass';
+import Dialog from '../../components/Dialog';
+import SimpleButton from '../../components/SimpleButton';
+import Panel from '../../components/Panel';
+import kebabCase from 'lodash/kebabCase';
+export const AdaptableWizardContext = React.createContext({
     data: null,
     updateGoBackState: () => { },
     onRender: (ActiveStep) => { },
     api: null,
 });
-const useWizardContext = () => {
-    return React.useContext(exports.AdaptableWizardContext);
+export const useWizardContext = () => {
+    return React.useContext(AdaptableWizardContext);
 };
-exports.useWizardContext = useWizardContext;
 class DummyActiveStep {
     canNext() {
         return false;
@@ -43,7 +38,7 @@ class DummyActiveStep {
 //Remark : the component doesnt handle the change of props once displayed... It's easy to do but not sure it's needed
 //as in the top component we do the render with a ternary expression so we add/remove the element from the render instead of having a property
 //Show/hide.
-class AdaptableWizard extends React.Component {
+export class AdaptableWizard extends React.Component {
     constructor(props) {
         super(props);
         //we need to init with a dummy one as Ref is a callback once the component is rendered. So once set we force Re render....
@@ -60,12 +55,12 @@ class AdaptableWizard extends React.Component {
     }
     render() {
         var _a, _b;
-        let wizardStepNames = ArrayExtensions_1.ArrayExtensions.RetrieveDistinct(this.props.steps.map((x) => {
+        let wizardStepNames = ArrayExtensions.RetrieveDistinct(this.props.steps.map((x) => {
             return x.StepName;
         }));
         const hasNext = this.props.steps.length > 1;
         const hasBack = hasNext;
-        return (React.createElement(exports.AdaptableWizardContext.Provider, { value: {
+        return (React.createElement(AdaptableWizardContext.Provider, { value: {
                 data: this.props.data,
                 updateGoBackState: () => this.ForceUpdateGoBackState(),
                 api: this.props.api,
@@ -74,18 +69,18 @@ class AdaptableWizard extends React.Component {
                     this.forceUpdate();
                 },
             } },
-            React.createElement(Dialog_1.default, { modal: true, isOpen: true, showCloseButton: false, onDismiss: () => (this.props.onHide ? this.props.onHide() : null) },
-                React.createElement(rebass_1.Flex, { flexDirection: "column", "data-name": this.props.moduleInfo.FriendlyName
-                        ? `${(0, kebabCase_1.default)(this.props.moduleInfo.FriendlyName)}-wizard`
+            React.createElement(Dialog, { modal: true, isOpen: true, showCloseButton: false, onDismiss: () => (this.props.onHide ? this.props.onHide() : null) },
+                React.createElement(Flex, { flexDirection: "column", "data-name": this.props.moduleInfo.FriendlyName
+                        ? `${kebabCase(this.props.moduleInfo.FriendlyName)}-wizard`
                         : '', style: Object.assign({ height: '100%', width: '70vw', maxWidth: 1000, maxHeight: '80vh' }, this.props.style) },
-                    React.createElement(Panel_1.default, { header: this.props.moduleInfo.FriendlyName, border: "none", className: "ab-WizardDialog__steps", borderRadius: "none", variant: "primary", style: { flex: 'none' } }, this.props.showStepsLegend === false ? null : (React.createElement(WizardLegend_1.WizardLegend, { StepNames: wizardStepNames, ActiveStepName: this.stepName, FriendlyName: '', CanShowAllSteps: this.canFinishWizard(), onStepButtonClicked: (s) => this.onStepButtonClicked(s) }))),
-                    React.createElement(rebass_1.Flex, { style: { flex: 1, overflow: 'auto' }, flexDirection: "column" }, this.state.ActiveState),
-                    React.createElement(rebass_1.Flex, { flexDirection: "row", padding: 2, backgroundColor: "primary", alignItems: "center", className: "ab-WizardDialog__footer" },
-                        React.createElement(SimpleButton_1.default, { tone: "neutral", variant: "text", "data-name": "close", onClick: () => this.props.onHide(), tooltip: (_a = this.props.closeTooltip) !== null && _a !== void 0 ? _a : 'Close wizard', accessLevel: 'Full' }, (_b = this.props.closeText) !== null && _b !== void 0 ? _b : 'CLOSE'),
+                    React.createElement(Panel, { header: this.props.moduleInfo.FriendlyName, border: "none", className: "ab-WizardDialog__steps", borderRadius: "none", variant: "primary", style: { flex: 'none' } }, this.props.showStepsLegend === false ? null : (React.createElement(WizardLegend, { StepNames: wizardStepNames, ActiveStepName: this.stepName, FriendlyName: '', CanShowAllSteps: this.canFinishWizard(), onStepButtonClicked: (s) => this.onStepButtonClicked(s) }))),
+                    React.createElement(Flex, { style: { flex: 1, overflow: 'auto' }, flexDirection: "column" }, this.state.ActiveState),
+                    React.createElement(Flex, { flexDirection: "row", padding: 2, backgroundColor: "primary", alignItems: "center", className: "ab-WizardDialog__footer" },
+                        React.createElement(SimpleButton, { tone: "neutral", variant: "text", "data-name": "close", onClick: () => this.props.onHide(), tooltip: (_a = this.props.closeTooltip) !== null && _a !== void 0 ? _a : 'Close wizard', accessLevel: 'Full' }, (_b = this.props.closeText) !== null && _b !== void 0 ? _b : 'CLOSE'),
                         React.createElement("div", { style: { flex: 1 } }),
-                        hasBack ? (React.createElement(SimpleButton_1.default, { "data-name": "back", variant: "outlined", disabled: !this.ActiveStep.canBack() || this.isFirstStep(), onClick: () => this.handleClickBack(), icon: "arrow-left", accessLevel: 'Full' }, "Back")) : null,
-                        hasNext ? (React.createElement(SimpleButton_1.default, { variant: "outlined", "data-name": "next", disabled: !this.ActiveStep.canNext() || this.isLastStep(), onClick: () => this.handleClickNext(), icon: "arrow-right", iconPosition: "end", accessLevel: 'Full', marginLeft: 2, marginRight: 2 }, "Next")) : null,
-                        React.createElement(SimpleButton_1.default, { tone: "accent", "data-name": "finish", variant: "raised", disabled: !this.canFinishWizard(), onClick: () => this.handleClickFinish(), icon: 'check', accessLevel: 'Full' }, "Finish"))))));
+                        hasBack ? (React.createElement(SimpleButton, { "data-name": "back", variant: "outlined", disabled: !this.ActiveStep.canBack() || this.isFirstStep(), onClick: () => this.handleClickBack(), icon: "arrow-left", accessLevel: 'Full' }, "Back")) : null,
+                        hasNext ? (React.createElement(SimpleButton, { variant: "outlined", "data-name": "next", disabled: !this.ActiveStep.canNext() || this.isLastStep(), onClick: () => this.handleClickNext(), icon: "arrow-right", iconPosition: "end", accessLevel: 'Full', marginLeft: 2, marginRight: 2 }, "Next")) : null,
+                        React.createElement(SimpleButton, { tone: "accent", "data-name": "finish", variant: "raised", disabled: !this.canFinishWizard(), onClick: () => this.handleClickFinish(), icon: 'check', accessLevel: 'Full' }, "Finish"))))));
     }
     onStepButtonClicked(stepName) {
         let wizardStepInfo = this.props.steps.find((s) => s.StepName == stepName);
@@ -166,4 +161,3 @@ class AdaptableWizard extends React.Component {
         });
     }
 }
-exports.AdaptableWizard = AdaptableWizard;

package/src/View/Wizard/Interface/IAdaptableWizard.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/src/View/Wizard/ObjectTagsWizardSection.js

@@ -1,24 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderObjectTagsSummary = exports.ObjectTagsWizardSection = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const Tabs_1 = require("../../components/Tabs");
-const TagValueSelector_1 = require("../Components/TagValueSelector");
-const OnePageAdaptableWizard_1 = require("./OnePageAdaptableWizard");
-const rebass_1 = require("rebass");
-const ObjectTagsWizardSection = (props) => {
+import * as React from 'react';
+import { Tabs } from '../../components/Tabs';
+import { TagValueOptionsTags, TagValueSelector } from '../Components/TagValueSelector';
+import { useOnePageAdaptableWizardContext } from './OnePageAdaptableWizard';
+import { Text } from 'rebass';
+export const ObjectTagsWizardSection = (props) => {
     const { onChange } = props;
-    const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    return (React.createElement(Tabs_1.Tabs, { style: { height: '100%' } },
-        React.createElement(Tabs_1.Tabs.Tab, null, "Tags"),
-        React.createElement(Tabs_1.Tabs.Content, null,
-            React.createElement(TagValueSelector_1.TagValueSelector, { selectedTags: data.Tags, onChange: (selectedTags) => onChange(Object.assign(Object.assign({}, data), { Tags: selectedTags })) }))));
+    const { data } = useOnePageAdaptableWizardContext();
+    return (React.createElement(Tabs, { style: { height: '100%' } },
+        React.createElement(Tabs.Tab, null, "Tags"),
+        React.createElement(Tabs.Content, null,
+            React.createElement(TagValueSelector, { selectedTags: data.Tags, onChange: (selectedTags) => onChange(Object.assign(Object.assign({}, data), { Tags: selectedTags })) }))));
 };
-exports.ObjectTagsWizardSection = ObjectTagsWizardSection;
-const renderObjectTagsSummary = (data) => {
+export const renderObjectTagsSummary = (data) => {
     var _a;
-    return ((_a = data.Tags) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement(rebass_1.Text, { fontSize: 2 },
-        React.createElement(TagValueSelector_1.TagValueOptionsTags, { tags: data.Tags }))) : null;
+    return ((_a = data.Tags) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement(Text, { fontSize: 2 },
+        React.createElement(TagValueOptionsTags, { tags: data.Tags }))) : null;
 };
-exports.renderObjectTagsSummary = renderObjectTagsSummary;

package/src/View/Wizard/OnePageAdaptableWizard.js

@@ -1,42 +1,34 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OnePageWizardSummary = exports.OnePageAdaptableWizard = exports.useOnePageAdaptableWizardContext = exports.OnePageAdaptableWizardContext = exports.FormDescriptionText = exports.SummaryText = exports.SummaryTag = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_1 = require("react");
-const react_redux_1 = require("react-redux");
-const rebass_1 = require("rebass");
-const QueryRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/NamedQueryRedux"));
-const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
-const AdaptableContext_1 = require("../AdaptableContext");
-const Tabs_1 = require("../../components/Tabs");
-const NamedQueryContext_1 = require("../../components/ExpressionEditor/NamedQueryContext");
-const OnePageWizards_1 = require("./OnePageWizards");
-const kebabCase_1 = tslib_1.__importDefault(require("lodash/kebabCase"));
-const SummaryTag = (props) => (React.createElement(rebass_1.Text, Object.assign({}, props)));
-exports.SummaryTag = SummaryTag;
-const SummaryText = (props) => (React.createElement(rebass_1.Text, Object.assign({ fontSize: 2, mb: 3 }, props)));
-exports.SummaryText = SummaryText;
-const FormDescriptionText = (props) => React.createElement(rebass_1.Text, Object.assign({ fontSize: 2, mt: 1 }, props));
-exports.FormDescriptionText = FormDescriptionText;
-exports.OnePageAdaptableWizardContext = React.createContext({
+import * as React from 'react';
+import { useState } from 'react';
+import { useDispatch } from 'react-redux';
+import { Box, Text } from 'rebass';
+import * as QueryRedux from '../../Redux/ActionsReducers/NamedQueryRedux';
+import SimpleButton from '../../components/SimpleButton';
+import { useAdaptable } from '../AdaptableContext';
+import { Tabs } from '../../components/Tabs';
+import { NamedQueryContext, } from '../../components/ExpressionEditor/NamedQueryContext';
+import { OnePageWizard, useOnePageWizardContext } from './OnePageWizards';
+import kebabCase from 'lodash/kebabCase';
+export const SummaryTag = (props) => (React.createElement(Text, Object.assign({}, props)));
+export const SummaryText = (props) => (React.createElement(Text, Object.assign({ fontSize: 2, mb: 3 }, props)));
+export const FormDescriptionText = (props) => React.createElement(Text, Object.assign({ fontSize: 2, mt: 1 }, props));
+export const OnePageAdaptableWizardContext = React.createContext({
     data: null,
     sections: [],
     moduleInfo: null,
     api: null,
     namedQuery: false,
 });
-function useOnePageAdaptableWizardContext() {
-    return React.useContext(exports.OnePageAdaptableWizardContext);
+export function useOnePageAdaptableWizardContext() {
+    return React.useContext(OnePageAdaptableWizardContext);
 }
-exports.useOnePageAdaptableWizardContext = useOnePageAdaptableWizardContext;
-const OnePageAdaptableWizard = (props) => {
-    const { api } = (0, AdaptableContext_1.useAdaptable)();
-    const dispatch = (0, react_redux_1.useDispatch)();
+export const OnePageAdaptableWizard = (props) => {
+    const { api } = useAdaptable();
+    const dispatch = useDispatch();
     const saveNamedQuery = React.useCallback((namedQuery) => dispatch(QueryRedux.NamedQueryAdd(namedQuery)), []);
-    const [namedQuery, setNamedQuery] = (0, react_1.useState)(false);
+    const [namedQuery, setNamedQuery] = useState(false);
     const name = props.moduleInfo.FriendlyName
-        ? `${(0, kebabCase_1.default)(props.moduleInfo.FriendlyName)}-wizard`
+        ? `${kebabCase(props.moduleInfo.FriendlyName)}-wizard`
         : '';
     const extraContext = {
         data: props.data,
@@ -69,21 +61,20 @@ const OnePageAdaptableWizard = (props) => {
         }
         (_a = props.onFinish) === null || _a === void 0 ? void 0 : _a.call(props, props.data);
     };
-    return (React.createElement(exports.OnePageAdaptableWizardContext.Provider, { value: extraContext },
-        React.createElement(NamedQueryContext_1.NamedQueryContext.Provider, { value: { namedQuery, setNamedQuery } },
-            React.createElement(OnePageWizards_1.OnePageWizard, Object.assign({}, props, { name: name, sections: sections, onFinish: handleClickFinish })))));
+    return (React.createElement(OnePageAdaptableWizardContext.Provider, { value: extraContext },
+        React.createElement(NamedQueryContext.Provider, { value: { namedQuery, setNamedQuery } },
+            React.createElement(OnePageWizard, Object.assign({}, props, { name: name, sections: sections, onFinish: handleClickFinish })))));
 };
-exports.OnePageAdaptableWizard = OnePageAdaptableWizard;
-const OnePageWizardSummary = () => {
-    const { setCurrentSection, sections, data } = (0, OnePageWizards_1.useOnePageWizardContext)();
-    const renderEdit = (index) => (React.createElement(SimpleButton_1.default, { px: 1, variant: "text", style: {
+export const OnePageWizardSummary = () => {
+    const { setCurrentSection, sections, data } = useOnePageWizardContext();
+    const renderEdit = (index) => (React.createElement(SimpleButton, { px: 1, variant: "text", style: {
             textDecoration: 'underline',
             display: 'inline-block',
             fontSize: 'var(--ab-font-size-2)',
         }, onClick: () => {
             setCurrentSection(index);
         } }, "edit"));
-    return (React.createElement(rebass_1.Box, { className: "ab-OnePageWizardSummary" }, sections
+    return (React.createElement(Box, { className: "ab-OnePageWizardSummary" }, sections
         .map((section, index) => {
         if (section === '-') {
             return null;
@@ -91,13 +82,12 @@ const OnePageWizardSummary = () => {
         if (!section.renderSummary) {
             return null;
         }
-        return (React.createElement(Tabs_1.Tabs, { keyboardNavigation: false, mt: index ? 2 : 0, key: index },
-            React.createElement(Tabs_1.Tabs.Tab, null,
+        return (React.createElement(Tabs, { keyboardNavigation: false, mt: index ? 2 : 0, key: index },
+            React.createElement(Tabs.Tab, null,
                 section.title,
                 " ",
                 renderEdit(index)),
-            React.createElement(Tabs_1.Tabs.Content, null, section.renderSummary(data))));
+            React.createElement(Tabs.Content, null, section.renderSummary(data))));
     })
         .filter(Boolean)));
 };
-exports.OnePageWizardSummary = OnePageWizardSummary;

package/src/View/Wizard/OnePageWizards.js

@@ -1,35 +1,27 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OnePageWizard = exports.useOnePageWizardContext = exports.OnePageWizardContext = exports.FormDescriptionText = exports.SummaryText = exports.SummaryTag = 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 Dialog_1 = tslib_1.__importDefault(require("../../components/Dialog"));
-const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
-const useProperty_1 = tslib_1.__importDefault(require("../../components/utils/useProperty"));
-const isMacLike_1 = require("../../Utilities/isMacLike");
-const KeyHint_1 = require("../KeyHint");
-const icons_1 = require("../../components/icons");
-const ResizeObserver_1 = require("../../components/ResizeObserver");
-const NamedQueryContext_1 = require("../../components/ExpressionEditor/NamedQueryContext");
-const useKeyboardNavigation_1 = require("./useKeyboardNavigation");
-const SummaryTag = (props) => (React.createElement(rebass_1.Text, Object.assign({}, props)));
-exports.SummaryTag = SummaryTag;
-const SummaryText = (props) => (React.createElement(rebass_1.Text, Object.assign({ fontSize: 2, mb: 3 }, props)));
-exports.SummaryText = SummaryText;
-const FormDescriptionText = (props) => React.createElement(rebass_1.Text, Object.assign({ fontSize: 2, mt: 1 }, props));
-exports.FormDescriptionText = FormDescriptionText;
-exports.OnePageWizardContext = React.createContext({
+import * as React from 'react';
+import { useState, useRef } from 'react';
+import { Flex, Box, Text } from 'rebass';
+import Dialog from '../../components/Dialog';
+import SimpleButton from '../../components/SimpleButton';
+import useProperty from '../../components/utils/useProperty';
+import { isMacLike } from '../../Utilities/isMacLike';
+import { KeyHint } from '../KeyHint';
+import { Icon } from '../../components/icons';
+import { useResizeObserver } from '../../components/ResizeObserver';
+import { NamedQueryContext, } from '../../components/ExpressionEditor/NamedQueryContext';
+import { useKeyboardNavigation } from './useKeyboardNavigation';
+export const SummaryTag = (props) => (React.createElement(Text, Object.assign({}, props)));
+export const SummaryText = (props) => (React.createElement(Text, Object.assign({ fontSize: 2, mb: 3 }, props)));
+export const FormDescriptionText = (props) => React.createElement(Text, Object.assign({ fontSize: 2, mt: 1 }, props));
+export const OnePageWizardContext = React.createContext({
     data: null,
     sections: [],
     setCurrentSection: (index) => { },
 });
-function useOnePageWizardContext() {
-    return React.useContext(exports.OnePageWizardContext);
+export function useOnePageWizardContext() {
+    return React.useContext(OnePageWizardContext);
 }
-exports.useOnePageWizardContext = useOnePageWizardContext;
-const OnePageWizard = (props) => {
+export const OnePageWizard = (props) => {
     var _a, _b, _c;
     let defaultCurrentIndex = 0;
     if (props.defaultCurrentSectionName) {
@@ -38,14 +30,14 @@ const OnePageWizard = (props) => {
             defaultCurrentIndex = candidate;
         }
     }
-    const [currentSection, setCurrentSection] = (0, useProperty_1.default)(props, 'currentIndex', defaultCurrentIndex, {
+    const [currentSection, setCurrentSection] = useProperty(props, 'currentIndex', defaultCurrentIndex, {
         onChange: (index) => {
             var _a;
             (_a = props.onSectionChange) === null || _a === void 0 ? void 0 : _a.call(props, index);
         },
     });
-    const [namedQuery, setNamedQuery] = (0, react_1.useState)(false);
-    const [navIndexMap] = (0, react_1.useState)(() => new Map());
+    const [namedQuery, setNamedQuery] = useState(false);
+    const [navIndexMap] = useState(() => new Map());
     const handleClickFinish = () => {
         var _a;
         (_a = props.onFinish) === null || _a === void 0 ? void 0 : _a.call(props, props.data);
@@ -55,11 +47,11 @@ const OnePageWizard = (props) => {
         if (section === '-') {
             return React.createElement(React.Fragment, { key: index });
         }
-        return (React.createElement(rebass_1.Flex, { flexDirection: "column", key: index, "data-name": `section-${index}`, style: { minHeight: '100%' }, mr: 2 },
-            React.createElement(rebass_1.Box, { py: 3, paddingLeft: 2, fontSize: 4, className: "ab-OnePageWizard__details" }, section.details),
-            React.createElement(rebass_1.Box, { flex: 1, className: "ab-OnePageWizard__section" }, section.render(props.data, index))));
+        return (React.createElement(Flex, { flexDirection: "column", key: index, "data-name": `section-${index}`, style: { minHeight: '100%' }, mr: 2 },
+            React.createElement(Box, { py: 3, paddingLeft: 2, fontSize: 4, className: "ab-OnePageWizard__details" }, section.details),
+            React.createElement(Box, { flex: 1, className: "ab-OnePageWizard__section" }, section.render(props.data, index))));
     };
-    const selectedNodeRef = (0, react_1.useRef)(null);
+    const selectedNodeRef = useRef(null);
     const selectedFeedback = (React.createElement("div", { ref: selectedNodeRef, className: "ab-OnePageWizard__selected-title-overlay", style: {
             position: 'absolute',
             background: 'var(--ab-cmp-one-page-wizard-selected-title__background)',
@@ -67,9 +59,9 @@ const OnePageWizard = (props) => {
             borderRadius: 'var(--ab__border-radius)',
             transition: 'top 0.2s',
         } }));
-    const sizeOwnerRef = (0, react_1.useRef)(null);
-    const [width, setWidth] = (0, react_1.useState)(0);
-    (0, ResizeObserver_1.useResizeObserver)(sizeOwnerRef, ({ width }) => {
+    const sizeOwnerRef = useRef(null);
+    const [width, setWidth] = useState(0);
+    useResizeObserver(sizeOwnerRef, ({ width }) => {
         setWidth(width);
     });
     React.useEffect(() => {
@@ -82,7 +74,7 @@ const OnePageWizard = (props) => {
         node.style.width = `${activeElement.offsetWidth}px`;
     }, [currentSection, width]);
     let navIndex = 0;
-    const dialogRef = (0, react_1.useRef)(null);
+    const dialogRef = useRef(null);
     let invalidCount = 0;
     let firstErrorMessage = null;
     const contextValue = {
@@ -113,11 +105,11 @@ const OnePageWizard = (props) => {
         acc.set(index, valid);
         return acc;
     }, new Map());
-    (0, useKeyboardNavigation_1.useKeyboardNavigation)(setCurrentSection, visibleSections);
+    useKeyboardNavigation(setCurrentSection, visibleSections);
     const canFinish = !invalidCount;
-    return (React.createElement(NamedQueryContext_1.NamedQueryContext.Provider, { value: { namedQuery, setNamedQuery } },
-        React.createElement(exports.OnePageWizardContext.Provider, { value: contextValue },
-            React.createElement(Dialog_1.default, { modal: true, isOpen: true, showCloseButton: false, focusOnBrowserVisible: true, style: {
+    return (React.createElement(NamedQueryContext.Provider, { value: { namedQuery, setNamedQuery } },
+        React.createElement(OnePageWizardContext.Provider, { value: contextValue },
+            React.createElement(Dialog, { modal: true, isOpen: true, showCloseButton: false, focusOnBrowserVisible: true, style: {
                     borderRadius: 'var(--ab__border-radius)',
                     overflow: 'hidden',
                     height: '80vh',
@@ -139,12 +131,12 @@ const OnePageWizard = (props) => {
                         }
                     }
                 } },
-                React.createElement(rebass_1.Flex, { className: "ab-OnePageWizard", flexDirection: "column", "data-name": props.name, style: Object.assign({ height: '100%', width: '90vw', maxWidth: 1200 }, props.style) },
-                    React.createElement(rebass_1.Flex, { flexDirection: "row", alignItems: "stretch", flex: 1, style: { overflow: 'auto' } },
-                        React.createElement(rebass_1.Flex, { flexDirection: "column", padding: 3, className: "ab-OnePageWizard__section-title-container", ref: sizeOwnerRef, style: Object.assign({ overflow: 'auto', position: 'relative', flex: 'none' }, props.titleContainerStyle) },
+                React.createElement(Flex, { className: "ab-OnePageWizard", flexDirection: "column", "data-name": props.name, style: Object.assign({ height: '100%', width: '90vw', maxWidth: 1200 }, props.style) },
+                    React.createElement(Flex, { flexDirection: "row", alignItems: "stretch", flex: 1, style: { overflow: 'auto' } },
+                        React.createElement(Flex, { flexDirection: "column", padding: 3, className: "ab-OnePageWizard__section-title-container", ref: sizeOwnerRef, style: Object.assign({ overflow: 'auto', position: 'relative', flex: 'none' }, props.titleContainerStyle) },
                             visibleSections.map((section, index) => {
                                 if (section === '-') {
-                                    return (React.createElement(rebass_1.Box, { as: "hr", mt: 2, className: "ab-OnePageWizard__section-separator", key: `${index}-`, style: {
+                                    return (React.createElement(Box, { as: "hr", mt: 2, className: "ab-OnePageWizard__section-separator", key: `${index}-`, style: {
                                             width: '100%',
                                             border: 'none',
                                             borderTop: `1px solid var(--ab-color-inputborder)`,
@@ -154,7 +146,7 @@ const OnePageWizard = (props) => {
                                 navIndexMap.set(navIndex, index);
                                 const active = index === currentSection;
                                 const disabled = false; //!active && !currentSectionValid;
-                                return (React.createElement(rebass_1.Flex, { className: "ab-OnePageWizard__section-title", "data-name": section.title, flexDirection: "row", style: {
+                                return (React.createElement(Flex, { className: "ab-OnePageWizard__section-title", "data-name": section.title, flexDirection: "row", style: {
                                         cursor: disabled ? 'auto' : 'pointer',
                                         zIndex: 10,
                                         transition: 'color 0.2s',
@@ -165,29 +157,28 @@ const OnePageWizard = (props) => {
                                         }
                                         setCurrentSection(index);
                                     } },
-                                    React.createElement(KeyHint_1.KeyHint, { mr: 2, style: { display: 'inline-block' } }, navIndex),
+                                    React.createElement(KeyHint, { mr: 2, style: { display: 'inline-block' } }, navIndex),
                                     React.createElement("div", { style: { flex: 1 } }, section.title),
-                                    React.createElement(icons_1.Icon, { name: "error", style: {
+                                    React.createElement(Icon, { name: "error", style: {
                                             marginLeft: 'var(--ab-space-2)',
                                             visibility: validSectionsMap.get(index) !== true ? 'visible' : 'hidden',
                                         } })));
                             }),
                             selectedFeedback,
-                            React.createElement(rebass_1.Box, { flex: 1 }),
-                            React.createElement(KeyHint_1.KeyHint, { style: { lineHeight: 1.5 }, className: "ab-OnePageWizard__key-hint" },
-                                (0, isMacLike_1.isMacLike)() ? 'Cmd' : 'Ctrl',
+                            React.createElement(Box, { flex: 1 }),
+                            React.createElement(KeyHint, { style: { lineHeight: 1.5 }, className: "ab-OnePageWizard__key-hint" },
+                                isMacLike() ? 'Cmd' : 'Ctrl',
                                 " + #",
                                 React.createElement("br", null),
                                 "to navigate")),
-                        React.createElement(rebass_1.Flex, { flex: 1, flexDirection: "column", className: "ab-OnePageWizard__section-container" }, renderSection(currentSection))),
-                    React.createElement(rebass_1.Flex, { flexDirection: "row", padding: 2, alignItems: "center", className: "ab-WizardDialog__footer ab-OnePageWizard__footer" },
-                        React.createElement(SimpleButton_1.default, { tone: "neutral", variant: "text", "data-name": "close", onClick: () => { var _a; return (_a = props.onHide) === null || _a === void 0 ? void 0 : _a.call(props); }, tooltip: (_a = props.closeTooltip) !== null && _a !== void 0 ? _a : 'Close wizard', accessLevel: 'Full' }, (_b = props.closeText) !== null && _b !== void 0 ? _b : 'CLOSE'),
-                        React.createElement(KeyHint_1.KeyHint, { ml: 2 }, "Esc"),
-                        React.createElement(rebass_1.Text, { fontSize: 2, mr: 3, className: "ab-OnePageWizard__error", style: {
+                        React.createElement(Flex, { flex: 1, flexDirection: "column", className: "ab-OnePageWizard__section-container" }, renderSection(currentSection))),
+                    React.createElement(Flex, { flexDirection: "row", padding: 2, alignItems: "center", className: "ab-WizardDialog__footer ab-OnePageWizard__footer" },
+                        React.createElement(SimpleButton, { tone: "neutral", variant: "text", "data-name": "close", onClick: () => { var _a; return (_a = props.onHide) === null || _a === void 0 ? void 0 : _a.call(props); }, tooltip: (_a = props.closeTooltip) !== null && _a !== void 0 ? _a : 'Close wizard', accessLevel: 'Full' }, (_b = props.closeText) !== null && _b !== void 0 ? _b : 'CLOSE'),
+                        React.createElement(KeyHint, { ml: 2 }, "Esc"),
+                        React.createElement(Text, { fontSize: 2, mr: 3, className: "ab-OnePageWizard__error", style: {
                                 flex: 1,
                                 color: 'var(--ab-color-error)',
                                 textAlign: 'end',
                             } }, firstErrorMessage),
-                        React.createElement(SimpleButton_1.default, { tone: "accent", "data-name": "finish", variant: "raised", disabled: canFinish !== true, onClick: () => handleClickFinish(), icon: 'check', accessLevel: 'Full' }, (_c = props.finishText) !== null && _c !== void 0 ? _c : 'Finish')))))));
+                        React.createElement(SimpleButton, { tone: "accent", "data-name": "finish", variant: "raised", disabled: canFinish !== true, onClick: () => handleClickFinish(), icon: 'check', accessLevel: 'Full' }, (_c = props.finishText) !== null && _c !== void 0 ? _c : 'Finish')))))));
 };
-exports.OnePageWizard = OnePageWizard;

package/src/View/Wizard/TypeRadio.js

@@ -1,12 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TypeRadio = 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 TypeRadio = (props) => (React.createElement(Radio_1.default, { onClick: () => props.onClick(), checked: props.checked },
-    React.createElement(rebass_1.Flex, { flexDirection: "column" },
-        React.createElement(rebass_1.Text, null, props.text),
-        React.createElement(rebass_1.Text, { fontSize: 2, marginTop: 1 }, props.description))));
-exports.TypeRadio = TypeRadio;
+import * as React from 'react';
+import { Flex, Text } from 'rebass';
+import Radio from '../../components/Radio';
+export const TypeRadio = (props) => (React.createElement(Radio, { onClick: () => props.onClick(), checked: props.checked },
+    React.createElement(Flex, { flexDirection: "column" },
+        React.createElement(Text, null, props.text),
+        React.createElement(Text, { fontSize: 2, marginTop: 1 }, props.description))));

package/src/View/Wizard/WizardLegend.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WizardLegend = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
-const rebass_1 = require("rebass");
-class WizardLegend extends React.Component {
+import * as React from 'react';
+import SimpleButton from '../../components/SimpleButton';
+import { Box } from 'rebass';
+export class WizardLegend extends React.Component {
     render() {
         let count = this.props.StepNames.length - 1;
         let activeStepIndex = this.props.StepNames.findIndex((s) => s == this.props.ActiveStepName);
@@ -17,8 +13,8 @@ class WizardLegend extends React.Component {
             let style = isActiveStep ? 'primary' : 'default';
             let lastStep = index == count;
             return (React.createElement("div", { className: "ab-WizardLegend__step", "data-name": s, key: index, style: { display: 'inline-block' } },
-                React.createElement(SimpleButton_1.default, { variant: isActiveStep ? 'raised' : 'outlined', tone: isActiveStep ? 'accent' : 'neutral', disabled: isDisabled, onClick: () => this.onStepButtonClicked(s) }, s),
-                lastStep == false && (React.createElement(rebass_1.Box, { mx: 2, "data-name": "separator", className: "ab-WizardLegend__step__separator", style: { display: 'inline-block' } }, "\u2014"))));
+                React.createElement(SimpleButton, { variant: isActiveStep ? 'raised' : 'outlined', tone: isActiveStep ? 'accent' : 'neutral', disabled: isDisabled, onClick: () => this.onStepButtonClicked(s) }, s),
+                lastStep == false && (React.createElement(Box, { mx: 2, "data-name": "separator", className: "ab-WizardLegend__step__separator", style: { display: 'inline-block' } }, "\u2014"))));
         });
         return React.createElement("div", null, stepButtons);
     }
@@ -26,4 +22,3 @@ class WizardLegend extends React.Component {
         this.props.onStepButtonClicked(stepName);
     }
 }
-exports.WizardLegend = WizardLegend;

package/src/View/Wizard/useKeyboardNavigation.js

@@ -1,10 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useKeyboardNavigation = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const useGlobalEvent_1 = require("../../components/utils/useGlobalEvent");
-const useKeyboardNavigation = (setCurrentSection, sections) => {
+import * as React from 'react';
+import { useGlobalEvent } from '../../components/utils/useGlobalEvent';
+export const useKeyboardNavigation = (setCurrentSection, sections) => {
     const handleKeyPress = React.useCallback((event) => {
         if ((event.ctrlKey || event.metaKey) &&
             (event.code === 'ArrowUp' || event.code === 'ArrowDown')) {
@@ -31,6 +27,5 @@ const useKeyboardNavigation = (setCurrentSection, sections) => {
             });
         }
     }, [sections, setCurrentSection]);
-    (0, useGlobalEvent_1.useGlobalEvent)('keydown', handleKeyPress);
+    useGlobalEvent('keydown', handleKeyPress);
 };
-exports.useKeyboardNavigation = useKeyboardNavigation;

package/src/View/renderWithAdaptableContext.js

@@ -1,15 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderWithAdaptableContext = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_redux_1 = require("react-redux");
-const styled_components_1 = require("styled-components");
-const theme_1 = tslib_1.__importDefault(require("../theme"));
-const AdaptableContext_1 = tslib_1.__importDefault(require("./AdaptableContext"));
-const renderWithAdaptableContext = (children, adaptable) => {
-    return (React.createElement(react_redux_1.Provider, { store: adaptable.adaptableStore.TheStore },
-        React.createElement(styled_components_1.ThemeProvider, { theme: theme_1.default },
-            React.createElement(AdaptableContext_1.default.Provider, { value: adaptable }, children))));
+import * as React from 'react';
+import { Provider } from 'react-redux';
+import { ThemeProvider } from 'styled-components';
+import theme from '../theme';
+import AdaptableContext from './AdaptableContext';
+export const renderWithAdaptableContext = (children, adaptable) => {
+    return (React.createElement(Provider, { store: adaptable.adaptableStore.TheStore },
+        React.createElement(ThemeProvider, { theme: theme },
+            React.createElement(AdaptableContext.Provider, { value: adaptable }, children))));
 };
-exports.renderWithAdaptableContext = renderWithAdaptableContext;