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

package/src/View/Components/Buttons/ButtonBase/index.js

@@ -2,13 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonBase = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const GeneralConstants_1 = require("../../../../Utilities/Constants/GeneralConstants");
 const Flex_1 = require("../../../../components/Flex");
 const clsx_1 = tslib_1.__importDefault(require("clsx"));
 const twMerge_1 = require("../../../../twMerge");
 const Glyphicon = ({ glyph, style }) => {
-    return React.createElement("span", { style: style, className: `glyphicon glyphicon-${glyph}` });
+    return (0, jsx_runtime_1.jsx)("span", { style: style, className: `glyphicon glyphicon-${glyph}` });
 };
 const baseClassName = 'ab-Button twa:text-current';
 class ButtonBase extends React.Component {
@@ -39,37 +40,26 @@ class ButtonBase extends React.Component {
         let content;
         if (this.props.displayMode == 'Glyph') {
             if (this.props.transformGlyph) {
-                content = React.createElement(Glyphicon, { glyph: this.props.glyph, style: { transform: 'scale(-1, 1)' } });
+                content = (0, jsx_runtime_1.jsx)(Glyphicon, { glyph: this.props.glyph, style: { transform: 'scale(-1, 1)' } });
             }
             else {
-                content = React.createElement(Glyphicon, { glyph: this.props.glyph });
+                content = (0, jsx_runtime_1.jsx)(Glyphicon, { glyph: this.props.glyph });
             }
         }
         else if (this.props.displayMode == 'Text') {
-            content = React.createElement("span", null, text);
+            content = (0, jsx_runtime_1.jsx)("span", { children: text });
         }
         else if (this.props.displayMode == 'Glyph+Text') {
-            content = (React.createElement("div", null,
-                React.createElement(Glyphicon, { glyph: this.props.glyph }),
-                " ",
-                text));
+            content = ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Glyphicon, { glyph: this.props.glyph }), " ", text] }));
         }
         else if (this.props.displayMode == 'Text+Glyph') {
-            content = (React.createElement("div", null,
-                text,
-                " ",
-                React.createElement(Glyphicon, { glyph: this.props.glyph })));
+            content = ((0, jsx_runtime_1.jsxs)("div", { children: [text, " ", (0, jsx_runtime_1.jsx)(Glyphicon, { glyph: this.props.glyph })] }));
         }
         if (this.props.icon) {
-            content = (React.createElement(React.Fragment, null,
-                this.props.iconPosition === 'end' ? text : null,
-                " ",
-                React.createElement(Glyphicon, { glyph: this.props.icon }),
-                ' ',
-                this.props.iconPosition !== 'end' ? text : null));
+            content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [this.props.iconPosition === 'end' ? text : null, " ", (0, jsx_runtime_1.jsx)(Glyphicon, { glyph: this.props.icon }), ' ', this.props.iconPosition !== 'end' ? text : null] }));
         }
-        let button = (React.createElement(Flex_1.Box, { ...this.props, as: "button", style: this.props.style, className: (0, twMerge_1.twMerge)((0, clsx_1.default)(baseClassName, `${baseClassName}--size-normal`, `${baseClassName}--style-normal`, isDisabled ? `${baseClassName}--disabled` : `${baseClassName}--enabled`), this.props.className), disabled: isDisabled, onClick: this.props.onClick, onMouseDown: this.props.onMouseDown || ((e) => e.preventDefault()) }, content));
-        let buttonwithtooltip = React.createElement("div", null, button);
+        let button = ((0, jsx_runtime_1.jsx)(Flex_1.Box, { ...this.props, as: "button", style: this.props.style, className: (0, twMerge_1.twMerge)((0, clsx_1.default)(baseClassName, `${baseClassName}--size-normal`, `${baseClassName}--style-normal`, isDisabled ? `${baseClassName}--disabled` : `${baseClassName}--enabled`), this.props.className), disabled: isDisabled, onClick: this.props.onClick, onMouseDown: this.props.onMouseDown || ((e) => e.preventDefault()), children: content }));
+        let buttonwithtooltip = (0, jsx_runtime_1.jsx)("div", { children: button });
         return hideToolTip ? button : buttonwithtooltip;
     }
 }

