@adaptabletools/adaptable 17.0.0-canary.0 → 17.0.0-canary.10

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

@@ -1,8 +1,13 @@
-import * as React from 'react';
-import SimpleButton from '../../../components/SimpleButton';
-export class ButtonNewPage extends React.Component {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonNewPage = void 0;
+const tslib_1 = require("tslib");
+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, Object.assign({ "data-name": "new-page", tooltip: "New Page", iconSize: 20, icon: "newpage" // arrow-up
+        return (React.createElement(SimpleButton_1.default, Object.assign({ "data-name": "new-page", tooltip: "New Page", iconSize: 20, icon: "newpage" // arrow-up
             , variant: "text" }, this.props)));
     }
 }
+exports.ButtonNewPage = ButtonNewPage;

package/src/View/Components/Buttons/ButtonOpen.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { SimpleButtonProps } from '../../../components/SimpleButton';
+export declare class ButtonOpen extends React.Component<SimpleButtonProps, {}> {
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonOpen = void 0;
+const tslib_1 = require("tslib");
+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, Object.assign({ "data-name": "open", iconSize: 20, icon: "folder-open", tooltip: "Open", variant: "text" }, this.props)));
+    }
+}
+exports.ButtonOpen = ButtonOpen;

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

@@ -1,6 +1,10 @@
-import * as React from 'react';
-import SimpleButton from '../../../components/SimpleButton';
-export class ButtonPause extends React.Component {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonPause = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
+class ButtonPause extends React.Component {
     render() {
         const buttonIcon = this.props.fillColor === 'red'
             ? {
@@ -12,6 +16,7 @@ export class ButtonPause extends React.Component {
             : {
                 name: 'pause',
             };
-        return (React.createElement(SimpleButton, Object.assign({ "data-name": "pause", tooltip: "Pause", iconSize: 20, icon: buttonIcon, variant: "text" }, this.props)));
+        return (React.createElement(SimpleButton_1.default, Object.assign({ "data-name": "pause", tooltip: "Pause", iconSize: 20, icon: buttonIcon, variant: "text" }, this.props)));
     }
 }
+exports.ButtonPause = ButtonPause;

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

@@ -1,8 +1,13 @@
-import * as React from 'react';
-import SimpleButton from '../../../components/SimpleButton';
-import StringExtensions from '../../../Utilities/Extensions/StringExtensions';
-export class ButtonPlay extends React.Component {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonPlay = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
+const StringExtensions_1 = tslib_1.__importDefault(require("../../../Utilities/Extensions/StringExtensions"));
+class ButtonPlay extends React.Component {
     render() {
-        return (React.createElement(SimpleButton, Object.assign({ "data-name": "play", tooltip: StringExtensions.IsNullOrEmpty(this.props.tooltip) ? 'Play' : this.props.tooltip, iconSize: 20, icon: "play", variant: "text" }, this.props)));
+        return (React.createElement(SimpleButton_1.default, Object.assign({ "data-name": "play", tooltip: StringExtensions_1.default.IsNullOrEmpty(this.props.tooltip) ? 'Play' : this.props.tooltip, iconSize: 20, icon: "play", variant: "text" }, this.props)));
     }
 }
+exports.ButtonPlay = ButtonPlay;

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

@@ -1,5 +1,8 @@
-import * as React from 'react';
-import SimpleButton from '../../../components/SimpleButton';
-export default (props) => {
-    return React.createElement(SimpleButton, Object.assign({}, props, { icon: 'delete', variant: "text", "data-name": "preview-delete" }));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
+exports.default = (props) => {
+    return React.createElement(SimpleButton_1.default, Object.assign({}, props, { icon: 'delete', variant: "text", "data-name": "preview-delete" }));
 };

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

@@ -1,7 +1,12 @@
-import * as React from 'react';
-import SimpleButton from '../../../components/SimpleButton';
-export class ButtonSave extends React.Component {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonSave = void 0;
+const tslib_1 = require("tslib");
+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, Object.assign({ "data-name": "save", iconSize: 20, icon: "save", tooltip: "Save", variant: "text" }, this.props)));
+        return (React.createElement(SimpleButton_1.default, Object.assign({ "data-name": "save", iconSize: 20, icon: "save", tooltip: "Save", variant: "text" }, this.props)));
     }
 }
+exports.ButtonSave = ButtonSave;

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

@@ -1,7 +1,12 @@
-import * as React from 'react';
-import SimpleButton from '../../../components/SimpleButton';
-export class ButtonSchedule extends React.Component {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonSchedule = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
+class ButtonSchedule extends React.Component {
     render() {
-        return (React.createElement(SimpleButton, Object.assign({ "data-name": "schedule", tooltip: "Schedule", iconSize: 20, icon: "schedule", variant: "text" }, this.props)));
+        return (React.createElement(SimpleButton_1.default, Object.assign({ "data-name": "schedule", tooltip: "Schedule", iconSize: 20, icon: "schedule", variant: "text" }, this.props)));
     }
 }
+exports.ButtonSchedule = ButtonSchedule;

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

@@ -1,20 +1,24 @@
-import { __rest } from "tslib";
-import * as React from 'react';
-import SimpleButton from '../../../components/SimpleButton';
-import { AdaptablePopupTeamSharing } from '../Popups/AdaptablePopupTeamSharing';
-export class ButtonShare extends React.Component {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonShare = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
+const AdaptablePopupTeamSharing_1 = require("../Popups/AdaptablePopupTeamSharing");
+class ButtonShare extends React.Component {
     constructor(props) {
         super(props);
         this.state = { open: false };
     }
     render() {
         var _a;
-        const _b = this.props, { onShare, Header } = _b, buttonProps = __rest(_b, ["onShare", "Header"]);
+        const _b = this.props, { onShare, Header } = _b, buttonProps = tslib_1.__rest(_b, ["onShare", "Header"]);
         return (React.createElement(React.Fragment, null,
-            React.createElement(SimpleButton, Object.assign({ "data-name": "share", tooltip: "Share", variant: "text", icon: "folder-shared", iconSize: (_a = buttonProps.iconSize) !== null && _a !== void 0 ? _a : 24, onClick: () => this.setState({ open: true }) }, buttonProps)),
-            this.state.open && (React.createElement(AdaptablePopupTeamSharing, { header: Header, showPopup: true, onClose: () => this.setState({ open: false }), onConfirm: (config) => {
+            React.createElement(SimpleButton_1.default, Object.assign({ "data-name": "share", tooltip: "Share", variant: "text", icon: "folder-shared", iconSize: (_a = buttonProps.iconSize) !== null && _a !== void 0 ? _a : 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);
                 } }))));
     }
 }
+exports.ButtonShare = ButtonShare;

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

@@ -1,7 +1,12 @@
-import * as React from 'react';
-import SimpleButton from '../../../components/SimpleButton';
-export class ButtonShow extends React.Component {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonShow = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
+class ButtonShow extends React.Component {
     render() {
-        return (React.createElement(SimpleButton, Object.assign({ "data-name": "show", tooltip: "Show", iconSize: 18, icon: "check", variant: "text" }, this.props)));
+        return (React.createElement(SimpleButton_1.default, Object.assign({ "data-name": "show", tooltip: "Show", iconSize: 18, icon: "check", variant: "text" }, this.props)));
     }
 }
+exports.ButtonShow = ButtonShow;

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

@@ -1,7 +1,12 @@
-import * as React from 'react';
-import SimpleButton from '../../../components/SimpleButton';
-export class ButtonShowChart extends React.Component {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonShowChart = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
+class ButtonShowChart extends React.Component {
     render() {
-        return (React.createElement(SimpleButton, Object.assign({ "data-name": "show-chart", tooltip: "Show Chart", iconSize: 20, icon: "chart", variant: "text" }, this.props)));
+        return (React.createElement(SimpleButton_1.default, Object.assign({ "data-name": "show-chart", tooltip: "Show Chart", iconSize: 20, icon: "chart", variant: "text" }, this.props)));
     }
 }
+exports.ButtonShowChart = ButtonShowChart;

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

@@ -1,7 +1,12 @@
-import * as React from 'react';
-import SimpleButton from '../../../components/SimpleButton';
-export class ButtonStop extends React.Component {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonStop = void 0;
+const tslib_1 = require("tslib");
+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, Object.assign({ "data-name": "stop", tooltip: "Stop", iconSize: 20, icon: "stop", variant: "text" }, this.props)));
+        return (React.createElement(SimpleButton_1.default, Object.assign({ "data-name": "stop", tooltip: "Stop", iconSize: 20, icon: "stop", variant: "text" }, this.props)));
     }
 }
+exports.ButtonStop = ButtonStop;

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

@@ -1,7 +1,12 @@
-import * as React from 'react';
-import SimpleButton from '../../../components/SimpleButton';
-export class ButtonUndo extends React.Component {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonUndo = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
+class ButtonUndo extends React.Component {
     render() {
-        return (React.createElement(SimpleButton, Object.assign({ "data-name": "undo", iconSize: 20, tooltip: "Undo", icon: 'undo', variant: "text" }, this.props)));
+        return (React.createElement(SimpleButton_1.default, Object.assign({ "data-name": "undo", iconSize: 20, tooltip: "Undo", icon: 'undo', variant: "text" }, this.props)));
     }
 }
+exports.ButtonUndo = ButtonUndo;

package/src/View/Components/Buttons/ButtonUnsuspend.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { SimpleButtonProps } from '../../../components/SimpleButton';
+export interface PauseButtonProps extends SimpleButtonProps {
+    fillColor?: 'neutral' | 'red';
+}
+export declare class ButtonUnsuspend extends React.Component<PauseButtonProps, {}> {
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonUnsuspend = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
+class ButtonUnsuspend extends React.Component {
+    render() {
+        const buttonIcon = this.props.fillColor === 'red'
+            ? {
+                name: 'resume',
+                style: {
+                    fill: 'red',
+                },
+            }
+            : {
+                name: 'resume',
+            };
+        return (React.createElement(SimpleButton_1.default, Object.assign({ "data-name": "unsuspend", tooltip: "Pause", iconSize: 20, icon: buttonIcon, variant: "text" }, this.props)));
+    }
+}
+exports.ButtonUnsuspend = ButtonUnsuspend;

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

@@ -1,17 +1,21 @@
-import * as React from 'react';
-import { ButtonEdit } from './ButtonEdit';
-import { ButtonClone } from './ButtonClone';
-import { ButtonDelete } from './ButtonDelete';
-import { Flex } from 'rebass';
-import { ButtonShare } from './ButtonShare';
-import { SuspendToggleButton } from './SuspendToggleButton/SuspendToggleButton';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EntityListActionButtons = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const ButtonEdit_1 = require("./ButtonEdit");
+const ButtonClone_1 = require("./ButtonClone");
+const ButtonDelete_1 = require("./ButtonDelete");
+const rebass_1 = require("rebass");
+const ButtonShare_1 = require("./ButtonShare");
+const SuspendToggleButton_1 = require("./SuspendToggleButton/SuspendToggleButton");
 const stopPropagation = (e) => {
     e.stopPropagation();
 };
-export class EntityListActionButtons extends React.Component {
+class EntityListActionButtons extends React.Component {
     render() {
-        return (React.createElement(Flex, { justifyContent: this.props.justifyContent || 'center', margin: 0, padding: 0, onClick: stopPropagation },
-            this.props.showEdit && (React.createElement(ButtonEdit, { onClick: () => (this.props.editClick ? this.props.editClick() : null), style: {
+        return (React.createElement(rebass_1.Flex, { justifyContent: this.props.justifyContent || 'center', margin: 0, padding: 0, onClick: stopPropagation },
+            this.props.showEdit && (React.createElement(ButtonEdit_1.ButtonEdit, { onClick: () => (this.props.editClick ? this.props.editClick() : null), style: {
                     marginLeft: '0px',
                     marginTop: '2px',
                     marginBottom: '2px',
@@ -20,7 +24,7 @@ export class EntityListActionButtons extends React.Component {
                     fill: 'var(--ab-color-text-on-edit)',
                     background: 'var(--ab-color-action-edit)',
                 }, disabled: this.props.overrideDisableEdit || this.props.accessLevel == 'ReadOnly', tooltip: this.props.overrideTooltipEdit, accessLevel: this.props.accessLevel })),
-            this.props.showClone && (React.createElement(ButtonClone, { onClick: () => (this.props.cloneClick ? this.props.cloneClick() : null), style: {
+            this.props.showClone && (React.createElement(ButtonClone_1.ButtonClone, { onClick: () => (this.props.cloneClick ? this.props.cloneClick() : null), style: {
                     marginLeft: '0px',
                     marginTop: '2px',
                     marginBottom: '2px',
@@ -29,7 +33,7 @@ export class EntityListActionButtons extends React.Component {
                     fill: 'var(--ab-color-text-on-clone)',
                     background: 'var(--ab-color-action-clone)',
                 }, children: null, disabled: this.props.overrideDisableClone || this.props.cloneAccessLevel == 'ReadOnly', tooltip: this.props.overrideTooltipClone, accessLevel: this.props.cloneAccessLevel })),
-            this.props.showDelete && (React.createElement(ButtonDelete, { "data-name": "delete", style: {
+            this.props.showDelete && (React.createElement(ButtonDelete_1.ButtonDelete, { "data-name": "delete", style: {
                     marginLeft: '1px',
                     marginTop: '2px',
                     marginBottom: '2px',
@@ -39,7 +43,7 @@ export class EntityListActionButtons extends React.Component {
                     fill: 'var(--ab-color-text-on-delete)',
                     background: 'var(--ab-color-action-delete)',
                 }, disabled: this.props.overrideDisableDelete || this.props.accessLevel == 'ReadOnly', 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, { style: {
+            this.props.showShare && (React.createElement(ButtonShare_1.ButtonShare, { style: {
                     marginLeft: '1px',
                     marginTop: '2px',
                     marginBottom: '2px',
@@ -48,12 +52,13 @@ export class EntityListActionButtons extends React.Component {
                     fill: 'var(--ab-color-text-on-share)',
                     background: 'var(--ab-color-action-share)',
                 }, onShare: (config) => this.props.shareClick ? this.props.shareClick(config) : null, Header: `TeamSharing ${this.props.entityType}`, disabled: this.props.overrideDisableShare || this.props.accessLevel == 'ReadOnly', tooltip: this.props.overrideTooltipShare, accessLevel: this.props.accessLevel })),
-            this.props.showSuspend && this.props.suspendableObject && (React.createElement(SuspendToggleButton, { style: {
+            this.props.showSuspend && this.props.suspendableObject && (React.createElement(SuspendToggleButton_1.SuspendToggleButton, { style: {
                     marginLeft: 2,
                     alignSelf: 'center',
                 }, onSuspend: this.props.onSuspend, onUnSuspend: this.props.onUnSuspend, suspendableObject: this.props.suspendableObject, disabled: this.props.accessLevel == 'ReadOnly' }))));
     }
 }
+exports.EntityListActionButtons = EntityListActionButtons;
 EntityListActionButtons.defaultProps = {
     // Adaptable: null,
     suspendableObject: null,

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

@@ -1,6 +1,10 @@
-import * as React from 'react';
-import { ToggleButton } from '../../../../components/ToggleButton';
-export const SuspendToggleButton = React.memo(({ suspendableObject, onUnSuspend, onSuspend, style, disabled, accessLevel }) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SuspendToggleButton = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const ToggleButton_1 = require("../../../../components/ToggleButton");
+exports.SuspendToggleButton = React.memo(({ suspendableObject, onUnSuspend, onSuspend, style, disabled, accessLevel }) => {
     const handleOnChange = React.useCallback((checked) => {
         if (checked) {
             onUnSuspend(suspendableObject);
@@ -11,5 +15,5 @@ export const SuspendToggleButton = React.memo(({ suspendableObject, onUnSuspend,
     }, [onUnSuspend, onSuspend]);
     const preparedDisabled = (accessLevel && accessLevel === 'ReadOnly') || disabled;
     const isSuspended = suspendableObject.IsSuspended;
-    return (React.createElement(ToggleButton, { className: "ab-SuspendButton", "data-name": suspendableObject.IsSuspended ? 'un-suspend' : 'suspend', disabled: preparedDisabled, style: style, onChange: handleOnChange, checked: !isSuspended }, isSuspended ? 'inactive' : 'active'));
+    return (React.createElement(ToggleButton_1.ToggleButton, { className: "ab-SuspendButton", "data-name": suspendableObject.IsSuspended ? 'un-suspend' : 'suspend', disabled: preparedDisabled, style: style, onChange: handleOnChange, checked: !isSuspended }, isSuspended ? 'inactive' : 'active'));
 });

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

@@ -1 +1,4 @@
-export * from './SuspendToggleButton';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./SuspendToggleButton"), exports);

package/src/View/Components/CellPopup/index.d.ts

@@ -4,7 +4,7 @@ export interface CellPopupProps {
     columnId: string;
     primaryKeyValue: number | string;
 }
-export declare type CellPopupHandle = {
+export type CellPopupHandle = {
     refreshContent: () => void;
 };
 export declare const CellPopup: React.ForwardRefExoticComponent<CellPopupProps & {

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

@@ -1,11 +1,15 @@
-import * as React from 'react';
-import { useOverlay } from '../../../components/InfiniteTable';
-import { getRect } from '../../../components/OverlayTrigger/utils';
-import { useAdaptable } from '../../AdaptableContext';
-import { isBrowserDocumentAvailable } from '../../UIHelper';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CellPopup = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const InfiniteTable_1 = require("../../../components/InfiniteTable");
+const utils_1 = require("../../../components/OverlayTrigger/utils");
+const AdaptableContext_1 = require("../../AdaptableContext");
+const UIHelper_1 = require("../../UIHelper");
 let portalElement;
 const ensurePortalElement = () => {
-    if (!isBrowserDocumentAvailable()) {
+    if (!(0, UIHelper_1.isBrowserDocumentAvailable)()) {
         return;
     }
     if (portalElement) {
@@ -18,10 +22,10 @@ const ensurePortalElement = () => {
     portalElement.style.left = '0px';
     document.body.appendChild(portalElement);
 };
-export const CellPopup = React.forwardRef((props, ref) => {
+exports.CellPopup = React.forwardRef((props, ref) => {
     ensurePortalElement();
-    const adaptable = useAdaptable();
-    const { showOverlay, clearAll: clearAllOverlays, hideOverlay, portal, } = useOverlay({
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const { showOverlay, clearAll: clearAllOverlays, hideOverlay, portal, } = (0, InfiniteTable_1.useOverlay)({
         portalContainer: portalElement,
     });
     const OVERLAY_ID = 'cell-overlay';
@@ -43,7 +47,7 @@ export const CellPopup = React.forwardRef((props, ref) => {
                 ['BottomCenter', 'TopCenter'],
             ],
             constrainTo: (_a = adaptable.getAgGridContainerElement()) !== null && _a !== void 0 ? _a : true,
-            alignTo: getRect(alignTo),
+            alignTo: (0, utils_1.getRect)(alignTo),
         };
         showOverlay(() => props.children, showOverlayOptions);
     };

package/src/View/Components/ColumnSelector/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { AdaptableColumn } from '../../../types';
-declare type NewColumnSelectorProps = {
+type NewColumnSelectorProps = {
     availableColumns: AdaptableColumn[];
     selected: string[];
     singleSelect?: boolean;

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

@@ -1,14 +1,18 @@
-import * as React from 'react';
-import { useMemo } from 'react';
-import { ValueSelector } from '../ValueSelector';
-export const NewColumnSelector = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NewColumnSelector = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
+const ValueSelector_1 = require("../ValueSelector");
+const NewColumnSelector = (props) => {
     const { columnFilterText, availableColumns, selected, onChange, singleSelect } = props;
-    const filterFn = useMemo(() => {
+    const filterFn = (0, react_1.useMemo)(() => {
         return columnFilterText
             ? (c) => c.friendlyName.toLowerCase().indexOf(columnFilterText.toLowerCase()) != -1
             : null;
     }, [columnFilterText]);
-    return (React.createElement(ValueSelector, { value: selected, options: availableColumns, filter: filterFn, singleSelect: singleSelect, allowReorder: false, onChange: (colIds) => {
+    return (React.createElement(ValueSelector_1.ValueSelector, { value: selected, options: availableColumns, filter: filterFn, singleSelect: singleSelect, allowReorder: false, onChange: (colIds) => {
             if (singleSelect) {
                 onChange(colIds.length ? [colIds.pop()] : []);
             }
@@ -19,6 +23,7 @@ export const NewColumnSelector = (props) => {
             ? () => null
             : (count) => (count > 1 ? `You selected ${count} columns.` : 'You selected one column.') }));
 };
-NewColumnSelector.defaultProps = {
+exports.NewColumnSelector = NewColumnSelector;
+exports.NewColumnSelector.defaultProps = {
     allowReorder: true,
 };

package/src/View/Components/EntityRowItem.js

@@ -1,8 +1,13 @@
-import * as React from 'react';
-export class EntityRowItem extends React.Component {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EntityRowItem = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+class EntityRowItem extends React.Component {
     render() {
         return React.createElement("span", null,
             " ",
             this.props.Content);
     }
 }
+exports.EntityRowItem = EntityRowItem;

package/src/View/Components/EntityRulesEditor/EntityRulePredicatesEditor/EntityRulePredicateEditor.js

@@ -1,13 +1,17 @@
-import * as React from 'react';
-import { Box, Flex } from 'rebass';
-import DropdownButton from '../../../../components/DropdownButton';
-import FormLayout, { FormRow } from '../../../../components/FormLayout';
-import SimpleButton from '../../../../components/SimpleButton';
-import { useAdaptable } from '../../../AdaptableContext';
-import { PredicateEditor } from '../../PredicateEditor/PredicateEditor';
-export const EntityRulePredicateEditor = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EntityRulePredicateEditor = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const DropdownButton_1 = tslib_1.__importDefault(require("../../../../components/DropdownButton"));
+const FormLayout_1 = tslib_1.__importStar(require("../../../../components/FormLayout"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../../../components/SimpleButton"));
+const AdaptableContext_1 = require("../../../AdaptableContext");
+const PredicateEditor_1 = require("../../PredicateEditor/PredicateEditor");
+const EntityRulePredicateEditor = (props) => {
     var _a, _b, _c, _d, _e;
-    const { api } = useAdaptable();
+    const { api } = (0, AdaptableContext_1.useAdaptable)();
     const { predicate } = props;
     const allColumns = React.useMemo(() => {
         return api.columnApi.getColumns().map((column) => ({
@@ -68,13 +72,14 @@ export const EntityRulePredicateEditor = (props) => {
     else if ('ColumnIds' in props.data.Scope && ((_c = (_b = props.data.Scope) === null || _b === void 0 ? void 0 : _b.ColumnIds) === null || _c === void 0 ? void 0 : _c[0])) {
         predicateColumnId = (_e = (_d = props.data.Scope) === null || _d === void 0 ? void 0 : _d.ColumnIds) === null || _e === void 0 ? void 0 : _e[0];
     }
-    return (React.createElement(Flex, { className: "ab-EntityRulePredicateEditor", p: 3, mb: 3 },
-        React.createElement(Box, { flex: 1 },
-            React.createElement(FormLayout, null,
-                columnIdPredicateScopeEnabled && (React.createElement(FormRow, { label: "Column" },
-                    React.createElement(DropdownButton, { width: "100%", columns: ['label'], items: columnOptions }, columnFriendlyName !== null && columnFriendlyName !== void 0 ? columnFriendlyName : 'Select Column'))),
-                React.createElement(FormRow, { label: "Predicate" },
-                    React.createElement(PredicateEditor, { columnId: predicateColumnId, predicateDefs: predicateDefs, predicate: predicate, onChange: handlePredicateChange, onClear: handleClear })))),
-        React.createElement(Box, null,
-            React.createElement(SimpleButton, { disabled: !predicate, ml: 2, onClick: handleClear, icon: "delete" }))));
+    return (React.createElement(rebass_1.Flex, { className: "ab-EntityRulePredicateEditor", p: 3, mb: 3 },
+        React.createElement(rebass_1.Box, { flex: 1 },
+            React.createElement(FormLayout_1.default, null,
+                columnIdPredicateScopeEnabled && (React.createElement(FormLayout_1.FormRow, { label: "Column" },
+                    React.createElement(DropdownButton_1.default, { width: "100%", columns: ['label'], items: columnOptions }, columnFriendlyName !== null && columnFriendlyName !== void 0 ? columnFriendlyName : 'Select Column'))),
+                React.createElement(FormLayout_1.FormRow, { label: "Predicate" },
+                    React.createElement(PredicateEditor_1.PredicateEditor, { columnId: predicateColumnId, predicateDefs: predicateDefs, predicate: predicate, onChange: handlePredicateChange, onClear: handleClear })))),
+        React.createElement(rebass_1.Box, null,
+            React.createElement(SimpleButton_1.default, { disabled: !predicate, ml: 2, onClick: handleClear, icon: "delete" }))));
 };
+exports.EntityRulePredicateEditor = EntityRulePredicateEditor;