@adaptabletools/adaptable 16.2.4 → 17.0.0-canary.1

package/src/View/StyledColumn/Wizard/StyledColumnWizardTypeSection.js

@@ -1,16 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledColumnWizardTypeSection = exports.renderStyledColumnTypeSummary = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
-const Tabs_1 = require("../../../components/Tabs");
-const Tag_1 = require("../../../components/Tag");
-const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
-const AdaptableContext_1 = require("../../AdaptableContext");
-const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-const TypeRadio_1 = require("../../Wizard/TypeRadio");
-const renderStyledColumnTypeSummary = (data) => {
+import * as React from 'react';
+import { Flex, Text } from 'rebass';
+import { Tabs } from '../../../components/Tabs';
+import { Tag } from '../../../components/Tag';
+import ObjectFactory from '../../../Utilities/ObjectFactory';
+import { useAdaptable } from '../../AdaptableContext';
+import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+import { TypeRadio } from '../../Wizard/TypeRadio';
+export const renderStyledColumnTypeSummary = (data) => {
     let type = null;
     if (data.GradientStyle) {
         type = 'Gradient Column';
@@ -18,28 +14,23 @@ const renderStyledColumnTypeSummary = (data) => {
     else if (data.PercentBarStyle) {
         type = 'Percent Bar';
     }
-    else if (data.CheckBoxStyle) {
-        type = 'Check Box';
-    }
     else if (data.SparkLineStyle) {
         type = 'Spark Line';
     }
     else if (data.BadgeStyle) {
         type = 'Badge';
     }
-    return (React.createElement(rebass_1.Text, { pr: 2, py: 2 },
+    return (React.createElement(Text, { pr: 2, py: 2 },
         "Type ",
-        React.createElement(Tag_1.Tag, null, type)));
+        React.createElement(Tag, null, type)));
 };
-exports.renderStyledColumnTypeSummary = renderStyledColumnTypeSummary;
-const StyledColumnWizardTypeSection = (props) => {
-    const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+export const StyledColumnWizardTypeSection = (props) => {
+    const { data } = useOnePageAdaptableWizardContext();
+    const adaptable = useAdaptable();
     const handleTypeChange = (type) => {
         const newStyledColumn = Object.assign({}, data);
         delete newStyledColumn.GradientStyle;
         delete newStyledColumn.PercentBarStyle;
-        delete newStyledColumn.CheckBoxStyle;
         delete newStyledColumn.SparkLineStyle;
         delete newStyledColumn.BadgeStyle;
         switch (type) {
@@ -49,9 +40,6 @@ const StyledColumnWizardTypeSection = (props) => {
             case 'percent':
                 newStyledColumn.PercentBarStyle = {};
                 break;
-            case 'checkbox':
-                newStyledColumn.CheckBoxStyle = true;
-                break;
             case 'sparkline':
                 newStyledColumn.SparkLineStyle = {
                     options: {
@@ -61,20 +49,19 @@ const StyledColumnWizardTypeSection = (props) => {
                 break;
             case 'badge':
                 newStyledColumn.BadgeStyle = {
-                    Badges: [ObjectFactory_1.default.CreateDefaultStyledColumnBadge()],
+                    Badges: [ObjectFactory.CreateDefaultStyledColumnBadge()],
                 };
                 break;
         }
         newStyledColumn.ColumnId = null;
         props.onChange(newStyledColumn);
     };
-    return (React.createElement(rebass_1.Flex, { height: "100%", flexDirection: "column", "data-name": "styled-column-type" },
-        React.createElement(Tabs_1.Tabs, { autoFocus: false, padding: 2 },
-            React.createElement(Tabs_1.Tabs.Tab, null, "Type"),
-            React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(TypeRadio_1.TypeRadio, { text: "Gradient", description: "Colour each cell in the column using a gradient value (Numeric Columns)", checked: Boolean(data.GradientStyle), onClick: () => handleTypeChange('gradient') }),
-                React.createElement(TypeRadio_1.TypeRadio, { text: "Percent Bar", description: "Display a coloured bar where the width is based on the cell (Numeric Columns)", checked: Boolean(data.PercentBarStyle), onClick: () => handleTypeChange('percent') }),
-                adaptable.api.styledColumnApi.canDisplaySparklines() && (React.createElement(TypeRadio_1.TypeRadio, { text: "Sparkline", description: "Render the column as a Sparkline (Numeric Array Columns)", checked: Boolean(data.SparkLineStyle), onClick: () => handleTypeChange('sparkline') })),
-                React.createElement(TypeRadio_1.TypeRadio, { text: "Badge", description: "Display the column's values as Badges (All Columns)", checked: Boolean(data.BadgeStyle), onClick: () => handleTypeChange('badge') })))));
+    return (React.createElement(Flex, { height: "100%", flexDirection: "column", "data-name": "styled-column-type" },
+        React.createElement(Tabs, { autoFocus: false, padding: 2 },
+            React.createElement(Tabs.Tab, null, "Type"),
+            React.createElement(Tabs.Content, null,
+                React.createElement(TypeRadio, { text: "Gradient", description: "Colour each cell in the column using a Gradient value (Numeric Columns)", checked: Boolean(data.GradientStyle), onClick: () => handleTypeChange('gradient') }),
+                React.createElement(TypeRadio, { text: "Percent Bar", description: "Display a coloured Bar where the width is based on the cell (Numeric Columns)", checked: Boolean(data.PercentBarStyle), onClick: () => handleTypeChange('percent') }),
+                adaptable.api.styledColumnApi.canDisplaySparklines() && (React.createElement(TypeRadio, { text: "Sparkline", description: "Render the column as a Sparkline (Numeric Array Columns)", checked: Boolean(data.SparkLineStyle), onClick: () => handleTypeChange('sparkline') })),
+                React.createElement(TypeRadio, { text: "Badge", description: "Display the column's values as Badges (All Columns)", checked: Boolean(data.BadgeStyle), onClick: () => handleTypeChange('badge') })))));
 };
-exports.StyledColumnWizardTypeSection = StyledColumnWizardTypeSection;

package/src/View/SystemStatus/SystemStatusEntityRow.js

@@ -1,29 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SystemStatusEntityRow = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const AdaptableObjectRow_1 = require("../Components/AdaptableObjectRow");
-const rebass_1 = require("rebass");
-const UIHelper_1 = tslib_1.__importDefault(require("../UIHelper"));
-const Helper_1 = require("../../Utilities/Helpers/Helper");
-const join_1 = tslib_1.__importDefault(require("../../components/utils/join"));
-class SystemStatusEntityRow extends React.Component {
+import * as React from 'react';
+import { AdaptableObjectRow } from '../Components/AdaptableObjectRow';
+import { Flex, Box } from 'rebass';
+import UIHelper from '../UIHelper';
+import { cloneObject } from '../../Utilities/Helpers/Helper';
+import join from '../../components/utils/join';
+export class SystemStatusEntityRow extends React.Component {
     render() {
         var _a;
         let systemStatus = this.props
             .adaptableObject;
-        let messageTypeColor = UIHelper_1.default.getColorByMessageType((_a = systemStatus === null || systemStatus === void 0 ? void 0 : systemStatus.statusType) !== null && _a !== void 0 ? _a : 'Success');
-        let colItems = (0, Helper_1.cloneObject)(this.props.colItems);
+        let messageTypeColor = UIHelper.getColorByMessageType((_a = systemStatus === null || systemStatus === void 0 ? void 0 : systemStatus.statusType) !== null && _a !== void 0 ? _a : 'Success');
+        let colItems = cloneObject(this.props.colItems);
         colItems[0].Content = systemStatus ? (React.createElement("details", null,
-            React.createElement(rebass_1.Flex, { title: systemStatus.statusFurtherInformation ? 'Click to see more' : '', className: (0, join_1.default)('ab-DashboardToolbar__SystemStatus__text', systemStatus.statusFurtherInformation &&
+            React.createElement(Flex, { title: systemStatus.statusFurtherInformation ? 'Click to see more' : '', className: join('ab-DashboardToolbar__SystemStatus__text', systemStatus.statusFurtherInformation &&
                     'ab-DashboardToolbar__SystemStatus__text--expandable'), backgroundColor: messageTypeColor, alignItems: "center", as: "summary" },
                 systemStatus.statusMessage,
                 " ",
                 systemStatus.statusFurtherInformation ? '...' : ''),
-            systemStatus.statusFurtherInformation ? (React.createElement(rebass_1.Box, { className: "ab-DashboardToolbar__SystemStatus__further-information", margin: 2 }, systemStatus.statusFurtherInformation)) : null)) : null;
+            systemStatus.statusFurtherInformation ? (React.createElement(Box, { className: "ab-DashboardToolbar__SystemStatus__further-information", margin: 2 }, systemStatus.statusFurtherInformation)) : null)) : null;
         colItems[1].Content = systemStatus.timestamp.toLocaleString();
-        return React.createElement(AdaptableObjectRow_1.AdaptableObjectRow, { colItems: colItems });
+        return React.createElement(AdaptableObjectRow, { colItems: colItems });
     }
 }
-exports.SystemStatusEntityRow = SystemStatusEntityRow;

package/src/View/SystemStatus/SystemStatusPopup.js

@@ -1,18 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SystemStatusPopup = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_redux_1 = require("react-redux");
-const SystemRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/SystemRedux"));
-const rebass_1 = require("rebass");
-const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
-const AdaptableObjectCollection_1 = require("../Components/AdaptableObjectCollection");
-const AdaptableHelper_1 = tslib_1.__importDefault(require("../../Utilities/Helpers/AdaptableHelper"));
-const SystemStatusEntityRow_1 = require("./SystemStatusEntityRow");
-const ArrayExtensions_1 = tslib_1.__importDefault(require("../../Utilities/Extensions/ArrayExtensions"));
-const PopupPanel_1 = require("../Components/Popups/AdaptablePopup/PopupPanel");
-const Enums_1 = require("../../PredefinedConfig/Common/Enums");
+import * as React from 'react';
+import { connect } from 'react-redux';
+import * as SystemRedux from '../../Redux/ActionsReducers/SystemRedux';
+import { Box } from 'rebass';
+import SimpleButton from '../../components/SimpleButton';
+import { AdaptableObjectCollection } from '../Components/AdaptableObjectCollection';
+import AdaptableHelper from '../../Utilities/Helpers/AdaptableHelper';
+import { SystemStatusEntityRow } from './SystemStatusEntityRow';
+import ArrayExtensions from '../../Utilities/Extensions/ArrayExtensions';
+import { PopupPanel } from '../Components/Popups/AdaptablePopup/PopupPanel';
+import { SortOrder } from '../../PredefinedConfig/Common/Enums';
 const colItems = [
     { Content: 'Message', Size: 10 },
     { Content: 'Timestamp', Size: 3 },
@@ -26,13 +22,13 @@ class SystemStatusPopupComponent extends React.Component {
         this.props.onSystemStatusMessageInfoDeleteAll();
     }
     render() {
-        let clearAllButton = (React.createElement(SimpleButton_1.default, { onClick: () => this.onSystemStatusMessageInfoDeleteAll(), tooltip: "Clear All", tone: "neutral", variant: "raised", accessLevel: this.props.accessLevel, disabled: ArrayExtensions_1.default.IsNullOrEmpty(this.props.SystemStatusMessages) }, "Delete All Messages"));
-        const messages = ArrayExtensions_1.default.sortArrayWithProperty(Enums_1.SortOrder.Desc, this.props.SystemStatusMessages, 'Timestamp').map((smi, index) => {
-            const accessLevel = AdaptableHelper_1.default.getAppropriateAccessLevel(smi, this.props.accessLevel);
-            return (React.createElement(SystemStatusEntityRow_1.SystemStatusEntityRow, { adaptableObject: smi, key: 'smi' + index, onEdit: null, moduleInfo: this.props.moduleInfo, colItems: colItems, api: this.props.api, accessLevel: accessLevel, teamSharingActivated: this.props.teamSharingActivated, onDeleteConfirm: null, onShare: null }));
+        let clearAllButton = (React.createElement(SimpleButton, { onClick: () => this.onSystemStatusMessageInfoDeleteAll(), tooltip: "Clear All", tone: "neutral", variant: "raised", accessLevel: this.props.accessLevel, disabled: ArrayExtensions.IsNullOrEmpty(this.props.SystemStatusMessages) }, "Delete All Messages"));
+        const messages = ArrayExtensions.sortArrayWithProperty(SortOrder.Desc, this.props.SystemStatusMessages, 'Timestamp').map((smi, index) => {
+            const accessLevel = AdaptableHelper.getAppropriateAccessLevel(smi, this.props.accessLevel);
+            return (React.createElement(SystemStatusEntityRow, { adaptableObject: smi, key: 'smi' + index, onEdit: null, moduleInfo: this.props.moduleInfo, colItems: colItems, api: this.props.api, accessLevel: accessLevel, teamSharingActivated: this.props.teamSharingActivated, onDeleteConfirm: null, onShare: null }));
         });
-        return (React.createElement(PopupPanel_1.PopupPanel, { button: clearAllButton, headerText: this.props.moduleInfo.FriendlyName, infoLink: this.props.moduleInfo.HelpPage, infoLinkDisabled: !this.props.api.internalApi.isDocumentationLinksDisplayed() }, ArrayExtensions_1.default.IsNotNullOrEmpty(this.props.SystemStatusMessages) && (React.createElement(rebass_1.Box, { className: "ab-SystemStatus-Popup-List", padding: 2 },
-            React.createElement(AdaptableObjectCollection_1.AdaptableObjectCollection, { colItems: colItems, items: messages })))));
+        return (React.createElement(PopupPanel, { button: clearAllButton, headerText: this.props.moduleInfo.FriendlyName, infoLink: this.props.moduleInfo.HelpPage, infoLinkDisabled: !this.props.api.internalApi.isDocumentationLinksDisplayed() }, ArrayExtensions.IsNotNullOrEmpty(this.props.SystemStatusMessages) && (React.createElement(Box, { className: "ab-SystemStatus-Popup-List", padding: 2 },
+            React.createElement(AdaptableObjectCollection, { colItems: colItems, items: messages })))));
     }
 }
 function mapStateToProps(state, ownProps) {
@@ -46,4 +42,4 @@ function mapDispatchToProps(dispatch) {
         onSystemStatusMessageInfoDeleteAll: () => dispatch(SystemRedux.SystemStatusMessageInfoDeleteAll()),
     };
 }
-exports.SystemStatusPopup = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(SystemStatusPopupComponent);
+export let SystemStatusPopup = connect(mapStateToProps, mapDispatchToProps)(SystemStatusPopupComponent);

package/src/View/SystemStatus/SystemStatusStatusBarContent.js

@@ -1,16 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SystemStatusStatusBarContent = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
-const AdaptableContext_1 = require("../AdaptableContext");
-const getStatusItemStyle_1 = require("./Utilities/getStatusItemStyle");
-const SystemStatusStatusBarContent = () => {
-    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+import * as React from 'react';
+import { Box } from 'rebass';
+import { useAdaptable } from '../AdaptableContext';
+import { getStatusItemStyle } from './Utilities/getStatusItemStyle';
+export const SystemStatusStatusBarContent = () => {
+    const adaptable = useAdaptable();
     const currentSystemStatusMessageInfo = adaptable.api.systemStatusApi.getCurrentSystemStatusMessageInfo();
-    const { color, background } = (0, getStatusItemStyle_1.getStatusItemStyle)(currentSystemStatusMessageInfo);
+    const { color, background } = getStatusItemStyle(currentSystemStatusMessageInfo);
     const message = currentSystemStatusMessageInfo === null || currentSystemStatusMessageInfo === void 0 ? void 0 : currentSystemStatusMessageInfo.statusMessage;
-    return (React.createElement(rebass_1.Box, { style: { borderRadius: 'var(--ab__border-radius)' }, padding: 1, color: message && color, backgroundColor: message && background }, message || '0 Messages'));
+    return (React.createElement(Box, { style: { borderRadius: 'var(--ab__border-radius)' }, padding: 1, color: message && color, backgroundColor: message && background }, message || '0 Messages'));
 };
-exports.SystemStatusStatusBarContent = SystemStatusStatusBarContent;

package/src/View/SystemStatus/SystemStatusViewPanel.d.ts

@@ -8,5 +8,5 @@ declare class SystemStatusViewPanelComponent extends React.Component<SystemStatu
     constructor(props: SystemStatusViewPanelComponentProps);
     render(): JSX.Element;
 }
-export declare let SystemStatusViewPanel: import("react-redux").ConnectedComponent<typeof SystemStatusViewPanelComponent, import("react-redux").Omit<React.ClassAttributes<SystemStatusViewPanelComponent> & SystemStatusViewPanelComponentProps, "api" | "accessLevel" | "moduleInfo" | "SystemStatusMessageInfos" | "viewType">>;
+export declare let SystemStatusViewPanel: import("react-redux").ConnectedComponent<typeof SystemStatusViewPanelComponent, import("react-redux").Omit<JSX.LibraryManagedAttributes<C, import("react-redux").GetProps<C>>, keyof SystemStatusViewPanelComponentProps>>;
 export {};

package/src/View/SystemStatus/SystemStatusViewPanel.js

@@ -1,22 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SystemStatusViewPanel = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
-const react_redux_1 = require("react-redux");
-const getStatusItemStyle_1 = require("./Utilities/getStatusItemStyle");
+import * as React from 'react';
+import { Flex } from 'rebass';
+import { connect } from 'react-redux';
+import { getStatusItemStyle } from './Utilities/getStatusItemStyle';
 class SystemStatusViewPanelComponent extends React.Component {
     constructor(props) {
         super(props);
     }
     render() {
         const currentSystemStatusMessageInfo = this.props.api.systemStatusApi.getCurrentSystemStatusMessageInfo();
-        const { color, background } = (0, getStatusItemStyle_1.getStatusItemStyle)(currentSystemStatusMessageInfo);
+        const { color, background } = getStatusItemStyle(currentSystemStatusMessageInfo);
         const message = currentSystemStatusMessageInfo === null || currentSystemStatusMessageInfo === void 0 ? void 0 : currentSystemStatusMessageInfo.statusMessage;
         const elementType = this.props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
-        return (React.createElement(rebass_1.Flex, { flexDirection: "row", className: `ab-${elementType}__SystemStatus__wrap` },
-            React.createElement(rebass_1.Flex, { style: { borderRadius: 'var(--ab__border-radius)' }, className: `ab-${elementType}__SystemStatus__text`, marginRight: 2, padding: 2, color: color, backgroundColor: message ? background : '', fontSize: 'var( --ab-font-size-2)', alignItems: "center", "data-name": "system-status-message" }, message || '0 Messages')));
+        return (React.createElement(Flex, { alignItems: "stretch", className: `ab-${elementType}__SystemStatus__wrap` },
+            React.createElement(Flex, { style: { borderRadius: 'var(--ab__border-radius)' }, className: `ab-${elementType}__SystemStatus__text`, marginRight: 2, padding: 2, color: color, backgroundColor: message ? background : '', fontSize: 'var( --ab-font-size-2)', alignItems: "center", "data-name": "system-status-message" }, message || '0 Messages')));
     }
 }
 function mapStateToProps(state) {
@@ -27,4 +23,4 @@ function mapStateToProps(state) {
 function mapDispatchToProps(dispatch) {
     return {};
 }
-exports.SystemStatusViewPanel = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(SystemStatusViewPanelComponent);
+export let SystemStatusViewPanel = connect(mapStateToProps, mapDispatchToProps)(SystemStatusViewPanelComponent);

package/src/View/SystemStatus/Utilities/getStatusItemStyle.js

@@ -1,17 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getStatusItemStyle = void 0;
-const tslib_1 = require("tslib");
-const UIHelper_1 = tslib_1.__importDefault(require("../../UIHelper"));
-const getStatusItemStyle = (systemStatusMessageInfo) => {
+import UIHelper from '../../UIHelper';
+export const getStatusItemStyle = (systemStatusMessageInfo) => {
     var _a;
-    const background = UIHelper_1.default.getColorByMessageType((_a = systemStatusMessageInfo === null || systemStatusMessageInfo === void 0 ? void 0 : systemStatusMessageInfo.statusType) !== null && _a !== void 0 ? _a : 'Success');
+    const background = UIHelper.getColorByMessageType((_a = systemStatusMessageInfo === null || systemStatusMessageInfo === void 0 ? void 0 : systemStatusMessageInfo.statusType) !== null && _a !== void 0 ? _a : 'Success');
     const color = systemStatusMessageInfo
-        ? UIHelper_1.default.getButtonTextColourForMessageType(systemStatusMessageInfo.statusType)
-        : '';
+        ? UIHelper.getButtonTextColourForMessageType(systemStatusMessageInfo.statusType)
+        : 'var(--ab-color-text-on-primary)';
     return {
         background,
         color,
     };
 };
-exports.getStatusItemStyle = getStatusItemStyle;

package/src/View/TeamSharing/SharedEntityDependencies.js

@@ -1,27 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SharedEntityDependencies = exports.Dependencies = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
-const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
-const AdaptableContext_1 = require("../AdaptableContext");
-const AdaptableObjectList_1 = require("../Components/AdaptableObjectList/AdaptableObjectList");
-const Dependencies = (props) => {
-    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+import * as React from 'react';
+import { Box } from 'rebass';
+import SimpleButton from '../../components/SimpleButton';
+import { useAdaptable } from '../AdaptableContext';
+import { AdaptableObjectListItem } from '../Components/AdaptableObjectList/AdaptableObjectList';
+export const Dependencies = (props) => {
+    const adaptable = useAdaptable();
     const dependencies = adaptable.api.teamSharingApi.internalApi.getSharedEntryDependencies(props.sharedEntity);
     return (React.createElement(React.Fragment, null, dependencies.map((sharedEntity) => {
         const module = adaptable.ModuleService.getModuleById('TeamSharing');
         const itemView = module.toView(sharedEntity);
-        return (React.createElement(rebass_1.Box, { as: "ul", padding: 0, key: sharedEntity.Uuid, className: "ab-Shared-Entity-Shared-Object", mb: 2 },
-            React.createElement(AdaptableObjectList_1.AdaptableObjectListItem, { deleteTooltip: 'Cannot delete dependencies.', deleteDisabled: true, module: module, data: itemView })));
+        return (React.createElement(Box, { as: "ul", padding: 0, key: sharedEntity.Uuid, className: "ab-Shared-Entity-Shared-Object", mb: 2 },
+            React.createElement(AdaptableObjectListItem, { deleteTooltip: 'Cannot delete dependencies.', deleteDisabled: true, module: module, data: itemView })));
     })));
 };
-exports.Dependencies = Dependencies;
-const SharedEntityDependencies = (props) => {
+export const SharedEntityDependencies = (props) => {
     const [isExpanded, setIsExpanded] = React.useState(false);
     return (React.createElement(React.Fragment, null,
-        React.createElement(rebass_1.Box, { mb: 3, mt: 2 }, isExpanded ? (React.createElement(SimpleButton_1.default, { onClick: () => setIsExpanded(false), icon: "arrow-up" }, "Collapse")) : (React.createElement(SimpleButton_1.default, { onClick: () => setIsExpanded(true), icon: "arrow-down" }, "Expand"))),
-        isExpanded && React.createElement(exports.Dependencies, { sharedEntity: props.data })));
+        React.createElement(Box, { mb: 3, mt: 2 }, isExpanded ? (React.createElement(SimpleButton, { onClick: () => setIsExpanded(false), icon: "arrow-up" }, "Collapse")) : (React.createElement(SimpleButton, { onClick: () => setIsExpanded(true), icon: "arrow-down" }, "Expand"))),
+        isExpanded && React.createElement(Dependencies, { sharedEntity: props.data })));
 };
-exports.SharedEntityDependencies = SharedEntityDependencies;

package/src/View/TeamSharing/SharedEntityObjectView.js

@@ -1,32 +1,27 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSharedEntityStaleDepsItemView = exports.getSharedEntityActiveStatusObjectView = exports.SharedEntityTypeItemView = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
-const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
-const Tag_1 = require("../../components/Tag");
-const AdaptableContext_1 = require("../AdaptableContext");
-const AdaptableObjectList_1 = require("../Components/AdaptableObjectList/AdaptableObjectList");
-const SharedEntityTypeItemView = (props) => {
+import * as React from 'react';
+import { Box, Flex } from 'rebass';
+import SimpleButton from '../../components/SimpleButton';
+import { Tag } from '../../components/Tag';
+import { useAdaptable } from '../AdaptableContext';
+import { AdaptableObjectListItem } from '../Components/AdaptableObjectList/AdaptableObjectList';
+export const SharedEntityTypeItemView = (props) => {
     const [isExpanded, setIsExpanded] = React.useState(false);
-    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const adaptable = useAdaptable();
     const moduleName = props.data.Module;
     const module = adaptable.ModuleService.getModuleById(moduleName);
     const sharedObject = props.data.Entity;
     const item = module === null || module === void 0 ? void 0 : module.toView(sharedObject);
     return (React.createElement(React.Fragment, null,
-        React.createElement(rebass_1.Flex, { mb: 2, mt: 2 },
-            React.createElement(rebass_1.Flex, { mr: 2, alignItems: "center" },
-                React.createElement(Tag_1.Tag, { style: { margin: 0 } }, props.data.Module)),
-            item ? (isExpanded ? (React.createElement(SimpleButton_1.default, { "data-name": "shared-entity-collapse-button", onClick: () => setIsExpanded(false), icon: "arrow-up" }, "Collapse")) : (React.createElement(SimpleButton_1.default, { "data-name": "shared-entity-expand-button", onClick: () => setIsExpanded(true), icon: "arrow-down" }, "Expand"))) : null),
-        isExpanded && item && (React.createElement(rebass_1.Box, { as: "ul", padding: 0, className: "ab-Shared-Entity-Shared-Object" },
-            React.createElement(AdaptableObjectList_1.AdaptableObjectListItem, { hideControls: true, data: item, module: module })))));
+        React.createElement(Flex, { mb: 2, mt: 2 },
+            React.createElement(Flex, { mr: 2, alignItems: "center" },
+                React.createElement(Tag, { style: { margin: 0 } }, props.data.Module)),
+            item ? (isExpanded ? (React.createElement(SimpleButton, { "data-name": "shared-entity-collapse-button", onClick: () => setIsExpanded(false), icon: "arrow-up" }, "Collapse")) : (React.createElement(SimpleButton, { "data-name": "shared-entity-expand-button", onClick: () => setIsExpanded(true), icon: "arrow-down" }, "Expand"))) : null),
+        isExpanded && item && (React.createElement(Box, { as: "ul", padding: 0, className: "ab-Shared-Entity-Shared-Object" },
+            React.createElement(AdaptableObjectListItem, { hideControls: true, data: item, module: module })))));
 };
-exports.SharedEntityTypeItemView = SharedEntityTypeItemView;
-const getSharedEntityActiveStatusObjectView = (isDependency) => (props) => {
+export const getSharedEntityActiveStatusObjectView = (isDependency) => (props) => {
     var _a, _b;
-    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const adaptable = useAdaptable();
     const activeEntries = adaptable.api.internalApi.getState().TeamSharing.ActiveSharedEntityMap;
     const sharedEntity = props.data;
     const isAdaptableObjectPresentInLocalState = !!adaptable.api.internalApi
@@ -47,11 +42,11 @@ const getSharedEntityActiveStatusObjectView = (isDependency) => (props) => {
             const newRevision = sharedEntity.Revision;
             let statusInfo = null;
             if (isUpToDateAndActive) {
-                statusInfo = (React.createElement(rebass_1.Box, { ml: 1, style: { color: 'var(--ab-color-success)' } },
+                statusInfo = (React.createElement(Box, { ml: 1, style: { color: 'var(--ab-color-success)' } },
                     React.createElement("b", null, "up-to-date")));
             }
             if (isStaleAndActive) {
-                statusInfo = (React.createElement(rebass_1.Box, { ml: 1, style: { color: 'var(--ab-color-warn)' } }, ` (Rev. ${newRevision} available)`));
+                statusInfo = (React.createElement(Box, { ml: 1, style: { color: 'var(--ab-color-warn)' } }, ` (Rev. ${newRevision} available)`));
             }
             activeInfo = activeRevision && (React.createElement(React.Fragment, null,
                 activeRevision &&
@@ -66,11 +61,10 @@ const getSharedEntityActiveStatusObjectView = (isDependency) => (props) => {
     }
     const sharedValue = `by ${sharedEntity.UserName} at ${new Date(sharedEntity.Timestamp).toLocaleString()}`;
     return (React.createElement(React.Fragment, null,
-        !isDependency && React.createElement(Tag_1.Tag, null, sharedValue),
-        activeInfo && React.createElement(Tag_1.Tag, null, activeInfo)));
+        !isDependency && React.createElement(Tag, null, sharedValue),
+        activeInfo && React.createElement(Tag, null, activeInfo)));
 };
-exports.getSharedEntityActiveStatusObjectView = getSharedEntityActiveStatusObjectView;
-const getSharedEntityStaleDepsItemView = (staleDependencies) => () => {
+export const getSharedEntityStaleDepsItemView = (staleDependencies) => () => {
     let staleDepsString = 'Shared entity has';
     if ((staleDependencies === null || staleDependencies === void 0 ? void 0 : staleDependencies.length) === 1) {
         staleDepsString += ` one (${staleDependencies[0].Module}) stale dependency`;
@@ -78,7 +72,6 @@ const getSharedEntityStaleDepsItemView = (staleDependencies) => () => {
     else {
         staleDepsString += ` ${staleDependencies.length} stale dependencies`;
     }
-    return (React.createElement(Tag_1.Tag, null,
-        React.createElement(rebass_1.Box, { ml: 1, style: { color: 'var(--ab-color-warn)' } }, staleDepsString)));
+    return (React.createElement(Tag, null,
+        React.createElement(Box, { ml: 1, style: { color: 'var(--ab-color-warn)' } }, staleDepsString)));
 };
-exports.getSharedEntityStaleDepsItemView = getSharedEntityStaleDepsItemView;

package/src/View/TeamSharing/TeamSharingApplyButton.js

@@ -1,15 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TeamSharingApplyButton = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
-const AdaptableContext_1 = require("../AdaptableContext");
-const TeamSharingApplyButton = (props) => {
-    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+import * as React from 'react';
+import SimpleButton from '../../components/SimpleButton';
+import { useAdaptable } from '../AdaptableContext';
+export const TeamSharingApplyButton = (props) => {
+    const adaptable = useAdaptable();
     const handleImport = React.useCallback(() => {
         adaptable.api.teamSharingApi.importSharedEntry(props.data);
     }, []);
-    return (React.createElement(SimpleButton_1.default, { "data-name": "shared-entity-apply-button", onClick: handleImport, variant: "text", tooltip: "Import", icon: "import-export" }));
+    return (React.createElement(SimpleButton, { "data-name": "shared-entity-apply-button", onClick: handleImport, variant: "text", tooltip: "Import", icon: "import-export" }));
 };
-exports.TeamSharingApplyButton = TeamSharingApplyButton;

package/src/View/Theme/ThemeEditor.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { AccessLevel } from '../../types';
-export declare type FieldType = 'color' | 'number' | 'text';
+export type FieldType = 'color' | 'number' | 'text';
 export interface ThemeEditorProps {
     theme: string;
     accessLevel: AccessLevel;

package/src/View/Theme/ThemeEditor.js

@@ -1,17 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeEditor = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const FormLayout_1 = tslib_1.__importStar(require("../../components/FormLayout"));
-const AdaptableContext_1 = require("../AdaptableContext");
-const AdaptableInput_1 = tslib_1.__importDefault(require("../Components/AdaptableInput"));
-const throttle_1 = tslib_1.__importDefault(require("lodash/throttle"));
-const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
-const rebass_1 = require("rebass");
-const Panel_1 = tslib_1.__importDefault(require("../../components/Panel"));
-const ThemeField_1 = require("./ThemeField");
-const VariantSelector_1 = require("./VariantSelector");
+import * as React from 'react';
+import FormLayout, { FormRow } from '../../components/FormLayout';
+import { useAdaptable } from '../AdaptableContext';
+import AdaptableInput from '../Components/AdaptableInput';
+import throttle from 'lodash/throttle';
+import SimpleButton from '../../components/SimpleButton';
+import { Box, Flex, Text } from 'rebass';
+import Panel from '../../components/Panel';
+import { Field } from './ThemeField';
+import { VariantSelector } from './VariantSelector';
 const fields = [
     {
         name: 'Primary Color',
@@ -74,9 +70,9 @@ const fields = [
         variable: '--ab-color-text-on-defaultbackground',
     },
 ];
-const ThemeEditor = (props) => {
+export const ThemeEditor = (props) => {
     var _a, _b;
-    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const adaptable = useAdaptable();
     const allThemes = adaptable.api.themeApi.getUserThemes();
     const disabled = props.accessLevel === 'ReadOnly';
     const [currentThemeObject, setCurrentThemeObject] = React.useState(() => {
@@ -107,7 +103,7 @@ const ThemeEditor = (props) => {
         };
     }, []);
     const handleNameDescriptionChangeThrottled = React.useMemo(() => {
-        return (0, throttle_1.default)((key, value) => {
+        return throttle((key, value) => {
             const theme = adaptable.api.themeApi.getCurrentThemeObject();
             const newTheme = Object.assign(Object.assign({}, theme), { [key]: value });
             adaptable.api.themeApi.editTheme(newTheme);
@@ -140,21 +136,21 @@ const ThemeEditor = (props) => {
     const nameHasChanged = currentThemeObject.Name !== props.theme;
     const nameIsNotUnique = allThemes.some((theme) => theme.Uuid !== currentThemeObject.Uuid && currentThemeObject.Name === theme.Name);
     const saveNameDisabled = !nameHasChanged || nameIsNotUnique || currentThemeObject.Name === '';
-    return (React.createElement(Panel_1.default, { header: React.createElement(rebass_1.Flex, { alignItems: "center", width: "100%" },
-            React.createElement(rebass_1.Box, { flex: 1 }, " Edit Custom Theme"),
-            React.createElement(SimpleButton_1.default, { "data-name": "delete", disabled: props.accessLevel !== 'Full', icon: "delete", onClick: handleDeleteTheme, variant: "text" })) },
-        React.createElement(FormLayout_1.default, null,
-            React.createElement(FormLayout_1.FormRow, { label: "Theme Name" },
-                React.createElement(AdaptableInput_1.default, { mr: 2, onChange: (event) => setCurrentThemeObject(Object.assign(Object.assign({}, currentThemeObject), { Name: event.target.value.replace(/ /g, '-') })), value: (_a = currentThemeObject.Name) !== null && _a !== void 0 ? _a : '' }),
-                React.createElement(SimpleButton_1.default, { onClick: handleSaveName, disabled: saveNameDisabled, icon: "save" }),
-                React.createElement(rebass_1.Text, { fontSize: 2, marginTop: 1 }, "The name cannot contain spaces."),
-                nameIsNotUnique && (React.createElement(rebass_1.Text, { fontSize: 2, color: "var(--ab-color-error)" }, "Name must be unique."))),
-            React.createElement(FormLayout_1.FormRow, { label: "Description" },
-                React.createElement(AdaptableInput_1.default, { onChange: (event) => handleDescriptionChange('Description', event.target.value), value: (_b = currentThemeObject === null || currentThemeObject === void 0 ? void 0 : currentThemeObject.Description) !== null && _b !== void 0 ? _b : '' })),
-            React.createElement(FormLayout_1.FormRow, { label: "Variant" },
-                React.createElement(VariantSelector_1.VariantSelector, { onChange: handleVariantChange, theme: currentThemeObject })),
+    return (React.createElement(Panel, { header: React.createElement(Flex, { alignItems: "center", width: "100%" },
+            React.createElement(Box, { flex: 1 }, " Edit Custom Theme"),
+            React.createElement(SimpleButton, { "data-name": "delete", disabled: props.accessLevel !== 'Full', icon: "delete", onClick: handleDeleteTheme, variant: "text" })) },
+        React.createElement(FormLayout, null,
+            React.createElement(FormRow, { label: "Theme Name" },
+                React.createElement(AdaptableInput, { mr: 2, onChange: (event) => setCurrentThemeObject(Object.assign(Object.assign({}, currentThemeObject), { Name: event.target.value.replace(/ /g, '-') })), value: (_a = currentThemeObject.Name) !== null && _a !== void 0 ? _a : '' }),
+                React.createElement(SimpleButton, { onClick: handleSaveName, disabled: saveNameDisabled, icon: "save" }),
+                React.createElement(Text, { fontSize: 2, marginTop: 1 }, "The name cannot contain spaces."),
+                nameIsNotUnique && (React.createElement(Text, { fontSize: 2, color: "var(--ab-color-error)" }, "Name must be unique."))),
+            React.createElement(FormRow, { label: "Description" },
+                React.createElement(AdaptableInput, { onChange: (event) => handleDescriptionChange('Description', event.target.value), value: (_b = currentThemeObject === null || currentThemeObject === void 0 ? void 0 : currentThemeObject.Description) !== null && _b !== void 0 ? _b : '' })),
+            React.createElement(FormRow, { label: "Variant" },
+                React.createElement(VariantSelector, { onChange: handleVariantChange, theme: currentThemeObject })),
             fields.map((field) => {
-                return (React.createElement(ThemeField_1.Field, { disabled: disabled, key: field.name, type: field.type, name: field.name, value: valuesFromTheme[field.variable], variable: field.variable, onChange: (val) => {
+                return (React.createElement(Field, { disabled: disabled, key: field.name, type: field.type, name: field.name, value: valuesFromTheme[field.variable], variable: field.variable, onChange: (val) => {
                         // needs a fresh copy
                         const currentThemeObject = adaptable.api.themeApi.getCurrentThemeObject();
                         let newTheme = null;
@@ -170,4 +166,3 @@ const ThemeEditor = (props) => {
                     } }));
             }))));
 };
-exports.ThemeEditor = ThemeEditor;

package/src/View/Theme/ThemeEditorWindow.js

@@ -1,15 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeEditorWindow = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
-const AdaptableContext_1 = require("../AdaptableContext");
-const ThemePopup_1 = require("./ThemePopup");
-const ThemeEditorWindow = () => {
-    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+import * as React from 'react';
+import { Box } from 'rebass';
+import { useAdaptable } from '../AdaptableContext';
+import { ThemePopup } from './ThemePopup';
+export const ThemeEditorWindow = () => {
+    const adaptable = useAdaptable();
     const moduleInfo = adaptable.ModuleService.getModuleInfoByModule('Theme');
-    return (React.createElement(rebass_1.Box, { p: 2 },
-        React.createElement(ThemePopup_1.ThemePopup, { hideShowInWindow: true, moduleInfo: moduleInfo, api: adaptable.api })));
+    return (React.createElement(Box, { p: 2 },
+        React.createElement(ThemePopup, { hideShowInWindow: true, moduleInfo: moduleInfo, api: adaptable.api })));
 };
-exports.ThemeEditorWindow = ThemeEditorWindow;