package/src/View/Components/Buttons/ButtonClear.js

@@ -2,12 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonClear = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 class ButtonClear extends React.Component {
     render() {
         const { showText, showIcon, ...innerProps } = this.props;
-        return (React.createElement(SimpleButton_1.default, { "data-name": "clear", tooltip: "Clear", iconSize: 20, icon: showIcon == false ? '' : 'close', ...innerProps, variant: "text" }, showText ? 'Clear' : ''));
+        return ((0, jsx_runtime_1.jsx)(SimpleButton_1.default, { "data-name": "clear", tooltip: "Clear", iconSize: 20, icon: showIcon == false ? '' : 'close', ...innerProps, variant: "text", children: showText ? 'Clear' : '' }));
     }
 }
 exports.ButtonClear = ButtonClear;

package/src/View/Components/Buttons/ButtonClone.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonClone = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 const ButtonClone = (props) => {
-    return (React.createElement(SimpleButton_1.default, { "data-name": "clone", tooltip: "Clone", tone: "accent", icon: "clone", variant: "raised", ...props }, props.children === undefined ? 'Clone' : props.children));
+    return ((0, jsx_runtime_1.jsx)(SimpleButton_1.default, { "data-name": "clone", tooltip: "Clone", tone: "accent", icon: "clone", variant: "raised", ...props, children: props.children === undefined ? 'Clone' : props.children }));
 };
 exports.ButtonClone = ButtonClone;

package/src/View/Components/Buttons/ButtonClose.js

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonClose = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 class ButtonClose extends React.Component {
     render() {
-        return (React.createElement(SimpleButton_1.default, { "data-name": "close", tooltip: "Close", iconSize: 20, icon: "close", ...this.props, variant: "text" }));
+        return ((0, jsx_runtime_1.jsx)(SimpleButton_1.default, { "data-name": "close", tooltip: "Close", iconSize: 20, icon: "close", ...this.props, variant: "text" }));
     }
 }
 exports.ButtonClose = ButtonClose;

package/src/View/Components/Buttons/ButtonConfigure.js

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonConfigure = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 class ButtonConfigure extends React.Component {
     render() {
-        return (React.createElement(SimpleButton_1.default, { "data-name": "configure", tooltip: "Configure", iconSize: 18, icon: "spanner", ...this.props, variant: "text" }));
+        return ((0, jsx_runtime_1.jsx)(SimpleButton_1.default, { "data-name": "configure", tooltip: "Configure", iconSize: 18, icon: "spanner", ...this.props, variant: "text" }));
     }
 }
 exports.ButtonConfigure = ButtonConfigure;

package/src/View/Components/Buttons/ButtonDelete.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonDelete = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_redux_1 = require("react-redux");
 const PopupRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/PopupRedux"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
@@ -31,6 +31,6 @@ const ButtonDelete = (props) => {
             onClickAction?.();
         }
     };
-    return (React.createElement(SimpleButton_1.default, { "data-name": "delete", tooltip: props.tooltip ?? 'Delete', variant: "text", icon: "delete", iconSize: props.iconSize ?? 24, ...restProps, onClick: () => onClick() }));
+    return ((0, jsx_runtime_1.jsx)(SimpleButton_1.default, { "data-name": "delete", tooltip: props.tooltip ?? 'Delete', variant: "text", icon: "delete", iconSize: props.iconSize ?? 24, ...restProps, onClick: () => onClick() }));
 };
 exports.ButtonDelete = ButtonDelete;

package/src/View/Components/Buttons/ButtonEdit.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonEdit = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 const ButtonEdit = (props) => {
-    return (React.createElement(SimpleButton_1.default, { "data-name": "edit", tooltip: "Edit", variant: "text", icon: "edit", iconSize: props.iconSize ?? 24, ...props }));
+    return ((0, jsx_runtime_1.jsx)(SimpleButton_1.default, { "data-name": "edit", tooltip: "Edit", variant: "text", icon: "edit", iconSize: props.iconSize ?? 24, ...props }));
 };
 exports.ButtonEdit = ButtonEdit;

package/src/View/Components/Buttons/ButtonExpand.js

