@adaptabletools/adaptable 17.0.0-canary.3 → 17.0.0-canary.5

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

@@ -1,10 +1,15 @@
-import * as React from 'react';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdaptableObjectCollection = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
 /// <reference path="../../typings/.d.ts" />
-import { PanelWithRow } from '../Panels/PanelWithRow';
-import { Box } from 'rebass';
-export const AdaptableObjectCollection = (props) => {
+const PanelWithRow_1 = require("../Panels/PanelWithRow");
+const rebass_1 = require("rebass");
+const AdaptableObjectCollection = (props) => {
     const allowOverflow = props.allowOverflow ? 'visible' : 'auto';
-    return (React.createElement(Box, { style: Object.assign({}, props.style), className: "ab-ObjectCollection" },
-        React.createElement(PanelWithRow, { border: "none", colItems: props.colItems, headerAlign: props.headerAlign }),
+    return (React.createElement(rebass_1.Box, { style: Object.assign({}, props.style), className: "ab-ObjectCollection" },
+        React.createElement(PanelWithRow_1.PanelWithRow, { border: "none", colItems: props.colItems, headerAlign: props.headerAlign }),
         React.createElement("div", { className: "ab-ObjectCollection__items", style: { overflowY: allowOverflow, boxShadow: 'none' } }, props.items)));
 };
+exports.AdaptableObjectCollection = AdaptableObjectCollection;

package/src/View/Components/AdaptableObjectList/AdaptableObjectCompactList.js

@@ -1,15 +1,19 @@
-import * as React from 'react';
-import { useDispatch } from 'react-redux';
-import { Box, Flex } from 'rebass';
-import SimpleButton from '../../../components/SimpleButton';
-import { useAdaptable } from '../../AdaptableContext';
-import { ValueOptionsTags } from '../ValueSelector';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdaptableObjectCompactList = exports.AdaptableObjectCompactListItem = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const rebass_1 = require("rebass");
+const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
+const AdaptableContext_1 = require("../../AdaptableContext");
+const ValueSelector_1 = require("../ValueSelector");
 const baseClassName = 'ab-Adaptable-Object-Compact-List';
 const ICON_SIZE = 20;
-export const AdaptableObjectCompactListItem = (props) => {
+const AdaptableObjectCompactListItem = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    const dispatch = useDispatch();
-    const adaptable = useAdaptable();
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const objectView = props.module.toViewCompact(props.abObject);
     const viewOptions = (_b = (_a = props.module) === null || _a === void 0 ? void 0 : _a.getViewProperties) === null || _b === void 0 ? void 0 : _b.call(_a);
     const deleteAction = (_c = viewOptions === null || viewOptions === void 0 ? void 0 : viewOptions.getCompactDeleteAction) === null || _c === void 0 ? void 0 : _c.call(viewOptions, props.abObject);
@@ -39,27 +43,28 @@ export const AdaptableObjectCompactListItem = (props) => {
         labelEl = React.createElement(labelEl, { data: props.abObject });
     }
     labelEl = labelEl !== null && labelEl !== void 0 ? labelEl : objectView.item.name;
-    return (React.createElement(Flex, { className: `${baseClassName}__Item`, alignItems: "center" },
-        labelEl && (React.createElement(Flex, { flex: '1 1 auto', className: `${baseClassName}__Item__Name` }, labelEl)),
-        React.createElement(Box, { flex: '2 1 auto' },
+    return (React.createElement(rebass_1.Flex, { className: `${baseClassName}__Item`, alignItems: "center" },
+        labelEl && (React.createElement(rebass_1.Flex, { flex: '1 1 auto', className: `${baseClassName}__Item__Name` }, labelEl)),
+        React.createElement(rebass_1.Box, { flex: '2 1 auto' },
             typeof objectView.item.view === 'function'
                 ? React.createElement(objectView.item.view, {
                     data: props.abObject,
                 })
                 : objectView.item.view,
-            Boolean(((_f = objectView.item) === null || _f === void 0 ? void 0 : _f.values) && ((_h = (_g = objectView.item) === null || _g === void 0 ? void 0 : _g.values) === null || _h === void 0 ? void 0 : _h.length)) && (React.createElement(Box, { mb: 2, className: `${baseClassName}__Item__Values` },
-                React.createElement(ValueOptionsTags, { style: { marginRight: 0 }, readOnly: true, options: objectView.item.values, value: objectView.item.values, allowWrap: true, toIdentifier: (c) => c, toLabel: (c) => React.createElement(React.Fragment, null, c) })))),
-        suspendAction && unSuspendAction && (React.createElement(SimpleButton, { onMouseDown: handleSuspendUnSuspend, tone: isSuspended ? 'neutral' : 'success', variant: "text", icon: isSuspended ? 'resume' : 'pause' })),
-        React.createElement(Flex, { ml: 1, flex: '0 0 auto' }, deleteAction && (React.createElement(SimpleButton, { iconSize: ICON_SIZE, icon: "delete", variant: "text", onMouseDown: handleDelete, accessLevel: moduleAccessLevel })))));
+            Boolean(((_f = objectView.item) === null || _f === void 0 ? void 0 : _f.values) && ((_h = (_g = objectView.item) === null || _g === void 0 ? void 0 : _g.values) === null || _h === void 0 ? void 0 : _h.length)) && (React.createElement(rebass_1.Box, { mb: 2, className: `${baseClassName}__Item__Values` },
+                React.createElement(ValueSelector_1.ValueOptionsTags, { style: { marginRight: 0 }, readOnly: true, options: objectView.item.values, value: objectView.item.values, allowWrap: true, toIdentifier: (c) => c, toLabel: (c) => React.createElement(React.Fragment, null, c) })))),
+        suspendAction && unSuspendAction && (React.createElement(SimpleButton_1.default, { onMouseDown: handleSuspendUnSuspend, tone: isSuspended ? 'neutral' : 'success', variant: "text", icon: isSuspended ? 'resume' : 'pause' })),
+        React.createElement(rebass_1.Flex, { ml: 1, flex: '0 0 auto' }, deleteAction && (React.createElement(SimpleButton_1.default, { iconSize: ICON_SIZE, icon: "delete", variant: "text", onMouseDown: handleDelete, accessLevel: moduleAccessLevel })))));
 };
-export const AdaptableObjectCompactList = (props) => {
+exports.AdaptableObjectCompactListItem = AdaptableObjectCompactListItem;
+const AdaptableObjectCompactList = (props) => {
     var _a, _b, _c, _d, _e;
-    const adaptable = useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const viewProperties = (_b = (_a = props.module).getViewProperties) === null || _b === void 0 ? void 0 : _b.call(_a);
     const deleteAllAction = (_c = viewProperties === null || viewProperties === void 0 ? void 0 : viewProperties.getDeleteAllAction) === null || _c === void 0 ? void 0 : _c.call(viewProperties);
     const suspendAllAction = (_d = viewProperties === null || viewProperties === void 0 ? void 0 : viewProperties.getSuspendAllAction) === null || _d === void 0 ? void 0 : _d.call(viewProperties);
     const unSuspendAllAction = (_e = viewProperties === null || viewProperties === void 0 ? void 0 : viewProperties.getUnSuspendAllAction) === null || _e === void 0 ? void 0 : _e.call(viewProperties);
-    const dispatch = useDispatch();
+    const dispatch = (0, react_redux_1.useDispatch)();
     const accessLevel = adaptable.api.internalApi
         .getEntitlementService()
         .getEntitlementAccessLevelForModule(props.module.moduleInfo.ModuleName);
@@ -76,13 +81,14 @@ export const AdaptableObjectCompactList = (props) => {
             dispatch(unSuspendAllAction);
         }
     }, [isAtLeastOneAbObjectActive]);
-    return (React.createElement(Flex, { flexDirection: "column", className: baseClassName },
-        React.createElement(Flex, { className: `${baseClassName}__Header`, fontSize: 3 },
-            React.createElement(Flex, { className: `${baseClassName}__Title`, alignItems: 'center' }, props.module.moduleInfo.FriendlyName),
-            React.createElement(Box, { flex: 1 }),
-            suspendAllAction && unSuspendAllAction && (React.createElement(SimpleButton, { mr: 2, onMouseDown: handleSuspendUnsuspendAll, tone: isAtLeastOneAbObjectActive ? 'neutral' : 'success', variant: "raised", icon: isAtLeastOneAbObjectActive ? 'pause' : 'resume', accessLevel: accessLevel }, isAtLeastOneAbObjectActive ? 'Suspend All' : 'Unsuspend All')),
-            deleteAllAction && (React.createElement(SimpleButton, { onMouseDown: () => dispatch(deleteAllAction), variant: "raised", tone: "neutral", accessLevel: accessLevel }, "Clear All"))),
-        React.createElement(Box, { className: `${baseClassName}__Body` }, props.abObjects.map((abObject) => {
-            return (React.createElement(AdaptableObjectCompactListItem, { key: abObject.Uuid, abObject: abObject, module: props.module }));
+    return (React.createElement(rebass_1.Flex, { flexDirection: "column", className: baseClassName },
+        React.createElement(rebass_1.Flex, { className: `${baseClassName}__Header`, fontSize: 3 },
+            React.createElement(rebass_1.Flex, { className: `${baseClassName}__Title`, alignItems: 'center' }, props.module.moduleInfo.FriendlyName),
+            React.createElement(rebass_1.Box, { flex: 1 }),
+            suspendAllAction && unSuspendAllAction && (React.createElement(SimpleButton_1.default, { mr: 2, onMouseDown: handleSuspendUnsuspendAll, tone: isAtLeastOneAbObjectActive ? 'neutral' : 'success', variant: "raised", icon: isAtLeastOneAbObjectActive ? 'pause' : 'resume', accessLevel: accessLevel }, isAtLeastOneAbObjectActive ? 'Suspend All' : 'Unsuspend All')),
+            deleteAllAction && (React.createElement(SimpleButton_1.default, { onMouseDown: () => dispatch(deleteAllAction), variant: "raised", tone: "neutral", accessLevel: accessLevel }, "Clear All"))),
+        React.createElement(rebass_1.Box, { className: `${baseClassName}__Body` }, props.abObjects.map((abObject) => {
+            return (React.createElement(exports.AdaptableObjectCompactListItem, { key: abObject.Uuid, abObject: abObject, module: props.module }));
         }))));
 };
+exports.AdaptableObjectCompactList = AdaptableObjectCompactList;

package/src/View/Components/AdaptableObjectList/AdaptableObjectList.js

@@ -1,23 +1,27 @@
-import * as React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { Box, Flex } from 'rebass';
-import * as SystemRedux from '../../../Redux/ActionsReducers/SystemRedux';
-import SimpleButton from '../../../components/SimpleButton';
-import join from '../../../components/utils/join';
-import AdaptableHelper from '../../../Utilities/Helpers/AdaptableHelper';
-import { useAdaptable } from '../../AdaptableContext';
-import { ButtonDelete } from '../Buttons/ButtonDelete';
-import { ButtonEdit } from '../Buttons/ButtonEdit';
-import { ButtonShare } from '../Buttons/ButtonShare';
-import { SuspendToggleButton } from '../Buttons/SuspendToggleButton/SuspendToggleButton';
-import { ValueOptionsTags } from '../ValueSelector';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdaptableObjectList = exports.AdaptableObjectListItem = exports.AdaptableObjectListItemView = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const rebass_1 = require("rebass");
+const SystemRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/SystemRedux"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
+const join_1 = tslib_1.__importDefault(require("../../../components/utils/join"));
+const AdaptableHelper_1 = tslib_1.__importDefault(require("../../../Utilities/Helpers/AdaptableHelper"));
+const AdaptableContext_1 = require("../../AdaptableContext");
+const ButtonDelete_1 = require("../Buttons/ButtonDelete");
+const ButtonEdit_1 = require("../Buttons/ButtonEdit");
+const ButtonShare_1 = require("../Buttons/ButtonShare");
+const SuspendToggleButton_1 = require("../Buttons/SuspendToggleButton/SuspendToggleButton");
+const ValueSelector_1 = require("../ValueSelector");
 const ICON_SIZE = 26;
 const LIST_BASE_CLASS_NAME = 'ab-Adaptable-Object-List';
 const ITEM_BASE_CLASS_NAME = `${LIST_BASE_CLASS_NAME}__Item`;
-export const AdaptableObjectListItemView = (props) => {
+const AdaptableObjectListItemView = (props) => {
     var _a, _b, _c;
     const baseClassName = ITEM_BASE_CLASS_NAME;
-    const dispatch = useDispatch();
+    const dispatch = (0, react_redux_1.useDispatch)();
     const deleteActionProps = {
         disabled: props.deleteDisabled,
         tooltip: props.deleteTooltip,
@@ -33,29 +37,29 @@ export const AdaptableObjectListItemView = (props) => {
             dispatch(props.deleteAction);
         };
     }
-    const deleteActionButton = React.createElement(ButtonDelete, Object.assign({}, deleteActionProps));
-    return (React.createElement(Flex, { "data-name": "adaptable-object-list-item", "data-value": props.abObject.Uuid, as: "li", mb: 3, className: join(props.className, baseClassName), style: props.style },
-        React.createElement(Box, { flex: 1, className: `${baseClassName}__rows` }, (_c = (_b = (_a = props.items).filter) === null || _b === void 0 ? void 0 : _b.call(_a, Boolean)) === null || _c === void 0 ? void 0 : _c.map((tag, index) => {
+    const deleteActionButton = React.createElement(ButtonDelete_1.ButtonDelete, Object.assign({}, deleteActionProps));
+    return (React.createElement(rebass_1.Flex, { "data-name": "adaptable-object-list-item", "data-value": props.abObject.Uuid, as: "li", mb: 3, className: (0, join_1.default)(props.className, baseClassName), style: props.style },
+        React.createElement(rebass_1.Box, { flex: 1, className: `${baseClassName}__rows` }, (_c = (_b = (_a = props.items).filter) === null || _b === void 0 ? void 0 : _b.call(_a, Boolean)) === null || _c === void 0 ? void 0 : _c.map((tag, index) => {
             var _a;
             let labelEl = tag.label;
             if (typeof tag.label === 'function') {
                 labelEl = React.createElement(tag.label, { data: props.abObject });
             }
             labelEl = labelEl !== null && labelEl !== void 0 ? labelEl : tag.name;
-            return (React.createElement(Flex, { "data-name": tag.name, key: `${index}-${tag.name}`, mb: 2, className: `${baseClassName}__row` },
-                React.createElement(Box, { className: `${baseClassName}__label`, mr: 3 },
+            return (React.createElement(rebass_1.Flex, { "data-name": tag.name, key: `${index}-${tag.name}`, mb: 2, className: `${baseClassName}__row` },
+                React.createElement(rebass_1.Box, { className: `${baseClassName}__label`, mr: 3 },
                     labelEl,
-                    props.showEditButton && (React.createElement(SimpleButton, { "data-name": `${tag.name}-edit-button`, accessLevel: props.accessLevel, className: `${baseClassName}__edit-property`, ml: 1, icon: "edit", tooltip: "edit", iconSize: 18, variant: "text", onClick: () => {
+                    props.showEditButton && (React.createElement(SimpleButton_1.default, { "data-name": `${tag.name}-edit-button`, accessLevel: props.accessLevel, className: `${baseClassName}__edit-property`, ml: 1, icon: "edit", tooltip: "edit", iconSize: 18, variant: "text", onClick: () => {
                             props.handleOnEdit(tag.name);
                         } }))),
-                React.createElement(Box, { flex: 1, className: `${baseClassName}__values` },
+                React.createElement(rebass_1.Box, { flex: 1, className: `${baseClassName}__values` },
                     typeof tag.view === 'function'
                         ? React.createElement(tag.view, {
                             data: props.abObject,
                             module: props.module,
                         })
                         : tag.view,
-                    Boolean((tag === null || tag === void 0 ? void 0 : tag.values) && ((_a = tag === null || tag === void 0 ? void 0 : tag.values) === null || _a === void 0 ? void 0 : _a.length)) && (React.createElement(ValueOptionsTags, { style: { marginRight: 0 }, readOnly: true, options: tag.values, value: tag.values, allowWrap: true, toIdentifier: (c) => c, toLabel: (c) => React.createElement(React.Fragment, null, c) })),
+                    Boolean((tag === null || tag === void 0 ? void 0 : tag.values) && ((_a = tag === null || tag === void 0 ? void 0 : tag.values) === null || _a === void 0 ? void 0 : _a.length)) && (React.createElement(ValueSelector_1.ValueOptionsTags, { style: { marginRight: 0 }, readOnly: true, options: tag.values, value: tag.values, allowWrap: true, toIdentifier: (c) => c, toLabel: (c) => React.createElement(React.Fragment, null, c) })),
                     typeof tag.viewAfter === 'function'
                         ? React.createElement(tag.viewAfter, {
                             data: props.abObject,
@@ -63,21 +67,22 @@ export const AdaptableObjectListItemView = (props) => {
                         })
                         : tag.viewAfter)));
         })),
-        props.showActions && (React.createElement(Flex, { flexDirection: "column", className: `${baseClassName}__buttons` },
-            React.createElement(Flex, { justifyContent: "end" },
+        props.showActions && (React.createElement(rebass_1.Flex, { flexDirection: "column", className: `${baseClassName}__buttons` },
+            React.createElement(rebass_1.Flex, { justifyContent: "end" },
                 props.actions,
-                props.teamSharingActivated && (React.createElement(ButtonShare, { iconSize: ICON_SIZE, Header: `TeamSharing ${props.entityType}`, accessLevel: props.accessLevel, onShare: props.onShare })),
-                props.onDelete && (React.createElement(SimpleButton, { "data-name": "delete", disabled: props.deleteDisabled, iconSize: ICON_SIZE, tooltip: props.deleteTooltip, icon: "delete", onClick: props.onDelete, variant: "text" })),
+                props.teamSharingActivated && (React.createElement(ButtonShare_1.ButtonShare, { iconSize: ICON_SIZE, Header: `TeamSharing ${props.entityType}`, accessLevel: props.accessLevel, onShare: props.onShare })),
+                props.onDelete && (React.createElement(SimpleButton_1.default, { "data-name": "delete", disabled: props.deleteDisabled, iconSize: ICON_SIZE, tooltip: props.deleteTooltip, icon: "delete", onClick: props.onDelete, variant: "text" })),
                 props.deleteAction && deleteActionButton,
-                props.showEditButton && (React.createElement(ButtonEdit, { iconSize: ICON_SIZE, disabled: props.editDisabled, accessLevel: props.accessLevel, onClick: () => props.handleOnEdit() }))),
-            React.createElement(Box, { flex: 1 }),
-            props.suspendedEnabled && (React.createElement(Flex, { justifyContent: "end" },
-                React.createElement(SuspendToggleButton, { onSuspend: props.onSuspend, onUnSuspend: props.onUnSuspend, suspendableObject: props.abObject, accessLevel: props.accessLevel })))))));
+                props.showEditButton && (React.createElement(ButtonEdit_1.ButtonEdit, { iconSize: ICON_SIZE, disabled: props.editDisabled, accessLevel: props.accessLevel, onClick: () => props.handleOnEdit() }))),
+            React.createElement(rebass_1.Box, { flex: 1 }),
+            props.suspendedEnabled && (React.createElement(rebass_1.Flex, { justifyContent: "end" },
+                React.createElement(SuspendToggleButton_1.SuspendToggleButton, { onSuspend: props.onSuspend, onUnSuspend: props.onUnSuspend, suspendableObject: props.abObject, accessLevel: props.accessLevel })))))));
 };
-export const AdaptableObjectListItem = (props) => {
+exports.AdaptableObjectListItemView = AdaptableObjectListItemView;
+const AdaptableObjectListItem = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    const adaptable = useAdaptable();
-    const dispatch = useDispatch();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const dispatch = (0, react_redux_1.useDispatch)();
     const [isEditWizardVisible, setIsEditWizardVisible] = React.useState(false);
     const [wizardStepName, setWizardStepName] = React.useState(null);
     const viewOptions = (_c = (_b = (_a = props.module) === null || _a === void 0 ? void 0 : _a.getViewProperties) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : {};
@@ -91,8 +96,8 @@ export const AdaptableObjectListItem = (props) => {
     const moduleAccessLevel = adaptable.api.internalApi
         .getEntitlementService()
         .getEntitlementAccessLevelForModule(props.module.moduleInfo.ModuleName);
-    const accessLevel = AdaptableHelper.getAppropriateAccessLevel(props.data.abObject, moduleAccessLevel);
-    const itemClassName = join(props.data.className, ITEM_BASE_CLASS_NAME, props.data.abObject.IsSuspended &&
+    const accessLevel = AdaptableHelper_1.default.getAppropriateAccessLevel(props.data.abObject, moduleAccessLevel);
+    const itemClassName = (0, join_1.default)(props.data.className, ITEM_BASE_CLASS_NAME, props.data.abObject.IsSuspended &&
         `${ITEM_BASE_CLASS_NAME}--is-suspended`);
     const handleCloseWizard = React.useCallback(() => {
         setIsEditWizardVisible(false);
@@ -120,13 +125,15 @@ export const AdaptableObjectListItem = (props) => {
     const showActions = !props.hideControls;
     const showEditButton = Boolean(EditWizard);
     const adaptableOpttions = adaptable.api.optionsApi.getAdaptableOptions();
-    const disableDeleteConfirmationState = useSelector((adaptableState) => SystemRedux.SystemDisableDeleteConfirmationSelector(adaptableState.System));
+    const disableDeleteConfirmationState = (0, react_redux_1.useSelector)((adaptableState) => SystemRedux.SystemDisableDeleteConfirmationSelector(adaptableState.System));
     const disableDeleteConfirmation = disableDeleteConfirmationState || ((_h = adaptableOpttions === null || adaptableOpttions === void 0 ? void 0 : adaptableOpttions.userInterfaceOptions) === null || _h === void 0 ? void 0 : _h.disableDeleteConfirmation);
     return (React.createElement(React.Fragment, null,
-        React.createElement(AdaptableObjectListItemView, { module: props.module, disableDeleteConfirmation: disableDeleteConfirmation, abObject: props.data.abObject, accessLevel: accessLevel, actions: actions, className: itemClassName, handleOnEdit: handleOnEdit, items: props.data.items, showActions: showActions, showEditButton: showEditButton, style: props.data.style, teamSharingActivated: teamSharingActivated, onShare: (config) => adaptable.api.teamSharingApi.shareAdaptableEntity(props.data.abObject, props.module.moduleInfo.ModuleName, config), entityType: entityType, deleteAction: deleteAction, deleteDisabled: props.deleteDisabled, deleteTooltip: props.deleteTooltip, editDisabled: isEditDisabled, suspendedEnabled: hasSuspend, onSuspend: () => dispatch(viewOptions.getSuspendAction(props.data.abObject)), onUnSuspend: () => dispatch(viewOptions.getUnSuspendAction(props.data.abObject)) }),
+        React.createElement(exports.AdaptableObjectListItemView, { module: props.module, disableDeleteConfirmation: disableDeleteConfirmation, abObject: props.data.abObject, accessLevel: accessLevel, actions: actions, className: itemClassName, handleOnEdit: handleOnEdit, items: props.data.items, showActions: showActions, showEditButton: showEditButton, style: props.data.style, teamSharingActivated: teamSharingActivated, onShare: (config) => adaptable.api.teamSharingApi.shareAdaptableEntity(props.data.abObject, props.module.moduleInfo.ModuleName, config), entityType: entityType, deleteAction: deleteAction, deleteDisabled: props.deleteDisabled, deleteTooltip: props.deleteTooltip, editDisabled: isEditDisabled, suspendedEnabled: hasSuspend, onSuspend: () => dispatch(viewOptions.getSuspendAction(props.data.abObject)), onUnSuspend: () => dispatch(viewOptions.getUnSuspendAction(props.data.abObject)) }),
         isEditWizardVisible && EditWizard && (React.createElement(EditWizard, { defaultCurrentSectionName: wizardStepName, moduleInfo: props.module.moduleInfo, data: props.data.abObject, configEntities: null, onCloseWizard: handleCloseWizard, onFinishWizard: handleCloseWizard }))));
 };
-export const AdaptableObjectList = (props) => {
+exports.AdaptableObjectListItem = AdaptableObjectListItem;
+const AdaptableObjectList = (props) => {
     var _a;
-    return (React.createElement("ul", { className: LIST_BASE_CLASS_NAME }, (_a = props === null || props === void 0 ? void 0 : props.items) === null || _a === void 0 ? void 0 : _a.map((item) => (React.createElement(AdaptableObjectListItem, Object.assign({ key: item.abObject.Uuid, data: item, module: props.module }, props.itemProps))))));
+    return (React.createElement("ul", { className: LIST_BASE_CLASS_NAME }, (_a = props === null || props === void 0 ? void 0 : props.items) === null || _a === void 0 ? void 0 : _a.map((item) => (React.createElement(exports.AdaptableObjectListItem, Object.assign({ key: item.abObject.Uuid, data: item, module: props.module }, props.itemProps))))));
 };
+exports.AdaptableObjectList = AdaptableObjectList;

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

@@ -1 +1,5 @@
-export { AdaptableObjectList } from './AdaptableObjectList';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdaptableObjectList = void 0;
+var AdaptableObjectList_1 = require("./AdaptableObjectList");
+Object.defineProperty(exports, "AdaptableObjectList", { enumerable: true, get: function () { return AdaptableObjectList_1.AdaptableObjectList; } });

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

@@ -1,11 +1,16 @@
-import * as React from 'react';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdaptableObjectRow = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
 /// <reference path="../../typings/.d.ts" />
-import { Flex, Text } from 'rebass';
-import join from '../../../components/utils/join';
-export class AdaptableObjectRow extends React.Component {
+const rebass_1 = require("rebass");
+const join_1 = tslib_1.__importDefault(require("../../../components/utils/join"));
+class AdaptableObjectRow extends React.Component {
     render() {
-        const colItems = this.props.colItems.map((colItem, index) => (React.createElement(Text, { className: "ab-AdaptableObjectRow__cell", "data-name": "list-group-cell", key: index, title: typeof colItem.Content === 'string' ? colItem.Content : undefined, flex: colItem.Size, paddingLeft: 1, paddingRight: 1 }, colItem.Content)));
-        const className = join('ab-AdaptableObjectRow', this.props.isSuspended && 'ab-AdaptableObjectRow--is-suspended');
-        return (React.createElement(Flex, { className: className, onClick: this.props.onClick, style: this.props.style }, colItems));
+        const colItems = this.props.colItems.map((colItem, index) => (React.createElement(rebass_1.Text, { className: "ab-AdaptableObjectRow__cell", "data-name": "list-group-cell", key: index, title: typeof colItem.Content === 'string' ? colItem.Content : undefined, flex: colItem.Size, paddingLeft: 1, paddingRight: 1 }, colItem.Content)));
+        const className = (0, join_1.default)('ab-AdaptableObjectRow', this.props.isSuspended && 'ab-AdaptableObjectRow--is-suspended');
+        return (React.createElement(rebass_1.Flex, { className: className, onClick: this.props.onClick, style: this.props.style }, colItems));
     }
 }
+exports.AdaptableObjectRow = AdaptableObjectRow;

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

@@ -1,13 +1,18 @@
-import * as React from 'react';
-import { toStyle } from '../../../Utilities/Helpers/StyleHelper';
-import { AdaptableIconComponent } from '../AdaptableIconComponent';
-export const Badge = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Badge = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const StyleHelper_1 = require("../../../Utilities/Helpers/StyleHelper");
+const AdaptableIconComponent_1 = require("../AdaptableIconComponent");
+const Badge = (props) => {
     const { iconPosition = 'start', icon: iconProps } = props;
     const preparedBadgePosition = iconPosition.toLowerCase();
-    const icon = iconProps && React.createElement(AdaptableIconComponent, { icon: iconProps });
-    const style = toStyle(props.adaptableStyle);
+    const icon = iconProps && React.createElement(AdaptableIconComponent_1.AdaptableIconComponent, { icon: iconProps });
+    const style = (0, StyleHelper_1.toStyle)(props.adaptableStyle);
     return (React.createElement("div", { className: "ab-Badge", style: Object.assign(Object.assign({}, style), { marginRight: props.gap }) },
         preparedBadgePosition === 'start' && icon,
         props.children,
         preparedBadgePosition === 'end' && icon));
 };
+exports.Badge = Badge;

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

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

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

@@ -1,11 +1,15 @@
-import * as React from 'react';
-import { Button } from 'rebass';
-import join from '../../../../components/utils/join';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonBase = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const join_1 = tslib_1.__importDefault(require("../../../../components/utils/join"));
 const Glyphicon = ({ glyph, style }) => {
     return React.createElement("span", { style: style, className: `glyphicon glyphicon-${glyph}` });
 };
 const baseClassName = 'ab-Button';
-export class ButtonBase extends React.Component {
+class ButtonBase extends React.Component {
     render() {
         let isDisabled;
         isDisabled = this.props.accessLevel == 'Hidden';
@@ -53,11 +57,12 @@ export class ButtonBase extends React.Component {
                 ' ',
                 this.props.iconPosition !== 'end' ? text : null));
         }
-        let button = (React.createElement(Button, Object.assign({}, this.props, { style: Object.assign({ color: 'currentColor' }, this.props.style), className: join(baseClassName, `${baseClassName}--size-${'normal'}`, `${baseClassName}--style-${'normal'}`, isDisabled ? `${baseClassName}--disabled` : `${baseClassName}--enabled`), disabled: isDisabled, onClick: this.props.onClick, onMouseDown: this.props.onMouseDown || ((e) => e.preventDefault()) }), content));
+        let button = (React.createElement(rebass_1.Button, Object.assign({}, this.props, { style: Object.assign({ color: 'currentColor' }, this.props.style), className: (0, join_1.default)(baseClassName, `${baseClassName}--size-${'normal'}`, `${baseClassName}--style-${'normal'}`, isDisabled ? `${baseClassName}--disabled` : `${baseClassName}--enabled`), disabled: isDisabled, onClick: this.props.onClick, onMouseDown: this.props.onMouseDown || ((e) => e.preventDefault()) }), content));
         let buttonwithtooltip = React.createElement("div", null, button);
         return hideToolTip ? button : buttonwithtooltip;
     }
 }
+exports.ButtonBase = ButtonBase;
 ButtonBase.defaultProps = {
     overrideDisableButton: false,
     toolTipAndText: '',

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

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

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

@@ -1,5 +1,10 @@
-import * as React from 'react';
-import SimpleButton from '../../../components/SimpleButton';
-export const ButtonClone = (props) => {
-    return (React.createElement(SimpleButton, Object.assign({ "data-name": "clone", tooltip: "Clone", tone: "accent", icon: "clone", variant: "raised" }, props), props.children === undefined ? 'Clone' : props.children));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonClone = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
+const ButtonClone = (props) => {
+    return (React.createElement(SimpleButton_1.default, Object.assign({ "data-name": "clone", tooltip: "Clone", tone: "accent", icon: "clone", variant: "raised" }, props), props.children === undefined ? 'Clone' : props.children));
 };
+exports.ButtonClone = ButtonClone;

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

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

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

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

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

@@ -1,13 +1,16 @@
-import { __rest } from "tslib";
-import * as React from 'react';
-import { connect } from 'react-redux';
-import * as PopupRedux from '../../../Redux/ActionsReducers/PopupRedux';
-import SimpleButton from '../../../components/SimpleButton';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonDelete = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+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"));
 class ButtonDeleteComponent extends React.Component {
     render() {
         var _a, _b;
-        const _c = this.props, { onConfirmWarning, ConfirmAction, ConfirmationMsg, ConfirmationTitle, onClickAction } = _c, props = __rest(_c, ["onConfirmWarning", "ConfirmAction", "ConfirmationMsg", "ConfirmationTitle", "onClickAction"]);
-        return (React.createElement(SimpleButton, Object.assign({ "data-name": "delete", tooltip: (_a = props.tooltip) !== null && _a !== void 0 ? _a : 'Delete', variant: "text", icon: "delete", iconSize: (_b = props.iconSize) !== null && _b !== void 0 ? _b : 24 }, props, { onClick: () => this.onClick() })));
+        const _c = this.props, { onConfirmWarning, ConfirmAction, ConfirmationMsg, ConfirmationTitle, onClickAction } = _c, props = tslib_1.__rest(_c, ["onConfirmWarning", "ConfirmAction", "ConfirmationMsg", "ConfirmationTitle", "onClickAction"]);
+        return (React.createElement(SimpleButton_1.default, Object.assign({ "data-name": "delete", tooltip: (_a = props.tooltip) !== null && _a !== void 0 ? _a : 'Delete', variant: "text", icon: "delete", iconSize: (_b = props.iconSize) !== null && _b !== void 0 ? _b : 24 }, props, { onClick: () => this.onClick() })));
     }
     onClick() {
         if (this.props.ConfirmAction) {
@@ -40,4 +43,4 @@ function mapDispatchToProps(dispatch) {
         onConfirmWarning: (confirmation) => dispatch(PopupRedux.PopupShowConfirmation(confirmation)),
     };
 }
-export let ButtonDelete = connect(mapStateToProps, mapDispatchToProps)(ButtonDeleteComponent);
+exports.ButtonDelete = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(ButtonDeleteComponent);

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

@@ -1,6 +1,11 @@
-import * as React from 'react';
-import SimpleButton from '../../../components/SimpleButton';
-export const ButtonEdit = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonEdit = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
+const ButtonEdit = (props) => {
     var _a;
-    return (React.createElement(SimpleButton, Object.assign({ "data-name": "edit", tooltip: "Edit", variant: "text", icon: "edit", iconSize: (_a = props.iconSize) !== null && _a !== void 0 ? _a : 24 }, props)));
+    return (React.createElement(SimpleButton_1.default, Object.assign({ "data-name": "edit", tooltip: "Edit", variant: "text", icon: "edit", iconSize: (_a = props.iconSize) !== null && _a !== void 0 ? _a : 24 }, props)));
 };
+exports.ButtonEdit = ButtonEdit;

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,10 @@
-import * as React from 'react';
-import SimpleButton from '../../../components/SimpleButton';
-export const ButtonInfo = (props) => {
-    return (React.createElement(SimpleButton, Object.assign({ "data-name": "info", iconSize: 20, icon: "info", variant: "raised", tone: "accent" }, props)));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonInfo = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
+const ButtonInfo = (props) => {
+    return (React.createElement(SimpleButton_1.default, Object.assign({ "data-name": "info", iconSize: 20, icon: "info", variant: "raised", tone: "accent" }, props)));
 };
+exports.ButtonInfo = ButtonInfo;