@@ -2,11 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonExpand = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
+const lucide_react_1 = require("lucide-react");
 class ButtonExpand extends React.Component {
     render() {
-        return (React.createElement(SimpleButton_1.default, { "data-name": "expand", tooltip: "Expand", iconSize: 20, icon: "arrow-expand", variant: "text", ...this.props }));
+        return ((0, jsx_runtime_1.jsx)(SimpleButton_1.default, { "data-name": "expand", tooltip: "Expand", iconSize: 20, icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Maximize2, { size: 20, strokeWidth: 1.5 }), variant: "text", ...this.props }));
     }
 }
 exports.ButtonExpand = ButtonExpand;

package/src/View/Components/Buttons/ButtonExport.js

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonExport = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 class ButtonExport extends React.Component {
     render() {
-        return (React.createElement(SimpleButton_1.default, { "data-name": "export", tooltip: "Export", iconSize: 20, icon: "export", variant: "text", ...this.props }));
+        return ((0, jsx_runtime_1.jsx)(SimpleButton_1.default, { "data-name": "export", tooltip: "Export", iconSize: 20, icon: "export", variant: "text", ...this.props }));
     }
 }
 exports.ButtonExport = ButtonExport;

package/src/View/Components/Buttons/ButtonInfo.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonInfo = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 const ButtonInfo = (props) => {
-    return (React.createElement(SimpleButton_1.default, { "data-name": "info", iconSize: 20, icon: "info", variant: "raised", tone: "accent", ...props }));
+    return ((0, jsx_runtime_1.jsx)(SimpleButton_1.default, { "data-name": "info", iconSize: 20, icon: "info", variant: "raised", tone: "accent", ...props }));
 };
 exports.ButtonInfo = ButtonInfo;

package/src/View/Components/Buttons/ButtonInvalid.js

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonInvalid = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 class ButtonInvalid extends React.Component {
     render() {
-        return (React.createElement(SimpleButton_1.default, { "data-name": "invalid", tooltip: "Invalid", iconSize: 20, icon: "warning", ...this.props }));
+        return ((0, jsx_runtime_1.jsx)(SimpleButton_1.default, { "data-name": "invalid", tooltip: "Invalid", iconSize: 20, icon: "warning", ...this.props }));
     }
 }
 exports.ButtonInvalid = ButtonInvalid;

package/src/View/Components/Buttons/ButtonLogin.js

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonLogin = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 class ButtonLogin extends React.Component {
     render() {
-        return (React.createElement(SimpleButton_1.default, { "data-name": "login", tooltip: "Login", iconSize: 20, icon: "person", variant: "text", ...this.props }));
+        return ((0, jsx_runtime_1.jsx)(SimpleButton_1.default, { "data-name": "login", tooltip: "Login", iconSize: 20, icon: "person", variant: "text", ...this.props }));
     }
 }
 exports.ButtonLogin = ButtonLogin;

package/src/View/Components/Buttons/ButtonLogout.js

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonLogout = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 class ButtonLogout extends React.Component {
     render() {
-        return (React.createElement(SimpleButton_1.default, { "data-name": "logout", tooltip: "Logout", iconSize: 20, icon: "logout", variant: "text", ...this.props }));
+        return ((0, jsx_runtime_1.jsx)(SimpleButton_1.default, { "data-name": "logout", tooltip: "Logout", iconSize: 20, icon: "logout", variant: "text", ...this.props }));
     }
 }
 exports.ButtonLogout = ButtonLogout;

package/src/View/Components/Buttons/ButtonMaximise.js

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonMaximise = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 class ButtonMaximise extends React.Component {
     render() {
-        return (React.createElement(SimpleButton_1.default, { "data-name": "maximise", iconSize: 20, tooltip: "Maximize", icon: this.props.useHoirzontalChevron ? 'arrow-right' : 'arrow-down', variant: "text", ...this.props }));
+        return ((0, jsx_runtime_1.jsx)(SimpleButton_1.default, { "data-name": "maximise", iconSize: 20, tooltip: "Maximize", icon: this.props.useHoirzontalChevron ? 'arrow-right' : 'arrow-down', variant: "text", ...this.props }));
     }
 }
 exports.ButtonMaximise = ButtonMaximise;

package/src/View/Components/Buttons/ButtonMinimise.js

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonMinimise = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 class ButtonMinimise extends React.Component {
     render() {
-        return (React.createElement(SimpleButton_1.default, { "data-name": "minimise", iconSize: 20, tooltip: "Minimise", ...this.props, variant: "text", icon: "arrow-up" }));
+        return ((0, jsx_runtime_1.jsx)(SimpleButton_1.default, { "data-name": "minimise", iconSize: 20, tooltip: "Minimise", ...this.props, variant: "text", icon: "arrow-up" }));
     }
 }
 exports.ButtonMinimise = ButtonMinimise;

package/src/View/Components/Buttons/ButtonNew.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonNew = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 const twMerge_1 = require("../../../twMerge");
 const ButtonNew = (props) => {
-    return (React.createElement(SimpleButton_1.default, { "data-name": "new", tone: props.tone || 'accent', icon: "plus", variant: props.variant || 'raised', tooltip: props.tooltip || 'New', accessLevel: props.accessLevel, onClick: props.onClick, className: (0, twMerge_1.twMerge)(`twa:flex twa:flex-row twa:items-center`, props.className) }, props.children === undefined ? 'New' : props.children));
+    return ((0, jsx_runtime_1.jsx)(SimpleButton_1.default, { "data-name": "new", tone: props.tone || 'accent', icon: "plus", variant: props.variant || 'raised', tooltip: props.tooltip || 'New', accessLevel: props.accessLevel, onClick: props.onClick, className: (0, twMerge_1.twMerge)(`twa:flex twa:flex-row twa:items-center`, props.className), children: props.children === undefined ? 'New' : props.children }));
 };
 exports.ButtonNew = ButtonNew;

package/src/View/Components/Buttons/ButtonNewPage.js

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonNewPage = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 class ButtonNewPage extends React.Component {
     render() {
-        return (React.createElement(SimpleButton_1.default, { "data-name": "new-page", tooltip: "New Page", iconSize: 20, icon: "newpage" // arrow-up
+        return ((0, jsx_runtime_1.jsx)(SimpleButton_1.default, { "data-name": "new-page", tooltip: "New Page", iconSize: 20, icon: "newpage" // arrow-up
             , variant: "text", ...this.props }));
     }
 }

package/src/View/Components/Buttons/ButtonOpen.js

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonOpen = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 class ButtonOpen extends React.Component {
     render() {
-        return (React.createElement(SimpleButton_1.default, { "data-name": "open", iconSize: 20, icon: "folder-open", tooltip: "Open", variant: "text", ...this.props }));
+        return ((0, jsx_runtime_1.jsx)(SimpleButton_1.default, { "data-name": "open", iconSize: 20, icon: "folder-open", tooltip: "Open", variant: "text", ...this.props }));
     }
 }
 exports.ButtonOpen = ButtonOpen;

package/src/View/Components/Buttons/ButtonPause.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonPause = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 const ButtonPause = (props) => {
     const buttonIcon = props.fillColor === 'red'
@@ -15,6 +15,6 @@ const ButtonPause = (props) => {
         : {
             name: 'pause',
         };
-    return (React.createElement(SimpleButton_1.default, { "data-name": "pause", tooltip: "Pause", iconSize: 20, icon: buttonIcon, variant: "text", ...props }));
+    return ((0, jsx_runtime_1.jsx)(SimpleButton_1.default, { "data-name": "pause", tooltip: "Pause", iconSize: 20, icon: buttonIcon, variant: "text", ...props }));
 };
 exports.ButtonPause = ButtonPause;

package/src/View/Components/Buttons/ButtonPlay.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonPlay = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 const StringExtensions_1 = tslib_1.__importDefault(require("../../../Utilities/Extensions/StringExtensions"));
 const ButtonPlay = (props) => {
-    return (React.createElement(SimpleButton_1.default, { "data-name": "play", tooltip: StringExtensions_1.default.IsNullOrEmpty(props.tooltip) ? 'Play' : props.tooltip, iconSize: 20, icon: "play", variant: "text", ...props }));
+    return ((0, jsx_runtime_1.jsx)(SimpleButton_1.default, { "data-name": "play", tooltip: StringExtensions_1.default.IsNullOrEmpty(props.tooltip) ? 'Play' : props.tooltip, iconSize: 20, icon: "play", variant: "text", ...props }));
 };
 exports.ButtonPlay = ButtonPlay;

package/src/View/Components/Buttons/ButtonSave.js

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonSave = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 class ButtonSave extends React.Component {
     render() {
-        return (React.createElement(SimpleButton_1.default, { "data-name": "save", iconSize: 20, icon: "save", tooltip: "Save", variant: "text", ...this.props }));
+        return ((0, jsx_runtime_1.jsx)(SimpleButton_1.default, { "data-name": "save", iconSize: 20, icon: "save", tooltip: "Save", variant: "text", ...this.props }));
     }
 }
 exports.ButtonSave = ButtonSave;

package/src/View/Components/Buttons/ButtonSchedule.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonSchedule = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 const ButtonSchedule = (props) => {
-    return (React.createElement(SimpleButton_1.default, { "data-name": "schedule", tooltip: "Schedule", iconSize: 20, icon: "schedule", variant: "text", ...props }));
+    return ((0, jsx_runtime_1.jsx)(SimpleButton_1.default, { "data-name": "schedule", tooltip: "Schedule", iconSize: 20, icon: "schedule", variant: "text", ...props }));
 };
 exports.ButtonSchedule = ButtonSchedule;

package/src/View/Components/Buttons/ButtonShare.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonShare = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 const AdaptablePopupTeamSharing_1 = require("../Popups/AdaptablePopupTeamSharing");
@@ -12,12 +13,10 @@ class ButtonShare extends React.Component {
     }
     render() {
         const { onShare, Header, ...buttonProps } = this.props;
-        return (React.createElement(React.Fragment, null,
-            React.createElement(SimpleButton_1.default, { "data-name": "share", tooltip: "Share", variant: "text", icon: "folder-shared", iconSize: buttonProps.iconSize ?? 24, onClick: () => this.setState({ open: true }), ...buttonProps }),
-            this.state.open && (React.createElement(AdaptablePopupTeamSharing_1.AdaptablePopupTeamSharing, { header: Header, showPopup: true, onClose: () => this.setState({ open: false }), onConfirm: (config) => {
-                    this.setState({ open: false });
-                    onShare(config);
-                } }))));
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SimpleButton_1.default, { "data-name": "share", tooltip: "Share", variant: "text", icon: "folder-shared", iconSize: buttonProps.iconSize ?? 24, onClick: () => this.setState({ open: true }), ...buttonProps }), this.state.open && ((0, jsx_runtime_1.jsx)(AdaptablePopupTeamSharing_1.AdaptablePopupTeamSharing, { header: Header, showPopup: true, onClose: () => this.setState({ open: false }), onConfirm: (config) => {
+                        this.setState({ open: false });
+                        onShare(config);
+                    } }))] }));
     }
 }
 exports.ButtonShare = ButtonShare;

package/src/View/Components/Buttons/ButtonStop.js

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonStop = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 class ButtonStop extends React.Component {
     render() {
-        return (React.createElement(SimpleButton_1.default, { "data-name": "stop", tooltip: "Stop", iconSize: 20, icon: "stop", variant: "text", ...this.props }));
+        return ((0, jsx_runtime_1.jsx)(SimpleButton_1.default, { "data-name": "stop", tooltip: "Stop", iconSize: 20, icon: "stop", variant: "text", ...this.props }));
     }
 }
 exports.ButtonStop = ButtonStop;

package/src/View/Components/Buttons/ButtonUnsuspend.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonUnsuspend = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 class ButtonUnsuspend extends React.Component {
@@ -16,7 +17,7 @@ class ButtonUnsuspend extends React.Component {
             : {
                 name: 'resume',
             };
-        return (React.createElement(SimpleButton_1.default, { "data-name": "unsuspend", tooltip: "Pause", iconSize: 20, icon: buttonIcon, variant: "text", ...this.props }));
+        return ((0, jsx_runtime_1.jsx)(SimpleButton_1.default, { "data-name": "unsuspend", tooltip: "Pause", iconSize: 20, icon: buttonIcon, variant: "text", ...this.props }));
     }
 }
 exports.ButtonUnsuspend = ButtonUnsuspend;

package/src/View/Components/Buttons/EntityListActionButtons.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EntityListActionButtons = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const ButtonEdit_1 = require("./ButtonEdit");
 const ButtonClone_1 = require("./ButtonClone");
@@ -40,12 +41,7 @@ class EntityListActionButtons extends React.Component {
             'twa:justify-center': justifyContent === 'center',
             'twa:justify-end': justifyContent === 'end',
         }) || 'twa:justify-center';
-        return (React.createElement(Flex_1.Flex, { className: `${justifyContentClassName} twa:m-0 twa:p-0`, onClick: stopPropagation },
-            this.props.showEdit && (React.createElement(ButtonEdit_1.ButtonEdit, { onClick: () => (this.props.editClick ? this.props.editClick() : null), className: `twa:ml-0 twa:mr-[2px] twa:my-[2px] twa:text-text-on-edit twa:bg-action-edit twa:fill-text-on-edit`, disabled: this.props.overrideDisableEdit || this.props.accessLevel == GeneralConstants_1.ACCESS_LEVEL_READ_ONLY, tooltip: this.props.overrideTooltipEdit, accessLevel: this.props.accessLevel })),
-            this.props.showClone && (React.createElement(ButtonClone_1.ButtonClone, { onClick: () => (this.props.cloneClick ? this.props.cloneClick() : null), className: `twa:ml-0 twa:mr-[2px] twa:my-[2px] twa:text-text-on-clone twa:bg-action-clone twa:fill-text-on-clone`, children: null, disabled: this.props.overrideDisableClone || this.props.cloneAccessLevel == GeneralConstants_1.ACCESS_LEVEL_READ_ONLY, tooltip: this.props.overrideTooltipClone, accessLevel: this.props.cloneAccessLevel })),
-            this.props.showDelete && (React.createElement(ButtonDelete_1.ButtonDelete, { "data-name": "delete", className: `twa:mx-[px] twa:my-[2px] twa:text-text-on-delete twa:bg-action-delete twa:fill-text-on-delete`, disabled: this.props.overrideDisableDelete || this.props.accessLevel == GeneralConstants_1.ACCESS_LEVEL_READ_ONLY, tooltip: this.props.overrideTooltipDelete, ConfirmAction: this.props.confirmDeleteAction, ConfirmationMsg: 'Are you sure you want to delete this ' + this.props.entityType + '?', ConfirmationTitle: 'Delete ' + this.props.entityType, accessLevel: this.props.accessLevel })),
-            this.props.showShare && (React.createElement(ButtonShare_1.ButtonShare, { className: `twa:mx-[1px] twa:my-[2px] twa:text-text-on-share twa:bg-action-share twa:fill-text-on-share`, onShare: (config) => this.props.shareClick ? this.props.shareClick(config) : null, Header: `TeamSharing ${this.props.entityType}`, disabled: this.props.overrideDisableShare || this.props.accessLevel == GeneralConstants_1.ACCESS_LEVEL_READ_ONLY, tooltip: this.props.overrideTooltipShare, accessLevel: this.props.accessLevel })),
-            this.props.showSuspend && this.props.suspendableObject && (React.createElement(SuspendToggleButton_1.SuspendToggleButton, { className: `twa:ml-[2px] twa:align-self-center`, onSuspend: this.props.onSuspend, onUnSuspend: this.props.onUnSuspend, suspendableObject: this.props.suspendableObject, disabled: this.props.accessLevel == GeneralConstants_1.ACCESS_LEVEL_READ_ONLY }))));
+        return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { className: `${justifyContentClassName} twa:m-0 twa:p-0`, onClick: stopPropagation, children: [this.props.showEdit && ((0, jsx_runtime_1.jsx)(ButtonEdit_1.ButtonEdit, { onClick: () => (this.props.editClick ? this.props.editClick() : null), className: `twa:ml-0 twa:mr-[2px] twa:my-[2px] twa:text-text-on-edit twa:bg-action-edit twa:fill-text-on-edit`, disabled: this.props.overrideDisableEdit || this.props.accessLevel == GeneralConstants_1.ACCESS_LEVEL_READ_ONLY, tooltip: this.props.overrideTooltipEdit, accessLevel: this.props.accessLevel })), this.props.showClone && ((0, jsx_runtime_1.jsx)(ButtonClone_1.ButtonClone, { onClick: () => (this.props.cloneClick ? this.props.cloneClick() : null), className: `twa:ml-0 twa:mr-[2px] twa:my-[2px] twa:text-text-on-clone twa:bg-action-clone twa:fill-text-on-clone`, children: null, disabled: this.props.overrideDisableClone || this.props.cloneAccessLevel == GeneralConstants_1.ACCESS_LEVEL_READ_ONLY, tooltip: this.props.overrideTooltipClone, accessLevel: this.props.cloneAccessLevel })), this.props.showDelete && ((0, jsx_runtime_1.jsx)(ButtonDelete_1.ButtonDelete, { "data-name": "delete", className: `twa:mx-[px] twa:my-[2px] twa:text-text-on-delete twa:bg-action-delete twa:fill-text-on-delete`, disabled: this.props.overrideDisableDelete || this.props.accessLevel == GeneralConstants_1.ACCESS_LEVEL_READ_ONLY, tooltip: this.props.overrideTooltipDelete, ConfirmAction: this.props.confirmDeleteAction, ConfirmationMsg: 'Are you sure you want to delete this ' + this.props.entityType + '?', ConfirmationTitle: 'Delete ' + this.props.entityType, accessLevel: this.props.accessLevel })), this.props.showShare && ((0, jsx_runtime_1.jsx)(ButtonShare_1.ButtonShare, { className: `twa:mx-[1px] twa:my-[2px] twa:text-text-on-share twa:bg-action-share twa:fill-text-on-share`, onShare: (config) => this.props.shareClick ? this.props.shareClick(config) : null, Header: `TeamSharing ${this.props.entityType}`, disabled: this.props.overrideDisableShare || this.props.accessLevel == GeneralConstants_1.ACCESS_LEVEL_READ_ONLY, tooltip: this.props.overrideTooltipShare, accessLevel: this.props.accessLevel })), this.props.showSuspend && this.props.suspendableObject && ((0, jsx_runtime_1.jsx)(SuspendToggleButton_1.SuspendToggleButton, { className: `twa:ml-[2px] twa:align-self-center`, onSuspend: this.props.onSuspend, onUnSuspend: this.props.onUnSuspend, suspendableObject: this.props.suspendableObject, disabled: this.props.accessLevel == GeneralConstants_1.ACCESS_LEVEL_READ_ONLY }))] }));
     }
 }
 exports.EntityListActionButtons = EntityListActionButtons;

package/src/View/Components/Buttons/SuspendToggleButton/SuspendToggleButton.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SuspendToggleButton = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const ToggleButton_1 = require("../../../../components/ToggleButton");
 const GeneralConstants_1 = require("../../../../Utilities/Constants/GeneralConstants");
@@ -17,5 +18,5 @@ exports.SuspendToggleButton = React.memo(({ suspendableObject, onUnSuspend, onSu
     }, [onUnSuspend, onSuspend]);
     const preparedDisabled = (accessLevel && accessLevel === GeneralConstants_1.ACCESS_LEVEL_READ_ONLY) || disabled;
     const isSuspended = suspendableObject.IsSuspended;
-    return (React.createElement(ToggleButton_1.ToggleButton, { className: (0, clsx_1.default)(`ab-SuspendButton`, className), "data-name": suspendableObject.IsSuspended ? 'un-suspend' : 'suspend', disabled: preparedDisabled, style: style, onChange: handleOnChange, checked: !isSuspended }, isSuspended ? 'inactive' : 'active'));
+    return ((0, jsx_runtime_1.jsx)(ToggleButton_1.ToggleButton, { className: (0, clsx_1.default)(`ab-SuspendButton`, className), "data-name": suspendableObject.IsSuspended ? 'un-suspend' : 'suspend', disabled: preparedDisabled, style: style, onChange: handleOnChange, checked: !isSuspended, children: isSuspended ? 'inactive' : 'active' }));
 });

package/src/View/Components/CellPopup/index.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CellPopup = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const InfiniteTable_1 = require("../../../components/InfiniteTable");
 const utils_1 = require("../../../components/OverlayTrigger/utils");
@@ -67,5 +68,5 @@ exports.CellPopup = React.forwardRef((props, ref) => {
             refreshContent: () => showCellPopupContent(),
         };
     });
-    return React.createElement(React.Fragment, null, portal);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: portal });
 });

package/src/View/Components/ColumnFilter/AdaptableColumnFilter.d.ts

@@ -1,6 +1,9 @@
 import * as React from 'react';
+export type ColumnFilterLocation = 'columnMenu' | 'filterForm';
+export declare const ColumnFilterLocationProvider: React.Provider<ColumnFilterLocation>;
+export declare const useColumnFilterLocation: () => ColumnFilterLocation;
 export interface AdaptableColumnFilterProps {
-    location: 'columnMenu' | 'filterForm';
+    location: ColumnFilterLocation;
     columnId: string;
     wrapperProps?: {
         className?: string;

package/src/View/Components/ColumnFilter/AdaptableColumnFilter.js

@@ -1,18 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AdaptableColumnFilter = void 0;
+exports.AdaptableColumnFilter = exports.useColumnFilterLocation = exports.ColumnFilterLocationProvider = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const ColumnFilter_1 = require("./ColumnFilter");
 const useAdaptableFilterWrapper_1 = require("./useAdaptableFilterWrapper");
+const ColumnFilterLocationContext = React.createContext(null);
+exports.ColumnFilterLocationProvider = ColumnFilterLocationContext.Provider;
+const useColumnFilterLocation = () => {
+    return React.useContext(ColumnFilterLocationContext) ?? 'columnMenu';
+};
+exports.useColumnFilterLocation = useColumnFilterLocation;
 /**
  * This wrapper knows about predicates.
  * It transforms predicates in QlPredicates.
  */
 const AdaptableColumnFilter = (props) => {
     const { qlPredicate, qlPredicateDefs, columnFilter, handlePredicateChange } = (0, useAdaptableFilterWrapper_1.useAdaptableFilterWrapper)(props.columnId, 'FilterForm');
-    return (React.createElement(ColumnFilter_1.ColumnFilterComponent, { location: props.location, wrapperProps: props.wrapperProps, columnId: props.columnId, predicate: qlPredicate, predicateDefs: qlPredicateDefs, disabled: columnFilter?.IsSuspended, onPredicateChange: React.useCallback((predicate) => {
-            handlePredicateChange(predicate);
-        }, [handlePredicateChange]) }));
+    return ((0, jsx_runtime_1.jsx)(exports.ColumnFilterLocationProvider, { value: props.location, children: (0, jsx_runtime_1.jsx)(ColumnFilter_1.ColumnFilterComponent, { location: props.location, wrapperProps: props.wrapperProps, columnId: props.columnId, predicate: qlPredicate, predicateDefs: qlPredicateDefs, disabled: columnFilter?.IsSuspended, onPredicateChange: React.useCallback((predicate) => {
+                handlePredicateChange(predicate);
+            }, [handlePredicateChange]) }) }));
 };
 exports.AdaptableColumnFilter = AdaptableColumnFilter;

package/src/View/Components/ColumnFilter/AdaptableFloatingFilter.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AdaptableFloatingFilter = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const AdaptableContext_1 = require("../../AdaptableContext");
 const FloatingFilter_1 = require("./FloatingFilter");
@@ -22,7 +23,7 @@ const AdaptableFloatingFilter = (props) => {
     if (!column) {
         return null;
     }
-    return (React.createElement(FloatingFilter_1.FloatingFilter, { onKeydown: (event) => {
+    return ((0, jsx_runtime_1.jsx)(FloatingFilter_1.FloatingFilter, { onKeydown: (event) => {
             const key = event.key;
             const predicate = adaptable.api.filterApi.columnFilterApi.internalApi.findPredicateDefByShortcut(key, column);
             if (predicate) {